body {
  background-color: rgb(250,250,250);
  font-family: 'Roboto', sans-serif;
}

/* start of modal */
.modal-dialog {
  max-width: 800px;
  margin: 30px auto;
}

.modal-body {
position:relative;
padding:0px;
}
.close {
position:absolute;
right:-30px;
top:0;
z-index:999;
font-size:2rem;
font-weight: normal;
color:#fff;
opacity:1;
}
/* end of modal */

.play_btn{
  cursor:pointer;width:80px;height:80px;padding:20px;background-color:#FF200F;border-radius:50%;background-image:url('../img/play-button-arrowhead.png');background-repeat:no-repeat; background-position: center center; background-size: 40px 40px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;
}

.thumbnail_play_video{
  position:relative;margin-top:10px;width:100%;height:250px;background-image:url('../img/srsdigimin_video_thumbnail.png');background-size: cover;
}

.img_service {
  max-width: 250px;
}

.Catamaran_font{
  font-family: 'Roboto', sans-serif;
}
.Abril_font{
  font-family: 'Abril Fatface', cursive;
}
.error_red{
  display:none;
  color:red;
}
.block_active{
  display:block !important;
}
/* --  stepper -- */

.stepper_block{
  cursor:pointer;background-color:rgb(235,235,235);color:gray;margin-top:10px;padding:10px 20px;border-radius:10px;
}

.stepper_active{
  background-color:#32A1E1;
  color:white;
}

.block_body{
  display: none;
}

/* -- end of stepper -- */

.caption_div{
  position:absolute;margin-top:50px;max-width:100%;
}

.f-17{
  font-size:17px;
}

.f-19{
  font-size:19px;
}

.banner-img {
  width: 100%;
  height: 85vh;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: white;
  background-image: url("../../assets/img/srsdigimind-banner-mobile-01.jpg");
}

.border_bottom {
  display: block;
  height: 4px;
  width: 100%;
  max-width: 180px;
  flex-grow: 1;
  flex-basis: 0;
  margin: auto;
  margin-top: 15px;
  background: #00A8EA;
}

.section {
  background-color: white;
  padding-top: 50px;
  padding-bottom: 80px;
}

.section_without_bg {
  padding-top: 50px;
  padding-bottom: 80px;
  background-color: transparent;
}

.sub_header {
  background-color: #F9F9F9;
  padding-top: 10px;
  padding-bottom: 0.1px;
  border-bottom: 1px solid rgb(230,230,230);
  font-size: 14px;
  display: none;
}

.sub_header a {
  padding: 10px;
  color: black;
}

.secondary_color {
  color: #00A8EA;
}

.primary_color, .sub_header_link:hover {
  color: #012169;
}

.secondary_bg_color {
  background-color: #00A8EA;
  color: white;
}

.primary_bg_color {
  background-color: #012169;
  color: white;
}

.left_border {
  border-left: 4px solid #00A8EA;
  padding-left: 10px;
}

.btn-secondary_round {
  background-color: #FCBB32 !important;
  color: white !important;
  font-size: inherit;
  color: #fff;
  box-shadow: none;
  border: none;
  text-shadow: none;
  padding: .5rem .5rem;
  transition: background-color 0.25s;
  font-size: inherit;
}

.brand_img {
  max-height: 35px;
  width: auto;
}

.center_img {
  display: block;
  margin: auto;
}



.Balsamiq_Sans {
  font-family: 'Josefin Sans', sans-serif;
}

.a_link {
  color: rgba(0, 0, 0, 0.068) ;
  text-transform: uppercase;
}


.a_link::after {
  content: '';
  display: block;
  width: 0;
  height: 3px;
  background: #00A8EA;
  transition: width .3s;
}

.a_link:hover::after {
  width: 100%;
}

.work_img {
  background-color: transparent !important;
  display: block;
  margin: auto;
  width: 100%;
}

.img_case {
  padding: 20px 10px;
}

.p_small {
  font-size: 14px;
}

.txt_white_color {
  color: white !important;
}

.img_work {
  max-width: 120px;
}

.block_white_bg {
  background-color: white;
  margin-top: 30px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.c_card .title {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: white;
}
.img_card{
  position:absolute;border-radius:10px;min-width:90px;max-width:100px;height:100px;background-color:white;padding:5px;margin-top:40px;margin-left:20px;
}


.opacity_black{
  position:absolute;top:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.5);
}

.z-depth-1 {
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.068), 0 1px 10px 0 rgba(0, 0, 0, 0.068), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.068), 0 1px 10px 0 rgba(0, 0, 0, 0.068), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}

.z-depth-2 {
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}

/* 12dp elevation modified */

.z-depth-3 {
  -webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

.block_card {
  background-color: white;
  width: 100%;
  margin-top: 17px;
  padding: 0px;
}

.mr-20-mobile {
  margin-top: 20px;
}

.company_logo {
  height:200px;
  width:100%;
  background-color: white;
  position:relative;
}

.company_logo img{
    max-width:90%;
    position: absolute;
    top: 0;
    bottom: 0;
    right:0;
    left:0;
    margin: auto;
}

.border_bottom_input{
  width:80%;
  background-color: transparent;
  color:white;
  border:none;
  outline: none;
  border-bottom:2px solid white;
}
/* -- slider -- */

/* Slider */

.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
}

.slick-slider
{
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list
{
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus
{
  outline: none;
}
.slick-list.dragging
{
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.slick-track
{
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after
{
  display: table;
  content: '';
}
.slick-track:after
{
  clear: both;
}
.slick-loading .slick-track
{
  visibility: hidden;
}

.slick-slide
{
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide
{
  float: right;
}
.slick-slide img
{
  display: block;
}
.slick-slide.slick-loading img
{
  display: none;
}
.slick-slide.dragging img
{
  pointer-events: none;
}
.slick-initialized .slick-slide
{
  display: block;
}
.slick-loading .slick-slide
{
  visibility: hidden;
}
.slick-vertical .slick-slide
{
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

.mh-120{
  max-height:150px !important;
}

/* mobile specific */


@media only screen and (max-width: 768px) {
    .company_logo {
        height:150px;
    }
  .nav-link {
    padding: 12px !important;
  }
  .f-sm-58{
    font-size:58px;
  } 
  .f-sm-20{
    font-size:20px;
  }
  .mr-20-sm{
    margin-top:20px;
  }
  .company_logo img{
    max-height: 120px !important;
  }
  .m-f-20{
    font-size:20px;
  }
}

@media only screen and (max-width: 768px) {
  .mr-20-mobile {
    margin-top: 20px;
  }
}



/* for desktop */

@media only screen and (min-width: 780px) {
  .mh-120{
    max-height:120px !important;
  }
  .thumbnail_play_video{
    margin-top:50px;
  }

  .btn-secondary_round {
    padding: .5rem 4rem;
  }
  .caption_div{
    position:absolute;margin-top:120px;max-width:40% !important;
  }
  .f-md-82{
    font-size:82px;
  } 
  .f-md-28{
    font-size:28px;
  }
  .banner-img{
    background-image: url("../img/srsdigimind-banner-1.jpg");
    height: 90vh;
  }
}

@media only screen and (min-width: 780px) {
  .mr-40-desktop {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 780px) {
  .sub_header {
    display: block;
  }
}

@media only screen and (min-width: 780px) {
  .nav-link {
    font-size: 16px !important;
  }
}

@media only screen and (min-width: 780px) {
  .brand_img {
    max-height: 40px;
  }
}

.text-blue {
  color: #012169;
}

.mr-15 {
  margin-top: 15px;
}

.pd-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}