@font-face {
    font-family: San Francisco;
    src: url(../fonts/san_francisco_ios9/SF-UI-Text-Light.otf) format("opentype");
}

* {
	margin: 0;
	padding: 0;
}

html,
body {
	height: 100%;
    background: #f5f6f7; /**/
	font-family: San Francisco, Lucida Grande, sans-serif;
}

.wrapper {
	display: flex;
	flex-direction: column;
	min-height: 100%;
}
.content {
	flex: 1 0 auto;
}
.footer {
	flex: 0 0 auto;
}


label {
	margin-top: 10px;
	margin-bottom: 2px;
    font-size:10px;
	font-weight:700;
	color:#777;
	text-transform:uppercase;
}

::-webkit-input-placeholder {font-size:14px; color:#999; text-transform:uppercase;}
::-moz-placeholder          {font-size:14px; color:#999; text-transform:uppercase;}/* Firefox 19+ */
:-moz-placeholder           {font-size:14px; color:#999; text-transform:uppercase;}/* Firefox 18- */
:-ms-input-placeholder      {font-size:14px; color:#999; text-transform:uppercase;}
  


.table{
	border:1px solid #e1e1e8;
	border-radius:5px;
	margin-bottom: 0px;
}

.table>thead>tr>th {
    border-bottom: 1px solid #ddd;
}

.slider-fluid{background: url(../imgs/slider.jpg) repeat 50% 0%; border-top: 3px solid rgba(255,255,255,0.1); border-bottom: 3px solid rgba(255,255,255,0.1);}
.footer-fluid{background-color: #e7e7e7;  border-top: 1px solid #ccc;}
.slider{margin-top: 15px;margin-bottom: 15px; border: 3px solid rgba(255,255,255,0.1);}
.top15{margin-top: 15px;}
.bottom15{margin-bottom: 15px;}
.text-strong{font-weight: 600;} /* Жирное начертание */
.text-vreg{text-transform: uppercase;}
.text-nreg{text-transform: lowercase;}
.text-blue-grey{color: #72a9d0;}
.del{text-decoration: line-through;color: grey;}
.muted{color: grey;}
.h1, .h2, .h3, h1, h2, h3 {margin-top: 10px;}
.help-block{color: #737373;}
.text-strong{font-weight: 600;} /* Жирное начертание */
.text-del{text-decoration: line-through;color: grey;}


.border1{
    border: 1px solid #ccc;
}
.border-top1{
    border-top: 1px solid #ccc;
}
.border-bottom1{
    border-bottom: 1px solid #ccc;
}
.border-right1{
    border-right: 1px solid #ccc;
}
.border-left1{
    border-left: 1px solid #ccc;
}

.border2{
    border: 2px solid #ccc;
}
.border-top2{
    border-top: 2px solid #ccc;
}
.border-bottom2{
    border-bottom: 2px solid #ccc;
}
.border-right2{
    border-right: 2px solid #ccc;
}
.border-left2{
    border-left: 2px solid #ccc;
}

.padding5{
    padding: 5px;
}
.padding-top5{
    padding-top: 5px;
}
.padding-bottom5{
    padding-bottom: 5px;
}
.padding-right5{
    padding-right: 5px;
}
.padding-left5{
    padding-left: 5px;
}

.padding10{
    padding: 10px;
}
.padding-top10{
    padding-top: 10px;
}
.padding-bottom10{
    padding-bottom: 10px;
}
.padding-right10{
    padding-right: 10px;
}
.padding-left10{
    padding-left: 10px;
}

.padding15{
    padding: 15px;
}
.padding-top15{
    padding-top: 15px;
}
.padding-bottom15{
    padding-bottom: 15px;
}
.padding-right15{
    padding-right: 15px;
}
.padding-left15{
    padding-left: 15px;
}

.padding20{
    padding: 20px;
}
.padding-top20{
    padding-top: 20px;
}
.padding-bottom20{
    padding-bottom: 20px;
}
.padding-right20{
    padding-right: 20px;
}
.padding-left20{
    padding-left: 20px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: #ddd;
}
.navbar-default {
    background-color: #e7e7e7;
    border-bottom: 1px solid #ccc;
}
.footer ul{margin: 0px;padding: 0px;}
.footer ul li {
    background: url(../imgs/marker.gif) no-repeat 0% 7px;
    margin: 0 0 12px 0;
    padding: 0 0 0 10px;
    list-style: none;
    line-height: 18px;
    font-size: 12px;
    text-transform: uppercase;
    color: #828890;
}
.footer li{display: list-item;text-align: -webkit-match-parent;}

.info-box {
    background: #f1f3f4;
    overflow: hidden;
    padding: 57px 50px 50px 49px;
    border: 1px solid #e9e8e8;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.tab-content {
    padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
	background-color: #eee;
}

@media (min-width:768px){
	
}	

@media (max-width: 767px){
	.slider-fluid{background: #fff; padding-right: 0px; padding-left: 0px; border: 0px;}	
	.slider{margin-top: 0px;margin-bottom: 0px; border: 0px;}
	
	.info-box {
		background: none;
		border-left: 0px;
		border-right: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background-color: #eee;
}

.btn-default-outline{
	color: #ccc;
    background-color: transparent;
    background-image: none;
    border-color: #ccc;
}

.btn-default-outline{
	color: #ccc;
    background-color: transparent;
    background-image: none;
    border-color: #ccc;
}

.btn-primary-outline{
    color: #337ab7;
    background-color: transparent;
	background-image: none;
}

.btn-danger-outline{
    color: #d9534f;
    background-color: transparent;
	background-image: none;
}

.btn-info-outline{
    color: #5bc0de;
    background-color: transparent;
	background-image: none;
}

.btn-warning-outline{
    color: #f0ad4e;
    background-color: transparent;
	background-image: none;
}

.btn-success-outline{
    color: #4cae4c;
    background-color: transparent;
	background-image: none;
}



.btn-group.btn-group-flex{
    display: flex;
}
.btn-group-flex a.flex {
    flex: 1;
}
.btn-group-flex button.flex {
    flex: 1;
}

.btn-group-flex input.flex {
    flex: 1;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: 0px;
}


.bs-example{position:relative;padding:45px 0px 0px;margin:0px 0px 15px;background-color:#fff;border-color:#fff #fff #fff;border-style:solid;border-width:1px 0;}
.bs-example-lg{position:relative;padding:45px 0px 0px;margin:0px 0px 15px;background-color:#fff;border-color:#fff #fff #fff;border-style:solid;border-width:1px 0;}
.bs-example-lg-left{padding: 0px;border: 0px;}
.bs-example+.highlight{margin:-16px 0px 15px;border-radius:0;border-width:1px 0 1px}

.bs-example-print{position:relative;padding:45px 0px 0px;margin:0px 0px 15px;background-color:#fff;border-color:#fff #fff #fff;border-style:solid;border-width:1px 0;}
.bs-example-print-lg{position:relative;padding:45px 0px 0px;margin:0px 0px 15px;background-color:#fff;border-color:#fff #fff #fff;border-style:solid;border-width:1px 0;}
.bs-example-print-lg-left{padding: 0px;border: 0px;}
.bs-example-print+.highlight{margin:-16px 0px 15px;border-radius:0;border-width:1px 0 1px}


.bs-example{margin-left:0;margin-right:0;padding:45px 15px 15px;background-color:#fff;border-width:1px;border-color:#ddd;border-radius:0px;box-shadow:none;}
.bs-example-lg{margin-left:0;margin-right:0;padding:45px 15px 15px;background-color:#fff;border-width:1px;border-color:#ddd;border-radius:0px;box-shadow:none;}
.bs-example-lg-left{padding: 0px;border: 0px;}
.bs-example+.highlight{margin-top:-16px;margin-left:0;margin-right:0;border-width:1px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}

.bs-example-print{margin-left:0;margin-right:0;padding:45px 15px 15px;background-color:#fff;border-width:1px;border-color:#ddd;border-radius:0px;box-shadow:none;}
.bs-example-print-lg{margin-left:0;margin-right:0;padding:45px 15px 15px;background-color:#fff;border-width:1px;border-color:#ddd;border-radius:0px;box-shadow:none;}
.bs-example-print-lg-left{padding: 0px;border: 0px;}
.bs-example-print+.highlight{margin-top:-16px;margin-left:0;margin-right:0;border-width:1px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}

.highlight{padding:9px 14px;margin-bottom:14px;background-color:#f8f8f8;border:1px solid #e1e1e8;border-radius:4px}
.highlight pre{padding:0;margin-top:0;margin-bottom:0;background-color:transparent;border:0;white-space:nowrap}
.highlight pre .lineno{display:inline-block;width:22px;padding-right:5px;margin-right:10px;text-align:right;color:#bebec5}


.file-select {
	width: 0;
	height: 0;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.file-select.file-select-lg + label {
  padding: 10px 10px;
  font-size: 18px;
}

.file-select + label {
  font-size: 14px;
  display: inline-block;
  cursor: pointer;
  border: 1px solid #ccc;
  padding: 6px 10px;
  border-radius: 3px;
}

.file-select.file-select-sm + label {
  font-size: 12px;
  padding: 5px 10px;
}

.file-select:focus + label,
.file-select + label:hover {
  background: #ccc;
}