/* global */
body{font-family:"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight: 400;line-height:1.4em}

h1{display:none}
#home h1, #logo-container{display:block;margin:0;text-align:left;background-image:none}
#sitemap h1, #about-toyobo h1, #contact-page h1, #inquiry h1, h2{display:block;font-size:30px;font-weight:300;color:#000;margin:1.8em auto 0.9em;text-align: center;letter-spacing: 1.8px;background:bottom center url(../imgs/bg_h2.png) no-repeat;padding-bottom:0.9em}
p{margin:0.9em auto;line-height:1.4em}
.container{max-width: 970px}
h2.nomargin, p.nomargin{margin-bottom:0;}

label{font-weight:300;font-size:16px;color:#333;padding-bottom:0.5em}
.checkbox label{font-weight:300;}

ul{padding-left:16px;}
ul.news{padding-left:30px;width:85%;}


sup, sub {vertical-align: baseline;position: relative;top: -0.6em;font-size: 60%;position: relative;line-height: 0;}
sub { top: 0.4em; }

a, a:visited{color:#333;text-decoration: underline}
a:hover, a:visited:hover{color:#238fce;}
a span:hover, a:visited span:hover{color:#238fce;}

.blue{color:#238fce;}
a.blue{color:#238fce;}
.white{color:#fff}
.deepgreen{color:#006a07}
.darkgreen{color:#298f2a}
.lightgreen{color:#83b92e}
.orange{color:#eb8a23}
.red{color:#db2c29}
.purple{color:#881f61}
.cherry{color:#e10079}
.darkpurple{color:#9e2872}
.pink{color:#d100de}

.header-lightgray{color:#7c8085}
.header-darkgray{color:#46494c}

.box-lightgray{background-color:#f4f9ff}
.box-darkgray{background-color:#d9e2ed}
.container-bg{width:100%;}

.footnote{font-size:12px;}
.small{font-size:10px;}

.clear{width:1px;height:1px;font-size:1px;line-height:1px;clear:both;}
.clearright{clear:right;}

/* bootstrap no gutters */
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"]{
  padding-right: 2px;
  padding-left: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
}

/* header */
#header{padding-top:20px;padding-bottom:20px;clear:both;min-height:84px}
header img#logo{width:172px;clear:both;}
#utility-nav{text-align:right;}
#utility-nav ul{list-style:none;margin-bottom:0;padding-top:30px}
#utility-nav li{display:inline-block;padding:10px 0;padding-left:1em;font-size:12px;}
#utility-nav li a{text-decoration: none}
#utility-nav li .glyphicon-search{color:#238fce;border:1px solid #d0cccb;padding:4px 4px 5px;border-radius:2px;margin-left:4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
#utility-nav li .glyphicon-search:hover{color:#fff;background-color: #238fce}
.fc{
    display: inline-block;
    width: 120px;
    padding: 2px 2px;
    line-height: 1.42857143;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d0cccb;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

/* mainnav */
.navbar {min-height: 44px;margin-bottom: 0px;border: 0px;background-color: #546670;font-size:16px;}
/* -- hide one-pixcel line below navbar header-- */
.navbar.navbar-default {
    background-color: #546670;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.navbar.navbar-default .navbar-collapse {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* --  --- -- */
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:visited, .dropdown-menu > li > a, .dropdown-menu > li > a:visited {color: #fff;padding: 12px 45px;text-decoration: none;font-weight:400;}
.navbar-default .navbar-nav > li > a.dropdown-toggle{color:#fff}
 .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:visited {color: #fff;background-color: #0080be;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {color: #fff; background-color: #758e9c;}
.navbar-nav>li>.dropdown-menu{margin-top:-1px}

.dropdown-menu {border-radius: 0px;background-color: #f68d42;padding-top: 0;padding-bottom:0}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {color: #fff; background-color: #0080be;}
.dropdown-menu > li{border-top:1px solid #fff}
.dropdown-menu > li:first-child{border-top:0px}
.dropdown-menu > li.active {color: #fff; background-color: #758e9c;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {background-color: #758e9c;}
.dropdown-menu > li > .section{
  display:block;
  font-weight:600;
  color:#fff;
  padding:12px 20px;
}
/* -- nav button for mobile -- */
.navbar-default .navbar-toggle {
    border-color: transparent;
    border-radius:0px;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #0080be;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle.collapsed .icon-bar {
    background-color: #fff;
}

/* -- nav bar -- fixed */
.nav-fixed {
    top: 0;
    z-index: 100000;
    position: fixed;
    width: 100%;
}

/* carousel */
#carousel-container{
    background-repeat:repeat-x;
    background-position:top left;
    -o-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    -moz-transition: background-image .5s ease-in-out;
    -webkit-transition: background-image .5s ease-in-out;
    -o-transition: background-image .5s ease-in-out;
    transition: background-image .5s ease-in-out;
}

#carousel-container .title-box{display:none}
.carousel-inner>.item img{margin:0 auto}

.carousel-indicators {position: absolute;z-index: 10000;width:58%;max-width:554px;height:25.42%;max-height:90px;text-align: left;background-repeat:no-repeat;background-size:100% auto;bottom:10%!important; left: 0;right: 0;margin: 0 auto;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
}
.carousel-indicators li, .carousel-indicators li.active {width:15%;height:100%;max-height:100px;margin: 0 5% 0 0;background-color: transparent;border:0;padding:0;line-height:0;font-size: 0;text-indent: -9999;cursor:pointer}
.carousel-indicators li.last{margin: 0!important;}

/* circle - secondary */
#circle-indicators-wrapper{position: absolute;z-index: 100;width:48%;max-width:454px;height:30%;max-height:90px;text-align: left;background-repeat:no-repeat;background-size:100% auto;bottom:10%!important; left: 0;right: 0;margin: 0 auto;overflow:hidden}
#circle-indicators-wrapper img{width:100%}

.circle-indicators {position: absolute;z-index: 10010;width:100%;max-width:454px;height:100%;max-height:90px;text-align: left;background-repeat:no-repeat;background-size:100% auto;top:0; left: 0;right: 0;margin: 0 auto;padding:0}
.circle-indicators li, .circle-indicators li.active {width:20%;height:100%;max-height:100px;margin: 0 6.5% 0 0;background-color: transparent ;border:0;padding:0;line-height:0;font-size: 0;text-indent: -9999;cursor:pointer;display:inline-block;border-radius: 10px;}
.circle-indicators li.last{margin:0!important;}

.circle-indicators img.active{display:block}
.circle-indicators img{display:none}

.carousel-bg-blue{background:top left url(../imgs/slider_bg_blue.gif) repeat-x;}
.carousel-bg-gray{background:top left url(../imgs/slider_bg_light.gif) repeat-x;}

/* next - back to top */
.next-backto-top{margin:1.8em auto}
#contact-page .next-backto-top{margin:2.7em auto 1.8em}
.next{text-align:center;}
.next a, .next a:visited{display:block;margin-left:22px;font-size: 18px;font-weight:600;text-decoration:none;color:#a6a2a2;letter-spacing:22px;}
.next a:hover, .next a:visited:hover{color:#238fce}
.back-to-top{display:block;text-align:right;margin-top:-10px}
.back-to-top a{font-size: 18px;font-weight:300;text-decoration:none;padding-bottom:0.5em}
.back-to-top a i, .back-to-top a:visited i{color:#a6a2a2;margin-right:0.8em}
.back-to-top a:hover i, .back-to-top a:visited:hover i{color:#238fce}

/* about us*/
#about-us h3, #about-hardlen h3, #about-toyo-tac h3{font-size:24px;font-weight:600;line-height:1.4em;}
#about-us p{font-size:18px;font-weight:400;line-height:1.4em;}
#home #about-us p.left{padding-top:1.5em;}
#about-us p.right{text-align: left}
#about-us p.right img{width: 410px}
a.more, a.more:visited{color:#238fce;text-decoration: none}
a.more:hover, a.more:visited:hover{color:#7bc6f3;text-decoration: none}

#about-hardlen p, #about-toyo-tac p{font-size:16px;font-weight:400;line-height:1.4em;}
#about-hardlen .right, #about-toyo-tac .right{text-align:left}
#about-hardlen .right img{width:100%;max-width: 420px;margin-top:1em}
#about-toyo-tac .right img{width:100%;max-width: 310px}

#about-us .right.sm img{width:100%;max-width: 310px}

#timeline{margin-bottom:1.8em}
#timeline p{width:100%;text-align:center}
#timeline img{width:100%;max-width:390px}

/* map */
.map-responsive{
    overflow:hidden;
    position:relative;
    background-color:#fff;
}
.map-responsive iframe{
    width:100%;
    min-height:250px;
}
.map-desc{max-width:300px;margin:1em 2em 2em;}

/* square - products  */
.square-container {text-align: center;}
.square-container img{width:100%;max-width: 310px}
.col-md-8.square-container img{width:100%;max-width: 622px}
.square-rollover {display:none;left: 0;right: 0;margin: 0 auto;width:100%;max-width: 310px;position:absolute;top:0;width:100%;height:100%;background:rgba(255, 255, 255, 0.8);}
.col-md-8 .square-rollover{display:none;left: 0;right: 0;margin: 0 auto;width:100%;max-width: 622px;position:absolute;top:0;width:100%;height:100%;background:rgba(255, 255, 255, 0.8);margin-top:2px}
#news .square-rollover{background:rgba(217, 226, 237, 0.6);}
.square-rollover a, .square-rollover div.a{display:block;width:100%;height:100%;padding:1.5em;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;text-decoration:none}
.col-md-8 .square-rollover a, .col-md-8 .square-rollover div.a{display:block;width:100%;height:100%;padding:0;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;text-decoration:none}
.square-rollover a span, .square-rollover div.a span{display:block; position:relative;top:50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);text-align:center}
.square-rollover h3{width:100%;font-size:23px;color:#238fce;margin:0 0 0.9em}
.square-rollover h3.lg{width:100%;font-size:32px;color:#238fce;margin:0}
#news .square-rollover h3{font-weight:400;color:#181719}
.square-rollover h4{width:100%;font-size:18px;color:#238fce;margin:0 0 0.9em}
.square-rollover p{width:100%;color:#000;font-size:15px;line-height:1.2em}
.square-rollover em{color:#238fce;font-style:normal}
.square-rollover p b{
    font-size:12px;font-weight:600;line-height:1.2em;display:block;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
}
.square-rollover p.sm{font-size:14px}
.square-roll .spacer{display:block}

/*home, healthcare - square 082525*/
.card h2{margin-bottom:0.4em}
.card .square-container{
  border:0px solid #dddddd;
  margin-top:15px;margin-bottom:15px;
  max-width:360px;
}
.card .square-container img{width:100%;max-width: 100%}
.card .square-container .square-container-innaer{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.card .square-container .square-container-text {padding:12px;}
.card .square-container .square-container-text h3{width:100%;font-size:18px;color:#238fce;margin:0 0 0.6em}
.card .square-container .square-container-text h3.lg{font-size:22px;color:#238fce;margin:0 0 0.1em 0}
.card .square-container .square-container-text h4{width:100%;font-size:14px;color:#238fce;margin:0 0 0.9em}
.card .square-container .square-container-text p{
    text-align: center;
    font-size:14px;line-height:1.2em;display:block;
    margin-bottom:1.2em;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
}
.card .square-container .square-container-text p.url{font-size:12px;font-weight:bold;}
.card .square-container .square-container-text p.left{text-align:left;}
.card .square-container .square-container-text a.btn{color:#fff;display:inline-block;text-decoration:none;}

/* flex box - square 090825*/
.card .row{
    display: flex;
    align-items: stretch;
}
.card .row .square-container{
    display: flex;
    align-items: stretch;
}

/* global footprint */
.gf{margin-bottom:1em;}
.gf .map, .gf .img{width:100%;text-align:center}
.gf .map h2{font-weight:500;background-image:none;margin-top:0.5em;margin-bottom:1em;padding-bottom:0;letter-spacing: normal;text-align:left;font-size:24px}
.gf .map p{font-weight:500;font-size:16px}
.gf img{width:100%;max-width:484px}
.gf .inner{background-color:#fff;margin-left:2px;margin-right:2px;padding:1.4em;text-align:left;max-width:484px}
.gf .inner h4{font-size:16px;margin:0 0 0.4em}
.gf .inner h3{font-size:22px;margin:0 0 0.2em}
.gf .inner p{margin:0}

/* sitemap - contact */
.chart{text-align:center}
.chart img{width:100%;max-width:830px}
#sitemap a, #contact-page a{text-decoration: none}
#sitemap #footer a, #contact-page #footer a{text-decoration: underline}
#sitemap h2, #contact-page h2{text-decoration: none;text-align:left;background:none;margin-top:1em;margin-bottom:1em;padding-bottom: 0;}
#sitemap h3{margin-bottom:0}
#sitemap h3 em{font-weight:300;font-size:20px}
#contact-page h3{font-size:30px;margin-bottom:0;margin-top:0;font-weight:300}
#contact-page h3.bold{font-weight:500}
#contact-page h4{font-size:24px;margin-top:0.4em}
#contact-page h4.light{font-weight:300}
#contact-page p{font-size:16px;}
#contact-page .tall{margin-top:1.8em;margin-bottom:1.8em}
#sitemap p, #privacy p, #privacy li{font-size:22px;line-height:1.4em;font-weight:300;margin-top:0.4em;
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
/* This is the dangerous one in WebKit, as it breaks things wherever */
word-break: break-all;
/* Instead use this non-standard one: */
word-break: break-word;
}
#privacy p, #privacy li{font-size:16px;}
#privacy h3{font-size:20px}
#sitemap p em{font-size:20px}

/* about toyobo usa */
#about-toyobo .history p{font-size: 18px;}
.qrmark{width:100%;max-width:432px}

/* contact */
#contact-page h2{margin-top:1.8em}
#contact-page h2.short{margin-top:1em}

/* form */
form.contact-us label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	/*font-style: italic*/
}
div.error { display: none; }
input.error { background-color:#F2DEDE; }
label.error{margin-bottom:0;padding-bottom:0}
.form-field{margin-bottom:0.8em}
.checkbox label.error{font-weight:400;padding-left:0;display:block;}
.form-horizontal .control-label {
    text-align: left!important;
}
label span{font-size:12px}
.form-control.error{background-color:#F2DEDE;}
/* ------------------------- */

/* footer */
#footer{font-size:12px;margin:1.8em auto;color:#333}
#footer .large{font-size:13px}
#footer a, footer a:visited{color:#333}
#footer br{clear:both}
#footer p{clear:both;padding-top:1em}
#footer .footer-nav{list-style:none;padding-left:0;clear:both}
#footer .footer-nav li {float:left;padding-right:1em;padding-bottom:0.2em}
.linkedin{width:55px;height:55px;margin-top:30px}

/* media queries*/
@media (max-width: 1200px) {
	.sidebox p{width:40%;}
}
@media (max-width: 1170px) {
}

@media (max-width: 995px) {
	.navbar-default {font-size:14px;}
	.navbar-default .navbar-nav > li > a {padding-left:16px;padding-right: 16px;}
}
@media (max-width: 991px) {
.lightgray.box.short{min-height:auto;}
.noheader{margin-top:0px;margin-bottom:5px;}
.noheader{padding:0;line-height:1.1em;}
  /*082525*/
.card .square-container{margin-left:auto;margin-right:auto}
}

/*NEW !*/
@media (max-width: 969px) {
  h1, h2{font-size:26px;}
  #about-us h3, #about-hardlen h3, #about-toyo-tac h3{font-size:22px}
  #about-us p{font-size:16px}
  #about-hardlen p, #about-toyo-tac p{font-size:14px}
  #about-hardlen .right, #about-toyo-tac .right{text-align:center}
  #about-toyobo p{font-size: 16px;}

  #about-us p.left, #about-us p a.more{padding-top:0em;}
  #about-us p.right{text-align: center}
  header img#logo{margin-left:1%;}
  header ul{padding-right:1%;}

  /*map*/
  .map-responsive{margin-bottom:1em}
  .map-desc{margin:1em auto 2em}

  /* global footprint */
  .gf{margin-top:2px;margin-bottom:2px;}
  .gf .inner{max-width:484px}
  .row.no-gutters > [class^="col-"] .inner, .row.no-gutters > [class*=" col-"] .inner{
      margin-left:auto;margin-right:auto;
  }
  .square-roll .spacer{display:none}

  .card .row{
    display: block;
  }
  .card .row .square-container{
      display: block;
  }

}

@media (max-width: 960px) {
	img.banner-img{width:100%;}
}
@media (max-width: 768px){
	/*header .row{margin:0;}*/
	ul.news{width:100%;}
}

/*NEW!*/
@media (max-width: 767px){
    .next-backto-top{margin:1.8em auto}
    .next{text-align:center;}
    .next a, .next a:visited{display:block;margin-left:18px;font-size: 16px;letter-spacing:18px;}
    .back-to-top{display:none}
    .square-rollover {display:block}
    .dropdown-menu > li{border-top:0px}
    .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {color: #fff; background-color: #0080be;}
    .dropdown-menu{
        display: block;
        position: static;
        background-color:transparent;
        border:0 none;
        box-shadow:none;
        margin-top:0;
        width:100%;
        float:none;
        border-top:0px
    }

    #sitemap p, #privacy li{font-size:16px;}
}

@media (max-width: 700px) {
	.chart_in_your_daily_life_1,
	.chart_in_your_daily_life_2,
	.chart_in_your_daily_life_3,
	div.box img.chart_basic_performance_mattress_1,
	div.box img.chart_basic_performance_mattress_2,
	div.box img.chart_basic_performance_mattress_3,
	.table_basic_performance_combustion_gas,
	div.box img.chart_basic_performance_body_pressure_1,
	div.box img.chart_basic_performance_water_draining{width:100%;}
}
@media (max-width: 690px) {
	.chart_japan_1{width:100%;}
}
@media (max-width: 680px) {
	.chart_what_is_breathair{width:100%;}
	div.box img.chart_environment_2,
	div.box img.chart_environment_3,
	div.box img.chart_basic_performance_body_pressure_2,
	div.box img.chart_basic_performance_body_pressure_3{width:100%;}
	.design-label{text-align: left;}
}
@media (max-width: 600px) {
    header img#logo{width:96px;}
    #utility-nav ul{padding-top:0px}
    #utility-nav li{font-size:10px;}
    .carousel-indicators li, .carousel-indicators li.active, .circle-indicators li, .circle-indicators li.active {width:15%;margin: 0 4% 0 0;}
}

@media (max-width: 430px) {
    #about-us p.right img{width: 100%}
    .carousel-indicators li, .carousel-indicators li.active, .circle-indicators li, .circle-indicators li.active {width:14%;margin: 0 4% 0 0;}
}
@media (max-width: 410px) {
    div.box img.chart_basic_performance_durability_1{width:100%;padding:0;}
	div.box img.chart_environment_1{width:100%;padding:0;}
}
@media (max-width: 390px) {
	div.box img.chart_basic_performance_durability_2,
	div.box img.chart_basic_performance_durability_4,
	div.box img.chart_basic_performance_durability_5{width:100%;padding:0;}
}
@media (max-width: 319px) {
	.photo_r_and_d{width:100%;}
}

/*print css hack*/
/*Copyright (C) 2016 Donnie Ray Jones
Permission is hereby granted, free of charge, to any person obtaining a
copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:

The above copyright notice and this permission notice shall be included
in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.*/

@media print {
    a[href]:after {
        content: ""!important;
    }
    abbr[title]:after {
        content: ""!important;
    }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .visible-xs {
    display: none !important;
  }
  .hidden-xs {
    display: block !important;
  }
  table.hidden-xs {
    display: table;
  }
  tr.hidden-xs {
    display: table-row !important;
  }
  th.hidden-xs,
  td.hidden-xs {
    display: table-cell !important;
  }
  .hidden-xs.hidden-print {
    display: none !important;
  }
  .hidden-md {
    display: none !important;
  }
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}