@charset "utf-8";
/* CSS Document */


/*==================================================
=            Bootstrap 3 メディア・クエリ             =
==================================================*/
h1,h2,h3,h4,h5,p,ul{
	margin-top:0;
	margin-bottom:0;
	font-size:100%;
}

h1,h3,h4,h5,p,ul{
	font-size:100%;
}

h2{
	font-size:134%;
	font-weight: bold;
	line-height: 1.7em;
	color: #555;
}

h3{
	font-size:134%;
	font-weight: bold;
	line-height: 1.7em;
	color: #2382e0;
}

h4{
	font-size:134%;
	font-weight: bold;
	line-height: 1.7em;
	color: #555;
}

p{
	font-size:117%;
	line-height: 2em;
}


li{
	list-style:none;
}


.black{
	color:#222;
}
.row.no-gutters{
	margin-left:0;
	margin-right:0;
}
.row.no-gutters>[class^="col-"],
.row.no-gutters>[class*="col-"]{
	padding-left:0;
	padding-right:0;
}



/* --------------------------------------------------
 TOP
-------------------------------------------------- */

#top .news_box{
    padding-top:40px;
    padding-bottom:50px;
	background-color: #4550d1;
}

.info{
	background-color:#515be2;
    padding-top:30px;
    padding-bottom:40px;
}
footer {
    margin-top: 10px;
}

footer .footer_lnk{
	margin:0;
	padding-top:0;
	padding-bottom:20px;
}
.blueline_01{
    border-bottom: 4px solid #515be2;
	}
.blueline_01 h3{
    color:#333;
	}

.pagetop{
    	margin-top: 10px;
    	margin-bottom: 10px;
	}
.pagetop p{
    	float: right;
	}
.info p{
	color:#fff;
}
.info ul{
	padding-left:0;
}

.info li{
	margin-top:10px;
	margin-right:10px;
	float: left;
}
.footer_lnk a{
	color:#333;
	text-decoration: none;
}
.footer_lnk ul{
	padding-left:0;
}
#top .box{
	background: url(../images/top/bg_01.jpg) repeat-x;
}
.section02 .inner_l{
	float: left;
	width:50%;
}
.section02 .inner_r{
	float: right;
	width:50%;
}
.navbar-default{
		padding-right: 3%;
		padding-left: 3%;
}


/* パンクズ */
.breadcrumb{
	background-color: #fff;
	padding:6px 0;
	list-style:none;
	font-size: 86%;
	margin-bottom: 0;
}

.breadcrumb a{
	color:#689aca;
}
.breadcrumb>.active{
	color:#777
}
.breadcrumb .container{
	padding-bottom: 0;
	margin-bottom: 0;
}
/* カテゴリタイトル */
.cate_title{
	background-color: #86d0ff;
	padding:25px 0 20px;
	margin-bottom: 20px;
}
/* 事業内容 */
#business .box{
	padding: 0;
	margin: 0;
}

.column_01{
	border: 8px solid #d1e5fe;
	padding: 5%;
	overflow:hidden;
}

.column_01 dl{
	font-size: 117%;
}
.column_01 dt{
	color: #2382e0;
}
.column_01 dd{
	line-height: 2em;
}
.column_02{
	margin-top: 5px;
	border: 8px solid #d1e5fe;
	padding: 6%;
}
.column_02 h1{
	border-bottom:2px solid #ccc;
	text-align:right;
	padding-bottom:5px;
	margin-bottom:10px;
	font-size: 117%;
}
.column_02 dl{
	display: block;
	padding-bottom: 1em;
		}
.column_02 dt{
	color:#222;
	font-weight: normal;
	font-size: 117%;
	margin: 0;
	padding: 0;
}
.column_02 dd{
	color:#222;
	font-weight: normal;
	font-size: 117%;
	margin: 0;
	padding: 0;
}
.column_02 ul{
	padding-left:0;
		}
.column_02 li{
	color:#222;
	font-weight: normal;
	font-size: 117%;
	margin: 0;
	padding-bottom: 1em;
}

.biz_index{
	margin:8%;
}
#csr h3,
.biz_index h3{
	color:#222;
	font-size: 134%;
}
#csr .policy ul{
	font-size: 134%;
	padding: 0;
	margin-top: 25px;
}

#csr .policy ul li{
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

#csr .philosophy ol{
	float: left;
	margin-bottom: 15px;
	padding-left: 0px;
}

#csr .philosophy li{
	background-image: url(../images/about_sankoh/message/icon_no1.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 35px;
	padding-bottom: 10px;
	float: left;
	margin-top: 15px;
	border-bottom: 1px solid #ccc;
}

/*ボックスの高さを揃える*/
.inside {
  margin-top: 20px;
  margin-bottom: 20px;
  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom,color-stop(0%, #f4f4f4), color-stop(100%, #ededed));
  background: -moz-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
  background: -ms-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
}

.inside-full-height {
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}
.biz_index{
	margin:8%;
}
.biz_index h3{
	color:#222;
	font-size: 134%;
}
.biz_btn {
	background-color: #515be2;
	color:#fff;
	padding: 10px;
	width:100%;
	font-size: 117%;
	border-radius: 5px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
.biz_btn_off {
	background-color: #80ceff;
	color:#fff;
	padding: 10px;
	width:100%;
	font-size: 117%;
	border-radius: 5px;
	text-align: center;
	margin-top: 10px;
}
.group_btn_01,
.group_btn_02 {
	background-color: #515be2;
	color:#fff;
	padding: 10px;
	width:46%;
	font-size: 117%;
	border-radius: 5px;
	text-align: center;
	margin-top: 10px;
	float: left;
	margin-right: 10px;
}
.biz_btn:hover,
.group_btn_01:hover,
.group_btn_02:hover {
	background-color: #29a2f6;
}
 .group_btn_01{
	width:46%;
}
 .group_btn_02{
	width:100%;
}
.biz_index a:hover,
.btn_border a:hover {
	text-decoration: none;
}

/*ボックスの高さを揃える*/
.inside {
  margin-top: 20px;
  margin-bottom: 20px;
  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom,color-stop(0%, #f4f4f4), color-stop(100%, #ededed));
  background: -moz-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
  background: -ms-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
}
.inside-full-height {
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}
.list_01 dl {
	border-bottom:1px dotted #999;
	clear:both;
	}
.list_01 dl dt {
	display:block;
	line-height: 2em;
	}

.list_01 dl dd {
	display:block;
	line-height: 2em;
	}

/*グループ企業*/
#group .border_01{
	border-top:1px solid #ccc;
}


.office h3{
	color: #333;
	font-size: 117%;
	}
.office p{
	line-height: 1.8em;
	}
.office_02{
	clear: both;
	}
.csr_column{
	background-color: #000;
	padding:60px;
}
.csr_column h2{
	text-align: center;
}
.csr_column p{
	color:#fff;
}
.recruit_box{
	border:1px solid #ccc;
	padding-left:4%;
	padding-right:4%;
}
.recruit_box p{
	margin-top:0;
}

/*CSRページ*/
#csr .box_01{
	background-image: url(../images/about_sankoh/solution/bg_top.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:100% auto;
	margin-left:0;
	margin-right:0;
}
#csr .box_02{
	background-image: url(../images/about_sankoh/solution/bg_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size:100% auto;
	margin-left:0;
	margin-right:0;
}
#csr .box_01{
	text-align: center;
}
/*　プライバシーポリシー　*/
.ttl_privacy_p{
	color:#222;
	font-weight: nomal;
	font-size:134%;
	font-weight: bold;
	border-bottom: 3px solid #3399ff;

	}

.ttl_privacy_blue{
	color:#0099ff;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	}
#top .news_box ul{
	float: left;
	margin-top: 0;
	padding-left:0;
}
#top .news_box li{
	margin-bottom: 10px;
}
#top .news_box p{
	float: left;
	clear:left;
}







/* XSサイズ : Extra Small Devices, Phones */
@media only screen and (max-width : 768px) {
	header{
		border-top:7px solid #515be2;
		padding:5px 0;
		position:relative;
		overflow: hidden;
	}

	header h1{
		padding-top:2%;
		padding-left:2%;
	}
	#top .box{
		padding-top:6%;
		padding-left:5%;
		padding-right:5%;
	}

	#top .news_box{
		padding-left:5%;
	}

	#contents{
		padding:5%;
	}

	.container{
		padding-left:0;
		padding-right:0;
	}
	.product .txt_01{
		width:92%;
	}
	.product .btn_01{
		width:55%;
	}
	.ordermade .txt_01{
		width:60%;
	}
	.ordermade .btn_01{
		width:70%;
	}
	.company_info .txt_01{
		width:35%;
		left:5%;
	}
	.company_info .btn_01{
		width:30%;
		left:5%;
	}
	.recruit .txt_01{
		width:90%;
		left:5%;
	}
	.recruit .btn_01{
		width:30%;
		left:5%;
	}
	.pickup .inner{
		padding:0% 8%;
	}
	.topics dl dt{
		width:25%;
	}
	.topics dl dd{
		width:73%;
	}
	.contact_box{
		padding:1.5% 0%;
	}
	.address{
		width:85%;
	}
	.info{
		padding-left:5%;
		padding-right:5%;
	}
	footer{
		padding:0 5%;
	}
	body .sb_pc_active{
		display:none;
	}
	body .sb-slidebar .nav_box01 .nav00{
		border-bottom:1px solid #fff;
	}
	body header h1.logo.hover{
		pointer-events:none;
	}
	#close{
		position:absolute;
		top:15px;
		right:15px;
	}
	footer .copy{
	text-align:center;
	padding-bottom:20px;
	}

	.footer_lnk{
		text-align:center;
	}
	.info h2{
		font-family: 'Oswald', sans-serif;
		font-weight: normal;
		font-size: 300%;
		color: #fff;
	}
	.info ul{
		margin-top: 10px;
	}
	.info li{
		text-align: center;
		margin-right:10px;
		width: 100%;
		margin-bottom: 0px;
		border: solid 1px #fff;
		padding: 10px;
		color: #fff;
	}
	.footer_lnk ul{
		margin-top: 10px;
	}
	.footer_lnk li{
		margin-right:10px;
		width: 100%;
		margin-bottom: 10px;
		border: solid 1px #ccc;
		padding: 10px;
	}	.navbar{
		padding-right: 0;
		padding-left: 0;
	}
	.navbar-header{
		padding-left: 6%;
	}
	.contents {
		margin-right: 6%;
		margin-left: 6%;
	}
	.breadcrumb,
	.cate_title {
		padding-right: 6%;
		padding-left: 6%;
	}
	.cate_title{
	background-color:#515be2;
	}
	.cate_title h1{
	font-size:150%;
	font-weight: bold;
	color: #fff;
	}
	.contents h1{
	font-size:134%;
	font-weight: bold;
	line-height: 1.7em;
	color: #555;
	margin-top: 10px;
	padding-bottom: 3px;
	border-bottom: 4px solid #98c6fe;
	}
	#csr .contents h1{
	border-bottom: none;
	}
	h2{
		font-size:134%;
		font-weight: bold;
		line-height: 1.7em;
		color: #555;
	}
	h3{
		font-size:117%;
		font-weight: bold;
		line-height: 1.7em;
		color: #2382e0;
	}
	.info p{
		line-height: 1.5em;
	}
	.dropdown-submenu {
	  position: relative;
	}

	.dropdown-submenu>.dropdown-menu {
	  top: 0;
	  left: 100%;
	  margin-top: -6px;
	  margin-left: -1px;
	  -webkit-border-radius: 0 6px 6px 6px;
	  -moz-border-radius: 0 6px 6px;
	  border-radius: 0 6px 6px 6px;
	}
	.dropdown-submenu:hover>.dropdown-menu {
	  display: block;
	}
	.dropdown-submenu>a:after {
	  display: block;
	  content: " ";
	  float: right;
	  width: 0;
	  height: 0;
	  border-color: transparent;
	  border-style: solid;
	  border-width: 5px 0 5px 5px;
	  border-left-color: #ccc;
	  margin-top: 5px;
	  margin-right: -10px;
	}

	.dropdown-submenu:hover>a:after {
	  border-left-color: #fff;
	}

	.dropdown-submenu.pull-left {
	  float: none;
	}

	.dropdown-submenu.pull-left>.dropdown-menu {
	  left: -100%;
	  margin-left: 10px;
	  -webkit-border-radius: 6px 0 6px 6px;
	  -moz-border-radius: 6px 0 6px 6px;
	  border-radius: 6px 0 6px 6px;
	}
	.dropdown-submenu {
	  position: relative;
	}
	.dropdown-submenu>.dropdown-menu {
	  top: 0;
	  left: 100%;
	  margin-top: -6px;
	  margin-left: -1px;
	  -webkit-border-radius: 0 6px 6px 6px;
	  -moz-border-radius: 0 6px 6px;
	  border-radius: 0 6px 6px 6px;
	}
	.dropdown-submenu:hover>.dropdown-menu {
	  display: block;
	}
	.dropdown-submenu>a:after {
	  display: block;
	  content: " ";
	  float: right;
	  width: 0;
	  height: 0;
	  border-color: transparent;
	  border-style: solid;
	  border-width: 5px 0 5px 5px;
	  border-left-color: #ccc;
	  margin-top: 5px;
	  margin-right: -10px;
	}
	.dropdown-submenu:hover>a:after {
	  border-left-color: #fff;
	}
	.dropdown-submenu.pull-left {
	  float: none;
	}
	.dropdown-submenu.pull-left>.dropdown-menu {
	  left: -100%;
	  margin-left: 10px;
	  -webkit-border-radius: 6px 0 6px 6px;
	  -moz-border-radius: 6px 0 6px 6px;
	  border-radius: 6px 0 6px 6px;
	}

	/*グループ企業*/
	.group_btn_01{
		padding: 10px;
		width:100%;
		margin-top: 10px;
		float:none;
		display:block;
	}
	#group .btn_border {
		border-top:1px solid #ccc;
		clear:both;
		margin:30px auto;
		padding-top: 10px;
	}
	#group p {
		font-size: 100%;
	}
	#group .btn_border ul{
		padding: 0;
	}
	.list_01 dl {
		margin-bottom:10px;
	}
	.list_01 dl dt {
	line-height: 1.5em;
	padding-bottom: 5px;
	padding-top:0; 
	}

	.list_01 dl dd {
	line-height: 1.5em;
	padding-bottom: 5px;
	}
	#csr h3{
		font-size: 117%;
	}
	#csr .policy ul{
		font-size: 100%;
	}
	.column_01{
	padding: 8%;
	}
	#csr .list_01 dl dd{
	overflow: hidden;
	}
	#csr .list_01 dl dd span{
	float: left;
	width: 50%;
	margin-top: 2%;
	margin-bottom: 2%;
	}
	.column_02 dl{
		margin-bottom: 0;
	}
	.column_02 dd{
		background-color: #e6e7e7;
		padding:2%;
	}
	.csr_column{
		background-color: #000;
		padding: 10%;
	}
	.recruit_box{
	padding:10%;
	}
    #top .news_box ul{
    	float: left;
    	margin-top: 0;
    	padding-left:0;
    	margin-right:0;
	}
    #top .news_box li{
    	float: left;
    	margin-bottom: 5%;
	}
    #top .news_box p{
    	float: left;
	}
}











/* タブレット、デスクトップ : Medium Devices, Desktops */
@media only print,screen and (min-width : 768px) {
	header{
		border-top:7px solid #515be2;
		padding:5px 0;
		position:relative;
	}



    .pagetop{
    	margin-top: 10px;
    	margin-bottom: 10px;
	}
    .pagetop p{
    	float: right;
	}

	/* トップページ */
	#top .section01{
		margin-top: 30px;
		margin-bottom: 30px;
	}

	#top .section02,.section03{
		margin-bottom: 30px;
	}


	#close{
		display:none;
	}

	/* 中ページ */
	#myCarousel{
	}

	#contents{
		padding-top:70px;
	}

	body .sb-slidebar{
		display:none;
		z-index:1;
		position:absolute;
		height:auto;
		top:87px;
		width:100%;
	}
	body .sb-slidebar .nav_inner{
		width:950px;
		overflow:hidden;
		margin-left:auto;
		margin-right:auto;
		padding-top:70px;
		padding-bottom:70px;
	}
	body .sb-slidebar .nav_inner .nav_box01{
		width:390px;
		float:left;
		border-bottom:0;
	}
	body .sb-slidebar .nav_inner .nav_box02{
		width:390px;
		float:left;
		border-bottom:0;
	}
	body .sb-slidebar .nav_inner .nav_box02 .nav01{
		padding-left:17px;
	}
	body .sb-slidebar .nav_inner .nav_box02 .nav01 a{
		background-position:0px center;
		padding-left:15px;
	}
	body .sb-slidebar .nav_inner .nav_box03{
		width:170px;
		float:left;
		border-bottom:0;
	}
	body .sb-slidebar .nav_inner ul li{
		border-bottom:0;
	}
	body .sb-slidebar ul li a{
		background:url(../images/common/list.png) no-repeat 75px center;
		padding-left:90px;
	}
	body .sb-slidebar .nav_box01 .nav03 a,body .sb-slidebar .nav_box02 .nav05 a{
		padding-left:90px;
	}
  	body .sb-slidebar .nav_box03 ul li.nav01{
	}
  	body .sb-slidebar .nav_box03 ul li a{
		background-position:0px center;
		padding-left:15px;
	}
	body .sb_pc_active{
		display:block;
		opacity: 1;
		animation-duration: 0.8s;
		animation-name: fade-in;
		-moz-animation-duration: 0.8s;
		-moz-animation-name: fade-in;
		-webkit-animation-duration: 0.8s;
		-webkit-animation-name: fade-in;
	}
    @keyframes fade-in {
      0% {display: none;opacity: 0;}
      1% {display: block;opacity: 0;}
      100% {display: block;opacity: 1;}
    }
    @-moz-keyframes fade-in {
      0% {display: none;opacity: 0;}
      1% {display: block;opacity: 0;}
      100% {display: block;opacity: 1;}
    }
    @-webkit-keyframes fade-in {
      0% {display: none;opacity: 0;}
      1% {display: block;opacity: 0;}
      100% {display: block;opacity: 1;}
    }
    @keyframes fade-out {
      0% {display: block;opacity: 1;}
      1% {display: block;opacity: 1;}
      100% {display: none;opacity: 0;}
    }
    @-moz-keyframes fade-out {
      0% {display: block;opacity: 1;}
      1% {display: block;opacity: 1;}
      100% {display: none;opacity: 0;}
    }
    @-webkit-keyframes fade-out {
      0% {display: block;opacity: 1;}
      1% {display: block;opacity: 1;}
      100% {display: none;opacity: 0;}
    }
    footer .copy{
	text-align:right;
	padding-bottom:20px;
	}
	.footer_lnk li{
	margin-right:10px;
	float: left;
	}
	.navbar{
		padding-right: 0;
		padding-left: 0;
	}
	.business_menu ul{
		padding-right: 0;
		padding-left: 0;
	}
	.business_menu li{
		padding-right: 0;
		padding-left: 0;
		margin-bottom: 5px;
	}
	.business h2{
		padding-right: 0;
		padding-left: 0;
		margin-bottom: 5px;
	}
	#group .btn_border {
		clear:both;
		margin:30px auto;
		padding-top: 10px;
	}
	#group p {
		font-size: 100%;
	}
	#group .btn_border ul{
		padding: 0;
	}

	/*ボックスの高さを揃える*/
   .row-sm-height {
     display: table;
     table-layout: fixed;
     height: 100%;
     width: 100%;
   }
   .col-sm-height {
     display: table-cell;
     float: none;
     height: 100%;
   }
   .col-sm-top {
     vertical-align: top;
   }
   .col-sm-middle {
     vertical-align: middle;
   }
   .col-sm-bottom {
     vertical-align: bottom;
   }

   .list_01 dl {
	margin:30px auto;
	}

   .list_01 dl dt {
	float: left;
	width: 20%;
	padding:10px 0;
	}

	.list_01 dl dd {
	float: left;
	width: 80%;
	padding:10px 0;
	}

	#csr .list_01 dl dt {
	font-weight: normal;
	}

	#csr .list_01 dl dd span{
	float: right;
	width: 35%;
	}

}









/* イレギュラーな分別  */

/* ダブレット・スマートフォン  */
@media only screen and (max-width : 992px) {
	.nav {
		background-color: #fff;
		border: 0px;
		padding-bottom:0px;
	}
	.navbar-default{
		background-color: #fff;
		border: 0px;
	}
	.navbar{
		margin-bottom: 5px;
		margin-top: 0px;
	}
	.navbar-header{
		border:none;
	}
	.navbar-brand{
		padding-left: 0;
		padding-right: 20px;
	}
	.navbar-nav{
		padding-top: 5px;
		border:none;
	}
	.navbar-nav li{
		background-color: #e9e7e7;
		border-bottom:2px solid #fff;
	}
	.breadcrumb{
		border-top:1px solid #ccc;
	}
	.dropdown-menu{
		border-top: 1px solid #fff;
	}
	.dropdown-menu li{
		background-color: #dcdcdc;
		border-bottom: 1px solid #fff;
		width: 100%;
		color:#fff;
		padding-top: 3px;
	}


}


/* Mサイズ、デスクトップ : Medium Devices, Desktops */
@media only print,screen and (min-width : 992px) {

	header ul{
		float: right;
		border-left: 1px solid #ccc;
		padding-left: 0;
	}

	header li{
		float: right;
/*		padding:15px 20px 10px 20px;
*/		border-right: 1px solid #ccc;
	}
	header{
		margin-bottom:2px; 
	}
	header .logo{
		margin-top: 20px;
		float: left;
	}

	header .contact_lnk{
		width:124px;
		padding-top:10px;
		margin-right:10px;
	}
	.group_menu{
		padding:9px;
		margin-top:8px; 
		background-color: #515be2;
		color: #fff;
	}
	.group_menu ul{
		border-left: 1px dotted #fff;
		width: 100%;
	}
	.group_menu li{
		padding:0;
		width: 20%;
		border-right: 1px dotted #fff;
		text-align: center;
		float: right;
	}
	.group_menu li a{
		padding:5px;
		display:block;
		color: #fff;
		border: 1px solid #515be2;
	}
	.group_menu li a:hover{
		margin-right: 10px;
		margin-left: 10px;
		text-decoration: none;
		border: 1px solid #fff;
		background-color: #26a9fc;
	}
	.about_navi ul{
		float: right;
		padding-bottom: 18px;
	}
	.about_navi li{
		float: right;
		background-image: url(../images/common/icon_01.png) ;
		background-repeat:no-repeat;
		background-position: left top;
		margin-left: 25px;
		padding-left: 23px;
	}
	#csr .csr_box{
		border-bottom: 1px solid #ccc;
	}
	.column_02 dt{
		float: left;
	}
	.column_02 dd{
		float: right;
	}

}




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