/*
Theme Name: Visible
Theme URI: https://devdmbootstrap.com
Author: JIC Design
Author URI: http://www.jicdesign.com
Version: 1.7
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: devdmbootstrap4
*/
.col-md-4.col-sm-4.col-xs-12.offset-sm-1 {

    flex: 0 0 33.33333%;
}

.col-sm-7 {
    flex: 0 0 58%;
    max-width: 58%;
}

/*
page /packaging/packaging-supplies-machines
*/

.packaging-supplies-machines .row.cf.equipment div.col-md-6 {
    float: right;
    margin-bottom: 6px!important;
    clear: none;
}

.t-blue {
    color: #003764;
    margin-left: 1em;

}

.col-sm-12.bluechart {
    margin-top: -60px!important;
	margin-left: -13%!important;
}

 .col-sm-9.text-center.chartheading{
    flex: 0 0 90%;
    max-width: 90%;
}

/*
page /logistics - to remove casestudy for now
*/

.container-fluid.casestudy {

margin-bottom: -100px!important;
}

/*
changes by JIC Nov 6
*/

.scrollmagic-pin-spacer {
    margin-top:-5%!important;
}

.we-serve .who-we-serve p {
     max-width: 44%!important;
     margin-top: 135px !important;

   }

p.text-center {
    max-width: 46%!important;
}


/*
parcel page /km
*/

em {
    font-size: .75em!important;
}

 .executive-leadership h3 {
    color: #003764;
    font-size: 2.4em !important;
     margin-Top: 80px;
    margin-left: 30px;
}

.executive-leadership h4{
       margin-Top: 30px;
    margin-left: 30px;
}


@media (min-width: 768px){
.col-md-4 {
    flex: 0 0 25%;
    max-width: 33.3333333333%;
	padding-bottom: 2em;
}

	.executive-leadership h3.leadership-team {
    margin-top: 5px;
}

	.scrollmagic-pin-spacer {
    margin-top:-5%!important;
}

	em {
    font-size: .75em!important;
}


}

.executive-leadership h3 {
    color: #003764;
    font-size: 2.4em !important;
	margin-Top:5px !important;
    margin-left: 30px!important;
}

.executive-leadership h4{
       margin-Top: 30px;
    margin-left: 30px;
}


.hexagon-container {
    background-image: url(http://visible.jicserver.com/wp-content/uploads/2018/11/Group-3-copy-4.png);
    background-repeat: no-repeat;
    background-position: left top;
	background-size: 400px;
}

.logistic-solutions .col-sm-4 .wrapper a{
    display: inline;
}


/*
packaging /km
*/
img.img-fluid.packaingpic{
    height: 300px;
}


  .col-md-5.innovation-image {

}


img.img-fluid.packaingpic.innovation-image {
    margin-left: 50px;
}

.col-md-6.innovation-copy {
    padding-left: 60px;
    padding-right: 100px;
}

.innovation-copy1 {
    padding-right: 70px;
}

h1.leader-line.t-blue.innovationh1 {
     width: 100%;
}

.pckg-white { padding-bottom: 30px; }

.pckg-row {margin-top:-60px;  }



/*
about page /wd
*/

.offset-sm-1.stamps {
    margin-left:0!important;
}

/*
logistics Wendy
*/

img.img-fluid.logisticing {
    height: 80px;
}

.hexagon-container {
    background-image: url(http://visible.jicserver.com/wp-content/uploads/2018/11/Group-3-copy-4.png);
    background-repeat: no-repeat;
    background-position: left top;
	background-size: 400px;
}

.logistic-solutions .col-sm-4 .wrapper a{
    display: inline;
}

.overview-list
{

}

.col-md-6.col-sm-10.offset-sm-1.align-self-center.overviewlist {
    padding-left: 50px;
}

.pckg-white { padding-bottom: 30px; }

.reco-p{
color:#ee7600;
padding-bottom:1px!important;
}

.bg-white {

    padding-bottom: 30px;
}

.logisticcase {
    padding-left: 130px;
}

.pckg-row {margin-top:-60px;  }

.modal-content {
	width:400px!important;
}

@media (min-width: 768px){
.login .modal-dialog {
    width:380px!important;
	}

.row.services-images {
    padding-left:1%!important;


}
.left-angle.bg-grey.last-angle.map-bg {
    background-color: #fff;
}

	}

.left-angle.bg-grey.last-angle.map-bg {
    background-color: #fff;
}


li#menu-item-23 {
    width: 125px!important;
}

/*kim portkey button-fulfillment */

a.btn-orange.portkeytm {
    float: right;
    margin-right: 20%;
    margin-top: -12%;
    font-size: .5em;
    font-weight: 800!important;
}

.hero-vid a.btn-orange.portkeytm {
float: none;
margin-right: 0px;
margin-top: 0px;
}

.col-6.grisbottom {
    height: 70px;
}

.hero-image h1 {
    color: #ffffff;
    width: 93%;
}

@media (min-width: 992px){
.navbar-expand-lg .navbar-nav {
    flex-direction: row;
    width: 900px;
    margin-right: 1%!important;
}

}

	 /*cellular */
@media only screen   and (min-device-width : 320px) and (max-device-width : 767px) {


	.hero-image{

height:auto!important;

}


img.img-fluid.logisticing {
    height: 80px;
    margin-bottom: 15%;
}

.row.logistic-solutions.d-flex {
    margin-top: -40%;
}

	.row.grey-angled-bg-2 {
    margin-top: -30%;
}

	.reco-p {
      margin-left: 22%!important;
}

	.Inverted-Dimensional-p {
    margin-top: 50px !important;
    line-height: 1.2em;
    font-size: 2.3em;
    width: 85%;
    font-weight: 500;
    margin-left: 10%!important;
}

	.t-blue {
    color: #003764;
    margin-left: 1em;
	font-size: 3em!important;
}
}

p.thankyou {
    margin-left: 21%!important;
}

.single-post ol {
  font-size: 2em;
}

.single-post h2.post-title {
  font-size: 3rem !important;
}

@media only screen and (max-width:767px) {
.service-wrapper:nth-of-type(even) {
    border-left:1px solid #f1841f !important;
    margin-left:28px !important;
}

.home-jazz-right {
  padding-right: 45px !important;
padding-left: 45px !important;
padding-top: 45px !important;
}

	html, body, .page-wrapper {
		overflow-x:hidden !important;
	}
}

.page-wrapper {
  margin-bottom: -15px;
z-index: 500;
position: relative;
}

div.wpcf7-mail-sent-ok,div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: none;
    font-size: 16px;
}

div.wpcf7-response-output {
    margin: 2em 0em 1em;
    padding: 0.2em 0em;
    border: none;
}
span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 0.8em;
    font-weight: normal;
    display: block;
}
input:focus {outline:0;}

#error-form {
  display: block;
clear: both;
color: red;
}

.home .latest-resources h3 {
  width:100%;
}

.modal-backdrop {
  z-index:0 !important;
}

.modal#customerLogin.fade.show {
      background-color: rgba(0,0,0,.5);
}

.modal#customerLogin.fade.show .modal-dialog {
  top:10%;
}

 .modal#customerLogin.fade.show .modal-content {
  margin-left:auto;
  margin-right:auto;
}

@media only screen and (max-width:575px) {
  #customerLogin .modal-body .col-sm-5 {
    text-align: center;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom:15px;
  }

  .row.utah-jazz-main {
    padding-bottom:0px !important;
  }

  .row.utah-jazz-bottom {
    padding-top:0px !important;
  }

  .utah-jazz-bottom h1:after {
    content:none !important;
  }

  .utah-jazz-bottom h1 {
    font-size:32px !important;
  }

  #customerLogin .modal-body .col-sm-5 h4 {
    margin-right:17% !important;
  }
}
.nav-link-small,.nav-link-small:hover {
    padding: 5px 8px !important;
    border-radius: 25px;
    font-size:13px;
    color:#FFFFFF;
    transition: background 0.4s ease-in-out;
    background: #fea200;
    background: -moz-linear-gradient(top, #fea200 0%, #d85e00 100%);
    background: -webkit-linear-gradient(top, #fea200 0%, #d85e00 100%);
    background: linear-gradient(to bottom, #fea200 0%, #d85e00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fea200', endColorstr='#d85e00',GradientType=0 );
}
@media only screen and (max-width:1199px) {
  .nav-link-small,.nav-link-small:hover {
      font-size:12px;
  }
}
@media only screen and (max-width:991px) {
  .nav-link-small,.nav-link-small:hover {
      font-size:11px;
  }
}

/*UTAH Jazz */
.t-orange {
  color: #ee7600;
}
.uppercase {
  text-transform: uppercase;
}
.page-template-tmpl-utah-jazz p {
  font-size:1.8em;
}

.utah-jazz-intro h1 {
  font-size:40px !important;
  letter-spacing:0px !important;
  width: 550px;
    margin-left: auto;
    margin-right: auto;
    max-width:100%;
}


.utah-jazz-intro p {
  width: 870px;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width:100%;
}

.utah-jazz-main img {
  width:100%;
  max-width:100%;
}

.utah-hero h1 {
  margin-right:0px !important;
  width:100% !important;
      color: #ee7600  !important;
      font-style:italic !important;
      margin-bottom:15px !important;
}

.hero-image.resources-hero.utah-hero {
      min-height: 350px !important;
}

.utah-main {
  width: 960px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.utah-jazz-intro .orng-border-btm {
  width: 930px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-bottom:1px solid #ee7600;
    padding-bottom:45px;
}

.utah-main ul.checkmark {
  list-style: none;
  padding: 0;
}
.utah-main ul.checkmark li {
  padding-left: 1.3em;
  font-size:1.8em;
}
.utah-main ul.checkmark li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  color:#ee7600;
}

.utah-hero-top {
  padding-top:20px !important;
}

.utah-hero-text {
  padding-top:30px;
}


.jazz-img-cont {
  border-top:1px solid #ee7600  !important;
  width: 400px;
    margin-left: auto;
    padding-top: 30px;
    max-width:100%;
}

.page-template-tmpl-utah-jazz h2 {
  font-size:24px !important;
  letter-spacing:0px !important;
  padding-bottom:10px;
}

.utah-jazz-bottom h1 {
  position:relative;
}

.utah-jazz-bottom h1:after {
  content: '';
      width: 50%;
      height: 1px;
      background: #ee7600;
      position: absolute;
      top: 50%;
      margin-left: 30px;
}

.row.utah-jazz-intro {
  margin-top:60px;
}

.row.utah-jazz-main .col-sm-6 {
  padding-bottom:45px;
}

.utah-hero {
  margin-right:0px;
}

.home-jazz-right {
  color: #fff;
padding: 0px 15px 0;
}

.home-jazz-right p.desc {
  font-size: 1.4em;
    font-weight: 300;
    line-height: 1.3em;
    width:380px;
    max-width:100%;
}

.home-jazz-right h3 {
  width:260px !important;
  max-width:100% !important;
}

.home-jazz-right .learn-more {
  padding-top: 30px;
display: inline-block;
}

.home-jazz-right .learn-more:hover, .home-jazz-right .learn-more:focus {
  color:#fff !important;
}

.home-jazz-left img {
  width:250px !important;
  max-width:100% !important;
  width: 250px;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.home-jazz-left h1 {
  border-bottom: 1px solid;
      width: auto;
      display: inline-block;
      font-style: italic;
      letter-spacing: 0px;
      padding-top:10px;
}

.home .jazz-bg-img {
  margin-left: -30px;
    margin-right: -30px;
}

.home .row.posts {
  padding-top:7.5px;
}

.home-jazz-right .learn-more:hover span, .home-jazz-right .learn-more:focus span {
  border-color:#fff !important;
}

.home .jazz-bg-img {
  background-image: url(/wp-content/uploads/2020/01/Background_Image.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center left;
}
.leader-line:before {
    float:left;
}
.outcome-h1 {
  font-size:48px;
}
.text-align-center {
  text-align: center;
}


/* Home / Why Visible Video Features */
.banner-vid h1 {
  padding-top:30px;
}

.banner-vid.banner-image.container-fluid .container .row img.img-fluid {
  bottom: -100px !important;
}

@media only screen and (max-width:991px) {
.hero-image.hero-vid {
  height:100% !important;
  background-position: 70% 50% !important;
}
}

@media only screen and (min-width:768px) {
.hidden-desk {
  display:none !important;
}

.hero-image.hero-vid .video-popup img {
  padding-top: 80px;
}

.hero-image.hero-vid .row.page-title {
    margin-top: 80px;
}

.page-template-tmpl-fulfillmentNew .hero-image.hero-vid .row.page-title, .page-template-tmpl-packaging .hero-image.hero-vid .row.page-title {
    margin-top: 40px;
}

.page-template-tmpl-fulfillmentNew .hero-image.hero-vid .video-popup img, .page-template-tmpl-packaging .hero-image.hero-vid .video-popup img, .page-template-tmpl-logistics .hero-image.hero-vid .video-popup img, .page-template-tmpl-parcel .hero-image.hero-vid .video-popup img {
padding-top: 0px;
}

.hero-packaging .col-lg-7 img {
  float: left;
    display: inline-block;
    width: 115px;
}

.hero-packaging .col-lg-7 h3 {
  width: 320px;
max-width: 100%;
padding-top: 45px;
padding-left: 30px;
display: inline-block;
}

.hero-vid.hero-packaging a.btn-orange.portkeytm {
  float: right;
    margin-top: -90px;
    margin-right: 30px;
}
}

@media only screen and (max-width:1199px) {
  .hero-packaging .col-lg-7 h3 {
        padding-top: 0px;
  }

  .hero-vid.hero-packaging a.btn-orange.portkeytm {
    float: none;
    margin-top: -30px;
    margin-right: 0px;
    display: inline-block;
    margin-left: 30px;
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .fulfillment-hero .hero-vid {
    height:600px !important;
  }
}

@media only screen and (max-width:991px) {
.hero-packaging .col-lg-7 h3 {
  padding-top: 15px;
  padding-left: 0px;
  width: 215px;
  padding-left: 15px;
}

.hero-vid.hero-packaging a.btn-orange.portkeytm {
    float: right;
    margin-top: -15px;
    margin-right: 40px;
    display: inline-block;
    margin-left: -15px;
}
}

@media only screen and (max-width:767px) {
.banner-vid.banner-image.container-fluid .container .row img.img-fluid {
  bottom: 50px !important;
  margin-top: 50px !important;
}

.hidden-mob {
  display:none !important;
}

.hero-image.hero-vid > .row {
  padding-bottom: 90px !important;
}

.hero-image.hero-vid > .row .hidden-desk {
  position: absolute;
    bottom: -60px;
    z-index: 5000;
    left: 0px;
    right: 0px;
}

.hero-image.hero-vid > .row .hidden-desk h5 {
  font-weight: bold;
  font-size: 16px !important;
  font-family: serif !important;
  padding-top: 10px;
}

.banner-image.banner-vid {
  -webkit-clip-path: none  !important;
  clip-path: none  !important;
}

.banner-image.banner-vid > .row {
  padding-bottom: 90px !important;
      margin-bottom: 90px !important;
}

.banner-image.banner-vid > .row .video-col {
  bottom: -130px;
  z-index: 5000 !important;
  position: absolute;
  left: 0px;
  right: 0px;
  text-align:center;
}

.banner-image.banner-vid > .row .video-col img {
  width: 300px;
  max-width:100%;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  text-align: center;
  float: none;
}

.hero-fulfillment {
  margin-bottom:90px;
}

.hero-packaging .col-lg-7 img {
  width:115px;
  max-width:100%;
  float: left;
display: inline-block;

}

.hero-packaging .col-lg-7 h3 {
  width: 215px;
  max-width:100%;
      padding-left: 15px;
      display: inline-block;
      padding-top: 15px;
}

.hero-vid.hero-packaging a.btn-orange.portkeytm {
  margin-left: 15px;
    margin-top: -20px;
    float:none;
}
}

@media only screen and (max-width:480px) {
.hero-vid.hero-packaging a.btn-orange.portkeytm {
    margin-left: 0px;
    margin-top: 0px;
}
}