@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal
}
/*
=====================================================================================================================================================
BLOG LEFT PANEL
=====================================================================================================================================================
*/

ul.blog-list { padding:0; margin:0; }
ul.blog-list > li { padding:0 0 20px; margin:0 0 40px; list-style:none; width:100%; }
ul.blog-list > li:last-child { background:none;} 
ul.blog-list > li p > a{color: #646464;}

.blog h2, .blog h2 a {font-size:1.3rem !important; font-weight: 500; margin-bottom: 0.5rem !important;text-decoration:none;color:var(--bs-primary)}
.blog h2 a:hover {text-decoration:underline}

.blog   {background:#FFF;}

.blog img         { max-width:100%; _width:100%;  height:auto!important; padding:0px; margin:0px auto;}
 
.blog .postedby   { width:80%; margin:0px; padding:0px; color:#868686; float:left; font-size: 10pt;}
.blog .backbtn   {  width:15%; float:right; text-align:right; color:#009beb; }


.blog .readmore a     { color:#009fad; font-size:11pt; text-decoration:none; white-space:nowrap;}
.blog .readmore a:hover    { color:#000;  text-decoration:underline;}
.blog .readmore a:hover fa { color: #000;}
.blog .readmore a fa{color:#aa1b0d;  text-decoration:none;}

.blog-tags {width:auto; padding:0px 0px; margin:0px; }

.tags {width:auto; margin:0px; padding:0px; float:left; position:relative; padding:0px; margin-right:0px;}

ul.tag-list {list-style:none; padding:0px; margin:0px;}
ul.tag-list li {list-style:none; margin:0px 0px; display:inline-block;}

ul.tag-list li a        {text-decoration:none; position:relative; color:inherit; padding:0px 0px 0px 0px;   display:block;}
ul.tag-list li a:after{content:","; position:relative; right:0px;}
ul.tag-list li:last-child a:after{display:none}
ul.tag-list li a:hover {color:#3b2e99}
ul.tag-list li:first-child a {padding-left:7px !important}
.blog-networking {width:auto; padding:0px; margin:0px;}
.blog-details .blog a{ /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;}


@media (max-width:767px){
  .blog-details iframe {width: 100%;} 
.blog .blog-pic{ width:auto !important; max-width:225px; display:table; float:none; margin-right: auto !important; margin-bottom:20px;}
.blog img{ float:none!important; margin:0 auto!important;}
.blog h2, .blog h2 a{font-size: 13pt !important; margin-bottom:10px!important; margin-top:5px !important}
ul.media-links.network-list li:first-child{display:block;}
.blog .forms h6 + p{font-size:14px; }
}
ul.network-list {list-style:none; padding:0px; margin:0px; color:#8d8d8d}
ul.network-list li {list-style:none; padding:0px 0px 0px 0px; margin:0px; display:inline-block; margin-left:10px;}
ul.media-links li {margin:0px 3px 10px !important;}

.twitter-share-button {width: 80px !important;}
.fb-share-button  { top:-7px;}

.links         {width:auto; padding:0px; margin:0px;}
.links a       {color:#3b2e99; text-decoration:underline;  }
.links a:hover {color:#da291c; text-decoration:underline;}

.links ul.links-list {list-style:none; padding:0px; margin:0px 0px;}
.links ul.links-list li {list-style:none; padding:0px; position:relative; margin:0px; display:inline-block; vertical-align:middle;}
.links ul.links-list li .fa{margin-left: -22px;margin-right:3px;}
/*Button Style*/


/*.linkbtn-bl-bdr a  {   font-size:13px; margin-right:5px;  border:1px solid #000; color:#000; 
                      -webkit-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s; padding:0px 10px; }
.linkbtn-bl-bdr a:hover {border:1px solid #000; color:#fff; background:#000} */

/*Search Button*/
.input-group .search-btn {display:block!important;position: absolute;right: 0px;}
.input-group .search-btn a {position: absolute !important;color: #3b2e99;z-index: 99;right: 3px;top: 3px;background: transparent;height: 37px;padding: 2px 10px;display: block;text-decoration: none;border-radius: 0px !important;border: 0px !important;display: block !important;line-height: 28px;}
.input-group .search-btn a .fa{ line-height:20px; font-weight:normal;}
/*
=====================================================================================================================================================
BLOG RIGHT PANEL
=====================================================================================================================================================
*/


/******************************************************************************
REVIEW STYLE
******************************************************************************/
.reviews {width:100%; padding:0 0 10px; margin:0 0 10px; display:block; border:1px solid #ebebeb; border-width:0px 0px 1px 0px;}
.reviews:last-child {width:100%; padding:0px; margin:0px !important; display:block; border:none; border-width:0px 0px 1px 0px;  }

.reviews .row div:first-child{border-right:#ddd 1px solid;}

.reviews h3 {color:#009beb; font-size:15px; text-transform:uppercase; margin-bottom:5px}
.blog-date  {width:auto; padding:0px; margin:0px;}


.reviewleft ul.star {list-style:none; padding:0px; margin:0px 3px 0px 0px; display:inline-block; width:100%}
ul.star {list-style:none; padding:0px; margin:0px 3px 0px 0px; display:inline-block;}
ul.star li {list-style:none; padding:0px; margin:0px; display:inline-block;}
ul.star li.filledstart {background:url(images/star.png); height:16px; width:16px; margin:0px; padding:0px;}

.blog-bodycontainer .left-pan table{border:0;}

/*new*/
ul.recent {list-style: none;padding: 0;margin: 0;margin-bottom: 0 }
ul.recent > li {padding: 10px 0;border-bottom: #ccc 1px solid;margin: 0 8px;color: #000 }
ul.recent li a {color: #000 }
ul.recent li a:hover {color: var(--bs-primary) }
ul.recent li ul {list-style: none;padding: 0 0;margin: 0;text-transform: none }
ul.recent li ul li {padding:0px 0px 1px;margin: 0 0 0 15px;line-height: 15pt !important;line-height: normal;}
ul.recent li ul li:first-child {padding-top: 0 }
.navigation ul.recent:last-child li {border-bottom: 0 }
ul.recent li ul li:before {content: '\f0c8';font-family: FontAwesome;margin-left: -12px;margin-right: 5px;font-size: 6px;margin-bottom: 5px;display: inline-block;vertical-align: middle;margin-top: 3px }
ul.recent li ul li a {color: #666;text-decoration: none;padding: 3px 0 3px 3px;display: inline-block;vertical-align: top }
ul.recent li ul li a:hover {color: #474747;text-decoration: underline}
.form-group {margin-bottom: 1rem;}
textarea{resize:none !important}
.acc_container              {overflow:hidden; clear:both; border: 0px solid #ccc; display:block; background-color:#f9f9f9; width:100%}
.acc_container .block       {width:100%; clear:both; padding: 10px; line-height: 14pt; float:left}
.acc_container .block p     {line-height:14pt;   text-align:justify; color:#626262; }
@media(max-width:767px){
    .tm-mng-bx{padding:10px !important}
    .breadcrumb{padding:0px 10px !important}
    ul.tag-list li a{display:inline-block}
}
.mvc-captcha img#CaptchaImage {height: 40px;border: 1px solid #fff;border-radius: .25rem}
.mvc-captcha input {margin-left: 0;height: 40px;width: 100px;text-align: center;border: 1px solid #ddd;border-radius: .25rem;}
.mvc-captcha input:focus {color: #212529;background-color: #fff;border-color: #86b7fe;outline: 0}
.mvc-captcha br {display: none}
.mvc-captcha a {color: #b40000 !important;margin-left: 0;text-decoration: underline;float:right}
.mvc-captcha img {width:120px}

@media(min-width:768px) {
    .mvc-captcha input {margin-left: 10px;height: 40px;width: 100px;text-align: center;border: 1px solid #ddd;border-radius: .25rem;}
    .mvc-captcha a {margin-left: 5px}
}