@font-face {
  font-family: "Faustina, Georgia, serif";
  src: local("Faustina, Georgia, serif"), url("https://fonts.gstatic.com/s/faustina/v1/BEL0cXsTgiEuOwugqgXMR_esZW2xOQ-xsNqO47m55DA.woff2") format("woff");
  font-display: swap;
}
									
body,*{
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
/*  font-family: 'Montserrat', sans-serif; */
/*  font-family: 'Montserrat', sans-serif; 
    font-family: 'Roboto Condensed',sans-serif; 
    font-family: "Faustina, Georgia, serif";*/
	font-family: 'Helvetica', 'Arial', sans-serif;
	word-spacing: inherit;

}
body, * {
    font-family: 'Raleway', sans-serif!important;
}
.top-header span {
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
	word-spacing: inherit;
}

.clear{ clear: both; display: block; width: 100%; }
img{ max-width: 100%; }
.top-sec{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
}
img {
    vertical-align: middle;
    border-style: none;
}
p{
    font-size: 14px;
    line-height: 20px;
}
a{ text-decoration: none; }
a:hover{ color: #b886a5; }
.top-sec > div{ flex: 1; }
.menu{ 
width: 100%;
padding: 0 20px;
}
ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
li{
 display: inline-block;
}
.menu{ 
background: #b61c1c;
}
.menu ul{
    display: flex;
}
.menu ul li{
    flex: 1;
    padding: 10px 0;
}
.menu ul li a{
    color: #fff;
    text-decoration: none;
}
.top-header-part{
    /*background: #292929;*/
    background: black;
    height: 110px;
    color: #fff;
}

.body-container{
    max-width: 1240px;
    width: 100%;
    margin: 0 auto;
}
.logoWrap {
    padding: 18px 0 0 0;
    flex: 1;
}
.logoWrap img{ width: 266px; }
.head-top-part{
    height: 40px;
    background: #fff;
}
.datetime{
    color: #000;
    display: inline-block;
    font-size: 12px;
}
.datetime img {
    width: 35px;
}
.topbar-social {
    float: right;
    display: flex;
}
p.p_tagfollow {
    font-size: 15px;
    color: #fff;
    margin-right: 10px;
    font-weight: 600;
    text-transform: capitalize;
    margin-top: 7px;
}
.topbar-social a {
    color: #fff;
    margin: 0 0.5rem;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    border: 0;
    text-align: center;
    line-height: 35px;
    padding: 3px 0;
    /* opacity: 0.7; */
}
.logo_tag{
        vertical-align: bottom;
		font-style: italic;
}

.logoWrap .datetime{
        display: block;
    color: #fff;
    font-size: 11px;
	margin-top: 10px;
}
.topbar-social a img{ height: 22px; width: 22px; }

.the-new-india-logo {
    display: flex;
}
.top-ad-div{  flex: 1; }
.top-ad{
    background: #ccc;
    height: 116px;
    margin-top: 16px;   
}
.top-nav{
    border-bottom: 1px solid #ccc;
        padding: 5px 0;
        position: relative;
        z-index: 5;
}
.new-india-top-menu{ text-align: center; }
.new-india-top-menu li{ display: inline-block; position: relative; padding: 5px 5px;}
.new-india-top-menu li a{ color: #000; font-size: 14px; line-height: 18px; margin:0; font-weight: 600;}
.new-india-top-menu li .dropdown-menu{ display: none; position: absolute;
    width: 200px;
    background: #fff;
    border: 1px solid #ccc;
    top: 25px; 
text-align: left; overflow: hidden; left: 0;}
.new-india-top-menu li .dropdown-menu li{ display: block; width: 100%; margin: 5px 10px; }    
.new-india-top-menu li:hover .dropdown-menu{
 display: block;
}
.ie-spyglass {
    background: transparent url(../images/search-icon.svg) no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 1.125rem;
    width: 1.1875rem;

}
button.search-btn {
    display: inline-block;
    position: absolute;
    right: 57px;
    top: 6px;
    border: none;
    background: #cc382a;
    padding: 2px 1px 1px 3px;
}

.searchbox-icon,
.searchbox-submit{
    width:20px;
    height:20px;
    display:block;
    position:absolute;
    top:8px;
    right:0;
    padding:0;
    margin:0;
    border:0;
    outline:0;
    text-align:center;
    cursor:pointer;
    color:#dcddd8;
    text-indent: -323em;
     background-color: transparent;
}



/*.blue_color{ color: #102fed!important; }
.green_color{ color: #05540c!important; }
.purple_color{ color: #7906a4!important; }
.black_color{ color: #000!important; }*/

.searchbox{
    position:absolute;
    min-width:50px;
    width:0%;
    height:36px;
    float:right;
    overflow:hidden;
    
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
        right: 35px;
    top: 0px;
}

.searchbox-input{
    top:0;
    right:0;
    border:0;
    outline:0;
    width:100%;
    height:36px;
    margin:0;
    padding:0px 55px 0px 20px;
    font-size:20px;
    color:red;
}
.searchbox-input::-webkit-input-placeholder {
    color: #d74b4b;
}
.searchbox-input:-moz-placeholder {
    color: #d74b4b;
}
.searchbox-input::-moz-placeholder {
    color: #d74b4b;
}
.searchbox-input:-ms-input-placeholder {
    color: #d74b4b;
}

.searchbox-open{
      width: 30%;
    border: 1px solid #ccccccb8;
}
.mb-20{ margin-bottom: 20px; }
.entry-wrapper a{color: #fff;}

.social-bar li a svg {
    width: 23px;
    height: 23px;
}
.hamburger_btn{
    cursor: pointer;
    width: 1.25rem;
    height: 1rem;
    margin-right: auto;
    background: transparent;
    border: none;
    outline: none;
    position: absolute;
    top: 14px;
    left: 10px;
    z-index: 999;
    display: none;

}
.hamburger_btn span, .hamburger_btn span:after, .hamburger_btn span:before {
    display: block;
    background-color: #fff;
    height: 0.125rem;
    position: relative;
}
.hamburger_btn span:before {
    top: -0.375rem;
}
.hamburger_btn span:after, .hamburger_btn span:before {
    content: "";
    transition: all .2s;
}

.hamburger_btn span:after {
    top: 0.25rem;
}

.hamburger_btn.active span {
    background-color: transparent;
}
.hamburger_btn.active span:before {
    transform: rotate(45deg);
    top: 0;
}

.hamburger_btn.active span:after {
    transform: rotate(-45deg);
    top: -0.125rem;
}

.hamburger_btn.active span:after, .hamburger_btn.active span:before{
    background-color: #000;
}

.social-doted {
    position: absolute;
    right: 15px;
    top: 4px;
    width: 37px;
    cursor: pointer;
}

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

.top-header span{
    position: relative;
}

.top-header span:before {
    position: absolute;
    width: 4px;
    height: 49%;
    left: -7px;
    top: 10px;
    background: blue;
    content: "";
}

.top-header span:before {
    position: absolute;
    width: 4px;
    height: 49%;
    left: -7px;
    top: 10px;
    background: blue;
    content: "";
}

.top-header {
    margin-left: 5px;
}

.top-header .red:before {
    background: #ff0000;
}
.top-header .pink:before {
    background: #FF00FF;
}
.top-header .brown:before {
    background: brown;
}
.top-header .purple:before {
    background: purple;
}

.top-header span.blackcol:before {
    background: #000;
}

.top-header span.green:before {
    background: green;
}

.top-header span.magenta:before {
    background: #FF5802;
}



.top-header .red:before {
    background: #ff0000;
}
.top-header .pink:before {
    background: #FF00FF;
}
.top-header .brown:before {
    background: brown;
}
.top-header .purple:before {
    background: purple;
}

.top-header a.blackcol:before {
    background: #000;
}

.top-header a.green:before {
    background: green;
}

.top-header a.magenta:before {
    background: #FF5802;
}

.top-header a.red::before {
  background: #ff0000;
}

.top-header a:before {
    position: absolute;
    width: 4px;
    height: 38%;
    left: -2px;
    top: 15px !important;
    background: blue;
    content: "";
}

.body-container{ padding: 0 10px; }

.the-new-india-logo{ display: block; }
.logoWrap{ width: 100%; text-align: center; }
/*.logo_tag{display: block;} */
.logo_tag { font-size: 13px; }
.top-header-part{ height: auto; /*padding-bottom: 10px;*/ }
/*.top-nav{
    background: #fff;
    height: auto;
    z-index: 99;
    position: fixed;
    top: 0;
    height: 100%;
    width: 0;
    overflow: hidden;
    transition: all .2s;
}*/
.hamburger_btn.active + .top-nav{width: 100%;}
.new-india-top-menu li .dropdown-menu{ z-index: 8; }
.searchbox-open{ width: 80%; }
.hamburger_btn{ display: block; }
.top-nav{
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    height: auto;
    position: static;
}


.searchbox-input{ height: 20px;top: 8px; padding: 0px 24px 0px 0px; }
.searchbox{ min-width: 20px;top: 9px; }
.searchbox-icon, .searchbox-submit{ top: 0; }
.searchbox-open .searchbox-input{height: 34px;}
.searchbox-open .searchbox-icon, .searchbox-open .searchbox-submit{top: 7px;}
.ie-spyglass {background: url(../images/search-white.svg) no-repeat;background-size: 100%;}
}
.new-india-top-menu li:hover:after {
    content: "";
    background: red;
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
}
span.red_color {
    color: red;
}