@charset "utf-8";

/* CSS Document */
/*  Reset for some default browser CSS - General */


/*
=====================================================================================================================================================
DEFAULT STYLE
=====================================================================================================================================================
*/


/*
=====================================================================================================================================================
COMMON STYLE
=====================================================================================================================================================
*/

.blog-right { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);}
.text-green { color: #2d913a;}
/*
=====================================================================================================================================================
HEADING STYLE
=====================================================================================================================================================
*/

h2 { font-size:1.5em;   line-height:19pt; margin-bottom:5px; text-transform:none !important;}

h2.icon-news {background:url('images/icon-news.png') no-repeat left; padding:5px; padding-left:23px;}
h2.icon-hr-blog {background:url('images/icon-hr-blog.png') no-repeat left; padding:5px; padding-left:23px;}
h2.icon-forthcoming-news {background:url('images/icon-forthcoming-event.png') no-repeat left center; padding:5px; padding-left:23px;}

h2 a {   text-decoration:none;}
h2 a:hover { text-decoration:underline;}

.blog-right h3 { color:#709430; text-transform:uppercase}

/*
=====================================================================================================================================================
VISUAL PANEL
=====================================================================================================================================================
*/
.blog-visual-area   {margin:0px auto; padding:0px; float:left; margin-top:3px; width:100%; margin-bottom:10px; z-index:0; position:relative;}

.blog-visual-pic        {margin:0px auto; padding:0px; float:none; width:980px; height:auto;  border-bottom:3px solid #818285; padding-bottom:1px;}
.blog-visual-pic img    {max-width:100%; height:auto; padding-bottom:1px; }

.blog-visual-pic .pic-caption   {margin:0px auto; padding:0px; float:none; position:absolute; width:auto; background:#000; padding:15px; bottom:15px; left:10px; font-size:20px; color:#fff; opacity:0.8}



/*
=====================================================================================================================================================
BLOG LEFT PANEL
=====================================================================================================================================================
*/

ul.blog-list { padding:0; margin:0; }
ul.blog-list > li { padding-bottom:20px; margin:0 0 20px; list-style:none; border-radius:0px; border-bottom:1px solid #e3e3e3; width:100%; }
ul.blog-list > li:last-child { background:none;border-bottom:none;} 

/*.blog h2, .blog h2 a { color:#000 !important; font-weight:bold !important; }*/

.blog   { width:100%; padding:0px; margin:0px auto; float:left; list-style:none;}
.blog .blog-pic   {/*width:200px;*/ height:auto; padding:0px; margin:0px auto; float:left; }
.blog .blog-detail, .home-blog-detail {word-break:break-word}
.blog .blog-detail a {color: #2d913a; text-decoration: underline;}

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

.blog .backbtn a {    } 

.blog .readmore       {margin:10px auto; padding:10px 3px 0px 0px; margin:0px; float:right; text-transform:uppercase; font-size:13px; color:#aa1b0d}
.blog .readmore img   {border:none}

.blog-details table {width:100% !important; margin-bottom:25px !important;_border: 1px solid #e3e3e3 !important;}
.blog-details table tr td {padding:10px !important; vertical-align:top !important}

@media (max-width:575.98px) {
.blog-details {overflow-x: auto;overflow-y: hidden;}
.blog-details table {max-width: 100%;float:left !important}
.blog-details table tr td {padding:5px !important;}
.blog-details table tr td img { float:none !important;  margin-bottom:15px !important}
}

/*.blog .readmore a     { color:#aa1b0d;  text-decoration:none; text-transform:initial !important}
.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; margin:0px; }

.tags {width:auto; margin:0px; padding:0px; float:left; margin-right:5px; color:#000;  }
.tags .fa { color:#646464;    }

ul.tag-list {list-style:none; padding:0px; margin:0px; margin-bottom:10px; display:block; color:#8d8d8d;}
ul.tag-list li {list-style:none; padding:0px 5px 0px 0px; margin:0px; margin-left:5px; float:left; position:relative; border-right:1px solid #ccc;}
ul.tag-list li:last-child {border-right:0px solid #ccc;}
/*ul.tag-list li :before{content:""; position:absolute background:#646464; height:15px; width:1px; right:0px; margin:0px 5px}*/
/*ul.tag-list li a        {text-decoration:none; color:inherit}*/
ul.tag-list li a:hover  {text-decoration:underline; color:#000}

.blog-networking {width:auto; padding:0px; margin:0px; float:right}

@media (max-width:767px){ .blog .blog-pic{ width:auto !important; /*max-width:225px;*/ display:table; float:none; margin-right: auto !important; margin:15px 0 0 0}}

ul.network-list {list-style:none; padding:0px; margin:0px; color:#8d8d8d}
ul.network-list li {list-style:none; padding:0px 5px 0px 0px; margin:0px; display:inline-block; margin-left:10px;}


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

.links         {width:auto; padding:0px; margin:0px;  }
.links a       {color: #986722; text-decoration:none; }
.links a:hover {color:#000; text-decoration:underline;}

.links ul.links-list {list-style:none; padding:0px; margin:0 0 5px 0;color: #986722; text-transform: capitalize;}
.links ul.links-list li {list-style:none; padding:0px 0px 5px 0px; margin:0px; display: inline-block;  line-height:16px; position:relative}
.links ul.links-list li:not(:last-child):after  {content:'|'; margin: 0 5px;}
.links ul.links-list li a{color:#986722 !important}

/*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 > .form-control:not(:last-child) {border-radius: 0;}
.input-group .search-btn a {
    position: absolute !important;
    color: #fff !important;
    z-index: 99;
    right: 0px;
    top: 0px;
    background: #2d913a;
    height: 33px;
    padding: 2px 10px;
    display: block;
    text-decoration: none;
    border-radius:0px !important;
    border:0px !important;
}

.input-group .search-btn a:active {background-color: #2d913a !important;}

/*
=====================================================================================================================================================
BLOG RIGHT PANEL
=====================================================================================================================================================
*/


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


.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*/
.blog-section .blog-form{ background:#feb129}
.blog-section .blog-form input{background:transparent; border:1px solid rgba(0,0,0,.2)}
.blog-section .verification_box .captcha-code input {border: 1px solid rgba(0,0,0,.2) !important}
.blog-section .captcha-img img{ background-color:red !important; border-radius:5px !important}
.blog-section h2{font-size:1.3rem !important; color:#000 !important; font-weight:normal !important;}
.blog-section h2 a{color:#000 !important; text-decoration:none !important}
.blog-section h2 a:hover{ text-decoration:none !important}
.blog-section h3{font-size:1.05rem !important; color:#333 !important; font-weight:600 !important}
.author{-ms-flex: 0 0 150px;flex: 0 0 150px; max-width:150px;padding-left:25px !important; text-align:center !important }
/*.author img{width:150px;}*/
.blog-section .author p{ margin-bottom:0px !important; text-align:center; }
.blog-section img{border-radius:0px; margin:0 auto !important}
.blog-section p{ margin-bottom:10px !important; word-break:break-word !important}
.blog-section a{color: #2d913a; text-decoration: underline;}
.blog-section .verify-box input{ width:120px; margin:0px 10px;}
.blog-section .verify-box img{border:0px !important}
.blog-details-sec label{margin-bottom:0px !important}
.blog-details-sec .form-group{ margin-bottom:15px !important}
.blog-details-sec textarea{ resize:none !important}
.blog-details-sec .blog-pic  {max-width: 475px !important; width: 45% !important; margin: 0px 15px 10px 0 !important;}
.blog-section .search-result h3{ font-weight:600 !important; font-size:17px; color:#543a15}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #333 !important;}
::-moz-placeholder { /* Firefox 19+ */color: pink !important;}
:-ms-input-placeholder { /* IE 10+ */color: pink;}
:-moz-placeholder { /* Firefox 18- */color: pink;}
.blog-section ul.social_media .fa{background: #164194; color:rgba(255,255,255,1)}
.blog-section ul.social_media .fa:hover{background: #dfdfdf; color:#454545}

@media(min-width:1440px) {
.blog-details-sec .blog-pic {max-width: 525px;}
}

@media(max-width:991px) {
.blog-details-sec .blog-pic  {display:block !important;width: 100% !important; max-width: initial !important;margin: 0px 0 15px 0 !important;}
}

@media(max-width:767px) {
.blog .readmore{ display:block !important; float:none !important; margin:20px 0px !important}
.author{ padding-left:0px !important; text-align:left !important}
.blog-section .author p{ text-align:left !important}
}

@media(max-width:767px) {
.blog-section h2 {font-size:1.05rem !important; }
}