body{
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}
/* top header starts */
#top_header{
    background-color: #27377A;
    min-height: 35px;
}

.quick_contact{
    padding-top: 8px;
    box-sizing: inherit;
}

.quick_call{
    
    margin: 0;
    padding: 0 8px;
    list-style: outside none none;
    font-size: 13px;
   /* border-right: 1px solid #ffffff; */

}

.quick_call i{
    color: #ffab1f;

    display: inline-block;
    font-family: FontAwesome;
    margin-right: 5px;
    font-size: 13px;
    font-family: 'Merriweather Sans';
}

.quick_call a{
    color: #ffffff;
    text-decoration: inherit;
    font-size: 13px;
    font-family: 'Merriweather Sans';
}




.quick_email{
    
    margin: 0;
    padding: 0 8px;
    list-style: outside none none;
    font-size: 13px;
   /* border-right: 1px solid #ffffff; */

}

.quick_email i{
    color: #ffab1f;

    display: inline-block;
    font-family: FontAwesome;
    margin-right: 5px;
    font-size: 13px;
    font-family: 'Merriweather Sans';
}

.quick_email a{
    color: #ffffff;
    text-decoration: inherit;
    font-size: 13px;
    font-family: 'Merriweather Sans';
}

.top_news{
    margin:  8px 5px;
    padding: 0;
    /* list-style: outside none none; */
       
}

.top_news i{
    color: #ffab1f;

    display: inline-block;
    font-family: FontAwesome;
    margin-right: 5px;
    font-size: 13px;
    font-family: 'Merriweather Sans';
}

.top_news a{
    color: #ffffff;
    text-decoration: inherit;
    font-size: 13px;
    font-family: 'Merriweather Sans';
}

.quick_links{
    position: relative;
}

.quick_links a{

    border: 1px solid #dddddd;
    color: #ffffff;
    display: inline-block;
    margin: 3px 0;
    padding: 4px 10px 4px 10px;
    position: relative;
    text-decoration: none;
    box-sizing: inherit;
    
}

.quick_links ul a{
    color: black !important;
}
.quick_links ul a:hover{
    background-color: #ffab1f;
    color: white !important;
}

/* top header ends */


/* logo header starts */
.logo_header{
    padding: 5px 0;
    min-height: 50px;
}
.custom_logo img{
    margin-right: 10px;
    max-width: 300px;
    height: 150px;
}

.logo_header p{
    font-family: 'Merriweather Sans';
    font-size:20px;
    font-weight:bold;
    color:#27377A;
    margin-right:3%;
}

/* logo header ends */


/* main nav starts */
.main_nav{
    background-color: #27377A;
    border-bottom: 5px solid #ffab1f;
    display: block;
    display: flex;
    width: 100%;
    transition: all 0.5s ease-in-out;
 
}

.main_nav .navbar-nav li{
    padding: 0px 15px;
    border-right: 1px solid #fff;
}

.main_nav .navbar-nav  a{
    
    color: white;
    font-size: 14px;
    display: block;
    font-weight: normal;
    padding: 10px 0px;
    text-align: center;
    position: relative;
    z-index: 99;
    font-family: 'Merriweather Sans';
    transition: all 0.5s ease-in-out;
}

.main_nav .navbar-nav li:hover{
    background-color: #ffab1f;
    color: white;
}

.navbar-toggler{
    margin: 0 auto;

}

.navbar-toggler span{
    color: white;
}

.dropdown-menu a{
    color: black !important;
}

.dropdown-menu a:hover{
    color: #ffab1f !important;
    background-color: #27377A;
}

/* main nav ends */




/* carousel starts */

.slider{
	width: 100%;
	/*border:10px solid  #29a8e2;*/
	/*margin:80px auto;*/
	position: relative;
	overflow: hidden;
}

.slider .left-slide,.slider .right-slide{
  position: absolute;
  height: 40px;
  width: 40px;
  background-color: #444444;
  border-radius: 50%;
  color:#ffffff;
  font-size: 20px;
  top:50%;
  cursor: pointer;
  margin-top: -20px;
  text-align: center;
  line-height: 40px;
  
}
.slider .left-slide:hover,.slider .right-slide:hover{
 box-shadow: 0px 0px 10px black;
 background-color: #27377A !important;
}

.slider .left-slide{
	left: 30px;
}
.slider .right-slide{
	right: 30px;
}
.slider .slider-items .item img{
	width: 100%;
	display: block;
	animation:zoom 1s ease;
}

@keyframes zoom{
	0%{transform: scale(2);opacity: 0}
	50%{transform: scale(2);}
	100%{transform: scale(1);opacity:1}
}
.slider .slider-items .item{
	display: none;
	position: relative;
}
.slider .slider-items .item .caption{
position: absolute;
width: 100%;
height: 60px;
bottom: 0px;
left: 0px;
background-color: rgba(0,0,0,.5);
line-height: 60px;
text-align: center;
color: #ffffff;
font-size: 30px;

}

.slider .slider-items .item.active{
	display: block;
}

/* carousel ends */

/* main page starts */
.main_page{
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    margin-top: 5%;
}
.main_page h1{
    text-align: center;
    font-size: 28px;
    color: #27377A;
    font-family: 'Merriweather Sans';
    font-weight: 600;
    margin: 0 0 15px;
}
.main_page p{
    color: #666666;
    line-height: 1.5;
    font-size: 16px;
    font-family: 'Merriweather Sans';
    margin: 0 0 15px;
    text-align: justify;
}

/* main page ends */


/* Abouts us starts */

.about-us-main-img{
    background-image: url(../images/aboutus.jpg);
    width: 100%;
    height: 300px;
    background-size: cover;
    position: relative;
   
}

.about-us-main-img .background-overlay{
    background-color: #17395B;
    opacity: 0.7;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.about-us-main-img .about-us-main-img-text{

 padding: 100px;
 text-align: center;
 
}

.about-us-main-img .about-us-main-img-text p{

    color: white;
    font-size: 16px;
    font-family: 'Merriweather Sans';
    font-weight: 600;
    font-style: oblique;
   
}

.about-us-main-img .about-us-main-img-text h1{
    color: white;
    font-size: 35px;
    font-family: 'Merriweather Sans';
    font-weight: bold;
    
}

.aboutus_text h1{
color: #27377A;
font-size: 20px;
font-family: 'Merriweather Sans';
font-weight: bold;
}

.aboutus_text p{
    color: black;
    font-size: 16px;
    font-family: 'Merriweather Sans';
    /* font-weight: bold; */
    text-align: justify;
    
    }

/* About us ends */




/* Radio and VDR starts */

.radio_vdr-main-img{
    background-image: url(../images/aboutus.jpg);
    width: 100%;
    height: 300px;
    background-size: cover;
    position: relative;
   
}

.radio_vdr-main-img .background-overlay{
    background-color: #17395B;
    opacity: 0.7;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.radio_vdr-main-img .radio_vdr-main-img-text{

 padding: 100px;
 text-align: center;
 
}

.radio_vdr-main-img .radio_vdr-main-img-text p{

    color: white;
    font-size: 16px;
    font-family: 'Merriweather Sans';
    font-weight: 600;
    font-style: oblique;
   
}

.radio_vdr-main-img .radio_vdr-main-img-text h1{
    color: white;
    font-size: 35px;
    font-family: 'Merriweather Sans';
    font-weight: bold;
    
}

.radio_vdr_text h1{
color: #27377A;
font-size: 20px;
font-family: 'Merriweather Sans';
font-weight: bold;
}

.radio_vdr_text p{
    color: black;
    font-size: 16px;
    font-family: 'Merriweather Sans';
    /* font-weight: bold; */
    text-align: justify;
    
    
    }

/* Radio and VDR ends */


/*contact start*/

#contact
{
 width: 85%;
}

#contact button
{
    background-color: #27377A;
    color: white;
    font-family: 'Merriweather Sans';
}

#contact h1
{
    font-family: 'Merriweather Sans';
    font-weight: bold;
}


#contact2
{
    display: flex;
    margin-top: 50px;
}

#contact2 i
{
    font-size: 25px;
    color: white;
    background-color: #3175b9;
    padding: 10px 14px;
    border-radius: 80px;

}

#contact2 i:hover
{
    font-size: 25px;
    color: white;
    background-color: #27377A;
    padding: 10px 14px;
    border-radius: 80px;
    transition: all ease 0.9s;

}

#contact2 h4
{
  color: #27377A;
  margin-left: 10px;
  font-family: 'Merriweather Sans';
  font-weight: bold;
}

#contact2 p
{
  color: black;
  margin-left: 10px;
  font-family: 'Merriweather Sans';
  font-weight: bold;
  font-size: 13px;
  margin-top: -10px;
}

#form
{
    padding: 50px;
}

#form1
{
    display: flex;
    justify-content: space-between;
}

#form1 input
{
    width: 250px;
    justify-content: space-between;
}

#map{
    height: 200px;
    color: #000000;
    margin-bottom: 10px;
    border-radius: 10px;
    margin-top: 5%;
    }

@media screen and (max-width:992px)
{
  #contact
   {
     width: 100%;
     padding: 20px;
   } 

   #contact h1
    {
        font-family: 'Merriweather Sans';
      font-weight: bold;
      margin-top: 30px;
    }
    #contact2 i:hover
    {
     background-color: #27377A;
     color: white;
    }
    #form
    {
     padding: 20px;
    }
    #form1
    {
        display: block;
    }
    #form1 input
    {
     width: 335px;
     margin-top: 10px;
    }
 
}

/*contact ends*/


/* Footer Starts */
footer{
    background-color: #27377A;
    border-top: 5px solid #ffab1f;

}

footer ul li{
    list-style-type: none;
    margin-top: 20px;
}

footer ul li a{
    font-size: 15px;
    font-weight: 500;
    font-family: 'Merriweather Sans';
    text-decoration: none;
    color: white;
    transition: all ease 0.4s;

}

footer ul li a h1{
    color:white;
    font-size: 23px;
    font-family: 'Merriweather Sans';
}


footer ul li a:hover{
    color: #ffab1f !important;
}


#social h1{
    color:white;
    font-size: 23px;
    font-family: 'Merriweather Sans';  
}

#social a{
    text-decoration: none;
    font-size: 17px;
    font-family: 'Merriweather Sans';
    margin-top: 2%;
    padding: 15px 10px;
    color: white;
}

footer .bottom-text{
    text-align: center;
    font-size: 16px;
    color: white;
    font-family: 'Merriweather Sans';

}

footer .bottom-text2 a{
    text-align: center;
    font-size: 16px;
    color: white;
    font-family: 'Merriweather Sans';
   
}

@media screen and (max-width:572px) {
  footer .row{
    display: block;
  }    
}


/* Footer Ends */