﻿
.modal-content {
  border-radius: 0px !important;
}

.modal {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.nav navbar-nav navbar-right a:active{
  background-color:black;
}

@media screen and (min-width: 768px) {
  
  /*#myModalMarketing, #myModalFulfillment .modal-dialog {
    width: 900px !important;
  }*/
  }


  @media screen and (min-width:1400px) {
    .modal-dialog {
      width: 1260px !important;
    }

    .modal-body{
      padding-left:20px;
     
    }
    /*.carousel-indicators{
      z-index:5;
    }*/
    /*#myModalMarketing, #myModalFulfillment .modal-dialog {
      width: 1268px !important;
    }*/
  }

  .work_shots_casestudy {
  width: 95%;
  height: 95%;
  max-width: 2000px;
  max-height: 790px;
  padding-left: 2%;
}

.logo_popup {
  height: 100%;
  width: 100%;
  max-height: 10%;
  max-width: 10%;
  z-index: 10
}

.row {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.results {
  padding-top: 20px
}

#sub_header {
  text-align: left;
  padding-top: 40px;
}

  #sub_header h3 {
    font-weight: 500;
  }


.sub_content h1 {
  font-size: 20pt;
  font-weight: bold;
}

.sub_content p {
  padding-bottom: 8px;
}

#sub_header1 {
  background-color: #00349A;
  color: white;
  padding-left: 11%;
  text-align: left;
}


/*.carousel-indicators li {
  display: inline-block;
  margin: 10px;
  text-indent: 0;
  cursor: pointer;
  border: none;
  border-radius: 50%;
  background-color: black;
  box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.5);
}*/

/*.carousel-indicators .active {
  margin: 10px;
  background-color: black;
}*/



/*CUSTOMIZE CAROUSEL*/
/*.carousel-inner {
  margin-bottom: 50px;
}*/

/*.carousel-indicators {
  bottom: -50px;
}*/

.carousel {
  background: white;
}

.carousel-control.left, .carousel-control.right {
  background-image: none;
}


@media (max-width:1024px) {
  .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    /*right: 0px !important;
    top: 20% !important;*/
    display:none !important;
  }

  .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    /*left: 0 !important;
    top: 20% !important;*/
    display: none !important;
  }
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
  /*right: -50px;
  top: 33%;*/
  display: none !important;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
  /*left: -50px;
  top: 33%;*/
  display: none !important;
}


.carousel-control {
  /*width: 4% !important;*/
  display: none !important;
}

.glyphicon.glyphicon-chevron-right {
  /*color: #77BA31;*/
  display: none !important;
}

.glyphicon.glyphicon-chevron-left {
  /*color: #77BA31;*/
  display: none !important;
}

.call_to_action {
  color: #77BA31 !important;
  /*padding-top: 180px;*/
  font-weight: bold;
  font-size: 16pt !important;
}

.call_to_action_sce {
  color: #77BA31 !important;
  /*padding-top: 140px;*/
  font-weight: bold;
  font-size: 16pt !important;
}

.call_to_action_toshiba {
  color: #77BA31 !important;
  /*padding-top: 60px;*/
  font-weight: bold;
  font-size: 16pt !important;
}


.call_to_action_lg {
  color: #77BA31 !important;
  /*padding-top: 290px;*/
  font-weight: bold;
  font-size: 16pt !important;
}



@media (max-width:1440px) {
  .call_to_action {
    color: #77BA31 !important;
    /*padding-top: 125px;*/
  }


  .call_to_action_sce {
    padding-top: 0px;
  }

  .call_to_action_lg {
    padding-top: 0px;
  }

  .call_to_action_toshiba {
    padding-top: 0px;
  }
}

@media (max-width:960px) {

  .logo_popup {
    height: 100%;
    width: 100%;
    max-height: 40%;
    max-width: 40%;
    z-index: 10
  }

  .call_to_action {
    color: #77BA31 !important;
    padding-top: 0px;
  }

  .call_to_action_toshiba {
    padding-top: 0px;
  }

  .call_to_action_lg {
    padding-top: 0px;
  }

  .info_paragraph {
    min-height: 250px !important;
  }
}

@media (max-width:800px) {
  .call_to_action {
    color: #77BA31 !important;
    padding-top: 0px;
  }

  .call_to_action_toshiba {
    padding-top: 0px;
  }

  .call_to_action_lg {
    padding-top: 0px;
  }

  .call_to_action_sce {
    padding-top: 0px;
  }
}

@media (max-width:320px) {
  #myCarousel {
    margin-left: 20px;
    margin-right: 20px;
  }


  .carousel-control.left {
    margin-left: -20px;
  }

  .carousel-control.right {
    margin-right: -20px;
  }

  .call_to_action {
    color: #77BA31 !important;
    padding-top: 0px;
  }

  .call_to_action_toshiba {
    padding-top: 0px;
  }

  .call_to_action_lg {
    padding-top: 0px;
  }

  .call_to_action_sce {
    padding-top: 0px;
  }
}

@media (max-width:414px) {
  .logo_popup {
    max-height: 70% !important;
    max-width: 70% !important;
  }


  #myCarousel {
    margin-left: 20px;
    margin-right: 20px;
  }

  .carousel-control.left {
    margin-left: -20px;
  }

  .carousel-control.right {
    margin-right: -20px;
  }

  .call_to_action {
    color: #77BA31 !important;
    padding-top: 0px;
  }


  .call_to_action_toshiba {
    padding-top: 0px;
  }

  .call_to_action_sce {
    padding-top: 0px;
  }

  .call_to_action_lg {
    padding-top: 0px;
  }
}

/*SLIDE STYLES*/
.work_intro {
  background-color: white;
  text-align: center;
  padding: 1px 3% 20px 3%;
  width: 100%;
  max-width: 2000px;
  /*min-height: 132px;*/
}

  .work_intro p {
    font-size: 13pt;
    text-align: left;
    padding-top: 0px;
    padding-bottom: 15px;
    margin-bottom: 0px;
    font-weight: bold;

  }

  .work_intro h1, h3 {
    text-align: left;
    font-size: 18pt;
    margin-bottom:8px;
  }

 

.info_paragraph {
  /*background-color:#F2F2F2;*/
  min-height: 300px;
  padding-left: 2%;
  padding-right: 2%;
}


  .info_paragraph h1 {
    font-size: 13pt;
    color: black;
    font-weight: bold;
    text-align: left;
  }

  .info_paragraph p {
    text-align: left;
    font-size: 10pt;
  }

  .info_paragraph li {
    font-size: 10pt;
  }


.mrkt-text {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

