/*
 * main site css
 */


*{
 #font-size: 100%;
 font-weight: 300 500;
 -moz-osx-font-smoothing: grayscale;
  font-family:'Roboto Condensed',sans-serif;
}

.container {
  max-width: 960px;
}

.icon-link > .bi {
  width: .75em;
  height: .75em;
}

/*
 * Custom translucent site header
 */

.site-header {
  background-color: rgba(0, 0, 0, .85);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}
.site-header a {
  color: #8e8e8e;
  transition: color .15s ease-in-out;
}
.site-header a:hover {
  color: #fff;
  text-decoration: none;
}

/*
 * Dummy devices (replace them with your own or something else entirely!)
 */

.product-device {
  position: absolute;
  right: 10%;
  bottom: -30%;
  width: 300px;
  height: 540px;
  background-color: #333;
  border-radius: 21px;
  transform: rotate(30deg);
}

.product-device::before {
  position: absolute;
  top: 10%;
  right: 10px;
  bottom: 10%;
  left: 10px;
  content: "";
  background-color: rgba(255, 255, 255, .1);
  border-radius: 5px;
}

.product-device-2 {
  top: -25%;
  right: auto;
  bottom: 0;
  left: 5%;
  background-color: #e5e5e5;
}


/*
 * Extra utilities
 */

.flex-equal > * {
  flex: 1;
}
@media (min-width: 768px) {
  .flex-md-equal > * {
    flex: 1;
  }
}

.carousel-inner{
  width:100%;
  max-height: 400px !important;
}
.item {
    display: none;
    position: relative;
    .transition(.6s ease-in-out left);
}

.myhypercolor
{
	color:#FF4500;
} 

a { color: #FF4500; }

.imgwithtext
{
float: left; 
padding-right:10px;
padding-top:10px;
position:absolute,
bottom: 10px;
}


.listing-block.latest-reviews{
    padding:25px;
    background:#f9f9f9;
    border-radius:3px
}
.post-actions{
    color:#999;
    font-size:11px;
    margin-bottom:12px;
    text-transform:uppercase;
    font-weight:700
}
.post-actions:before,.post-actions:after{
    content:" ";
    display:table
}
.post-actions:after{
    clear:both
}
.post-actions .post-date,.post-actions .comment-count{
    width:50%;
    float:left
}
.post-actions .comment-count{
    text-align:right
}
.post-actions .comment-count a{
    color:#5e5e5e
}
.post-actions .comment-count i{
    position:relative;
    bottom:-2px
}
.post-actions .comment-count i.fa{
    bottom:0
}
.post-block .post-content{
    border-top:1px solid #eee;
    padding-top:12px;
    padding-right:10%
}
.post-block .post-content p:last-child{
    margin-bottom:9px
}
.post-meta{
    color:#999;
    font-size:11px;
    margin-top:8px;
    text-transform:uppercase;
    font-weight:700
}
.post-meta a{
    color:#333
}
.listing-block.latest-reviews{
    padding:25px;
    background:#f9f9f9;
    border-radius:3px
}
.post-review-block{
    padding-bottom:12px;
    margin-bottom:22px;
    border-bottom:1px solid #eee
}
.post-review-block:before,.post-review-block:after{
    content:" ";
    display:table
}
.post-review-block:after{
    clear:both
}
.listing-container .post-review-block:last-child{
    padding-bottom:0;
    margin-bottom:0;
    border-bottom:0
}
.post-review-block h3.post-title{
    font-size:14px;
    color:#333;
    margin-right:35%;
    margin-bottom:0;
    padding-bottom:13px
}
.post-review-block h3.post-title a{
    color:#666
}
.post-review-block .post-content{
    margin-right:35%;
    padding-right:0;
    color:#999
}
.post-review-block .post-date{
    width:70%
}
.post-review-block .comment-count{
    width:30%
}
.post-review-block .review-status{
    float:right;
    width:30%;
    padding:15px 5px;
    padding-bottom:0;
    text-align:center
}
.review-status strong{
    font-size:40px;
    display:block
}

.listing-block.latest-reviews{
    padding:25px;
    background:#f9f9f9;
    border-radius:3px
}
.post-review-block{
    padding-bottom:12px;
    margin-bottom:22px;
    border-bottom:1px solid #eee
}
.post-review-block:before,.post-review-block:after{
    content:" ";
    display:table
}
.post-review-block:after{
    clear:both
}
.listing-container .post-review-block:last-child{
    padding-bottom:0;
    margin-bottom:0;
    border-bottom:0
}
.post-review-block h3.post-title{
    font-size:14px;
    color:#333;
    margin-right:35%;
    margin-bottom:0;
    padding-bottom:13px
}
.post-review-block h3.post-title a{
    color:#666
}
.post-review-block .post-content{
    margin-right:35%;
    padding-right:0;
    color:#999
}
.post-review-block .post-date{
    width:70%
}
.post-review-block .comment-count{
    width:30%
}
.post-review-block .review-status{
    float:right;
    width:30%;
    padding:15px 5px;
    padding-bottom:0;
    text-align:center
}
.review-status strong{
    font-size:40px;
    display:block
}
.review-status span{
    display:block;
    font-size:13px;
    margin-top:15px;
    padding-top:4px;
    text-transform:uppercase;
    color:#333;
    font-family:'Roboto Condensed',sans-serif;
    border-top:3px solid #eee
}

.testimonial-block blockquote{
    border-bottom:1px solid #eee;
    border-left:0;
    margin:0;
    padding:0;
    padding-bottom:20px;
    position:relative;
    margin-bottom:15px;
    padding-left:35px
}
.testimonial-block blockquote:before{
    position:absolute;
    text-align:center;
    display:inline-block;
    font-family:FontAwesome;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-decoration:none;
    content:"\f10d";
    font-size:30px;
    left:0;
    top:0
}
.testimonial-block blockquote:after{
    position:absolute;
    text-align:center;
    color:#eee;
    display:inline-block;
    font-family:FontAwesome;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-decoration:none;
    content:"\f107";
    font-size:20px;
    left:25px;
    width:10px;
    text-indent:-1px;
    bottom:-15px;
    background:#fff
}
.lgray-bg .testimonial-block blockquote:after{
    background:#f9f9f9
}
.testimonial-avatar img{
    border-radius:100%;
    float:left;
    margin-right:20px;
    border:1px solid #eee
}
.testimonial-info{
    height:60px;
    display:table;
    vertical-align:middle
}
.testimonial-info-in{
    height:60px;
    display:table-cell;
    vertical-align:middle
}
.testimonial-info strong{
    display:block;
    font-weight:400;
    line-height:14px
}
.testimonial-info span{
    text-transform:uppercase;
    font-weight:700;
    font-size:11px;
    line-height:14px
}
.testimonials-wbg{
    padding:25px;
    color:#fff
}
.testimonials-wbg .testimonial-block blockquote:before,.testimonials-wbg .testimonial-info span,.testimonials-wbg p{
    color:#fff!important
}
.testimonials-wbg .owl-theme .owl-page.active span,.testimonials-wbg .owl-theme .owl-controls.clickable .owl-page:hover span{
    background:#fff!important
}
.widget-block{
    border:1px solid #eee;
    padding:20px;
    margin-top:10px
}


.site-footer{
    background:#2f2f2f;
    color:#999;
	width:100%
}
.site-footer .form-control{
    background:rgba(255,255,255,.8);
    border:none
}
.site-footer .form-control:focus,.site-footer .form-control:active{
    background:rgba(255,255,255,.1);
    border:1px solid rgba(255,255,255,.05);
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none
}
.site-footer a{
    color:#999
}
.site-footer a:hover{
    color:#fff
}
.site-footer-top{
    padding:50px 0
}
.footer_widget .widgettitle{
    font-weight:400;
    margin-bottom:25px;
    border-bottom:1px solid rgba(255,255,255,.05);
    padding-bottom:25px;
    color:#eee
}
.site-footer-bottom{
    background:#252525;
    padding:20px 0 0;
    border-top:1px solid rgba(255,255,255,.05);
    font-size:12px
}
.footer_widget.widget a{
    color:#999
}

.tool-box .tool-search-listing .link a{
    text-decoration:underline
}
.actions-bar{
    width:100%;
    z-index:998;
    background:#eee;
    border-bottom:1px solid #eee;
    padding:15px 0
}
.listing-sort-btn{
    font-weight:400;
    color:#555;
    width:97px;
    text-align:left
}
.toggle-view{
    margin:0;
    list-style-type:none
}
 
 .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      .b-example-divider {
        width: 100%;
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi {
        vertical-align: -.125em;
        fill: currentColor;
      }

      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }

      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }

      .btn-bd-primary {
        --bd-violet-bg: #712cf9;
        --bd-violet-rgb: 112.520718, 44.062154, 249.437846;

        --bs-btn-font-weight: 600;
        --bs-btn-color: var(--bs-white);
        --bs-btn-bg: var(--bd-violet-bg);
        --bs-btn-border-color: var(--bd-violet-bg);
        --bs-btn-hover-color: var(--bs-white);
        --bs-btn-hover-bg: #6528e0;
        --bs-btn-hover-border-color: #6528e0;
        --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
        --bs-btn-active-color: var(--bs-btn-hover-color);
        --bs-btn-active-bg: #5a23c8;
        --bs-btn-active-border-color: #5a23c8;
      }

      .bd-mode-toggle {
        z-index: 1500;
      }

      .bd-mode-toggle .dropdown-menu .active .bi {
        display: block !important;
      }
	  
.adam
{
}

.imagetocenter {
  display: block;
  margin-left: auto;
  margin-right: auto;

}


.articleimg {
  float: left;
  vertical-align: top;
  padding-top :20px;
  padding-right :20px;
  padding-bottom :20px;
  max-width:100%;
  max-width:250x;
  height:250;
  margin-left:10px;
}


 .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      .b-example-divider {
        width: 100%;
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi {
        vertical-align: -.125em;
        fill: currentColor;
      }

    

      .btn-bd-primary {
        --bd-violet-bg: #712cf9;
        --bd-violet-rgb: 112.520718, 44.062154, 249.437846;

        --bs-btn-font-weight: 600;
        --bs-btn-color: var(--bs-white);
        --bs-btn-bg: var(--bd-violet-bg);
        --bs-btn-border-color: var(--bd-violet-bg);
        --bs-btn-hover-color: var(--bs-white);
        --bs-btn-hover-bg: #6528e0;
        --bs-btn-hover-border-color: #6528e0;
        --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
        --bs-btn-active-color: var(--bs-btn-hover-color);
        --bs-btn-active-bg: #5a23c8;
        --bs-btn-active-border-color: #5a23c8;
      }

      .bd-mode-toggle {
        z-index: 1500;
      }

      .bd-mode-toggle .dropdown-menu .active .bi {
        display: block !important;
      }
/**** lines below for top logo and slang ****/	  
.flex-logo {
  display: flex;
  flex-direction: row;
  text-align: center;
}

.flex-item-left-logo {
   padding: 0px;
   margin:0px;
   flex: 20%;
  
  .img{
  margin-right: auto;
     }
 
}

.flex-item-right-logo 
  {
 
    flex: 80%;
    text-align: left;
  display: inline-block;
  vertical-align: middle;
  padding-top: 15px;
   padding-left: 10px;
}

/* Responsive layout - makes a one column-layout instead of two-column layout */
@media (max-width: 800px) {
  .flex-logo {
    flex-direction: column;
  }
}

/* Responsive layout - belong to front error message page */