/******************************************************************
Site Name: innovativedigitalteam/com
Author: IDT (Innovative Digital Team)

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.
******************************************************************/



.one_half{
  width:50%;
  }


.one_fourth{
  width:25%;
  }


.one_third{
  width:33.3%;
  }

.one_75_percent{
  width:75%;
  }

.first{
  margin-left:0 !important}
  .last{

    margin-right:0 !important}
    .bg_393939{
      background:#393939;}
      .grey_border_bottom{
        border-bottom:1px solid #b3b3b3}
        .relative{
          position:relative !important}
        .white_border {
  height: 1px;
  background: #fff;
}
.inline_block{
  display:inline-block}

/* buttons */

.idt_button{
    border: 0;
  padding: 0;
  cursor: pointer;
  overflow: visible // removes padding in IE;
  text-decoration: none;
  padding: 10px;
  font-size: 14px;
  display: inline-block;
  border-radius: 5px;
  margin: 3px;
   background: #323232;
}
.idt_button:hover{
   background: #000;
   color: #fff;
}
.idt_button:focus{
   /*border: none;
    padding: 0;*/

}

.idt_button_lg{

  color: #fff;
  padding: 10px 20px;
}

.idt_button_sm{

  color: #fff;
  padding: 5px 10px;

}


/* end buttons */

/* input fields*/

.idt_container  label {
      display: block;
    /* padding-left: 15px; */
    /* text-indent: -15px; */
    margin: 10px 0;
    margin-top: 20px;
    font-size: 17px;
}


.idt_container form input[type="email"],
.idt_container form input[type="password"],
.idt_container form input[type="text"]{
box-sizing: border-box;
    display: block;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    padding: 10px;
    outline: 0;
    font-family: inherit;
    font-size: 15px;
}

.idt_container form input[type="email"],
.idt_container form input[type="password"] {
  background: #fff;
  border-color: #bbb;
  color: #555;
}

/* Text fields' focus effect */
.idt_container form input[type="email"]:focus,
.idt_container form input[type="password"]:focus {
  border-color: #888;
}

.idt_container  .form-group{
  margin-bottom: 20px;
}




/* end input fields */

.idt_shortcode{
  font-size: 20px;
  background: #ccc;
  padding:10px;
  border: 1px solid #333;
}
.idt_shortcode strong{
  color: #000;
}
  .idt_tm_table {
  display: table;
}
.idt_tm_table-row {
  display: table-row;
}
.idt_tm_table-cell {
  display: table-cell;
  border-bottom: 1px solid #b2b2b2;
}

.idt_test_button_sm{
      /* border: 2px solid #323232; */
    color: #fff;
    border-radius: 5px;
    padding: 2px 5px;
    display: inline-block;
    margin: 3px;
    text-decoration: none;
    /* border: none; */
    background: #666;
}
.idt_test_button_sm:hover{
  background: #999999;
  color: #fff;
}

.idt_test_button_lg{
  background: #323232;
  color: #fff;
  border-radius: 5px;
  padding: 10px 20px;
    display: inline-block;
    margin: 3px;
    text-decoration:none;
    border: none;
}
.idt_test_button_lg:hover{
  background: #666666;
  color: #fff;
}


.idt_tm_table{
  width: 100%;
  margin:20px 0;
  background: #e5e5e5;
   border-right: 1px solid #b2b2b2;
    border-left: 1px solid #b2b2b2;
}

.idt_tm_table-cell {
  padding: 10px;
}
.idt_tm_table_head_row{
  font-weight: bold;
  background: #333;
  color: #fff;
}



 .idt_testiminial_container{
margin:20px 20px 0 2px;
border: 1px solid #d6d6d6;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #fff;
    padding: 20px;
    background: #f9f9f9;
 }

.idt_testiminial_container textarea{
  width: 100%;
  height: 100px;


}



// front end bootstrap

.testimonial-card .card-up {
    overflow: hidden;
    height: 120px;
    border-radius: .3rem .3rem 0 0;
}

.testimonial-card .avatar {
    border-radius: 50%;
    height: 120px;
    width: 120px;
    margin: -65px auto 0;
    overflow: hidden;
    border: 5px solid #fff;
}

.testimonial-card .avatar img {
    width: 100%;
}
.testimonial-card .card-body {
    text-align: center;
}
.card .card-body h4 {
    font-weight: 400;
}

.card .card-body p {
    margin-bottom: 1rem;
    font-size: 16px;
}

.dark-grey-text {
    color: #4f4f4f!important;
}
.testimonial-card .card-up {
    overflow: hidden;
    height: 120px;
    border-radius: .3rem .3rem 0 0;
}
.info-color, .toast-info {
    background-color: #33b5e5!important;
}

.mt-1 {
    margin-top: .25rem!important;
}
.card .card-body {
    position: relative;
}
.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card:not([class*=card-outline-]) {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

.font-bold {
    font-weight: 500;
}
.py-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
}

.section-description {
    color: #757575;
    margin-bottom: 4rem;
    margin-left: 15%;
    margin-right: 15%;
    text-align: center;
    font-size: 16px;
}

/* Layout 2*/

.idt_testimonials_wrap{
    max-width: 1000px;
    width: 100%;
    margin: 50px auto;
    position: relative;
    text-align:center;

}
.idt_testimonials{
  margin:0;
}

.idt_testimonials h2 {
    opacity: 1;
    color: #000;
}
.idt_testimonials  p {
    padding: 10px 20px;
   /* font-size: 1em;*/
    color: #000;
    font-style: italic;
    font-family: 'Helvetica';
letter-spacing: 0px;
    margin: 0;
    line-height: 1.5;
}
.idt_testimonials  p strong {
   font-style: normal;
   padding: 10px;
    /*font-size: 1em;*/
    display: block;
    color: #00aff8;
font-family: 'Helvetica'; }

.flex-direction-nav a:before {
    text-decoration: none;
    font-size: 30px;}

/*.flex-direction-nav a{
opacity: 1;
}*/
.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next{
  text-decoration: none;
  box-shadow: none;
}

.idt_testimonials_wrap:hover .flex-direction-nav .flex-prev {
    opacity: .7;
    left: -30px;
}
.idt_testimonials_wrap:hover .flex-direction-nav .flex-next {
    opacity: .7;
    right: -30px;
}

.idt_testimonials_wrap:hover .flex-direction-nav .flex-prev:hover,
.idt_testimonials_wrap:hover .flex-direction-nav .flex-next:hover{
  opacity: 1;
  text-decoration: none;
  box-shadow: none;
}