/* CSS Document */

#container {width: 97%;
            padding: 0px;   
	    vertical-align: top;       
	    margin-top: 3px;
	    font-family: Segoe UI, Gill Sans Light, Helvetica;
	    line-height: 27px;
	    font-size: 16px;
	    text-align: justify;
            text-justify: inter-word;
	    color: #3e3e3e;}  

/*Header*/
#header{height: 100%; float: left; width:100%; background-color: white; border-radius: 0px; margin-bottom: 20px;}
#web-logo {float: left;}
#header-banner {float: right;}

/* breadcrumbs */
#breadcrumbs {
    position: relative;
	top: 4px;
	color: #F0028F;
	float: left;
	width: 99%;
	padding: 10px;
	height: 100%;}
	
.page {color: #666666;}

/*left vertical nevigation*/
#panel{
	   height: 100%; 
	   float: left; 
	   width: 300px; 
	   max-width: 298; 
	   margin-top: 5px;
}

/* Search box start */

.search-box {
    margin-top: 18px;
}
.input-group {
    display: table;
	width: 100%;
}


.input-group .search-field {
    height: 40px;
    border: solid 2px #f0028f;
    width: 99.5%;
    padding-left: 5px;
}
.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}
.search-box .input-group-btn {
    width: 05%;
}

.input-group-btn .search-btn {
    background: #f0028f;
    color: #FFFFFF;
    border: none;
    height: 46px;
	padding: 0px 50px 0px 50px;
}
/* search box end */

#button1{
width:100%;
}

.button {
    background-color: #f0028f;
	border: 1px solid #f0028f;
    color: white;
    padding: 10px 10%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 1px -1px;
    cursor: pointer;
	font-weight: bold;
	width: 100%;
}
.button:hover{
                background-color:#fafafa;
                color:#f0028f;
}

/*right content area*/
#content{background-color: #FFFFFF; height: auto; margin-top: 5px; overflow-x: hidden; padding-left: 3%;}
.heading{color: white;
		 background-color: #F0028F;
		 padding: 1% 0px 1.5% 10px;
	/*	 margin-top: 1%;  */
		 font-weight: normal;
		 text-align: left;
		 }
.img-main {width: 90%;}
.bio_profile {color: white;}
.bio{float: left; width: 100%; margin-left: 5px;}
.about_us{text-align: justify; margin-left: auto; margin-right: auto; width: 90%; color: #333333;}
.text_style{color: #666666;}


/* news listing page */

#news-list{width: 100%;
    float: left;
    margin: 30px 0px 10px 0px;
    }

.news-list-image img{float: left;
    width: 270px;
    height: 190px;
	overflow: hidden;
	object-fit: contain;
    background: #333333;
	margin-right: 2%;}

#news-list:hover {
color: #F0028F;}

.news-title{
    line-height: 2em;
    display: block;
    color: #F0028F;
    background-color: white;
    text-align: left;
	}

.news-title:hover {
 text-decoration: underline;
}

.news-desc{
	margin-right: 1%;
	overflow: hidden;
	margin-top: 10px;
/*   display: -webkit-box; */
   -webkit-line-clamp: 5; /* number of lines to show */
   -webkit-box-orient: vertical;
}

/*  news and events details page  */
.news-events-details {
width: 100%;
margin-top: 40px;
}
.news-events-details-image-main img{ 
    width: 100%;
    height: 500px;
    object-fit: contain;
    background: #333333;                             
}
.news-details-title {
    line-height: 3em;
    display: block;
	margin: -23px 0px 0px 0%;
	color: white;
	background-color: #F0028F;
    text-align: center;
	padding-left: 1%;
	}
.article__date {
    display: block;
    color: #999;
    white-space: nowrap;
    font-size: .8em;
}

/*  All models buttons  */

.allmodels1 {
width:99.70%; height: 50px; background-color: #F0028F; color: white; float: left; line-height: 55px; border: solid 1px #F0028F; margin-bottom: 2px;
}

.allmodels1:hover { 
background-color: white; color: #F0028F;
}

/*  Pagging  */
#paging {
    margin-top: 15px;
    float: left;
    width: 100%;
}

#paging .current {
    background-color: #F0028F;
    color: #ffffff;
	text-decoration: none;
    display: inline-block;
    text-align: center;
    margin-right: 2px;
    margin-left: 2px;    
    border: solid 1px #F0028F;   
    min-width: 40px;
    height: 30px;
    padding-top: 4px;
    font-size: 14px;}	

#paging a.previous {
    width: 80px;
}
#paging a.previous:hover {
  color: white;
  text-decoration: underline;
  background-color: #F0028F;
}

#paging a.next {
    width: 70px;
}
#paging a.next:hover {
  color: white;
  text-decoration: underline;
  background-color: #F0028F;
}

#paging a {
    
	text-decoration: none;
    display: inline-block;
    text-align: center;
    margin-right: 1px;
    margin-left: 1px;
    margin-bottom: 5px;
    border: solid 1px #F0028F;    
    min-width: 40px;
    height: 30px;
    padding-top: 4px;
    font-size: 14px;
}

.pagging-count { float: left;
                 width: 100%;}
/*Footer*/
#footer{background-color: #f0028f; height: 150px; float: left; width: 100%; margin-top: 50px; margin-bottom: 1px; text-align: center; color: #FFFFFF;}

/*Become a model Form CSS*/
input[type=text], [type=email], [type=number], select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #F0028F;
    border-radius: 4px;
    box-sizing: border-box;
}

input[type=submit] {
    width: 100%;
    background-color: #F0028F;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
}

/*RESPONSIVE CSS START */

@media screen and (max-width:706px) {
#content {
         width: 100%;
}
#panel{
 display: none;	  
}
}

@media screen and (max-width:774px) {

#header-banner{
display: none;
}
#web-logo {
    float: none;
    text-align: center;
}
}

@media screen and (max-width:600px) {

.news-list-image img{
width: 100%;
}
}

/*NEW RESPONSIVE MENU */
#menu {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: white;
}

ul.topnav li {float: left;}

ul.topnav li a {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 8px 16px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 17px;
  margin-left: 1px;
  margin-top: 1px;
  background-color: #f0028f;
}

ul.topnav li a:hover {background-color: white; color: #f0028f;}

ul.topnav li.icon {display: none;}

@media screen and (max-width:680px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
  
  #content {
  padding-left: 0%;
  }
}

@media screen and (max-width:680px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}

/* SITE LINKS */
a {
    color: #f0028f;
    text-decoration: none;
}
a:hover {
        text-decoration: underline;
}

/* Blank Adsense ads hide */
ins.adsbygoogle[data-ad-status="unfilled"] {
  display: none !important;
}