@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');
body{ margin:0px; padding:0px; font-family: 'Raleway', sans-serif;}
.clr{ clear:both;}
*{ margin:0px; padding:0px;font-family: 'Poppins', sans-serif!important;}

.wrapper{ width:1170px; margin:0px auto; padding:0px 0px;}
.top{ background:#313030;}
.top-lft li { border-right: 1px solid #c7c7c7; float: left; list-style: outside none none; padding: 8px 14px 6px; }

.top-rgt { float: right; margin-bottom: 0 !important;  padding-right: 0;}
.top-rgt li { float: left; list-style: outside none none; padding: 5px 3px; border-right:1px solid #6d6d6d;}

.top h4 { background: #ed7025 none repeat scroll 0 0; color: #fff; float: left; padding: 12px 26px; margin-bottom: 0 !important; font-size: 14px; font-weight: bold;}
.top p { float: left; color: #fff; font-size: 13px; padding: 13px 11px; margin-bottom: 0 !important;}
.top-rgt a { color: #fff; font-size: 16px; text-decoration: none;}
.top-rgt li:nth-child(2) { background: url(../images/upload.png) no-repeat left 10px center; padding-left: 50px ;}

.logo { float: left; margin: 7px 0 !important;}
.ads {float: right;  padding: 35px 0 0;}
.header { padding: 10px 0;}

.ads ul { float: right; margin: 0 !important;}
.top-rgt ul { float: right; margin: 0;}

.carousel-item { height: 75vh;}
.txt { color: #fff; padding: 60px 0; text-align: center;}
.txt h1 { font-size: 43px; font-weight: normal; text-shadow: 2px 2px #000; text-transform: uppercase;}
.txt p { font-size: 18px; padding: 8px 0; text-transform: uppercase; text-shadow: 2px 2px #000;}
.ads li { float: left; list-style: outside none none; margin: 0 0 0 18px;}
/*.srch { background: rgba(0, 0, 0, 0) url("../images/srch.png") no-repeat right 14px center; border: 1px solid #cdcdcd; border-radius: 3px;
  padding: 10px 14px; width: 267px;}*/
 .srch {
  border: 1px solid #cdcdcd;
  border-radius: 0;
  height: 40px;
  padding: 0 0 0 10px;
  width: 267px;
} 
  
select.categ { color: #787878; padding: 11px 12px; border: 1px solid #cdcdcd; border-radius: 3px;}
.txt a { background: #ed7025 none repeat scroll 0 0; border-radius: 3px; color: #fff; font-weight: bold; padding: 13px 35px; text-decoration: none;}
.txt a:hover {
  background: #cf6d17;
  border: 1px solid #cf6d17;
  color: #fff;
  padding: 12px 34px;
}
.txt > span { float: left; width: 100%; margin: 32px 0;}
/*.my-4 > span{ border-bottom: 2px solid #e74c3c; padding: 0 0 18px;}*/
 
.post { float: right; width: 23.3%;}
.featur { width: 100%;  height: 197px;}
.content { background: rgba(0, 0, 0, 0) url("../images/bg.png") repeat scroll 0 0; bottom: 0; color: #fff; font-size: 13px; margin: 20px 15px;
  padding: 7px 10px; position: absolute; z-index: 100; font-weight: normal;}
.post li  h5 { background: #e22b0d none repeat scroll 0 0; bottom: 77px; color: #fff; float: left; font-size: 13px; margin: 0 15px; padding: 8px 14px; position: absolute;}  
.post li  { z-index: 100; position: relative; float:left; margin: 0 15px; list-style: outside none none;  margin: 0 0 12px;}


.cont1 { margin: 30px 0;}
.latest-news { float: left;}
 .col-lg-10.mb-10 .my-4/*{  font-size: 22px;  font-weight: 700; margin:0 0 45px 0px; padding: 18px 0px 20px; text-transform: uppercase; border-bottom: 2px solid #eaeaea;}*/
{ color: #e67e22; font-size: 25px; padding: 12px 0px; text-transform: uppercase;  font-weight: bold;}
.nws {  list-style: outside none none; margin:0 0 30px !important;  padding: 0 0 0 15px !important;}
.card-title { font-weight: 600; line-height: 15px;}
.card-title a { color: #171717; font-size: 15px; line-height: 22px; margin: 10px 0;}
.card-body h6 { font-size: 12px; font-weight: 300;  color: #7f7f7f; float: left;}
.card-body h5 { font-size: 12px; font-weight: 300;  color: #7f7f7f; float: right;}

.card.h-100 {
    float: left;
    padding: 0;
    width: 100%;
}
.card-body { padding: 10px;}

.cont1-left { float: left; width: 70%;}


.ads-banner { margin-top: 35px; margin-bottom: 30px;}
.ads-banner img { width: 100%;}
.ad3 { padding: 35px 0; text-align: center;}


.snd { background: #e67e22 none repeat scroll 0 0; border: 1px solid #e1e1e1; color: #fff; font-size: 14px; font-weight: bold; margin: 15px 0px;
  padding: 12px 10px; text-align: center;}
.cont2 { margin: 30px 0; background:#f5f5f5;  padding: 50px 0 20px;}
.view { float: right; background: #e67e22; display: inline-block; width: 85px; height: 45px; text-align: center; padding-top: 10px;}
.view :hover {
  background:#cf6d17;
  color: #fff;
  padding: 11px 12px;

}
.view a { color: #fff; text-decoration: none;  font-size: 15px;}
.view a :hover{
  color:#e67e22;
 padding: 10px 13px;

}
.title { background: #e67e22; color: #fff; font-size: 20px; padding: 12px 20px; text-transform: uppercase; margin: 0 0 30px;}
.title2 { color: #e67e22; font-size: 25px; font-weight:bold; padding: 7px 0px; text-transform: uppercase; }

.cont2 li {list-style: none;  margin: 0px;}
.cont2 li img { width: 100%;}
.cont2 li h5 { font-size: 16px;}
.cont2 li:last-child { margin-right: 0;}
.cont2 li h5 { font-size: 16px; padding: 12px 0 0;}

.cont3 {padding: 30px 0;  text-align: center;}
.subscribe > img { width: 100%;}

.ad img { width: 100%;}
.ad { padding: 0px 0 0; margin-top: 35px;}


.abt { background:rgba(0, 0, 0, 0) url("../images/abt.jpg") repeat scroll 0 0 / cover ; padding: 60px 0;}
.abt h3 { color: #fff; font-size: 27px; font-weight: 600; margin-bottom: 30px;  text-align: center;}
.abt h3 span { color: #e67e22;}
.btn { text-align: center; width: 100%;}
.btn a { background: #e67e22; color: #fff; padding: 10px 18px; text-decoration: none; font-weight: 700;}
.btn a:hover{
  padding: 10px 18px;
  color: #fff;
  background: #cf6d17;
}

.footer { background: #000; border-top: 4px solid #e67e22; padding: 40px 0 20px; float:left; width:100%;}
.footer1 { float: left;}
.footer1 p { color: #fff; font-size: 14px; line-height: 27px; padding: 25px 0 20px;}
.footer1 h5 { color: #fff; float: left; font-size: 15px;}
.footer1 li { float: left; list-style: none; padding: 0 6px;}
.footer2 li:last-child { border-bottom: 0px;}

.footer h3 { font-size: 24px; color: #fff; text-transform: uppercase; font-weight: bolder; padding-bottom: 8px;}
.footer2 {  padding: 0 30px; }
.footer2 li { float: left; padding: 15px 0; width: 93%; border-bottom: 1px solid #2a2929; list-style: none;}
.footer2 a {  background: rgba(0, 0, 0, 0) url("../images/arro.png") no-repeat left center; color: #fff; font-size: 14px;  text-decoration: none;  padding: 0 0 0 22px;}
.footer3 { float: left;}
.copyright { float: left; width: 100%; padding: 15px 0 0; border-top: 1px solid #4e4e4e; margin: 35px 0 0;}
.copyright p { color: #fff; font-size: 13px; text-align: center;}




/* ----------------about -----------------*/

.heading h4 { text-align: center; font-size: 25px; text-transform: uppercase; font-weight: bold;
  color: #e67e22;
  display: block; 
 
}
.about { padding: 30px 0;}
.about img { float: left; margin: 0 25px 20px 0;}
.about h5 { border-bottom: 2px solid #eaeaea; float: left; font-size: 18px; margin: 0 0 20px; 
padding:0px 0 18px; text-transform: uppercase; width: 51%;}
.about h5 span { border-bottom: 2px solid #e74c3c; padding: 0 0 18px;}
.about p { font-size: 14px; line-height: 29px; padding: 0px;}
.top-bodr { border-top: 5px solid #e67e23; padding: 0px;}
.heading  p { font-size: 14px; text-align: center; padding: 16px 0 7px; line-height: 24px;  margin: 0;}

.title h5 { font-size: 15px; font-weight: normal; margin: 0; padding: 3px 0;}

.abt-img img { width: 100%;}


/* ---------------- log in  -----------------*/

.log-lft { background: #f9f9f9 none repeat scroll 0 0; border: 1px solid #cccccc; border-radius: 3px; padding: 30px 13px;  margin: 25px 0 50px; }
.log-lft h4 { background: url(../images/key.png) no-repeat right 10px center; margin-bottom: 25px; border-bottom: 1px solid #e67e22; padding: 0 0 12px 3px;}
.frm { background: transparent none repeat scroll 0 0; border: 1px solid #d6d6d6; font-size: 13px; margin: 0 0 20px 0px !important; padding:5px 0 5px 15px;}
.rem { float: left; padding: 12px; width: 96%;}
.log-lft p { font-size: 13px; padding:5px 0 0 0; }
.rem > input { float: left; margin: 3px 0 0 !important;}
.rem h6 { float: left; font-size: 13px; font-weight: normal; padding: 0 0 0 10px;}
span.psw { font-weight: 500; float: right; font-size: 14px; padding: 5px 0 0;}
.psw > a { color: #333; text-decoration: none;}

.log-lft .container p { font-size: 13px; padding: 0 0 0 12px;}
.log-lft .container p span { color: #ed7025;}
.frm.admin {
  background: rgba(0, 0, 0, 0) url("../images/admin3.png") no-repeat scroll left center;
  padding: 8px 0 9px 20px;
  border-bottom: 1px solid #cacaca;
  border-top: 0;
  border-left: 0px;
  border-right: 0;
}
.frm.pass{ background: url(../images/lock.png) no-repeat left center; padding: 8px 0 9px 20px;
  border-bottom: 1px solid #cacaca;
  border-top: 0;
  border-left: 0px;
  border-right: 0;}
.log-rgt { margin: 20px 0 0 25px !important;}
.log-rgt li { list-style: none; float: left; width: 100%;  padding:25px 0 0;}
.log-rgt img { float: left; padding: 0 12px 0 0;}
.log-rgt span { font-size: 14px;}
.log-rgt p { padding: 7px 0 0;}
.log-rgt > h4 { font-size: 21px; font-weight: 700; text-transform: uppercase;  padding-left: 15px;}
.login { padding: 20px 0 35px;}

/* ---------------- registraion  -----------------*/

.regist { padding: 20px 0 35px;}
.regist .log-lft h4{ background: url(../images/edit.png) no-repeat right 10px center;}
.frm.mail{background: url(../images/mail.png) no-repeat left center; }
.frm.pass2{background: url(../images/lock2.png) no-repeat left center; }
.regist .frm { margin: 15px 0 0 12px;}
.regist .snd { margin: 32px 10px 20px;}
.regist .log-rgt li {list-style: inherit;}
.log-lft span { color:#ed7025;
  font-weight: bold;
}
.psw > a{ color:#ed7025;
  font-weight: bold;
}
.col-lg-12.mb-12.control-group .col-lg-10.mb-10.controls {
  flex: 0 0 100%;
  max-width: 100%;
}
.form-horizontal .col-lg-10.mb-10.controls #email {
 background: rgba(0, 0, 0, 0) url(../images/admin3.png) no-repeat scroll left center!important;
  padding: 8px 0 9px 20px;
  border-bottom: 1px solid #cacaca;
  border-top: 0;
  border-left: 0px;
  border-right: 0;
  background: rgba(0, 0, 0, 0)
} 

.form-horizontal .col-lg-10.mb-10.controls #username {
 background: rgba(0, 0, 0, 0) url(../images/admin3.png) no-repeat scroll left center!important;
  padding: 8px 0 9px 20px;
  border-bottom: 1px solid #cacaca;
  border-top: 0;
  border-left: 0px;
  border-right: 0;
  background: rgba(0, 0, 0, 0)
} 
.form-horizontal .col-lg-10.mb-10.controls #password {
 background: rgba(0, 0, 0, 0) url(../images/lock.png) no-repeat scroll left center!important;
  padding: 8px 0 9px 20px;
  border-bottom: 1px solid #cacaca;
  border-top: 0;
  border-left: 0px;
  border-right: 0;
  background: rgba(0, 0, 0, 0)
} 

.form-horizontal .col-lg-10.mb-10.controls #pass_confirm {
 background: rgba(0, 0, 0, 0) url(../images/lock.png) no-repeat scroll left center!important;
  padding: 8px 0 9px 20px;
  border-bottom: 1px solid #cacaca;
  border-top: 0;
  border-left: 0px;
  border-right: 0;
  background: rgba(0, 0, 0, 0)
} 
/* --------------Forgot Password -------------*/
.form-horizontal .controls #email{
  background: rgba(0, 0, 0, 0) url(../images/lock.png) no-repeat scroll left center!important;
  padding: 8px 0 9px 20px;
  border-bottom: 1px solid #cacaca;
  border-top: 0;
  border-left: 0px;
  border-right: 0;
  background: rgba(0, 0, 0, 0)
}
/* ---------------- category  -----------------*/

.categry .latest-news li { width: 23.8%;}
.categry .latest-news li:last-child{ margin-right: 0px;}
.categry .latest-news li:nth-child(3){ margin-right: 15px;}
.categry .latest-news h3 { background: transparent;}
.line span{ border-bottom: 2px solid #e74c3c; padding: 0 0 5px; float:left;}

.line { border-bottom: 2px solid #eaeaea; margin: 0 0 35px; padding: 18px 0 0px; text-transform: uppercase;}

.line h4 { font-size: 22px; float: right; padding: 9px 8px;}
.aro { padding: 17px 0 0;}

.categry2 .latest-news li { width: 23.8%;}
.categry2 .latest-news li:last-child{ margin-right: 0px;}
.categry2 .latest-news li:nth-child(3){ margin-right: 15px;}
.categry2 .latest-news h3 { background: transparent;}
.categry2{ background: #f4f4f4; padding: 20px 0;}

.blog-lft { float: left; width: 69%; margin: 40px 0;}
.blog-post { background: #f5f5f5 none repeat scroll 0 0; padding: 25px 25px 75px;}
.blog-post video{ width: 100%; height: 385px !important;} 
.blog-lft ul.blog-post li { float: left; list-style: outside none none; margin: 0 0 50px; width: 100%; float: left;}
.blog-lft ul.blog-post h3 { font-size: 22px; padding: 12px 0; text-transform: uppercase;}
.blog-lft ul.blog-post p { font-size: 14px; line-height: 25px;}
span.bar { border-top: 1px solid #e67e22; float: left; width: 100%; border-bottom: 1px solid #e67e22; margin: 10px 0 0; padding:4px 0 0 0;}
.bar h6 { background: rgba(0, 0, 0, 0) url("../images/admin3.png") no-repeat scroll left center; float: left; font-size: 13px;
  font-weight: normal; margin: 0 0 0 15px; padding: 14px 24px;}
.bar > img { float: left;  padding: 4px 0 0;}
.read { float: right;}
.bar h5 { background: rgba(0, 0, 0, 0) url("../images/chat.png") no-repeat scroll left center; float: left; font-size: 13px; font-weight: normal;
  margin: 0 0 0 15px; padding: 9px 24px;}
.read {
  font-size: 14px;
  padding: 9px 30px 0 0;
  text-decoration: none;
  font-weight: 500;
  display: block;
  width: max-content;
  background: #e67e22;
  padding: 8px;
  color: #fff;
  text-decoration: none !important;
  }
  .card-body.col-md-7 a {
    color:#fff!important;
  }

/*------ newsimage css(23-09-2019) -------*/
.col-md-5 .card-img-top {
  height: 100%!important;
   object-fit: cover!important;
  object-position: center!important;
  border: 2px solid #ccc!important;
} 
.pic {width: 100%;}
.blog-rgt { float: right; width: 28%;  margin: 0 0 30px;}
.popular { border: 1px solid #dedede; margin: 10px 0 30px !important; padding: 0;  background: #fff none repeat scroll 0 0;}

.btn2 { color: #333; font-size: 16px; font-weight: bold; padding: 13px 0; text-align: center; text-decoration: none; text-transform: uppercase;
 }
.btn3 { background: #e67e22; text-transform: uppercase; font-weight: bold; color: #fff; text-decoration: none; font-size: 16px;  margin: 0;
   text-align: center; padding: 13px 0;}
.pops { border: 1px solid #e67e22;  margin: 0px 0px 2px 0px; }
.popular li {
  border-bottom: 1px solid #d9d9d9;
  float: left;
  list-style: outside none none;
  margin: 0 auto 0px 4px !important;
  padding: 10px 0;
  width: 98%;
}

.popular li:last-child{border-bottom:0px;}
/*.popular span { float: right; width: 60%;}*/
.popular p { font-size: 13px; margin-bottom: 0;  color: #333;}
.popular h6 { color: #57a8dc; padding: 5px 0; font-weight: normal;}

/*.soc { background: #f5f5f5 none repeat scroll 0 0; margin: 22px 0; border: 1px solid #e4e4e4; padding: 20px;}*/
.soc { float: right; margin: 0;}
.soc ul { background: transparent; padding: 0; width: 100%;}
/*.soc li { float: left; list-style: outside none none; padding: 15px 15px 0 0;}*/
.soc li { float: left; list-style: outside none none;}
.soc h3 { font-size: 22px; text-transform: uppercase; color: #353535;}

.comnt { background: #f5f5f5 none repeat scroll 0 0; margin: 22px 0; border: 1px solid #e4e4e4; padding: 20px;}
.reply h3 { float: left;}
.reply h5 { float: right;}
.comnt h6 { float: left; padding: 15px 0 0; width: 100%; font-size: 15px; font-weight: normal;}
.comnt textarea { float: left; margin: 10px 0 20px; padding: 15px; width: 100%;}


.card { background-color: #f9f9f9 !important; border-radius: 0px !important;}
.cont2 .col-lg-12.mb-12 { padding: 0 !important;}


.bg-dark { background-color: #000 !important;}
.row.abt { margin: 30px 0 0;}
.card-body > h4 { font-size: 22px; font-weight: 700; padding: 10px 0 2px; text-transform: uppercase;}
.cards { margin-bottom: 80px !important;}
.card-text { font-size: 14px; line-height: 26px; margin-top:15px;}
.heading { padding: 20px 0 20px;margin-bottom:15px;}
.post-detail { padding: 15px 0;}
 


.line .col-lg-11.mb-11 { padding: 0px;}

.categry { padding: 25px 0;}
.categry2 { padding: 25px 0;}
.log-rgt h3 { font-size: 17px; font-weight: bold; line-height: 20px; margin-bottom: 0;}


/* ---------------- top scrolling text  -----------------*/
.example1 {
 height: 35px;	
 overflow: hidden;
 position: relative;
}
.example1 p {
 font-size: 13px;
 color: #fff;
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 10px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: example1 15s linear infinite;
 -webkit-animation: example1 15s linear infinite;
 animation: example1 15s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes example1 {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes example1 {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes example1 {
 0%   { 
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%); 
 }
}



/* =========================toggle menu ============== */

 
#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    right: 0;
    width: 260px;
    height: 100%;
    margin-right: -260px;
    overflow-y: auto;
    background: #000;
    z-index: 99999999;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.sidebar-nav {
    position: absolute;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 20px;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.27);
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #FFF;
    font-size: 16px;
    padding: 15px 15px;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #ed7025;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 55px;
    font-size: 18px;
    line-height: 55px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}
#sidebar-wrapper.active {
    right: 250px;
    width: 260px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.toggle {
    margin: 5px 5px 0 0;
}
.close-btn {
    display: block;
    color: #FFFFFF;
    font-size: 2em;
    margin: 0;
    padding: 0;
    text-align: right;
    width: 100%;
    padding-right: 25px;
}
.close-btn:hover {
    color: #84FFB0;
}




/* ///////////////////////////////////////////////////////////////////// 
//  04 - Preloader
/////////////////////////////////////////////////////////////////////*/

#preloader { 
    position: fixed; 
    left: 0; 
    top: 0; 
    z-index: 99999999999; 
    width: 100%; 
    height: 100%; 
    overflow: visible; 
    background: #fff url('../img/preloader.gif') 
    no-repeat center center; 
}
#menu-toggle {
  border: 1px solid #fff;
  color: #fff;
  float: right;
  font-size: 21px;
  line-height: 0;
  margin: 4px 0 0;
  padding: 2px 6px;
  z-index: 1;
}
.top-rgt li:last-child {
  border-right: 0 none; margin: 2px 0 0;
  padding: 0 11px;
}

/* =========================toggle menu ============== */


/* =========================10 oct css============== */
.yesterday { padding-bottom: 30px;}

.help-block { float: left;  padding: 9px 0 0;}

.btn-primary:hover {
  background-color: #e67e22 !important;
  border-color: #ffa044 !important;
  color: #fff;
}
.already-registered > a{color: #ffa044 !important; font-weight: bold;}
#login a { color: #333; font-size: 14px; line-height: 18px; font-weight:bold;}
label.bld { font-weight: bold;}
#login { max-width: 100% !important;  border: 0px !important; box-shadow: 0 0 0 !important;}



/* =========================24 oct css============== */

.form-horizontal .control-group .controls { margin-left: 0px !important;}

.form-horizontal .control-group .controls { margin-left: 0px !important;}
.or { color: #9f9f9f; float: left; margin: 0 4px 0 0 !important; padding: 10px 0;}

.well > a { font-weight: bold; text-decoration: underline; color: #ed7025 !important;}
.card.h-100 > img {
  height: auto;
  width: 100%;
}



/* ========================= mt profile ============== */

.acc_frm { background: #f9f9f9 none repeat scroll 0 0; border: 1px solid #dddddd; padding: 30px 25px 30px; margin-bottom: 30px;}
.profile{ background: #f9f9f9; border: 1px solid #dddddd; padding: 25px 0; text-align: center;}
.profile h5 { /*background: rgba(0, 0, 0, 0) url("../images/user-profile.png") no-repeat scroll left 10px top 13px;*/ font-size: 15px; padding: 14px 0 10px;}
.btn.btn-danger {
  background: #ed7025 none repeat scroll 0 0;
  box-shadow: 0 3px 0 0 #be4b07;
  float: right;
  font-size: 14px;
  padding: 10px 24px;

}
.acc_frm h4 {
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
}
.acc_frm p { font-size: 13px;}
.col-form-label {
  font-size: 14px;
  font-weight: bold;
}
.form-control {
  font-size: 13px;
  border-radius: 0;
 /* padding: 11px 10px;*/
}
.card.h-100 img {
  width: 100%;
  object-fit:cover;
  object-position:center;

      
}
.contain img{height: 250px;}
.overlay img {
    height: auto;
}
.psw {
  margin: 0;
  /*padding: 27px 0 0 0 !important;*/
  text-align: right;
}


.example1 a { color: #fff; font-size: 12px; line-height: 15px;}
.example1 { padding: 7px 0 0 !important;}

/*-=------------------------------home image overlay -------------------------------*/
.contain { position: relative; width: 100%;}
.imag { display: block; width: 100%; height: auto;}
.imag .img {object-fit:cover; object-position: center;}
.overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease;
  background-color: #000;}
.contain:hover .overlay { opacity: 0.7;}
.text { color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}

.top h4 a { color: #fff;}
.top h4 a:hover {text-decoration: none;}
.example1 a:hover { text-decoration: none;}

.nav-search-submit-text.nav-sprite {
  cursor: pointer;
  left: -37px;
  position: relative;
}


.pop { margin: 35px 0 0;}




/* =============================== 30th oct =======================================*/

.dash-lft { }
.navbar-nav.navbar-sidenav{ background: #fff none repeat scroll 0 0; box-shadow: 1px 0 5px 0 #a0a0a0; border-bottom: 5px solid #d75100; margin-bottom: 30px;}
.dash-lft .nav-item {
  padding: 10px 10px;
  border-bottom: 1px solid #f4f4f4;
}
.dash-lft .nav-link-text { color: #333; font-size: 14px; font-weight: 500; padding: 0 0 0 10px;}
.nav-item:nth-child(1) { background: #efefef none repeat scroll 0 0;}

.card-footer { background-color: #2372b0;}
.icn { float: right;}
.gren { background: #4caf50;}
.blu { background: #2196f3;}
.org { background: #ed7025;}
.nav-item.dash { background: #efefef none repeat scroll 0 0;}
.nav-item.dash a{padding-top:0px !important; padding-bottom:0px !important;}
.nav-link-text { color: #333; font-size: 14px; font-weight: bold;}
.nav-link-text:hover { color: #d75100;}

.card-body h6 {
color:#e67e22!important;
float: left!important;
font-size: 14px!important;
font-weight: 700!important;
}
.card-body h5 {
  color: #7f7f7f;
  float: left;
  font-size: 12px;
  font-weight: 300;
}
.card-body h4 {
  font-size: 22px;
  font-weight: 700;
  padding: 10px 0 2px;
  text-transform: uppercase;
}
/*----- change in the card body element------*/
.nws .card-title {
  margin-bottom: 12px;
}

.nws .card-title:hover {
  margin-bottom: 12px;
}
.nws .card-body h4 a {
  color: #333;
  font-size: 17px;
  line-height: 16px;
  text-decoration:none;

}
 .nws .card-body h4 a:hover {
   color:#e67e22;
 }
.card-body h6 {
  color: #7f7f7f;
  float: left;
  font-size: 12px;
  font-weight: 300;
}
.card-body h5 { color: #7f7f7f; float: right; font-size: 12px; font-weight: 300;  padding: 0 !important;}

.dash-heading { background: #d75100 none repeat scroll 0 0; color: #fff; padding: 11px 10px 5px; text-transform: uppercase;  margin-bottom: 25px;}
.dash-heading h2{ font-size: 25px;  padding-top: 13px;}
.profil > li {
  float: left;
  list-style: outside none none;
}
.profil h5 {
  float: right;
  font-size: 13px;
  padding: 19px 0 0 9px;
}
.profil li a.log {
  color: #fff;
  float: left;
  font-size: 14px;
  font-weight: normal;
  padding: 16px 0 0 14px;
}
.profil {
  margin: 0 0 7px; padding: 0px;
}
.profile > img {
  height: auto;
  padding: 15px 0;
  width: 75%;
}
.nav-item.active { background: #e3e3e3 none repeat scroll 0 0;}

.card-body h5 { padding: 0 0 0 15px;}

.pop { margin: 35px 0 0;}
.add .view { 
  font-size: 15px;
  width: 147px;
  height: 44px;
  padding-top: 18px;
  padding-bottom: 34px;
}

 
.col-lg-3.mb-3.add a:hover{
  background: #fff;
  border: 1px solid #e67e22;
  color: #e67e22;
  /*padding: 15px 14px;*/
}
/*h1.my-4 {margin: 35px 0 20px !important;}*/

select#video_categories_id { width: 200px; padding: 0 5px;}
.popular .card-body h5 { padding: 0; display: block; width: 100%;}
.adss > img { width: 100%;}
.soc img { width: 33px;}
.eror-msg {
  border: 2px solid #f1cd27;
  padding: 9px 0;
  text-align: center;
}

.eror-msg2 {
  border: 2px solid #f1cd27;
  padding: 9px 9px;
  text-align: center;
  margin: 30px 0;
}
.fv-icn {
  color: #878787;
  float: right;
  text-align: right;
  width: 100%;
}
.card-body b {
  font-weight: bold;
  color: #e67e22;
  font-size: 14px;
  line-height: 25px;
}
.list-unstyled .col-lg-7 {
  padding: 0 25px 0 0;
}
.account .profile { padding: 0;}
.col-lg-3.mb-3.add { padding-right: 0;}
.fa.fa-pencil { padding-right: 10px;}
.span1.orr { padding: 8px 0 0; text-align: center;}
.alert.alert-error.alert-dismissable > div { text-align: center;}
.col-lg-4.mb-12.profil > li:nth-child(1) img {
  height: auto;
  width: 50px;
  border-radius: 50%;
  overflow: hidden;

}
.save-usr2 .btn.btn-danger {
  margin: 3px 0 18px 0 !important;
  padding: 8px 0;
  width: 100%;
}
.save-usr2 {
  margin: 0 0 0 12px;
}

.title a { color: #fff;}
.title a {text-decoration: none;}
.bar > h5 { float: left; padding: 11px 0 7px 30px !important;}
.top-rgt li:last-child { padding-right: 0;}

.fav {
  padding: 3px 0 0 30px;
}

/* =============================== 1st nov =======================================*/

.channel .card-title a { font-size: 12px; font-weight: 500; text-transform: none;}
.container-fluide.channel-bnr img { height: 315px; width: 100%;}
.channel-head { background: #ebebeb none repeat scroll 0 0; padding: 20px 0 12px; margin-bottom: 30px;}
.channel-txt > h3 { color: #d75100; font-size: 21px; font-weight: bold;}
.channel-txt h4 { font-size: 16px;}
.channel-txt > p { color: #545454; font-size: 13px;}
.chenl-logo img { width: 100%;}
.chenl-logo { padding: 0;}
button.btn.btn-warning { background: #ed7025 none repeat scroll 0 0; color: #fff;}
.prof { margin-top: 50px;}
.white { border-bottom: 1px solid #b7b7b7; margin-bottom: 30px; padding: 0 0 18px;}
.white h2 { color: #414141; font-size: 22px;}
.white  h5 { color: #868686; padding: 6px 0 0; font-size: 18px;}
.container-fluide.channel-bnr > img {
 width: 100%; object-fit: cover;
    object-position: center;
}
.chenl-logo > img {
 width: 100%;
}
.card-body a { color: #757575;}
.upload-pic > img { float: left; padding: 12px 0 0 33px;}

.help-block.minm { margin: -14px 0 8px; padding: 0;}
.alert.alert-error.fade.in {
  opacity: 1 !important;
}
.adss .ads-banner { margin: 0;}
.copyright a { color: #fff;}
.cont2 .col-lg-2.mb-2 { padding-right: 0;}
.col-lg-2.mb-2.pop { padding-right: 0;}
.col-lg-3.mb-3.ad-rgt { padding-right: 0;}
.col-lg-4.mb-4.footer3 { padding-right: 0;}
.footer3  img { width: 100%;}

.popular .col-lg-6 { float: left; padding-right: 0;}
.popular .imag img { width: 100%; height: auto !important; display:block;}
.popular h5 { float: left !important;}
.popular .card-body { padding: 0 0; margin: 0;}
.alert.alert-error.alert-dismissable { border: 2px solid red;}



/*---- single video page css (23-09-2019) -------*/
.popular .col-lg-6 a {
  font-size: 13px;
  text-decoration: none;
  font-weight: bold;
  color: #e67e22;
}

.popular .col-lg-6 p {
   font-size: 12px;
 }

 /*--- video display section ---*/
 .blog-post.mb-4 .post-detail  h4 {
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 
   text-transform: uppercase;
   font-weight: 600;
 }

.at-style-responsive .at-share-btn {
    padding: 1.5px!important;
}
 .placeholder {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-size: 16px!important;
  text-transform: lowercase!important;
}

/*------------User Dashboard css (25-09-2019) ----------*/
.col-xl-3.col-sm-6.mb-3 .card {
  width: 200px;
  height: 135px;
}
.row .col-lg-12.mb-12.eror-msg {
  margin-left: 30px;
} 

.yesterday section {
  margin-left:3px;
}

.yesterday .col-lg-12.my-4 {
  padding:0;
}

/*.container.single-video-pg .card.mb-4 {
  margin-top: 25px!important;
}*/

.container.single-video-pg {
  margin-top: 25px;
}
/*----------- video Channel css---------*/
.row.title {
  margin: 0 0 0px!important;
}
/*-------------------------------------------------------*/

/*------ Responsive (25-09-2019) --------*/
 
 @media only screen and (max-width: 1200px) { 
  .top-rgt li:nth-child(2) {
    background: unset!important;
    padding-left: 7px;
  }
   .psw {
       text-align: left!important;
     }
  #register .log-rgt img {
     width: 95%!important;
   }
   .top-rgt a {
     font-size: 14px;
  }
  .top-rgt li {
    padding: 7px 4px;
  }
  .carousel-item {
    height: 35vh;
  }
 }

 @media only screen and (max-width: 1024px) { 
  .top-rgt a {
     font-size: 14px;
  }
 }

 @media only screen and (max-width: 992px) { 
   .ads {
     padding: 20px 0 0!important;
   }
   .srch {
     width: 200px;
   }
   .ads li {
     margin:unset!important;
   }
   #register .log-rgt img {
     width: 95%!important;
   }
   .contain {
    margin-left: -9px;
  }
  .popular .card-body h5 {
    width: 160px;
    margin-top: 14px;
  }
  .blog-post video {
    height: 227px !important;
  }
  .col-xl-3.col-sm-6.mb-3 .card {
   width: 300px;
   height: 140px;
   margin: 0 auto;
   }
   .col-xl-3.col-sm-6.mb-3 {
     margin-bottom: 3rem !important;
   }
  .col-xl-3.col-sm-6.mb-3 .card {
    width: 300px;
    height: 140px;
    margin: 0 auto;

   }
     .row.account .col-lg-8.mb-12.acc_frm {
     width: 97%;
     margin-top: 20px;
   }
 }

  @media only screen and (max-width: 768px) { 
    .srch {
      width: 195px!important;
    }
    .ads ul {
      float:none;
    }
    .logo {
      width: 90%!important;
    }
    /*form {
      margin-bottom:20px!important;
    }*/
    .ads ul {
       float: none;
       text-align: center;
       display: block;
       width: max-content;
       margin: 0 auto !important;
     }
     .ads li {
       float:none;
     }
      .ads {
       padding: 0px 0 0 !important;
     }
     .or {
       padding: 0px 0;
     }
     #video_categories_id {
       margin-bottom: 20px;
     }
     .logo img {
       width: 100%!important;
     }
     .carousel-item {
       height:30vh!important;
     }
     .srch {
       margin-bottom: 5px;
     }
     .blog-post video {
       height: 254px !important;
     }
     .popular .col-lg-6 {
       margin-top: 15px;
       padding:0;
     }
     .popular h5 {
       display: block;
       width: 455px;
       margin-left: 10px;
     }
     .popular .col-lg-6 p {
       margin-left: 10px;
       display:block;
     }
     .card-body h6 {
        margin-left: 10px;
     }
    .psw {
       text-align: left!important;
     }
     #register .log-rgt img {
     width: 95%!important;
   }
   #register ul {
     margin-bottom: 25rem;
   }
     #register .log-rgt li {
     padding: 2px 0 0;
   }
   .contain {
     margin-left: 0px;
   }
   .popular .card-body h5 {
     width: 450px!important;
   }
   .popular .col-lg-6 p {
     line-height: 25px;
   }
    .chenl-logo > img {
        width: 98%;
        margin-bottom: 20px;
      }
    .container-fluide.channel-bnr img {
      height: 165px;
    }
    .col-xl-3.col-sm-6.mb-3 .card {
    width: 230px;
    height: 100px;
    margin: 0 auto;
    }
    .row.account .col-lg-12.mb-12.acc_frm {
      margin-right: 30px!important;
    }
    .row.account .col-lg-8.mb-12.acc_frm {
     width: 97%;
     margin-top: 20px;
   }
   .row.account .col-lg-4.mb-12 {
     margin-left: -6px!important;
   }
  }
  @media only screen and (max-width: 600px) { 
   #login .log-rgt img {
     width: unset!important;
   }
   #register .log-rgt img {
     width: 95%!important;
   }
   #register ul {
     margin-bottom: 25rem;
   }
     #register .log-rgt li {
     padding: 2px 0 0;
   }
   .row.account .col-lg-8.mb-12.acc_frm {
     width: 97%;
     margin-top: 20px;
   }
  }

 @media only screen and (max-width: 576px) { 
   .top-rgt ul {
     float: none;
     display: block;
     margin: 0 auto;
     max-width: 300px;
   }
   select#video_categories_id {
     margin:unset!important;
   }
    .ads ul {
       float: none;
       text-align: center;
       display: block;
       width: max-content;
       margin: 0 auto !important;
     }
     .ads li {
       float:none;
     }
      .ads {
       padding: 0px 0 0 !important;
     }
      .ticker-container {
       display: none;
     }
     .popular h5 {
       display: block;
       width: 455px;
       margin-left: 10px;
     }
     .popular .col-lg-6 p {
       margin-left: 10px;
     }
     .card-body h6 {
        margin-left: 10px;
     }
     .psw {
       text-align: left!important;
     }
     #register ul {
     margin-bottom: 25rem;
   }
     #register .log-rgt li {
     padding: 2px 0 0;
   } 
   .contain {
     margin-left: 3px;
     width: 95%;
   } 
   .popular .card-body h5 {
     width: 200px;
   }
   .popular .col-lg-6 p {
     line-height: 24px;
   }
   .col-lg-8.col-md-8.mb-8.ads {
     margin-bottom: 20px;
   }
   .blog-post video {
     height: 268px !important;
   }
  .chenl-logo > img {
        width: 98%;
        margin-bottom: 20px;
      }
  .row.dash-heading {
    margin-left: -30px !important;
  }
   .col-xl-3.col-sm-6.mb-3 .card {
    width: 300px;
    height: 140px;
    margin: 0 auto;

   }
   .today .contain {
     width: 92%;
     margin-top: 18px;
   }
   .yesterday .contain {
     width: 92%;
     margin-top: 18px;
   }
   .footer3 > img {
      width: 96%!important;
   }
   .row.yesterday .row {
     margin-right: 0px;
   }
   .row.account .col-lg-8.mb-12.acc_frm {
     width: 97%;
     margin-top: 20px;
   }
   .row.account .col-lg-8.mb-12.acc_frm {
     width: 97%;
     margin-top: 20px;
   }
 }

  @media only screen and (max-width: 550px) { 
     .srch {
       width: 290px !important;
     }
     .or {
       display:none!important;
     }
     select#video_categories_id {
       width: 290px!important;
     }
     .col-lg-8.col-md-8.mb-8.ads {
       margin-bottom:20px!important;
     }
     .carousel-item {
       height: 0vh;
     }
     .col-lg-2.mb-2.pop .view {
       margin-bottom: 20px;
     }
     .footer2 {
       margin-left: 20px;
     }
     .row {
       margin-left: -8px!important;
     }
     .ad3 > img {
        width: 100%!important;
     }
     .cont2 {
       margin: 20px 0!important;
       padding: 25px 0 20px!important;
     }
     .col-lg-2.mb-2 .view {
       margin-bottom: 15px;
     }
     .ads ul {
       float: none;
       text-align: center;
       display: block;
       width: max-content;
       margin: 0 auto !important;
     }
     .ads li {
       float:none;
     }
     .ads {
       padding: 0px 0 0 !important;
     }
     .ticker-container {
       display: none;
     }
     .popular h5 {
       display: block;
       width: 455px;
       margin-left: 10px;
     }
     .popular .col-lg-6 p {
       margin-left: 10px;
     }
     .card-body h6 {
        margin-left: 10px;
     }
     .psw {
       text-align: left!important;
     }
    .log-rgt > h4 {
      text-align: center;
    }
    .log-rgt {
      margin: 20px 0 0 0px !important;
    }
    .log-rgt img {
      width: 30%;
    } 
    #register ul {
     margin-bottom: 25rem;
   }
      #register .log-rgt li {
     padding: 2px 0 0;
   }
   .yesterday .col-lg-12.my-4 {
     text-align: center;
   }
     .col-lg-12.my-4 {
     text-align: center;
   }
   .row.account .col-lg-8.mb-12.acc_frm {
     width: 97%;
     margin-top: 20px;
   }
   .row.account .col-lg-8.mb-12.acc_frm {
     width: 97%;
     margin-top: 20px;
   }
  }

    @media only screen and (max-width: 550px) { 
      .contain {
        margin-left: 1px;
      }
      .contain {
        margin-left: 18px;
      }
       .yesterday .col-lg-12.my-4 {
     text-align: center;
      }
        .col-lg-12.my-4 {
     text-align: center;
   }
   .row.account .col-lg-8.mb-12.acc_frm {
     width: 97%;
     margin-top: 20px;
   }
   .row.account .col-lg-8.mb-12.acc_frm {
     width: 97%;
     margin-top: 20px;
   }
    }

  @media only screen and (max-width: 450px) { 
    .blog-post video {
      height: 186px !important;
    }
    .contain {
      margin-left: 10px;
      width: 95%;
     }
     .popular li {
       width: 90%;
     }
      .yesterday .col-lg-12.my-4 {
     text-align: center;
   }
     .col-lg-12.my-4 {
     text-align: center;
   }
   .row.account .col-lg-8.mb-12.acc_frm {
     width: 97%;
     margin-top: 20px;
   }
   .row.account .col-lg-8.mb-12.acc_frm {
     width: 97%;
     margin-top: 20px;
   }
  }

  @media only screen and (max-width: 400px) { 
    .contain {
      margin-left: 10px;
      width: 95%;
      margin-top: 5px;
     }
     .card-body h6 {
    margin-left: 0px;
    }
     .yesterday .col-lg-12.my-4 {
     text-align: center;
   }
   .col-lg-12.my-4 {
     text-align: center;
   }
   .yesterday .card.h-100 {
     width: 96%;
   }
   .row.account .col-lg-8.mb-12.acc_frm {
     width: 97%;
     margin-top: 20px;
   }
   .row.account .col-lg-8.mb-12.acc_frm {
     width: 97%;
     margin-top: 20px;
   }
  }
  .profil img {
    width: 64px;
    height: 64px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}
.fa {font-family: fontawesome !important;}
span.pic-size {
    font-size: 14px;
    color: #000;
    display: block;
    padding: 10px;
}