@charset "UTF-8";
  @media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important; }
a,
a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
abbr[title]:after {
content: " (" attr(title) ")"; }
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: ""; }
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid; }
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; }
.navbar {
display: none; }
.btn > .caret,
.dropup > .btn > .caret {
border-top-color: #000 !important; }
.label {
border: 1px solid #000; }
.table {
border-collapse: collapse !important; }
.table td,
.table th {
background-color: #fff !important; }
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important; } }
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px; }
.container:before, .container:after {
content: " ";
display: table; }
.container:after {
clear: both; }
@media (min-width: 768px) {
.container {
width: 750px; } }
@media (min-width: 992px) {
.container {
width: 970px; } }
@media (min-width: 1200px) {
.container {
width: 1170px; } }
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px; }
.container-fluid:before, .container-fluid:after {
content: " ";
display: table; }
.container-fluid:after {
clear: both; }
.row {
margin-left: -15px;
margin-right: -15px; }
.row:before, .row:after {
content: " ";
display: table; }
.row:after {
clear: both; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left; }
.col-xs-1 {
width: 8.3333333333%; }
.col-xs-2 {
width: 16.6666666667%; }
.col-xs-3 {
width: 25%; }
.col-xs-4 {
width: 33.3333333333%; }
.col-xs-5 {
width: 41.6666666667%; }
.col-xs-6 {
width: 50%; }
.col-xs-7 {
width: 58.3333333333%; }
.col-xs-8 {
width: 66.6666666667%; }
.col-xs-9 {
width: 75%; }
.col-xs-10 {
width: 83.3333333333%; }
.col-xs-11 {
width: 91.6666666667%; }
.col-xs-12 {
width: 100%; }
.col-xs-pull-0 {
right: auto; }
.col-xs-pull-1 {
right: 8.3333333333%; }
.col-xs-pull-2 {
right: 16.6666666667%; }
.col-xs-pull-3 {
right: 25%; }
.col-xs-pull-4 {
right: 33.3333333333%; }
.col-xs-pull-5 {
right: 41.6666666667%; }
.col-xs-pull-6 {
right: 50%; }
.col-xs-pull-7 {
right: 58.3333333333%; }
.col-xs-pull-8 {
right: 66.6666666667%; }
.col-xs-pull-9 {
right: 75%; }
.col-xs-pull-10 {
right: 83.3333333333%; }
.col-xs-pull-11 {
right: 91.6666666667%; }
.col-xs-pull-12 {
right: 100%; }
.col-xs-push-0 {
left: auto; }
.col-xs-push-1 {
left: 8.3333333333%; }
.col-xs-push-2 {
left: 16.6666666667%; }
.col-xs-push-3 {
left: 25%; }
.col-xs-push-4 {
left: 33.3333333333%; }
.col-xs-push-5 {
left: 41.6666666667%; }
.col-xs-push-6 {
left: 50%; }
.col-xs-push-7 {
left: 58.3333333333%; }
.col-xs-push-8 {
left: 66.6666666667%; }
.col-xs-push-9 {
left: 75%; }
.col-xs-push-10 {
left: 83.3333333333%; }
.col-xs-push-11 {
left: 91.6666666667%; }
.col-xs-push-12 {
left: 100%; }
.col-xs-offset-0 {
margin-left: 0%; }
.col-xs-offset-1 {
margin-left: 8.3333333333%; }
.col-xs-offset-2 {
margin-left: 16.6666666667%; }
.col-xs-offset-3 {
margin-left: 25%; }
.col-xs-offset-4 {
margin-left: 33.3333333333%; }
.col-xs-offset-5 {
margin-left: 41.6666666667%; }
.col-xs-offset-6 {
margin-left: 50%; }
.col-xs-offset-7 {
margin-left: 58.3333333333%; }
.col-xs-offset-8 {
margin-left: 66.6666666667%; }
.col-xs-offset-9 {
margin-left: 75%; }
.col-xs-offset-10 {
margin-left: 83.3333333333%; }
.col-xs-offset-11 {
margin-left: 91.6666666667%; }
.col-xs-offset-12 {
margin-left: 100%; }
@media (min-width: 768px) {
.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-1 {
width: 8.3333333333%; }
.col-sm-2 {
width: 16.6666666667%; }
.col-sm-3 {
width: 25%; }
.col-sm-4 {
width: 33.3333333333%; }
.col-sm-5 {
width: 41.6666666667%; }
.col-sm-6 {
width: 50%; }
.col-sm-7 {
width: 58.3333333333%; }
.col-sm-8 {
width: 66.6666666667%; }
.col-sm-9 {
width: 75%; }
.col-sm-10 {
width: 83.3333333333%; }
.col-sm-11 {
width: 91.6666666667%; }
.col-sm-12 {
width: 100%; }
.col-sm-pull-0 {
right: auto; }
.col-sm-pull-1 {
right: 8.3333333333%; }
.col-sm-pull-2 {
right: 16.6666666667%; }
.col-sm-pull-3 {
right: 25%; }
.col-sm-pull-4 {
right: 33.3333333333%; }
.col-sm-pull-5 {
right: 41.6666666667%; }
.col-sm-pull-6 {
right: 50%; }
.col-sm-pull-7 {
right: 58.3333333333%; }
.col-sm-pull-8 {
right: 66.6666666667%; }
.col-sm-pull-9 {
right: 75%; }
.col-sm-pull-10 {
right: 83.3333333333%; }
.col-sm-pull-11 {
right: 91.6666666667%; }
.col-sm-pull-12 {
right: 100%; }
.col-sm-push-0 {
left: auto; }
.col-sm-push-1 {
left: 8.3333333333%; }
.col-sm-push-2 {
left: 16.6666666667%; }
.col-sm-push-3 {
left: 25%; }
.col-sm-push-4 {
left: 33.3333333333%; }
.col-sm-push-5 {
left: 41.6666666667%; }
.col-sm-push-6 {
left: 50%; }
.col-sm-push-7 {
left: 58.3333333333%; }
.col-sm-push-8 {
left: 66.6666666667%; }
.col-sm-push-9 {
left: 75%; }
.col-sm-push-10 {
left: 83.3333333333%; }
.col-sm-push-11 {
left: 91.6666666667%; }
.col-sm-push-12 {
left: 100%; }
.col-sm-offset-0 {
margin-left: 0%; }
.col-sm-offset-1 {
margin-left: 8.3333333333%; }
.col-sm-offset-2 {
margin-left: 16.6666666667%; }
.col-sm-offset-3 {
margin-left: 25%; }
.col-sm-offset-4 {
margin-left: 33.3333333333%; }
.col-sm-offset-5 {
margin-left: 41.6666666667%; }
.col-sm-offset-6 {
margin-left: 50%; }
.col-sm-offset-7 {
margin-left: 58.3333333333%; }
.col-sm-offset-8 {
margin-left: 66.6666666667%; }
.col-sm-offset-9 {
margin-left: 75%; }
.col-sm-offset-10 {
margin-left: 83.3333333333%; }
.col-sm-offset-11 {
margin-left: 91.6666666667%; }
.col-sm-offset-12 {
margin-left: 100%; } }
@media (min-width: 992px) {
.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-1 {
width: 8.3333333333%; }
.col-md-2 {
width: 16.6666666667%; }
.col-md-3 {
width: 25%; }
.col-md-4 {
width: 33.3333333333%; }
.col-md-5 {
width: 41.6666666667%; }
.col-md-6 {
width: 50%; }
.col-md-7 {
width: 58.3333333333%; }
.col-md-8 {
width: 66.6666666667%; }
.col-md-9 {
width: 75%; }
.col-md-10 {
width: 83.3333333333%; }
.col-md-11 {
width: 91.6666666667%; }
.col-md-12 {
width: 100%; }
.col-md-pull-0 {
right: auto; }
.col-md-pull-1 {
right: 8.3333333333%; }
.col-md-pull-2 {
right: 16.6666666667%; }
.col-md-pull-3 {
right: 25%; }
.col-md-pull-4 {
right: 33.3333333333%; }
.col-md-pull-5 {
right: 41.6666666667%; }
.col-md-pull-6 {
right: 50%; }
.col-md-pull-7 {
right: 58.3333333333%; }
.col-md-pull-8 {
right: 66.6666666667%; }
.col-md-pull-9 {
right: 75%; }
.col-md-pull-10 {
right: 83.3333333333%; }
.col-md-pull-11 {
right: 91.6666666667%; }
.col-md-pull-12 {
right: 100%; }
.col-md-push-0 {
left: auto; }
.col-md-push-1 {
left: 8.3333333333%; }
.col-md-push-2 {
left: 16.6666666667%; }
.col-md-push-3 {
left: 25%; }
.col-md-push-4 {
left: 33.3333333333%; }
.col-md-push-5 {
left: 41.6666666667%; }
.col-md-push-6 {
left: 50%; }
.col-md-push-7 {
left: 58.3333333333%; }
.col-md-push-8 {
left: 66.6666666667%; }
.col-md-push-9 {
left: 75%; }
.col-md-push-10 {
left: 83.3333333333%; }
.col-md-push-11 {
left: 91.6666666667%; }
.col-md-push-12 {
left: 100%; }
.col-md-offset-0 {
margin-left: 0%; }
.col-md-offset-1 {
margin-left: 8.3333333333%; }
.col-md-offset-2 {
margin-left: 16.6666666667%; }
.col-md-offset-3 {
margin-left: 25%; }
.col-md-offset-4 {
margin-left: 33.3333333333%; }
.col-md-offset-5 {
margin-left: 41.6666666667%; }
.col-md-offset-6 {
margin-left: 50%; }
.col-md-offset-7 {
margin-left: 58.3333333333%; }
.col-md-offset-8 {
margin-left: 66.6666666667%; }
.col-md-offset-9 {
margin-left: 75%; }
.col-md-offset-10 {
margin-left: 83.3333333333%; }
.col-md-offset-11 {
margin-left: 91.6666666667%; }
.col-md-offset-12 {
margin-left: 100%; } }
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left; }
.col-lg-1 {
width: 8.3333333333%; }
.col-lg-2 {
width: 16.6666666667%; }
.col-lg-3 {
width: 25%; }
.col-lg-4 {
width: 33.3333333333%; }
.col-lg-5 {
width: 41.6666666667%; }
.col-lg-6 {
width: 50%; }
.col-lg-7 {
width: 58.3333333333%; }
.col-lg-8 {
width: 66.6666666667%; }
.col-lg-9 {
width: 75%; }
.col-lg-10 {
width: 83.3333333333%; }
.col-lg-11 {
width: 91.6666666667%; }
.col-lg-12 {
width: 100%; }
.col-lg-pull-0 {
right: auto; }
.col-lg-pull-1 {
right: 8.3333333333%; }
.col-lg-pull-2 {
right: 16.6666666667%; }
.col-lg-pull-3 {
right: 25%; }
.col-lg-pull-4 {
right: 33.3333333333%; }
.col-lg-pull-5 {
right: 41.6666666667%; }
.col-lg-pull-6 {
right: 50%; }
.col-lg-pull-7 {
right: 58.3333333333%; }
.col-lg-pull-8 {
right: 66.6666666667%; }
.col-lg-pull-9 {
right: 75%; }
.col-lg-pull-10 {
right: 83.3333333333%; }
.col-lg-pull-11 {
right: 91.6666666667%; }
.col-lg-pull-12 {
right: 100%; }
.col-lg-push-0 {
left: auto; }
.col-lg-push-1 {
left: 8.3333333333%; }
.col-lg-push-2 {
left: 16.6666666667%; }
.col-lg-push-3 {
left: 25%; }
.col-lg-push-4 {
left: 33.3333333333%; }
.col-lg-push-5 {
left: 41.6666666667%; }
.col-lg-push-6 {
left: 50%; }
.col-lg-push-7 {
left: 58.3333333333%; }
.col-lg-push-8 {
left: 66.6666666667%; }
.col-lg-push-9 {
left: 75%; }
.col-lg-push-10 {
left: 83.3333333333%; }
.col-lg-push-11 {
left: 91.6666666667%; }
.col-lg-push-12 {
left: 100%; }
.col-lg-offset-0 {
margin-left: 0%; }
.col-lg-offset-1 {
margin-left: 8.3333333333%; }
.col-lg-offset-2 {
margin-left: 16.6666666667%; }
.col-lg-offset-3 {
margin-left: 25%; }
.col-lg-offset-4 {
margin-left: 33.3333333333%; }
.col-lg-offset-5 {
margin-left: 41.6666666667%; }
.col-lg-offset-6 {
margin-left: 50%; }
.col-lg-offset-7 {
margin-left: 58.3333333333%; }
.col-lg-offset-8 {
margin-left: 66.6666666667%; }
.col-lg-offset-9 {
margin-left: 75%; }
.col-lg-offset-10 {
margin-left: 83.3333333333%; }
.col-lg-offset-11 {
margin-left: 91.6666666667%; }
.col-lg-offset-12 {
margin-left: 100%; } }
table {
background-color: transparent; }
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777777;
text-align: left; }
th {
text-align: left; }
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px; }
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
padding: 8px;
line-height: 1.428571429;
vertical-align: top;
border-top: 1px solid #ddd; }
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #ddd; }
.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
border-top: 0; }
.table > tbody + tbody {
border-top: 2px solid #ddd; }
.table .table {
background-color: #fff; }
.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
padding: 5px; }
.table-bordered {
border: 1px solid #ddd; }
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
border: 1px solid #ddd; }
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px; }
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9; }
.table-hover > tbody > tr:hover {
background-color: #f5f5f5; }
table col[class*="col-"] {
position: static;
float: none;
display: table-column; }
table td[class*="col-"],
table th[class*="col-"] {
position: static;
float: none;
display: table-cell; }
.table > thead > tr > td.active,
.table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
background-color: #f5f5f5; }
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
background-color: #e8e8e8; }
.table > thead > tr > td.success,
.table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
background-color: #dff0d8; }
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
background-color: #d0e9c6; }
.table > thead > tr > td.info,
.table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
background-color: #d9edf7; }
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
background-color: #c4e3f3; }
.table > thead > tr > td.warning,
.table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
background-color: #fcf8e3; }
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
background-color: #faf2cc; }
.table > thead > tr > td.danger,
.table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
background-color: #f2dede; }
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
background-color: #ebcccc; }
.table-responsive {
overflow-x: auto;
min-height: 0.01%; }
@media screen and (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd; }
.table-responsive > .table {
margin-bottom: 0; }
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap; }
.table-responsive > .table-bordered {
border: 0; }
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0; }
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0; }
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0; } }
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0; }
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333333;
border: 0;
border-bottom: 1px solid #e5e5e5; }
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold; }
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal; }
input[type="file"] {
display: block; }
input[type="range"] {
display: block;
width: 100%; }
select[multiple],
select[size] {
height: auto; }
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.428571429;
color: #555555; }
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
.form-control::-moz-placeholder {
color: #999;
opacity: 1; }
.form-control:-ms-input-placeholder {
color: #999; }
.form-control::-webkit-input-placeholder {
color: #999; }
.form-control::-ms-expand {
border: 0;
background-color: transparent; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background-color: #eeeeee;
opacity: 1; }
.form-control[disabled], fieldset[disabled] .form-control {
cursor: not-allowed; }
textarea.form-control {
height: auto; }
input[type="search"] {
-webkit-appearance: none; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
line-height: 34px; }
input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control,
.input-group-sm > input[type="date"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="date"].btn, .input-group-sm input[type="date"],
input[type="time"].input-sm,
.input-group-sm > input[type="time"].form-control,
.input-group-sm > input[type="time"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="time"].btn,
.input-group-sm input[type="time"],
input[type="datetime-local"].input-sm,
.input-group-sm > input[type="datetime-local"].form-control,
.input-group-sm > input[type="datetime-local"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="datetime-local"].btn,
.input-group-sm input[type="datetime-local"],
input[type="month"].input-sm,
.input-group-sm > input[type="month"].form-control,
.input-group-sm > input[type="month"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="month"].btn,
.input-group-sm input[type="month"] {
line-height: 30px; }
input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control,
.input-group-lg > input[type="date"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="date"].btn, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg > input[type="time"].form-control,
.input-group-lg > input[type="time"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="time"].btn, .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg > input[type="datetime-local"].form-control,
.input-group-lg > input[type="datetime-local"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="datetime-local"].btn, .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg > input[type="month"].form-control,
.input-group-lg > input[type="month"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="month"].btn, .input-group-lg input[type="month"] {
line-height: 46px; } }
.form-group {
margin-bottom: 15px; }
.radio,
.checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px; }
.radio label,
.checkbox label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer; }
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
position: absolute;
margin-left: -20px;
margin-top: 4px \9; }
.radio + .radio,
.checkbox + .checkbox {
margin-top: -5px; }
.radio-inline,
.checkbox-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: normal;
cursor: pointer; }
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px; }
input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled] input[type="checkbox"] {
cursor: not-allowed; }
.radio-inline.disabled, fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed; }
.radio.disabled label, fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
cursor: not-allowed; }
.form-control-static {
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
min-height: 34px; }
.form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn {
padding-left: 0;
padding-right: 0; }
.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px; }
select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
height: 30px;
line-height: 30px; }
textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
height: auto; }
.form-group-sm .form-control {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px; }
.form-group-sm select.form-control {
height: 30px;
line-height: 30px; }
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
height: auto; }
.form-group-sm .form-control-static {
height: 30px;
min-height: 32px;
padding: 6px 10px;
font-size: 12px;
line-height: 1.5; }
.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px; }
select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
height: 46px;
line-height: 46px; }
textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
height: auto; }
.form-group-lg .form-control {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px; }
.form-group-lg select.form-control {
height: 46px;
line-height: 46px; }
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
height: auto; }
.form-group-lg .form-control-static {
height: 46px;
min-height: 38px;
padding: 11px 16px;
font-size: 18px;
line-height: 1.3333333; }
.has-feedback {
position: relative; }
.has-feedback .form-control {
padding-right: 42.5px; }
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
pointer-events: none; }
.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px; }
.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px; }
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
color: #3c763d; }
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }
.has-success .input-group-addon {
color: #3c763d;
border-color: #3c763d;
background-color: #dff0d8; }
.has-success .form-control-feedback {
color: #3c763d; }
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
color: #8a6d3b; }
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }
.has-warning .input-group-addon {
color: #8a6d3b;
border-color: #8a6d3b;
background-color: #fcf8e3; }
.has-warning .form-control-feedback {
color: #8a6d3b; }
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
color: #a94442; }
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }
.has-error .input-group-addon {
color: #a94442;
border-color: #a94442;
background-color: #f2dede; }
.has-error .form-control-feedback {
color: #a94442; }
.has-feedback label ~ .form-control-feedback {
top: 25px; }
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0; }
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373; }
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle; }
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle; }
.form-inline .form-control-static {
display: inline-block; }
.form-inline .input-group {
display: inline-table;
vertical-align: middle; }
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto; }
.form-inline .input-group > .form-control {
width: 100%; }
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle; }
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle; }
.form-inline .radio label,
.form-inline .checkbox label {
padding-left: 0; }
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0; }
.form-inline .has-feedback .form-control-feedback {
top: 0; } }
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px; }
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 27px; }
.form-horizontal .form-group {
margin-left: -15px;
margin-right: -15px; }
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
content: " ";
display: table; }
.form-horizontal .form-group:after {
clear: both; }
@media (min-width: 768px) {
.form-horizontal .control-label {
text-align: right;
margin-bottom: 0;
padding-top: 7px; } }
.form-horizontal .has-feedback .form-control-feedback {
right: 15px; }
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 11px;
font-size: 18px; } }
@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
font-size: 12px; } }
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
.btn:hover, .btn:focus, .btn.focus {
color: #333;
text-decoration: none; }
.btn:active, .btn.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none; }
a.btn.disabled, fieldset[disabled] a.btn {
pointer-events: none; }
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc; }
.btn-default:focus, .btn-default.focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c; }
.btn-default:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad; }
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
color: #333;
background-color: #e6e6e6;
border-color: #adadad; }
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c; }
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
background-image: none; }
.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus {
background-color: #fff;
border-color: #ccc; }
.btn-default .badge {
color: #fff;
background-color: #333; }
.btn-primary {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4; }
.btn-primary:focus, .btn-primary.focus {
color: #fff;
background-color: #286090;
border-color: #122b40; }
.btn-primary:hover {
color: #fff;
background-color: #286090;
border-color: #204d74; }
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #286090;
border-color: #204d74; }
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
color: #fff;
background-color: #204d74;
border-color: #122b40; }
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
background-image: none; }
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
background-color: #337ab7;
border-color: #2e6da4; }
.btn-primary .badge {
color: #337ab7;
background-color: #fff; }
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c; }
.btn-success:focus, .btn-success.focus {
color: #fff;
background-color: #449d44;
border-color: #255625; }
.btn-success:hover {
color: #fff;
background-color: #449d44;
border-color: #398439; }
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
color: #fff;
background-color: #449d44;
border-color: #398439; }
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
color: #fff;
background-color: #398439;
border-color: #255625; }
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
background-image: none; }
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
background-color: #5cb85c;
border-color: #4cae4c; }
.btn-success .badge {
color: #5cb85c;
background-color: #fff; }
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da; }
.btn-info:focus, .btn-info.focus {
color: #fff;
background-color: #31b0d5;
border-color: #1b6d85; }
.btn-info:hover {
color: #fff;
background-color: #31b0d5;
border-color: #269abc; }
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
color: #fff;
background-color: #31b0d5;
border-color: #269abc; }
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
color: #fff;
background-color: #269abc;
border-color: #1b6d85; }
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
background-image: none; }
.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
background-color: #5bc0de;
border-color: #46b8da; }
.btn-info .badge {
color: #5bc0de;
background-color: #fff; }
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236; }
.btn-warning:focus, .btn-warning.focus {
color: #fff;
background-color: #ec971f;
border-color: #985f0d; }
.btn-warning:hover {
color: #fff;
background-color: #ec971f;
border-color: #d58512; }
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
color: #fff;
background-color: #ec971f;
border-color: #d58512; }
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
color: #fff;
background-color: #d58512;
border-color: #985f0d; }
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
background-image: none; }
.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
background-color: #f0ad4e;
border-color: #eea236; }
.btn-warning .badge {
color: #f0ad4e;
background-color: #fff; }
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a; }
.btn-danger:focus, .btn-danger.focus {
color: #fff;
background-color: #c9302c;
border-color: #761c19; }
.btn-danger:hover {
color: #fff;
background-color: #c9302c;
border-color: #ac2925; }
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #c9302c;
border-color: #ac2925; }
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
color: #fff;
background-color: #ac2925;
border-color: #761c19; }
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
background-image: none; }
.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
background-color: #d9534f;
border-color: #d43f3a; }
.btn-danger .badge {
color: #d9534f;
background-color: #fff; }
.btn-link {
color: #337ab7;
font-weight: normal;
border-radius: 0; }
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none; }
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
border-color: transparent; }
.btn-link:hover, .btn-link:focus {
color: #96374c;
text-decoration: underline;
background-color: transparent; }
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
color: #777777;
text-decoration: none; }
.btn-lg, .btn-group-lg > .btn {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px; }
.btn-sm, .btn-group-sm > .btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px; }
.btn-xs, .btn-group-xs > .btn {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px; }
.btn-block {
display: block;
width: 100%; }
.btn-block + .btn-block {
margin-top: 5px; }
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%; }
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear; }
.fade.in {
opacity: 1; }
.collapse {
display: none; }
.collapse.in {
display: block; }
tr.collapse.in {
display: table-row; }
tbody.collapse.in {
display: table-row-group; }
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease; }
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid \9 ;
border-right: 4px solid transparent;
border-left: 4px solid transparent; }
.dropup,
.dropdown {
position: relative; }
.dropdown-toggle:focus {
outline: 0; }
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 14px;
text-align: left;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box; }
.dropdown-menu.pull-right {
right: 0;
left: auto; }
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5; }
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.428571429;
color: #333333;
white-space: nowrap; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
text-decoration: none;
color: #262626;
background-color: #f5f5f5; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #337ab7; }
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
color: #777777; }
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
cursor: not-allowed; }
.open > .dropdown-menu {
display: block; }
.open > a {
outline: 0; }
.dropdown-menu-right {
left: auto;
right: 0; }
.dropdown-menu-left {
left: 0;
right: auto; }
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.428571429;
color: #777777;
white-space: nowrap; }
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990; }
.pull-right > .dropdown-menu {
right: 0;
left: auto; }
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px dashed;
border-bottom: 4px solid \9 ;
content: ""; }
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px; }
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
right: 0;
left: auto; }
.navbar-right .dropdown-menu-left {
left: 0;
right: auto; } }
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle; }
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
float: left; }
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
z-index: 2; }
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
margin-left: -1px; }
.btn-toolbar {
margin-left: -5px; }
.btn-toolbar:before, .btn-toolbar:after {
content: " ";
display: table; }
.btn-toolbar:after {
clear: both; }
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
float: left; }
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
margin-left: 5px; }
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0; }
.btn-group > .btn:first-child {
margin-left: 0; }
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
.btn-group > .btn-group {
float: left; }
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0; }
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0; }
.btn-group > .btn + .dropdown-toggle {
padding-left: 8px;
padding-right: 8px; }
.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
padding-left: 12px;
padding-right: 12px; }
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.btn-group.open .dropdown-toggle.btn-link {
-webkit-box-shadow: none;
box-shadow: none; }
.btn .caret {
margin-left: 0; }
.btn-lg .caret, .btn-group-lg > .btn .caret {
border-width: 5px 5px 0;
border-bottom-width: 0; }
.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
border-width: 0 5px 5px; }
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%; }
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
content: " ";
display: table; }
.btn-group-vertical > .btn-group:after {
clear: both; }
.btn-group-vertical > .btn-group > .btn {
float: none; }
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0; }
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius: 0; }
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px; }
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0; }
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0; }
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate; }
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
float: none;
display: table-cell;
width: 1%; }
.btn-group-justified > .btn-group .btn {
width: 100%; }
.btn-group-justified > .btn-group .dropdown-menu {
left: auto; }
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none; }
.input-group {
position: relative;
display: table;
border-collapse: separate; }
.input-group[class*="col-"] {
float: none;
padding-left: 0;
padding-right: 0; }
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0; }
.input-group .form-control:focus {
z-index: 3; }
.input-group-addon,
.input-group-btn,
.input-group .form-control {
display: table-cell; }
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0; }
.input-group-addon,
.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle; }
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
color: #555555;
text-align: center;
background-color: #eeeeee;
border: 1px solid #ccc;
border-radius: 4px; }
.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
padding: 5px 10px;
font-size: 12px;
border-radius: 3px; }
.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
padding: 10px 16px;
font-size: 18px;
border-radius: 6px; }
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
margin-top: 0; }
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
.input-group-addon:first-child {
border-right: 0; }
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
.input-group-addon:last-child {
border-left: 0; }
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap; }
.input-group-btn > .btn {
position: relative; }
.input-group-btn > .btn + .btn {
margin-left: -1px; }
.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
z-index: 2; }
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
margin-right: -1px; }
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
z-index: 2;
margin-left: -1px; }
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none; }
.nav:before, .nav:after {
content: " ";
display: table; }
.nav:after {
clear: both; }
.nav > li {
position: relative;
display: block; }
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px; }
.nav > li > a:hover, .nav > li > a:focus {
text-decoration: none;
background-color: #eeeeee; }
.nav > li.disabled > a {
color: #777777; }
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
color: #777777;
text-decoration: none;
background-color: transparent;
cursor: not-allowed; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color: #eeeeee;
border-color: #337ab7; }
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5; }
.nav > li > a > img {
max-width: none; }
.nav-tabs {
border-bottom: 1px solid #ddd; }
.nav-tabs > li {
float: left;
margin-bottom: -1px; }
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.428571429;
border: 1px solid transparent;
border-radius: 4px 4px 0 0; }
.nav-tabs > li > a:hover {
border-color: #eeeeee #eeeeee #ddd; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
color: #555555;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default; }
.nav-pills > li {
float: left; }
.nav-pills > li > a {
border-radius: 4px; }
.nav-pills > li + li {
margin-left: 2px; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
color: #fff;
background-color: #337ab7; }
.nav-stacked > li {
float: none; }
.nav-stacked > li + li {
margin-top: 2px;
margin-left: 0; }
.nav-justified, .nav-tabs.nav-justified {
width: 100%; }
.nav-justified > li, .nav-tabs.nav-justified > li {
float: none; }
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
text-align: center;
margin-bottom: 5px; }
.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto; }
@media (min-width: 768px) {
.nav-justified > li, .nav-tabs.nav-justified > li {
display: table-cell;
width: 1%; }
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
margin-bottom: 0; } }
.nav-tabs-justified, .nav-tabs.nav-justified {
border-bottom: 0; }
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: 4px; }
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #ddd; }
@media (min-width: 768px) {
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0; }
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: #fff; } }
.tab-content > .tab-pane {
display: none; }
.tab-content > .active {
display: block; }
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0; }
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent; }
.navbar:before, .navbar:after {
content: " ";
display: table; }
.navbar:after {
clear: both; }
@media (min-width: 768px) {
.navbar {
border-radius: 4px; } }
.navbar-header:before, .navbar-header:after {
content: " ";
display: table; }
.navbar-header:after {
clear: both; }
@media (min-width: 768px) {
.navbar-header {
float: left; } }
.navbar-collapse {
overflow-x: visible;
padding-right: 15px;
padding-left: 15px;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-overflow-scrolling: touch; }
.navbar-collapse:before, .navbar-collapse:after {
content: " ";
display: table; }
.navbar-collapse:after {
clear: both; }
.navbar-collapse.in {
overflow-y: auto; }
@media (min-width: 768px) {
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none; }
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important; }
.navbar-collapse.in {
overflow-y: visible; }
.navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
padding-left: 0;
padding-right: 0; } }
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 340px; }
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 200px; } }
.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
margin-right: -15px;
margin-left: -15px; }
@media (min-width: 768px) {
.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0; } }
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px; }
@media (min-width: 768px) {
.navbar-static-top {
border-radius: 0; } }
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030; }
@media (min-width: 768px) {
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0; } }
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px; }
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0; }
.navbar-brand {
float: left;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
height: 50px; }
.navbar-brand:hover, .navbar-brand:focus {
text-decoration: none; }
.navbar-brand > img {
display: block; }
@media (min-width: 768px) {
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
margin-left: -15px; } }
.navbar-toggle {
position: relative;
float: right;
margin-right: 15px;
padding: 9px 10px;
margin-top: 8px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px; }
.navbar-toggle:focus {
outline: 0; }
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px; }
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px; }
@media (min-width: 768px) {
.navbar-toggle {
display: none; } }
.navbar-nav {
margin: 7.5px -15px; }
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px; }
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none; }
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px; }
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px; }
.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none; } }
@media (min-width: 768px) {
.navbar-nav {
float: left;
margin: 0; }
.navbar-nav > li {
float: left; }
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px; } }
.navbar-form {
margin-left: -15px;
margin-right: -15px;
padding: 10px 15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
margin-top: 8px;
margin-bottom: 8px; }
@media (min-width: 768px) {
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle; }
.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle; }
.navbar-form .form-control-static {
display: inline-block; }
.navbar-form .input-group {
display: inline-table;
vertical-align: middle; }
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
width: auto; }
.navbar-form .input-group > .form-control {
width: 100%; }
.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle; }
.navbar-form .radio,
.navbar-form .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle; }
.navbar-form .radio label,
.navbar-form .checkbox label {
padding-left: 0; }
.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0; }
.navbar-form .has-feedback .form-control-feedback {
top: 0; } }
@media (max-width: 767px) {
.navbar-form .form-group {
margin-bottom: 5px; }
.navbar-form .form-group:last-child {
margin-bottom: 0; } }
@media (min-width: 768px) {
.navbar-form {
width: auto;
border: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none; } }
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0; }
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
margin-bottom: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.navbar-btn {
margin-top: 8px;
margin-bottom: 8px; }
.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
margin-top: 10px;
margin-bottom: 10px; }
.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
margin-top: 14px;
margin-bottom: 14px; }
.navbar-text {
margin-top: 15px;
margin-bottom: 15px; }
@media (min-width: 768px) {
.navbar-text {
float: left;
margin-left: 15px;
margin-right: 15px; } }
@media (min-width: 768px) {
.navbar-left {
float: left !important; }
.navbar-right {
float: right !important;
margin-right: -15px; }
.navbar-right ~ .navbar-right {
margin-right: 0; } }
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7; }
.navbar-default .navbar-brand {
color: #777; }
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent; }
.navbar-default .navbar-text {
color: #777; }
.navbar-default .navbar-nav > li > a {
color: #777; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #333;
background-color: transparent; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #555;
background-color: #e7e7e7; }
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
color: #ccc;
background-color: transparent; }
.navbar-default .navbar-toggle {
border-color: #ddd; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #ddd; }
.navbar-default .navbar-toggle .icon-bar {
background-color: #888; }
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e7e7e7; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
background-color: #e7e7e7;
color: #555; }
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333;
background-color: transparent; }
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555;
background-color: #e7e7e7; }
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #ccc;
background-color: transparent; } }
.navbar-default .navbar-link {
color: #777; }
.navbar-default .navbar-link:hover {
color: #333; }
.navbar-default .btn-link {
color: #777; }
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
color: #333; }
.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
color: #ccc; }
.navbar-inverse {
background-color: #222;
border-color: #090909; }
.navbar-inverse .navbar-brand {
color: #9d9d9d; }
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
color: #fff;
background-color: transparent; }
.navbar-inverse .navbar-text {
color: #9d9d9d; }
.navbar-inverse .navbar-nav > li > a {
color: #9d9d9d; }
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
color: #fff;
background-color: transparent; }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
color: #fff;
background-color: #090909; }
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444;
background-color: transparent; }
.navbar-inverse .navbar-toggle {
border-color: #333; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
background-color: #333; }
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff; }
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010; }
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
background-color: #090909;
color: #fff; }
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #090909; }
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #090909; }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #9d9d9d; }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #fff;
background-color: transparent; }
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #090909; }
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #444;
background-color: transparent; } }
.navbar-inverse .navbar-link {
color: #9d9d9d; }
.navbar-inverse .navbar-link:hover {
color: #fff; }
.navbar-inverse .btn-link {
color: #9d9d9d; }
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
color: #fff; }
.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #444; }
.breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px; }
.breadcrumb > li {
display: inline-block; }
.breadcrumb > li + li:before {
content: "/ ";
padding: 0 5px;
color: #ccc; }
.breadcrumb > .active {
color: #777777; }
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px; }
.pagination > li {
display: inline; }
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
line-height: 1.428571429;
text-decoration: none;
color: #337ab7;
background-color: #fff;
border: 1px solid #ddd;
margin-left: -1px; }
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px; }
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
z-index: 2;
color: #96374c;
background-color: #eeeeee;
border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
z-index: 3;
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
cursor: default; }
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #777777;
background-color: #fff;
border-color: #ddd;
cursor: not-allowed; }
.pagination-lg > li > a,
.pagination-lg > li > span {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333; }
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
border-bottom-left-radius: 6px;
border-top-left-radius: 6px; }
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
border-bottom-right-radius: 6px;
border-top-right-radius: 6px; }
.pagination-sm > li > a,
.pagination-sm > li > span {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5; }
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px; }
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px; }
.pager {
padding-left: 0;
margin: 20px 0;
list-style: none;
text-align: center; }
.pager:before, .pager:after {
content: " ";
display: table; }
.pager:after {
clear: both; }
.pager li {
display: inline; }
.pager li > a,
.pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 15px; }
.pager li > a:hover,
.pager li > a:focus {
text-decoration: none;
background-color: #eeeeee; }
.pager .next > a,
.pager .next > span {
float: right; }
.pager .previous > a,
.pager .previous > span {
float: left; }
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
color: #777777;
background-color: #fff;
cursor: not-allowed; }
.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em; }
.label:empty {
display: none; }
.btn .label {
position: relative;
top: -1px; }
a.label:hover, a.label:focus {
color: #fff;
text-decoration: none;
cursor: pointer; }
.label-default {
background-color: #777777; }
.label-default[href]:hover, .label-default[href]:focus {
background-color: #5e5e5e; }
.label-primary {
background-color: #337ab7; }
.label-primary[href]:hover, .label-primary[href]:focus {
background-color: #286090; }
.label-success {
background-color: #5cb85c; }
.label-success[href]:hover, .label-success[href]:focus {
background-color: #449d44; }
.label-info {
background-color: #5bc0de; }
.label-info[href]:hover, .label-info[href]:focus {
background-color: #31b0d5; }
.label-warning {
background-color: #f0ad4e; }
.label-warning[href]:hover, .label-warning[href]:focus {
background-color: #ec971f; }
.label-danger {
background-color: #d9534f; }
.label-danger[href]:hover, .label-danger[href]:focus {
background-color: #c9302c; }
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
color: #fff;
line-height: 1;
vertical-align: middle;
white-space: nowrap;
text-align: center;
background-color: #777777;
border-radius: 10px; }
.badge:empty {
display: none; }
.btn .badge {
position: relative;
top: -1px; }
.btn-xs .badge, .btn-group-xs > .btn .badge, .btn-group-xs > .btn .badge {
top: 0;
padding: 1px 5px; }
.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
color: #337ab7;
background-color: #fff; }
.list-group-item > .badge {
float: right; }
.list-group-item > .badge + .badge {
margin-right: 5px; }
.nav-pills > li > a > .badge {
margin-left: 3px; }
a.badge:hover, a.badge:focus {
color: #fff;
text-decoration: none;
cursor: pointer; }
.thumbnail {
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.428571429;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: border 0.2s ease-in-out;
-o-transition: border 0.2s ease-in-out;
transition: border 0.2s ease-in-out; }
.thumbnail > img,
.thumbnail a > img {
display: block;
max-width: 100%;
height: auto;
margin-left: auto;
margin-right: auto; }
.thumbnail .caption {
padding: 9px;
color: #333333; }
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
border-color: #337ab7; }
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px; }
.alert h4 {
margin-top: 0;
color: inherit; }
.alert .alert-link {
font-weight: bold; }
.alert > p,
.alert > ul {
margin-bottom: 0; }
.alert > p + p {
margin-top: 5px; }
.alert-dismissable,
.alert-dismissible {
padding-right: 35px; }
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit; }
.alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d; }
.alert-success hr {
border-top-color: #c9e2b3; }
.alert-success .alert-link {
color: #2b542c; }
.alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #31708f; }
.alert-info hr {
border-top-color: #a6e1ec; }
.alert-info .alert-link {
color: #245269; }
.alert-warning {
background-color: #fcf8e3;
border-color: #faebcc;
color: #8a6d3b; }
.alert-warning hr {
border-top-color: #f7e1b5; }
.alert-warning .alert-link {
color: #66512c; }
.alert-danger {
background-color: #f2dede;
border-color: #ebccd1;
color: #a94442; }
.alert-danger hr {
border-top-color: #e4b9c0; }
.alert-danger .alert-link {
color: #843534; }
.media {
margin-top: 15px; }
.media:first-child {
margin-top: 0; }
.media,
.media-body {
zoom: 1;
overflow: hidden; }
.media-body {
width: 10000px; }
.media-object {
display: block; }
.media-object.img-thumbnail {
max-width: none; }
.media-right,
.media > .pull-right {
padding-left: 10px; }
.media-left,
.media > .pull-left {
padding-right: 10px; }
.media-left,
.media-right,
.media-body {
display: table-cell;
vertical-align: top; }
.media-middle {
vertical-align: middle; }
.media-bottom {
vertical-align: bottom; }
.media-heading {
margin-top: 0;
margin-bottom: 5px; }
.media-list {
padding-left: 0;
list-style: none; }
.list-group {
margin-bottom: 20px;
padding-left: 0; }
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd; }
.list-group-item:first-child {
border-top-right-radius: 4px;
border-top-left-radius: 4px; }
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px; }
a.list-group-item,
button.list-group-item {
color: #555; }
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
color: #333; }
a.list-group-item:hover, a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
text-decoration: none;
color: #555;
background-color: #f5f5f5; }
button.list-group-item {
width: 100%;
text-align: left; }
.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
background-color: #eeeeee;
color: #777777;
cursor: not-allowed; }
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
color: inherit; }
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
color: #777777; }
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
z-index: 2;
color: #fff;
background-color: #337ab7;
border-color: #337ab7; }
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > .small {
color: inherit; }
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
color: #c7ddef; }
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8; }
a.list-group-item-success,
button.list-group-item-success {
color: #3c763d; }
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
color: inherit; }
a.list-group-item-success:hover, a.list-group-item-success:focus,
button.list-group-item-success:hover,
button.list-group-item-success:focus {
color: #3c763d;
background-color: #d0e9c6; }
a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
button.list-group-item-success.active,
button.list-group-item-success.active:hover,
button.list-group-item-success.active:focus {
color: #fff;
background-color: #3c763d;
border-color: #3c763d; }
.list-group-item-info {
color: #31708f;
background-color: #d9edf7; }
a.list-group-item-info,
button.list-group-item-info {
color: #31708f; }
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
color: inherit; }
a.list-group-item-info:hover, a.list-group-item-info:focus,
button.list-group-item-info:hover,
button.list-group-item-info:focus {
color: #31708f;
background-color: #c4e3f3; }
a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
button.list-group-item-info.active,
button.list-group-item-info.active:hover,
button.list-group-item-info.active:focus {
color: #fff;
background-color: #31708f;
border-color: #31708f; }
.list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3; }
a.list-group-item-warning,
button.list-group-item-warning {
color: #8a6d3b; }
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
color: inherit; }
a.list-group-item-warning:hover, a.list-group-item-warning:focus,
button.list-group-item-warning:hover,
button.list-group-item-warning:focus {
color: #8a6d3b;
background-color: #faf2cc; }
a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
button.list-group-item-warning.active,
button.list-group-item-warning.active:hover,
button.list-group-item-warning.active:focus {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b; }
.list-group-item-danger {
color: #a94442;
background-color: #f2dede; }
a.list-group-item-danger,
button.list-group-item-danger {
color: #a94442; }
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
color: inherit; }
a.list-group-item-danger:hover, a.list-group-item-danger:focus,
button.list-group-item-danger:hover,
button.list-group-item-danger:focus {
color: #a94442;
background-color: #ebcccc; }
a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
button.list-group-item-danger.active,
button.list-group-item-danger.active:hover,
button.list-group-item-danger.active:focus {
color: #fff;
background-color: #a94442;
border-color: #a94442; }
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px; }
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3; }
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
.panel-body {
padding: 15px; }
.panel-body:before, .panel-body:after {
content: " ";
display: table; }
.panel-body:after {
clear: both; }
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: 3px;
border-top-left-radius: 3px; }
.panel-heading > .dropdown .dropdown-toggle {
color: inherit; }
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit; }
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
color: inherit; }
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; }
.panel > .list-group,
.panel > .panel-collapse > .list-group {
margin-bottom: 0; }
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
border-width: 1px 0;
border-radius: 0; }
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-right-radius: 3px;
border-top-left-radius: 3px; }
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; }
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0; }
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0; }
.list-group + .panel-footer {
border-top-width: 0; }
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
margin-bottom: 0; }
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
padding-left: 15px;
padding-right: 15px; }
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
border-top-right-radius: 3px;
border-top-left-radius: 3px; }
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px; }
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
border-top-left-radius: 3px; }
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
border-top-right-radius: 3px; }
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; }
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; }
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius: 3px; }
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius: 3px; }
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
border-top: 1px solid #ddd; }
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
border-top: 0; }
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
border: 0; }
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0; }
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0; }
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
border-bottom: 0; }
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0; }
.panel > .table-responsive {
border: 0;
margin-bottom: 0; }
.panel-group {
margin-bottom: 20px; }
.panel-group .panel {
margin-bottom: 0;
border-radius: 4px; }
.panel-group .panel + .panel {
margin-top: 5px; }
.panel-group .panel-heading {
border-bottom: 0; }
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
border-top: 1px solid #ddd; }
.panel-group .panel-footer {
border-top: 0; }
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #ddd; }
.panel-default {
border-color: #ddd; }
.panel-default > .panel-heading {
color: #333333;
background-color: #f5f5f5;
border-color: #ddd; }
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ddd; }
.panel-default > .panel-heading .badge {
color: #f5f5f5;
background-color: #333333; }
.panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ddd; }
.panel-primary {
border-color: #337ab7; }
.panel-primary > .panel-heading {
color: #fff;
background-color: #337ab7;
border-color: #337ab7; }
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #337ab7; }
.panel-primary > .panel-heading .badge {
color: #337ab7;
background-color: #fff; }
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #337ab7; }
.panel-success {
border-color: #d6e9c6; }
.panel-success > .panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6; }
.panel-success > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #d6e9c6; }
.panel-success > .panel-heading .badge {
color: #dff0d8;
background-color: #3c763d; }
.panel-success > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #d6e9c6; }
.panel-info {
border-color: #bce8f1; }
.panel-info > .panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1; }
.panel-info > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #bce8f1; }
.panel-info > .panel-heading .badge {
color: #d9edf7;
background-color: #31708f; }
.panel-info > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #bce8f1; }
.panel-warning {
border-color: #faebcc; }
.panel-warning > .panel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc; }
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #faebcc; }
.panel-warning > .panel-heading .badge {
color: #fcf8e3;
background-color: #8a6d3b; }
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #faebcc; }
.panel-danger {
border-color: #ebccd1; }
.panel-danger > .panel-heading {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1; }
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ebccd1; }
.panel-danger > .panel-heading .badge {
color: #f2dede;
background-color: #a94442; }
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ebccd1; }
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden; }
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
border: 0; }
.embed-responsive-16by9 {
padding-bottom: 56.25%; }
.embed-responsive-4by3 {
padding-bottom: 75%; }
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
.well blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, 0.15); }
.well-lg {
padding: 24px;
border-radius: 6px; }
.well-sm {
padding: 9px;
border-radius: 3px; }
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: 0.2;
filter: alpha(opacity=20); }
.close:hover, .close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: 0.5;
filter: alpha(opacity=50); }
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none; }
.modal-open {
overflow: hidden; }
.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0; }
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out; }
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0); }
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto; }
.modal-dialog {
position: relative;
width: auto;
margin: 10px; }
.modal-content {
position: relative;
background-color: #fff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
background-clip: padding-box;
outline: 0; }
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000; }
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0); }
.modal-backdrop.in {
opacity: 0.5;
filter: alpha(opacity=50); }
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5; }
.modal-header:before, .modal-header:after {
content: " ";
display: table; }
.modal-header:after {
clear: both; }
.modal-header .close {
margin-top: -2px; }
.modal-title {
margin: 0;
line-height: 1.428571429; }
.modal-body {
position: relative;
padding: 15px; }
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5; }
.modal-footer:before, .modal-footer:after {
content: " ";
display: table; }
.modal-footer:after {
clear: both; }
.modal-footer .btn + .btn {
margin-left: 5px;
margin-bottom: 0; }
.modal-footer .btn-group .btn + .btn {
margin-left: -1px; }
.modal-footer .btn-block + .btn-block {
margin-left: 0; }
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll; }
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 30px auto; }
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
.modal-sm {
width: 300px; } }
@media (min-width: 992px) {
.modal-lg {
width: 900px; } }
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.428571429;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 12px;
opacity: 0;
filter: alpha(opacity=0); }
.tooltip.in {
opacity: 0.9;
filter: alpha(opacity=90); }
.tooltip.top {
margin-top: -3px;
padding: 5px 0; }
.tooltip.right {
margin-left: 3px;
padding: 0 5px; }
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0; }
.tooltip.left {
margin-left: -3px;
padding: 0 5px; }
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 4px; }
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid; }
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000; }
.tooltip.top-left .tooltip-arrow {
bottom: 0;
right: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000; }
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000; }
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000; }
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000; }
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000; }
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000; }
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000; }
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.428571429;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 14px;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
.popover.top {
margin-top: -10px; }
.popover.right {
margin-left: 10px; }
.popover.bottom {
margin-top: 10px; }
.popover.left {
margin-left: -10px; }
.popover-title {
margin: 0;
padding: 8px 14px;
font-size: 14px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0; }
.popover-content {
padding: 9px 14px; }
.popover > .arrow, .popover > .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid; }
.popover > .arrow {
border-width: 11px; }
.popover > .arrow:after {
border-width: 10px;
content: ""; }
.popover.top > .arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: #999999;
border-top-color: rgba(0, 0, 0, 0.25);
bottom: -11px; }
.popover.top > .arrow:after {
content: " ";
bottom: 1px;
margin-left: -10px;
border-bottom-width: 0;
border-top-color: #fff; }
.popover.right > .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: #999999;
border-right-color: rgba(0, 0, 0, 0.25); }
.popover.right > .arrow:after {
content: " ";
left: 1px;
bottom: -10px;
border-left-width: 0;
border-right-color: #fff; }
.popover.bottom > .arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999999;
border-bottom-color: rgba(0, 0, 0, 0.25);
top: -11px; }
.popover.bottom > .arrow:after {
content: " ";
top: 1px;
margin-left: -10px;
border-top-width: 0;
border-bottom-color: #fff; }
.popover.left > .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999999;
border-left-color: rgba(0, 0, 0, 0.25); }
.popover.left > .arrow:after {
content: " ";
right: 1px;
border-right-width: 0;
border-left-color: #fff;
bottom: -10px; }
.clearfix:before, .clearfix:after {
content: " ";
display: table; }
.clearfix:after {
clear: both; }
.center-block {
display: block;
margin-left: auto;
margin-right: auto; }
.pull-right {
float: right !important; }
.pull-left {
float: left !important; }
.hide {
display: none !important; }
.show {
display: block !important; }
.invisible {
visibility: hidden; }
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0; }
.hidden {
display: none !important; }
.affix {
position: fixed; }
@-ms-viewport {
width: device-width; }
.visible-xs {
display: none !important; }
.visible-sm {
display: none !important; }
.visible-md {
display: none !important; }
.visible-lg {
display: none !important; }
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important; }
@media (max-width: 767px) {
.visible-xs {
display: block !important; }
table.visible-xs {
display: table !important; }
tr.visible-xs {
display: table-row !important; }
th.visible-xs,
td.visible-xs {
display: table-cell !important; } }
@media (max-width: 767px) {
.visible-xs-block {
display: block !important; } }
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important; } }
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important; }
table.visible-sm {
display: table !important; }
tr.visible-sm {
display: table-row !important; }
th.visible-sm,
td.visible-sm {
display: table-cell !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important; }
table.visible-md {
display: table !important; }
tr.visible-md {
display: table-row !important; }
th.visible-md,
td.visible-md {
display: table-cell !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important; } }
@media (min-width: 1200px) {
.visible-lg {
display: block !important; }
table.visible-lg {
display: table !important; }
tr.visible-lg {
display: table-row !important; }
th.visible-lg,
td.visible-lg {
display: table-cell !important; } }
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important; } }
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important; } }
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important; } }
@media (max-width: 767px) {
.hidden-xs {
display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important; } }
@media (min-width: 1200px) {
.hidden-lg {
display: none !important; } }
.visible-print {
display: none !important; }
@media print {
.visible-print {
display: block !important; }
table.visible-print {
display: table !important; }
tr.visible-print {
display: table-row !important; }
th.visible-print,
td.visible-print {
display: table-cell !important; } }
.visible-print-block {
display: none !important; }
@media print {
.visible-print-block {
display: block !important; } }
.visible-print-inline {
display: none !important; }
@media print {
.visible-print-inline {
display: inline !important; } }
.visible-print-inline-block {
display: none !important; }
@media print {
.visible-print-inline-block {
display: inline-block !important; } }
@media print {
.hidden-print {
display: none !important; } } .ui-helper-hidden {
display: none; }
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse; }
.ui-helper-clearfix:after {
clear: both; }
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0); }
.ui-front {
z-index: 100; }
.ui-state-disabled {
cursor: default !important;
pointer-events: none; }
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat; }
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block; }
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none; }
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
top: 2px; }
.ui-datepicker .ui-datepicker-prev {
left: 2px; }
.ui-datepicker .ui-datepicker-next {
right: 2px; }
.ui-datepicker .ui-datepicker-prev-hover {
left: 2px; }
.ui-datepicker .ui-datepicker-next-hover {
right: 2px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px; }
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center; }
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
width: 45%; }
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em; }
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0; }
.ui-datepicker td {
border: 0;
padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left; }
.ui-datepicker.ui-datepicker-multi {
width: auto; }
.ui-datepicker-multi .ui-datepicker-group {
float: left; }
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%; }
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0; }
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left; }
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0; }
.ui-datepicker-rtl {
direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto; }
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
float: right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px; }
.ui-datepicker .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
left: .5em;
top: .3em; }
.ui-widget {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em; }
.ui-widget .ui-widget {
font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em; }
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5; }
.ui-widget-content {
border: 1px solid #ddd;
background: #fff;
color: #333; }
.ui-widget-content a {
color: #333; }
.ui-widget-header {
border: 1px solid #ddd;
background: #e9e9e9;
color: #333;
font-weight: bold; }
.ui-widget-header a {
color: #333; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: normal;
color: #454545; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
color: #454545;
text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
border: 1px solid #ccc;
background: #ededed;
font-weight: normal;
color: #2b2b2b; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
color: #2b2b2b;
text-decoration: none; }
.ui-visual-focus {
box-shadow: 0 0 3px 1px #5e9ed6; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
border: 1px solid #003eff;
background: #007fff;
font-weight: normal;
color: #fff; }
.ui-icon-background, .ui-state-active .ui-icon-background {
border: #003eff;
background-color: #fff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #fff;
text-decoration: none; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620; }
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
color: #777620; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
color: #5f3f3f; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
color: #5f3f3f; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity=70);
font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35);
background-image: none; }
.ui-state-disabled .ui-icon {
filter: Alpha(Opacity=35); }
.ui-icon {
width: 16px;
height: 16px; }
.ui-icon, .ui-widget-content .ui-icon {
background-image: url(//mycatering.ru/wp-content/themes/procatering/image/icons/ui-icons_444444_256x240.png); }
.ui-widget-header .ui-icon {
background-image: url(//mycatering.ru/wp-content/themes/procatering/image/icons/ui-icons_444444_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
background-image: url(//mycatering.ru/wp-content/themes/procatering/image/icons/ui-icons_555555_256x240.png); }
.ui-state-active .ui-icon, .ui-button:active .ui-icon {
background-image: url(//mycatering.ru/wp-content/themes/procatering/image/icons/ui-icons_ffffff_256x240.png); }
.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon {
background-image: url(//mycatering.ru/wp-content/themes/procatering/image/icons/ui-icons_777620_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
background-image: url(//mycatering.ru/wp-content/themes/procatering/image/icons/ui-icons_cc0000_256x240.png); }
.ui-button .ui-icon {
background-image: url(//mycatering.ru/wp-content/themes/procatering/image/icons/ui-icons_777777_256x240.png); }
.ui-icon-blank {
background-position: 16px 16px; }
.ui-icon-caret-1-n {
background-position: 0 0; }
.ui-icon-caret-1-ne {
background-position: -16px 0; }
.ui-icon-caret-1-e {
background-position: -32px 0; }
.ui-icon-caret-1-se {
background-position: -48px 0; }
.ui-icon-caret-1-s {
background-position: -65px 0; }
.ui-icon-caret-1-sw {
background-position: -80px 0; }
.ui-icon-caret-1-w {
background-position: -96px 0; }
.ui-icon-caret-1-nw {
background-position: -112px 0; }
.ui-icon-caret-2-n-s {
background-position: -128px 0; }
.ui-icon-caret-2-e-w {
background-position: -144px 0; }
.ui-icon-triangle-1-n {
background-position: 0 -16px; }
.ui-icon-triangle-1-ne {
background-position: -16px -16px; }
.ui-icon-triangle-1-e {
background-position: -32px -16px; }
.ui-icon-triangle-1-se {
background-position: -48px -16px; }
.ui-icon-triangle-1-s {
background-position: -65px -16px; }
.ui-icon-triangle-1-sw {
background-position: -80px -16px; }
.ui-icon-triangle-1-w {
background-position: -96px -16px; }
.ui-icon-triangle-1-nw {
background-position: -112px -16px; }
.ui-icon-triangle-2-n-s {
background-position: -128px -16px; }
.ui-icon-triangle-2-e-w {
background-position: -144px -16px; }
.ui-icon-arrow-1-n {
background-position: 0 -32px; }
.ui-icon-arrow-1-ne {
background-position: -16px -32px; }
.ui-icon-arrow-1-e {
background-position: -32px -32px; }
.ui-icon-arrow-1-se {
background-position: -48px -32px; }
.ui-icon-arrow-1-s {
background-position: -65px -32px; }
.ui-icon-arrow-1-sw {
background-position: -80px -32px; }
.ui-icon-arrow-1-w {
background-position: -96px -32px; }
.ui-icon-arrow-1-nw {
background-position: -112px -32px; }
.ui-icon-arrow-2-n-s {
background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px; }
.ui-icon-arrow-2-e-w {
background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px; }
.ui-icon-arrowstop-1-n {
background-position: -192px -32px; }
.ui-icon-arrowstop-1-e {
background-position: -208px -32px; }
.ui-icon-arrowstop-1-s {
background-position: -224px -32px; }
.ui-icon-arrowstop-1-w {
background-position: -240px -32px; }
.ui-icon-arrowthick-1-n {
background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px; }
.ui-icon-arrowthick-1-e {
background-position: -32px -48px; }
.ui-icon-arrowthick-1-se {
background-position: -48px -48px; }
.ui-icon-arrowthick-1-s {
background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px; }
.ui-icon-arrowthick-1-w {
background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px; }
.ui-icon-arrow-4 {
background-position: 0 -80px; }
.ui-icon-arrow-4-diag {
background-position: -16px -80px; }
.ui-icon-extlink {
background-position: -32px -80px; }
.ui-icon-newwin {
background-position: -48px -80px; }
.ui-icon-refresh {
background-position: -64px -80px; }
.ui-icon-shuffle {
background-position: -80px -80px; }
.ui-icon-transfer-e-w {
background-position: -96px -80px; }
.ui-icon-transferthick-e-w {
background-position: -112px -80px; }
.ui-icon-folder-collapsed {
background-position: 0 -96px; }
.ui-icon-folder-open {
background-position: -16px -96px; }
.ui-icon-document {
background-position: -32px -96px; }
.ui-icon-document-b {
background-position: -48px -96px; }
.ui-icon-note {
background-position: -64px -96px; }
.ui-icon-mail-closed {
background-position: -80px -96px; }
.ui-icon-mail-open {
background-position: -96px -96px; }
.ui-icon-suitcase {
background-position: -112px -96px; }
.ui-icon-comment {
background-position: -128px -96px; }
.ui-icon-person {
background-position: -144px -96px; }
.ui-icon-print {
background-position: -160px -96px; }
.ui-icon-trash {
background-position: -176px -96px; }
.ui-icon-locked {
background-position: -192px -96px; }
.ui-icon-unlocked {
background-position: -208px -96px; }
.ui-icon-bookmark {
background-position: -224px -96px; }
.ui-icon-tag {
background-position: -240px -96px; }
.ui-icon-home {
background-position: 0 -112px; }
.ui-icon-flag {
background-position: -16px -112px; }
.ui-icon-calendar {
background-position: -32px -112px; }
.ui-icon-cart {
background-position: -48px -112px; }
.ui-icon-pencil {
background-position: -64px -112px; }
.ui-icon-clock {
background-position: -80px -112px; }
.ui-icon-disk {
background-position: -96px -112px; }
.ui-icon-calculator {
background-position: -112px -112px; }
.ui-icon-zoomin {
background-position: -128px -112px; }
.ui-icon-zoomout {
background-position: -144px -112px; }
.ui-icon-search {
background-position: -160px -112px; }
.ui-icon-wrench {
background-position: -176px -112px; }
.ui-icon-gear {
background-position: -192px -112px; }
.ui-icon-heart {
background-position: -208px -112px; }
.ui-icon-star {
background-position: -224px -112px; }
.ui-icon-link {
background-position: -240px -112px; }
.ui-icon-cancel {
background-position: 0 -128px; }
.ui-icon-plus {
background-position: -16px -128px; }
.ui-icon-plusthick {
background-position: -32px -128px; }
.ui-icon-minus {
background-position: -48px -128px; }
.ui-icon-minusthick {
background-position: -64px -128px; }
.ui-icon-close {
background-position: -80px -128px; }
.ui-icon-closethick {
background-position: -96px -128px; }
.ui-icon-key {
background-position: -112px -128px; }
.ui-icon-lightbulb {
background-position: -128px -128px; }
.ui-icon-scissors {
background-position: -144px -128px; }
.ui-icon-clipboard {
background-position: -160px -128px; }
.ui-icon-copy {
background-position: -176px -128px; }
.ui-icon-contact {
background-position: -192px -128px; }
.ui-icon-image {
background-position: -208px -128px; }
.ui-icon-video {
background-position: -224px -128px; }
.ui-icon-script {
background-position: -240px -128px; }
.ui-icon-alert {
background-position: 0 -144px; }
.ui-icon-info {
background-position: -16px -144px; }
.ui-icon-notice {
background-position: -32px -144px; }
.ui-icon-help {
background-position: -48px -144px; }
.ui-icon-check {
background-position: -64px -144px; }
.ui-icon-bullet {
background-position: -80px -144px; }
.ui-icon-radio-on {
background-position: -96px -144px; }
.ui-icon-radio-off {
background-position: -112px -144px; }
.ui-icon-pin-w {
background-position: -128px -144px; }
.ui-icon-pin-s {
background-position: -144px -144px; }
.ui-icon-play {
background-position: 0 -160px; }
.ui-icon-pause {
background-position: -16px -160px; }
.ui-icon-seek-next {
background-position: -32px -160px; }
.ui-icon-seek-prev {
background-position: -48px -160px; }
.ui-icon-seek-end {
background-position: -64px -160px; }
.ui-icon-seek-start {
background-position: -80px -160px; }
.ui-icon-seek-first {
background-position: -80px -160px; }
.ui-icon-stop {
background-position: -96px -160px; }
.ui-icon-eject {
background-position: -112px -160px; }
.ui-icon-volume-off {
background-position: -128px -160px; }
.ui-icon-volume-on {
background-position: -144px -160px; }
.ui-icon-power {
background-position: 0 -176px; }
.ui-icon-signal-diag {
background-position: -16px -176px; }
.ui-icon-signal {
background-position: -32px -176px; }
.ui-icon-battery-0 {
background-position: -48px -176px; }
.ui-icon-battery-1 {
background-position: -64px -176px; }
.ui-icon-battery-2 {
background-position: -80px -176px; }
.ui-icon-battery-3 {
background-position: -96px -176px; }
.ui-icon-circle-plus {
background-position: 0 -192px; }
.ui-icon-circle-minus {
background-position: -16px -192px; }
.ui-icon-circle-close {
background-position: -32px -192px; }
.ui-icon-circle-triangle-e {
background-position: -48px -192px; }
.ui-icon-circle-triangle-s {
background-position: -64px -192px; }
.ui-icon-circle-triangle-w {
background-position: -80px -192px; }
.ui-icon-circle-triangle-n {
background-position: -96px -192px; }
.ui-icon-circle-arrow-e {
background-position: -112px -192px; }
.ui-icon-circle-arrow-s {
background-position: -128px -192px; }
.ui-icon-circle-arrow-w {
background-position: -144px -192px; }
.ui-icon-circle-arrow-n {
background-position: -160px -192px; }
.ui-icon-circle-zoomin {
background-position: -176px -192px; }
.ui-icon-circle-zoomout {
background-position: -192px -192px; }
.ui-icon-circle-check {
background-position: -208px -192px; }
.ui-icon-circlesmall-plus {
background-position: 0 -208px; }
.ui-icon-circlesmall-minus {
background-position: -16px -208px; }
.ui-icon-circlesmall-close {
background-position: -32px -208px; }
.ui-icon-squaresmall-plus {
background-position: -48px -208px; }
.ui-icon-squaresmall-minus {
background-position: -64px -208px; }
.ui-icon-squaresmall-close {
background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px; }
.ui-icon-grip-solid-vertical {
background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px; }
.ui-icon-grip-diagonal-se {
background-position: -80px -224px; }
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
border-top-left-radius: 3px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
border-top-right-radius: 3px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
border-bottom-left-radius: 3px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
border-bottom-right-radius: 3px; }
.ui-widget-overlay {
background: #aaa;
opacity: .3;
filter: Alpha(Opacity=30); }
.ui-widget-shadow {
-webkit-box-shadow: 0 0 5px #666;
box-shadow: 0 0 5px #666; } .owl-carousel, .owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative; }
.owl-carousel {
display: none;
width: 100%;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
-moz-backface-visibility: hidden; }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%; }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
display: none; }
.no-js .owl-carousel, .owl-carousel.owl-loaded {
display: block; }
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; }
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
animation-name: fadeOut; }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
.owl-height {
transition: height .5s ease-in-out; }
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease; }
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; }
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//mycatering.ru/wp-content/themes/procatering/sass/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform .1s ease; }
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }   [class*='lightcase-icon-']:before {
font-family: 'lightcase', sans-serif;
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center; font-variant: normal;
text-transform: none; line-height: 1em;  }  .lightcase-icon-play:before {
content: ''; } .lightcase-icon-pause:before {
content: ''; } .lightcase-icon-close:before {
content: '\e802'; } .lightcase-icon-prev:before {
content: '\e803'; } .lightcase-icon-next:before {
content: '\e804'; } .lightcase-icon-spin:before {
content: '\e805'; }    @-webkit-keyframes lightcase-spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
transform: rotate(359deg); } }
@-moz-keyframes lightcase-spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
transform: rotate(359deg); } }
@-o-keyframes lightcase-spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
transform: rotate(359deg); } }
@-ms-keyframes lightcase-spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
transform: rotate(359deg); } }
@keyframes lightcase-spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
transform: rotate(359deg); } } #lightcase-case {
display: none;
position: fixed;
z-index: 2002;
top: 50%;
left: 50%;
font-family: arial, sans-serif;
font-size: 13px;
line-height: 1.5;
text-align: left;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
@media screen and (max-width: 640px) { html[data-lc-type=inline] #lightcase-case, html[data-lc-type=ajax] #lightcase-case {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
margin: 0 !important;
padding: 55px 0 70px 0;
width: 100% !important;
height: 100% !important;
overflow: auto !important; } }
@media screen and (min-width: 641px) { html:not([data-lc-type=error]) #lightcase-content {
position: relative;
z-index: 1;
text-shadow: none;
background-color: #fff;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
-o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
-webkit-backface-visibility: hidden; } }
@media screen and (min-width: 641px) { html[data-lc-type=image] #lightcase-content, html[data-lc-type=video] #lightcase-content {
background-color: #333; } } html[data-lc-type=inline] #lightcase-content, html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none; }
@media screen and (max-width: 640px) { html[data-lc-type=inline] #lightcase-content, html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content {
position: relative !important;
top: auto !important;
left: auto !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: none !important; } } html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box; }
@media screen and (max-width: 640px) { html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
padding: 15px; } html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *, html[data-lc-type=error] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner > * {
width: 100% !important;
max-width: none !important; } html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *:not(iframe), html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *:not(iframe), html[data-lc-type=error] #lightcase-content .lightcase-contentInner > *:not(iframe) {
height: auto !important;
max-height: none !important; } }
@media screen and (max-width: 640px) { html.lightcase-isMobileDevice[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe {
overflow: auto;
-webkit-overflow-scrolling: touch; } }
@media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #lightcase-content .lightcase-contentInner, html[data-lc-type=video] #lightcase-content .lightcase-contentInner {
line-height: 0.75; } } html[data-lc-type=image] #lightcase-content .lightcase-contentInner {
position: relative;
overflow: hidden !important; }
@media screen and (max-width: 640px) { html[data-lc-type=inline] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=error] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
position: relative !important;
top: auto !important;
left: auto !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: none !important; } }
@media screen and (min-width: 641px) { html:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
padding: 30px;
overflow: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box; } }
@media screen and (max-width: 640px) { #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
color: #aaa; } }
@media screen and (min-width: 641px) { #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
color: #333; } } #lightcase-case p.lightcase-error {
margin: 0;
font-size: 17px;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #aaa; }
@media screen and (max-width: 640px) { #lightcase-case p.lightcase-error {
padding: 30px 0; } }
@media screen and (min-width: 641px) { #lightcase-case p.lightcase-error {
padding: 0; } } .lightcase-open body {
overflow: hidden; } .lightcase-isMobileDevice .lightcase-open body {
max-width: 100%;
max-height: 100%; } #lightcase-info {
position: absolute;
padding-top: 15px; } #lightcase-info #lightcase-title,
#lightcase-info #lightcase-caption {
margin: 0;
padding: 0;
line-height: 1.5;
font-weight: normal;
text-overflow: ellipsis; } #lightcase-info #lightcase-title {
font-size: 17px;
color: #aaa; }
@media screen and (max-width: 640px) { #lightcase-info #lightcase-title {
position: fixed;
top: 10px;
left: 0;
max-width: 87.5%;
padding: 5px 15px;
background: #333; } } #lightcase-info #lightcase-caption {
clear: both;
font-size: 13px;
color: #aaa; } #lightcase-info #lightcase-sequenceInfo {
font-size: 11px;
color: #aaa; }
@media screen and (max-width: 640px) { .lightcase-fullScreenMode #lightcase-info {
padding-left: 15px;
padding-right: 15px; } html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info {
position: static; } } #lightcase-loading {
position: fixed;
z-index: 9999;
width: 1.123em;
height: auto;
font-size: 38px;
line-height: 1;
text-align: center;
text-shadow: none;
position: fixed;
z-index: 2001;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -0.5em;
opacity: 1;
font-size: 32px;
text-shadow: 0 0 15px #fff;
-moz-transform-origin: 50% 53%;
-webkit-animation: lightcase-spin 0.5s infinite linear;
-moz-animation: lightcase-spin 0.5s infinite linear;
-o-animation: lightcase-spin 0.5s infinite linear;
animation: lightcase-spin 0.5s infinite linear; } #lightcase-loading, #lightcase-loading:focus {
text-decoration: none;
color: #fff;
-webkit-tap-highlight-color: transparent;
-webkit-transition: color, opacity, ease-in-out 0.25s;
-moz-transition: color, opacity, ease-in-out 0.25s;
-o-transition: color, opacity, ease-in-out 0.25s;
transition: color, opacity, ease-in-out 0.25s; } #lightcase-loading > span {
display: inline-block;
text-indent: -9999px; } a[class*='lightcase-icon-'] {
position: fixed;
z-index: 9999;
width: 1.123em;
height: auto;
font-size: 38px;
line-height: 1;
text-align: center;
text-shadow: none;
outline: none;
cursor: pointer; } a[class*='lightcase-icon-'], a[class*='lightcase-icon-']:focus {
text-decoration: none;
color: rgba(255, 255, 255, 0.6);
-webkit-tap-highlight-color: transparent;
-webkit-transition: color, opacity, ease-in-out 0.25s;
-moz-transition: color, opacity, ease-in-out 0.25s;
-o-transition: color, opacity, ease-in-out 0.25s;
transition: color, opacity, ease-in-out 0.25s; } a[class*='lightcase-icon-'] > span {
display: inline-block;
text-indent: -9999px; } a[class*='lightcase-icon-']:hover {
color: white;
text-shadow: 0 0 15px white; } .lightcase-isMobileDevice a[class*='lightcase-icon-']:hover {
color: #aaa;
text-shadow: none; } a[class*='lightcase-icon-'].lightcase-icon-close {
position: fixed;
top: 15px;
right: 15px;
bottom: auto;
margin: 0;
opacity: 0;
outline: none; } a[class*='lightcase-icon-'].lightcase-icon-prev {
left: 15px; } a[class*='lightcase-icon-'].lightcase-icon-next {
right: 15px; } a[class*='lightcase-icon-'].lightcase-icon-pause, a[class*='lightcase-icon-'].lightcase-icon-play {
left: 50%;
margin-left: -0.5em; }
@media screen and (min-width: 641px) { a[class*='lightcase-icon-'].lightcase-icon-pause, a[class*='lightcase-icon-'].lightcase-icon-play {
opacity: 0; } }
@media screen and (max-width: 640px) { a[class*='lightcase-icon-'] {
bottom: 15px;
font-size: 24px; } }
@media screen and (min-width: 641px) { a[class*='lightcase-icon-'] {
bottom: 50%;
margin-bottom: -0.5em; } a[class*='lightcase-icon-']:hover, #lightcase-case:hover ~ a[class*='lightcase-icon-'] {
opacity: 1; } } #lightcase-overlay {
display: none;
width: 100%;
min-height: 100%;
position: fixed;
z-index: 2000;
top: -9999px;
bottom: -9999px;
left: 0;
background: #333; }
@media screen and (max-width: 640px) { #lightcase-overlay {
opacity: 1 !important; } }
ul.resp-tabs-list {
margin: 0;
padding: 0; }
.resp-tabs-list li {
display: inline-block;
margin: 0 4px 0 0;
list-style: none;
cursor: pointer; }
.resp-tabs-container {
padding: 0;
clear: left; }
h2.resp-accordion {
cursor: pointer;
padding: 5px;
display: none; }
.resp-tab-content {
display: none;
padding: 40px 15px; }
.resp-tab-active {
margin-bottom: -1px !important;
background-color: #fff; }
.resp-content-active, .resp-accordion-active {
display: block; }
h2.resp-accordion {
font-size: 13px;
border: 1px solid #e0dfdf;
margin: 0 0 2px;
padding: 10px 15px; }
h2.resp-tab-active {
margin-bottom: 0 !important; }
h2.resp-tab-title:last-child {
border-bottom: 12px solid #e0dfdf !important;
background: blue; } .resp-vtabs ul.resp-tabs-list {
float: left;
width: 30%; }
.resp-vtabs .resp-tabs-list li {
display: block;
padding: 15px 15px !important;
margin: 0 0 4px;
cursor: pointer;
float: none; }
.resp-vtabs .resp-tabs-container {
padding: 0;
background-color: #fff;
border: 1px solid #e0dfdf;
float: left;
width: 68%;
min-height: 250px;
border-radius: 4px;
clear: none; }
.resp-vtabs .resp-tab-content {
border: none;
word-wrap: break-word; }
.resp-vtabs li.resp-tab-active {
position: relative;
z-index: 1;
margin-right: -1px !important;
padding: 14px 15px 15px 14px !important;
border-top: 1px solid;
border: 1px solid #5AB1D0 !important;
border-left: 4px solid #5AB1D0 !important;
margin-bottom: 4px !important;
border-right: 1px #FFF solid !important; }
.resp-arrow {
width: 0;
height: 0;
float: right;
margin-top: 6px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 12px solid #c1c1c1; }
h2.resp-tab-active span.resp-arrow {
border: none;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 12px solid #9B9797; } h2.resp-tab-active {
background: #DBDBDB; }
.resp-easy-accordion h2.resp-accordion {
display: block; }
.resp-easy-accordion .resp-tab-content {
border: 1px solid #c1c1c1; }
.resp-easy-accordion .resp-tab-content:last-child {
border-bottom: 1px solid #c1c1c1; }
.resp-jfit {
width: 100%;
margin: 0; }
.resp-tab-content-active {
display: block; }
h2.resp-accordion:first-child {
border-top: 1px solid #c1c1c1; } @media only screen and (max-width: 768px) {
ul.resp-tabs-list {
display: none; }
h2.resp-accordion {
display: block; }
.resp-vtabs .resp-tab-content {
border: 1px solid #C1C1C1; }
.resp-vtabs .resp-tabs-container {
border: none;
float: none;
width: 100%;
min-height: 100px;
clear: none; }
.resp-accordion-closed {
display: none !important; }
.resp-vtabs .resp-tab-content:last-child {
border-bottom: 1px solid #c1c1c1 !important; } }    html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0; }  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block; } audio,
canvas,
progress,
video {
display: inline-block; vertical-align: baseline; } audio:not([controls]) {
display: none;
height: 0; } [hidden],
template {
display: none; }  a {
background-color: transparent; } a:active, a:hover {
outline: 0; }  abbr[title] {
border-bottom: 1px dotted; } b,
strong {
font-weight: bold; } dfn {
font-style: italic; } h1 {
font-size: 2em;
margin: 0.67em 0; } mark {
background: #ff0;
color: #000; } small {
font-size: 80%; } sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }  img {
border: 0; } svg:not(:root) {
overflow: hidden; }  figure {
margin: 1em 40px; } hr {
box-sizing: content-box;
height: 0; } pre {
overflow: auto; } code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }   button,
input,
optgroup,
select,
textarea {
color: inherit; font: inherit; margin: 0; } button {
overflow: visible; } button,
select {
text-transform: none; } button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default; } button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; } input {
line-height: normal; } input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; } input[type="search"] {
-webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; } legend {
border: 0; padding: 0; } textarea {
overflow: auto; } optgroup {
font-weight: bold; }  table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }
@font-face {
font-family: "Open Sans";
src: url(//mycatering.ru/wp-content/themes/procatering/fonts/OpenSans/OpenSans-Regular.eot);
src: local("O"), url(//mycatering.ru/wp-content/themes/procatering/fonts/OpenSans/OpenSans-Regular.woff) format("woff"), url(//mycatering.ru/wp-content/themes/procatering/fonts/OpenSans/OpenSans-Regular.woff2) format("woff2"), url(//mycatering.ru/wp-content/themes/procatering/fonts/OpenSans/OpenSans-Regular.ttf) format("truetype"), url(//mycatering.ru/wp-content/themes/procatering/fonts/OpenSans/OpenSans-Regular.svg#Open Sans) format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: "Open Sans";
src: url(//mycatering.ru/wp-content/themes/procatering/fonts/OpenSans/OpenSans-Italic.eot);
src: local("O"), url(//mycatering.ru/wp-content/themes/procatering/fonts/OpenSans/OpenSans-Italic.woff) format("woff"), url(//mycatering.ru/wp-content/themes/procatering/fonts/OpenSans/OpenSans-Italic.woff2) format("woff2"), url(//mycatering.ru/wp-content/themes/procatering/fonts/OpenSans/OpenSans-Italic.ttf) format("truetype"), url(//mycatering.ru/wp-content/themes/procatering/fonts/OpenSans/OpenSans-Italic.svg#Open Sans) format("svg");
font-weight: normal;
font-style: italic; }
@font-face {
font-family: "Open Sans";
src: url(//mycatering.ru/wp-content/themes/procatering/fonts/OpenSans/OpenSans-Light.eot);
src: local("O"), url(//mycatering.ru/wp-content/themes/procatering/fonts/OpenSans/OpenSans-Light.woff) format("woff"), url(//mycatering.ru/wp-content/themes/procatering/fonts/OpenSans/OpenSans-Light.woff2) format("woff2"), url(//mycatering.ru/wp-content/themes/procatering/fonts/OpenSans/OpenSans-Light.ttf) format("truetype"), url(//mycatering.ru/wp-content/themes/procatering/fonts/OpenSans/OpenSans-Light.svg#Open Sans) format("svg");
font-weight: 300;
font-style: normal; }
@font-face {
font-family: "Open Sans";
src: url(//mycatering.ru/wp-content/themes/procatering/fonts/OpenSans/OpenSans-Semibold.eot);
src: local("O"), url(//mycatering.ru/wp-content/themes/procatering/fonts/OpenSans/OpenSans-Semibold.woff) format("woff"), url(//mycatering.ru/wp-content/themes/procatering/fonts/OpenSans/OpenSans-Semibold.woff2) format("woff2"), url(//mycatering.ru/wp-content/themes/procatering/fonts/OpenSans/OpenSans-Semibold.ttf) format("truetype"), url(//mycatering.ru/wp-content/themes/procatering/fonts/OpenSans/OpenSans-Semibold.svg#Open Sans) format("svg");
font-weight: 600;
font-style: normal; }
@font-face {
font-family: "Open Sans";
src: url(//mycatering.ru/wp-content/themes/procatering/fonts/OpenSans/OpenSans-Bold.eot);
src: local("O"), url(//mycatering.ru/wp-content/themes/procatering/fonts/OpenSans/OpenSans-Bold.woff) format("woff"), url(//mycatering.ru/wp-content/themes/procatering/fonts/OpenSans/OpenSans-Bold.woff2) format("woff2"), url(//mycatering.ru/wp-content/themes/procatering/fonts/OpenSans/OpenSans-Bold.ttf) format("truetype"), url(//mycatering.ru/wp-content/themes/procatering/fonts/OpenSans/OpenSans-Bold.svg#Open Sans) format("svg");
font-weight: 700;
font-style: normal; }
@font-face {
font-family: "Fira Sans";
src: url(//mycatering.ru/wp-content/themes/procatering/fonts/FiraSans/FiraSans-Regular.eot);
src: local("O"), url(//mycatering.ru/wp-content/themes/procatering/fonts/FiraSans/FiraSans-Regular.woff) format("woff"), url(//mycatering.ru/wp-content/themes/procatering/fonts/FiraSans/FiraSans-Regular.woff2) format("woff2"), url(//mycatering.ru/wp-content/themes/procatering/fonts/FiraSans/FiraSans-Regular.ttf) format("truetype"), url(//mycatering.ru/wp-content/themes/procatering/fonts/FiraSans/FiraSans-Regular.svg#Fira Sans) format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: "Fira Sans";
src: url(//mycatering.ru/wp-content/themes/procatering/fonts/FiraSans/FiraSans-Light.eot);
src: local("O"), url(//mycatering.ru/wp-content/themes/procatering/fonts/FiraSans/FiraSans-Light.woff) format("woff"), url(//mycatering.ru/wp-content/themes/procatering/fonts/FiraSans/FiraSans-Light.woff2) format("woff2"), url(//mycatering.ru/wp-content/themes/procatering/fonts/FiraSans/FiraSans-Light.ttf) format("truetype"), url(//mycatering.ru/wp-content/themes/procatering/fonts/FiraSans/FiraSans-Light.svg#Fira Sans) format("svg");
font-weight: 300;
font-style: normal; }
@font-face {
font-family: "Fira Sans";
src: url(//mycatering.ru/wp-content/themes/procatering/fonts/FiraSans/FiraSans-Medium.eot);
src: local("O"), url(//mycatering.ru/wp-content/themes/procatering/fonts/FiraSans/FiraSans-Medium.woff) format("woff"), url(//mycatering.ru/wp-content/themes/procatering/fonts/FiraSans/FiraSans-Medium.woff2) format("woff2"), url(//mycatering.ru/wp-content/themes/procatering/fonts/FiraSans/FiraSans-Medium.ttf) format("truetype"), url(//mycatering.ru/wp-content/themes/procatering/fonts/FiraSans/FiraSans-Medium.svg#Fira Sans) format("svg");
font-weight: 600;
font-style: normal; }
@font-face {
font-family: "Fira Sans";
src: url(//mycatering.ru/wp-content/themes/procatering/fonts/FiraSans/FiraSans-Bold.eot);
src: local("O"), url(//mycatering.ru/wp-content/themes/procatering/fonts/FiraSans/FiraSans-Bold.woff) format("woff"), url(//mycatering.ru/wp-content/themes/procatering/fonts/FiraSans/FiraSans-Bold.woff2) format("woff2"), url(//mycatering.ru/wp-content/themes/procatering/fonts/FiraSans/FiraSans-Bold.ttf) format("truetype"), url(//mycatering.ru/wp-content/themes/procatering/fonts/FiraSans/FiraSans-Bold.svg#Fira Sans) format("svg");
font-weight: 900;
font-style: normal; }
@font-face {
font-family: "PT Serif";
src: url(//mycatering.ru/wp-content/themes/procatering/fonts/PTSerif/PTSerif-Regular.eot);
src: local("O"), url(//mycatering.ru/wp-content/themes/procatering/fonts/PTSerif/PTSerif-Regular.woff) format("woff"), url(//mycatering.ru/wp-content/themes/procatering/fonts/PTSerif/PTSerif-Regular.woff2) format("woff2"), url(//mycatering.ru/wp-content/themes/procatering/fonts/PTSerif/PTSerif-Regular.ttf) format("truetype"), url(//mycatering.ru/wp-content/themes/procatering/fonts/PTSerif/PTSerif-Regular.svg#PT Serif) format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: "PT Serif";
src: url(//mycatering.ru/wp-content/themes/procatering/fonts/PTSerif/PTSerif-Italic.eot);
src: local("O"), url(//mycatering.ru/wp-content/themes/procatering/fonts/PTSerif/PTSerif-Italic.woff) format("woff"), url(//mycatering.ru/wp-content/themes/procatering/fonts/PTSerif/PTSerif-Italic.woff2) format("woff2"), url(//mycatering.ru/wp-content/themes/procatering/fonts/PTSerif/PTSerif-Italic.ttf) format("truetype"), url(//mycatering.ru/wp-content/themes/procatering/fonts/PTSerif/PTSerif-Italic.svg#PT Serif) format("svg");
font-weight: normal;
font-style: italic; }
@font-face {
font-family: "PT Serif";
src: url(//mycatering.ru/wp-content/themes/procatering/fonts/PTSerif/PTSerif-Bold.eot);
src: local("O"), url(//mycatering.ru/wp-content/themes/procatering/fonts/PTSerif/PTSerif-Bold.woff) format("woff"), url(//mycatering.ru/wp-content/themes/procatering/fonts/PTSerif/PTSerif-Bold.woff2) format("woff2"), url(//mycatering.ru/wp-content/themes/procatering/fonts/PTSerif/PTSerif-Bold.ttf) format("truetype"), url(//mycatering.ru/wp-content/themes/procatering/fonts/PTSerif/PTSerif-Bold.svg#PT Serif) format("svg");
font-weight: bold;
font-style: normal; }
@font-face {
font-family: "PT Serif";
src: url(//mycatering.ru/wp-content/themes/procatering/fonts/PTSerif/PTSerif-BoldItalic.eot);
src: local("O"), url(//mycatering.ru/wp-content/themes/procatering/fonts/PTSerif/PTSerif-BoldItalic.woff) format("woff"), url(//mycatering.ru/wp-content/themes/procatering/fonts/PTSerif/PTSerif-BoldItalic.woff2) format("woff2"), url(//mycatering.ru/wp-content/themes/procatering/fonts/PTSerif/PTSerif-BoldItalic.ttf) format("truetype"), url(//mycatering.ru/wp-content/themes/procatering/fonts/PTSerif/PTSerif-BoldItalic.svg#PT Serif) format("svg");
font-weight: bold;
font-style: italic; }
h1, h2, h3 {
font-weight: normal; }
h1.title {
margin: 0;
padding: 0 0 20px;
font-weight: 900;
font-size: 3.5rem;
line-height: 1.2;
font-family: "Fira Sans", sans-serif; }
@media screen and (max-width: 1200px) {
h1.title {
font-size: 48px; } }
@media screen and (max-width: 998px) {
h1.title {
font-size: 42px; } }
@media screen and (max-width: 850px) {
h1.title {
font-size: 38px; } }
@media screen and (max-width: 540px) {
h1.title {
font-size: 32px; } }
@media screen and (max-width: 380px) {
h1.title {
font-size: 28px; } }
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
html {
height: 100%;
font-size: 100%; }
body {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
padding: 0 !important;
font: 100%/1.4 "PT Serif", serif;
color: #000000;
background: #f1f1f1;
overflow-x: hidden; }
.l-wrapper {
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-moz-box-flex: 1;
-moz-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto; }
.l-container, .header__container, .reviews-section, .delivery-section {
position: relative;
width: 100%;
max-width: 1050px;
margin: auto;
padding: 0 15px; }
input.placeholder, textarea.placeholder {
opacity: 1 !important;
text-overflow: ellipsis; }
input:-moz-placeholder, textarea:-moz-placeholder {
opacity: 1 !important;
text-overflow: ellipsis; }
input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1 !important;
text-overflow: ellipsis; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
opacity: 1 !important;
text-overflow: ellipsis; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
opacity: 1 !important;
text-overflow: ellipsis; }
input::-ms-clear, textarea::-ms-clear {
display: none; }
p {
margin: 0 0 10px; }
img {
vertical-align: middle; }
a img {
border: none;
outline: none !important; }
a {
outline: none !important;
text-decoration: none; }
input, textarea {
outline: none; }
.translucent-image {
display: block;
position: relative;
width: 100%;
background: #000000;
cursor: pointer; }
.translucent-image__img {
width: 100%;
opacity: 1; }
.translucent-image:hover img {
opacity: 0.7; }
.translucent-image__text {
position: absolute;
top: 50%;
width: 100%;
padding: 0 9px;
margin: 0;
text-align: center;
line-height: 1;
z-index: 1;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
@media screen and (max-width: 768px) {
.translucent-image__text {
padding: 0 5px; } }
.button {
min-width: 160px;
height: 60px;
padding: 0 20px;
font: 600 16px/1.2 "Fira Sans", sans-serif;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
.button--red {
color: #ffffff;
background: #cb4444; }
.button--red:hover {
background: #b44040; }
.button--white {
color: #000000;
border: #e2e2e2 solid 1px;
background: #ffffff; }
.owl-nav {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
height: 51px; }
@media screen and (max-width: 1160px) {
.owl-nav {
display: none; } }
.owl-prev, .owl-next {
width: 28px;
height: 51px;
border: none; }
.owl-prev {
position: relative;
left: -40px;
background: url(//mycatering.ru/wp-content/themes/procatering/image/icons/arrows.png) 0 0 no-repeat; }
.owl-prev:hover {
background: url(//mycatering.ru/wp-content/themes/procatering/image/icons/arrows.png) 0 100% no-repeat; }
.owl-next {
position: absolute;
right: -40px;
top: 0;
background: url(//mycatering.ru/wp-content/themes/procatering/image/icons/arrows.png) 100% 0 no-repeat; }
.owl-next:hover {
background: url(//mycatering.ru/wp-content/themes/procatering/image/icons/arrows.png) 100% 100% no-repeat; }
.owl-dots {
display: none;
padding: 20px 0 0;
text-align: center; }
@media screen and (max-width: 1160px) {
.owl-dots {
display: block; } }
.owl-dot {
width: 9px;
height: 9px;
display: inline-block;
margin: 0 4px;
background: #afafaf;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.owl-dot.active {
background: #cb4444; }
.lightcase-icon-close:before {
content: '';
width: 25px;
height: 25px;
background: url(//mycatering.ru/wp-content/themes/procatering/image/icons/close.png) 0 0; }
a[class*='lightcase-icon-'].lightcase-icon-next,
a[class*='lightcase-icon-'].lightcase-icon-prev {
width: 28px;
height: 51px; }
a[class*='lightcase-icon-'].lightcase-icon-next {
right: 30px; }
a[class*='lightcase-icon-'].lightcase-icon-prev {
left: 30px; }
.lightcase-icon-next:before {
content: '';
width: 28px;
height: 51px;
background: url(//mycatering.ru/wp-content/themes/procatering/image/icons/arrows.png) 100% 0 no-repeat; }
.lightcase-icon-next:hover:before {
background: url(//mycatering.ru/wp-content/themes/procatering/image/icons/arrows.png) 100% 100% no-repeat; }
.lightcase-icon-prev:before {
content: '';
width: 28px;
height: 51px;
background: url(//mycatering.ru/wp-content/themes/procatering/image/icons/arrows.png) 0 0 no-repeat; }
.lightcase-icon-prev:hover:before {
background: url(//mycatering.ru/wp-content/themes/procatering/image/icons/arrows.png) 0 100% no-repeat; }
.lightcase-icon-spin:before {
content: '';
width: 32px;
height: 32px;
background: url(//mycatering.ru/wp-content/themes/procatering/image/icons/loading.gif) 0 0 no-repeat; }
@media screen and (max-width: 640px) {
#lightcase-nav {
display: none !important; } }
.breadcrumb {
padding: 40px 0 15px 0;
margin: 0;
font-weight: 600;
font-size: 11px;
font-family: "Fira Sans", sans-serif;
line-height: 1;
text-transform: uppercase;
color: #891531;
background: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
.breadcrumb li {
padding: 0 0 7px; }
.breadcrumb a {
color: #000000;
text-decoration: underline; }
@media screen and (max-width: 560px) {
.breadcrumb {
padding: 15px 0 15px 0; } }
.breadcrumb > li + li:before {
padding: 0 3px;
color: #891531; }
.header--home {
background: #fafafa; }
.header__container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-moz-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
height: 115px;
font-family: "Open Sans", sans-serif; }
.header__logo {
width: 100%;
max-width: 258px; }
.header__logo-mobile {
display: none; }
.header__phone {
font-weight: bold;
font-size: 1.3125rem;
color: #000000; }
.header__phone a {
color: #000000; }
.header__feadback {
max-width: 180px;
line-height: 1.3;
text-align: right; }
.header__feadback-link {
font-weight: 600;
font-size: 0.875rem;
color: #cb4444; }
.header__feadback-link a {
color: #cb4444; }
.header__feadback-link:hover, .header__feadback-link a:hover {
color: #ff8077; }
@media screen and (max-width: 998px) {
.header__phone {
font-size: 18px; }
.header__feadback {
text-align: center; } }
@media screen and (max-width: 560px) {
.header__container {
height: 90px; }
.header__feadback {
display: none; } }
@media screen and (max-width: 360px) {
.header__container {
height: 80px; }
.header__logo {
display: none; }
.header__logo-mobile {
display: block; } }
.is-sticky {
position: relative;
z-index: 100; }
.is-sticky .header {
background: #ffffff;
-webkit-transition: background ease 0.1s;
-o-transition: background ease 0.1s;
transition: background ease 0.1s; }
.mobile-contacts {
display: none;
text-align: center; }
.mobile-contacts a {
display: inline-block;
width: 100%;
padding: 9px 0;
font-weight: 600;
font-size: 18px;
color: #ffffff; }
@media screen and (max-width: 560px) {
.mobile-contacts {
display: block; } }
.menu {
margin: 0;
padding: 0; }
.menu__item {
display: inline-block;
padding: 0 10px; }
.menu__link {
display: inline-block;
line-height: 1; }
.menu__link:hover {
color: #b44040; }
.menu-burger {
display: none; }
.menu-burger__band {
display: block;
width: 25px;
height: 2px;
margin: 7px 0;
background: #000000; }
@media screen and (max-width: 998px) {
.menu-burger {
display: inline-block; } }
@media screen and (max-width: 998px) {
.l-header-menu {
position: fixed;
left: 0;
top: 0;
z-index: 1000;
display: none;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.95); } }
@media screen and (min-width: 999px) {
.l-header-menu {
display: block !important; } }
.close-menu {
position: absolute;
right: 8%;
top: 45px;
z-index: 101;
display: none;
width: 25px;
height: 25px;
background: url(//mycatering.ru/wp-content/themes/procatering/image/icons/close.png) 0 0; }
@media screen and (max-width: 998px) {
.close-menu {
display: block; } }
@media screen and (max-width: 360px) {
.close-menu {
top: 27px;
right: 25px; } }
.header-menu__link {
font-weight: bold;
font-size: 1rem;
color: #000000; }
@media screen and (max-width: 998px) {
.header-menu {
width: auto;
margin: 150px auto 30px;
text-align: center; }
.header-menu__item {
width: 100%;
padding: 15px 0; }
.header-menu__link {
font-weight: 600;
font-size: 22px;
text-transform: uppercase;
color: #ffffff; } }
@media screen and (max-width: 768px) {
.header-menu {
margin: 120px auto 30px; }
.header-menu__link {
font-size: 20px; } }
@media screen and (max-width: 540px) {
.header-menu {
margin: 90px auto 30px; }
.header-menu__item {
padding: 12px 0; }
.header-menu__link {
font-size: 18px; } }
.footer-menu__link {
font-size: 14px;
color: #ffffff; }
@media screen and (max-width: 940px) {
.footer-menu {
order: -1;
width: 100%;
text-align: center; }
.footer-menu .menu__item {
padding: 0 10px; } }
@media screen and (max-width: 790px) {
.footer-menu .menu__item {
padding: 0 10px 7px; } }
@media screen and (max-width: 590px) {
.footer-menu {
max-width: 450px; } }
@media screen and (max-width: 360px) {
.footer-menu {
display: none; } }
.modal-dialog {
z-index: 6000;
margin: 30px auto !important; }
.modal-open {
overflow: hidden;
padding: 0 !important; }
.modal-backdrop.in {
opacity: 0.4;
filter: alpha(opacity=40); }
.modal-close {
position: absolute;
top: -15px;
right: -15px;
display: block;
width: 33px;
height: 33px;
background: url(//mycatering.ru/wp-content/themes/procatering/image/icons/close-modal.png) no-repeat; }
.modal-wrap {
width: 100%;
max-width: 560px;
padding: 0;
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.modal {
padding: 0 15px !important; }
.modal__header {
padding: 40px 70px 20px;
text-align: center;
background: #ffffff; }
.modal__content {
padding: 45px 80px 60px;
background: #f1f1f1; }
.modal__title {
margin: 0;
padding: 0 0 20px;
font: 300 34px/1.3 "Open Sans", sans-serif;
color: #444444; }
.modal__description {
margin: 0;
padding: 0 0 20px;
font-family: "Fira Sans", sans-serif;
font-size: 1rem;
color: #444444; }
.modal__thanks {
margin: 0;
padding: 80px 70px 70px;
font: 300 26px/1.3 "Open Sans", sans-serif;
text-align: center;
color: #444444;
background: #ffffff; }
@media screen and (max-width: 660px) {
.modal__title {
font: 300 28px/1.3 "Open Sans", sans-serif; }
.modal__description {
font-size: 14px; } }
@media screen and (max-width: 540px) {
.modal__header {
padding: 30px 40px 15px; }
.modal__content {
padding: 35px 40px 50px; }
.modal__title {
padding: 0 0 15px;
font: 300 24px/1.3 "Open Sans", sans-serif; }
.modal__description {
padding: 0 0 15px; }
.modal__thanks {
padding: 80px 30px 70px;
font: 300 18px/1.3 "Open Sans", sans-serif; } }
@media screen and (max-width: 390px) {
.modal__title {
padding: 0 0 10px;
font: 400 20px/1.3 "Open Sans", sans-serif; }
.modal__description {
font-size: 12px; }
.modal__header {
padding: 30px 25px 15px; }
.modal__content {
padding: 35px 25px 40px; } }
.form-modal__label {
margin: 0;
padding: 0 0 9px;
font-weight: 700;
font-size: 16px;
line-height: 1.2;
color: #444444; }
.form-modal__input, .form-modal__textarea {
width: 100%;
margin-bottom: 25px;
font-family: "Open Sans", sans-serif;
font-size: 14px;
color: #7b7b7b;
background: #ffffff;
border: 1px solid #d1d1d1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.form-modal__input.placeholder, .form-modal__textarea.placeholder {
font-size: 14px;
color: #bfbfbf; }
.form-modal__input:-moz-placeholder, .form-modal__textarea:-moz-placeholder {
font-size: 14px;
color: #bfbfbf; }
.form-modal__input::-moz-placeholder, .form-modal__textarea::-moz-placeholder {
font-size: 14px;
color: #bfbfbf; }
.form-modal__input:-ms-input-placeholder, .form-modal__textarea:-ms-input-placeholder {
font-size: 14px;
color: #bfbfbf; }
.form-modal__input::-webkit-input-placeholder, .form-modal__textarea::-webkit-input-placeholder {
font-size: 14px;
color: #bfbfbf; }
.form-modal__input {
height: 45px;
padding: 0 15px; }
.form-modal__textarea {
min-height: 100px;
height: auto;
padding: 10px 15px; }
.form-modal #datepicker {
background: #ffffff url(//mycatering.ru/wp-content/themes/procatering/image/icons/calendar.png) no-repeat 95% 50%; }
.form-modal__line {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-moz-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
align-items: flex-end; }
.form-modal__half-input {
width: 48%; }
.form-modal__submit {
width: 100%;
margin: 10px 0 0;
border: none; }
@media screen and (max-width: 540px) {
.form-modal__label {
padding: 0 0 7px;
font-size: 14px; }
.form-modal__input, .form-modal__textarea {
margin-bottom: 18px; } }
@media screen and (max-width: 360px) {
.form-modal__line {
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap; }
.form-modal__half-input {
width: 100%; } }
.hide-input {
display: none; }
.parsley-errors-list {
display: none; }
.parsley-error {
border: 1px solid #cb4444; }
.ajax-loader {
display: none !important; }
div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok {
display: none !important; }
.footer {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-moz-box-flex: 0;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
padding: 50px 0 60px;
font-family: "Open Sans", sans-serif;
color: #ffffff;
background-color: #000000; }
.footer__top {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-moz-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center; }
.footer__phone {
font-weight: 700;
font-size: 17px;
color: #ffffff; }
.footer__phone a {
color: #ffffff; }
.footer__bottom {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-moz-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
padding: 30px 0 0;
font-size: 13px; }
.footer__bottom a {
color: #cb4444; }
.footer__copyright {
font-size: 12px;
color: #6a6868; }
@media screen and (max-width: 940px) {
.footer__top {
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center; }
.footer__phone {
padding: 30px 0; } }
@media screen and (max-width: 790px) {
.footer__bottom {
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
padding: 0;
text-align: center; }
.footer__bottom p {
width: 100%;
margin: 20px 0 0; }
.footer__copyright {
order: 2;
width: 100%; }
.footer__phone {
padding: 18px 0 25px;
font-weight: 600;
font-size: 16px; } }
@media screen and (max-width: 360px) {
.footer {
padding: 40px 0; }
.footer__phone {
padding: 0 0 25px;
font-size: 14px; } }
.social-network__link {
display: inline-block;
width: 35px;
height: 35px;
margin-left: 8px; }
.social-network .vk {
background: url(//mycatering.ru/wp-content/themes/procatering/image/icons/vk_logo.png) no-repeat; }
.social-network .instagram {
background: url(//mycatering.ru/wp-content/themes/procatering/image/icons/instagram.png) no-repeat; }
@media screen and (max-width: 940px) {
.social-network {
width: 100%;
text-align: center; } }
.services-section {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
-moz-align-items: stretch;
align-items: stretch; }
.services-section::after {
content: "";
display: block;
width: 31%;
max-width: 310px; }
.services-section__item {
display: block;
width: 31%;
max-width: 310px;
margin: 0 0 30px;
font-family: "Open Sans", sans-serif;
text-align: center;
background: #ffffff; }
.services-section__image {
width: 100%; }
.services-section__l-image {
-webkit-transition: all ease 0.2s;
-o-transition: all ease 0.2s;
transition: all ease 0.2s; }
.services-section__text {
padding: 22px 20px 25px; }
.services-section__title {
margin: 0;
font-weight: 600;
font-size: 1.375rem;
line-height: 1.2;
color: #000000;
-webkit-transition: color ease 0.2s;
-o-transition: color ease 0.2s;
transition: color ease 0.2s; }
.services-section__price {
margin: 10px 0 0;
font-weight: 300;
font-size: 1rem;
color: #cb4444;
-webkit-transition: color ease 0.2s;
-o-transition: color ease 0.2s;
transition: color ease 0.2s; }
.services-section__item:hover .services-section__l-image {
opacity: 0.7; }
.services-section__item:hover .services-section__title {
color: #cb4444; }
.services-section__item:hover .services-section__price {
color: #96374c; }
@media screen and (max-width: 900px) {
.services-section::after, .services-section__item {
width: 48%;
max-width: none; } }
@media screen and (max-width: 850px) {
.services-section__title {
font-size: 20px; } }
@media screen and (max-width: 540px) {
.services-section::after {
display: none; }
.services-section__item {
width: 100%; }
.services-section__item:last-child {
margin: 0; } }
@media screen and (max-width: 340px) {
.services-section__item {
margin: 0 0 25px; }
.services-section__title {
font-size: 16px; }
.services-section__price {
margin: 8px 0 0;
font-size: 14px; } }
.additional-services {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
-moz-align-items: stretch;
align-items: stretch;
padding: 0 0 30px;
text-align: center; }
.additional-services__item {
position: relative;
display: block;
width: 25%;
min-width: 245px;
min-height: 219px;
padding: 20px;
-webkit-transition: all ease 0.2s;
-o-transition: all ease 0.2s;
transition: all ease 0.2s; }
.additional-services__item:hover {
background: #ffffff; }
.additional-services__content {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.additional-services__l-image {
height: 80px;
margin: 0 0 10px; }
.additional-services__image {
max-width: 100%;
max-height: 100%; }
.additional-services__title {
margin: 0;
font-size: 1rem;
font-family: "Fira Sans", sans-serif;
color: #cb4444; }
.additional-services__item:hover .additional-services__title {
color: #96374c; }
@media screen and (max-width: 1050px) {
.additional-services {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center; }
.additional-services::after {
display: none; }
.additional-services__item {
width: 30%; } }
@media screen and (max-width: 850px) {
.additional-services__item {
width: 30%; }
.additional-services__item:hover {
background: none; } }
@media screen and (max-width: 540px) {
.additional-services__item {
width: 50%;
min-height: 180px; } }
@media screen and (max-width: 340px) {
.additional-services__item {
width: 100%; } }
.home-banner {
font-family: "Open Sans", sans-serif;
background: #fafafa; }
.home-banner__container {
position: relative;
max-width: 1920px;
margin: auto;
background-position: center center;
background-size: cover;
background-image: url(//mycatering.ru/wp-content/themes/procatering/image/picture/home-bg.jpg);
background-repeat: no-repeat; }
.home-banner__content {
height: 450px; }
.home-banner__text {
position: absolute;
right: 0;
top: 40%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 440px; }
.home-banner__title {
margin: 0 0 15px;
font-size: 2.5625rem; }
.home-banner__description {
margin: 0;
font-size: 1.5rem;
color: #383838; }
@media screen and (max-width: 850px) {
.home-banner__container {
background-position: center 85%;
background-size: auto;
background-image: url(//mycatering.ru/wp-content/themes/procatering/image/picture/home-bg-mobile.jpg); }
.home-banner__text {
position: relative;
right: 0;
left: 0;
top: 18%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: auto;
text-align: center; }
.home-banner__title {
margin: auto;
font-size: 34px; }
.home-banner__description {
display: none; } }
@media screen and (max-width: 480px) {
.home-banner__title {
font-size: 28px; } }
@media screen and (max-width: 380px) {
.home-banner__content {
height: 350px; }
.home-banner__title {
font-size: 24px; }
.home-banner__container {
background-position: center 75%;
background-image: url(//mycatering.ru/wp-content/themes/procatering/image/picture/home-bg-mobile2.jpg); }
.home-banner__text {
position: relative;
top: 30px;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
width: auto;
text-align: center; } }
@media screen and (max-width: 340px) {
.home-banner__title {
font-size: 22px; } }
.home-section {
padding: 65px 0 15px; }
@media screen and (max-width: 540px) {
.home-section {
padding: 50px 0 20px; } }
.home-subtitle {
margin: 0 auto 25px;
padding: 0 5px;
font-weight: 300;
font-size: 2.25rem;
line-height: 1.3;
font-family: "Open Sans", sans-serif;
text-align: center; }
@media screen and (max-width: 850px) {
.home-subtitle {
font-size: 30px; } }
@media screen and (max-width: 480px) {
.home-subtitle {
font-weight: normal;
font-size: 24px; } }
@media screen and (max-width: 340px) {
.home-subtitle {
font-weight: normal;
font-size: 20px; } }
.home-services__text {
max-width: 960px;
margin: 0 auto 35px;
line-height: 1.82;
text-align: center; }
@media screen and (max-width: 850px) {
.home-services__text {
font-size: 14px;
line-height: 1.8; } }
@media screen and (max-width: 480px) {
.home-services__text {
text-align: left; } }
.l-about-section {
background: #ffffff; }
.about-section {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
-moz-align-items: stretch;
align-items: stretch;
padding: 35px 0 20px; }
.about-section__item {
position: relative;
width: 49%;
margin: 0 0 30px; }
.about-section__image {
position: absolute;
top: 0;
left: 0; }
.about-section__text {
margin-left: 70px;
font-family: "Open Sans", sans-serif; }
.about-section__subtitle {
margin: -5px 0 12px;
font-weight: 600;
font-size: 1.25rem;
line-height: 1.3; }
.about-section__description {
font-weight: 400;
font-size: 13px;
color: #737373; }
@media screen and (max-width: 850px) {
.about-section__item {
width: 100%;
margin: 0 0 25px; } }
@media screen and (max-width: 480px) {
.about-section__subtitle {
font-size: 18px; } }
@media screen and (max-width: 340px) {
.about-section__subtitle {
font-size: 16px; } }
.reviews-section {
max-width: 1080px;
padding: 65px 5px 15px; }
.review-carousel {
margin: 50px 0 80px; }
.review-carousel .owl-stage {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
-moz-align-items: stretch;
align-items: stretch; }
.review-carousel .owl-item {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
height: auto !important; }
@media screen and (max-width: 1160px) {
.review-carousel {
margin: 50px 0 60px; } }
@media screen and (max-width: 420px) {
.review-carousel {
margin: 30px 0 40px; }
.review-carousel .owl-stage, .review-carousel .owl-item {
display: block; } }
.review {
margin: 0 10px;
background: #ffffff; }
.review__container {
position: relative;
padding: 40px 30px; }
.review__image {
position: absolute;
top: 40px;
left: 30px;
display: block;
width: 74px !important;
height: 74px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.review__text {
margin-left: 95px;
font-family: "Open Sans", sans-serif; }
.review__name {
margin: 0 0 12px;
font-weight: 700;
font-size: 0.875rem;
line-height: 1.3;
color: #881430;
text-transform: uppercase; }
.review__description {
margin: 0;
font-style: italic;
font-size: 15px;
line-height: 1.6; }
@media screen and (max-width: 420px) {
.review__image {
position: static;
margin: 0 auto 20px; }
.review__text {
margin: 0; }
.review__name {
text-align: center; } }
@media screen and (max-width: 340px) {
.review__container {
padding: 35px 25px; }
.review__description {
font-size: 14px; } }
.feadback-section {
min-height: 406px;
padding: 65px 0 60px;
text-align: center;
color: #ffffff;
background-position: center center;
background-size: cover;
background-image: url(//mycatering.ru/wp-content/themes/procatering/image/picture/order-bg.png);
background-repeat: no-repeat; }
.feadback-section__text {
margin: 0;
font-weight: 400;
font-family: "Open Sans", sans-serif; }
.feadback-section__form {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-moz-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
-moz-align-items: stretch;
align-items: stretch;
max-width: 595px;
margin: 40px auto 50px; }
.feadback-section__form p {
margin: 0; }
.feadback-section__input {
height: 60px;
width: 100%;
padding: 15px 20px;
font: 600 20px/1.2 "Open Sans", sans-serif;
color: #acacac;
border: 2px solid #ffffff; }
.feadback-section__input.placeholder {
font: 600 20px/1.2 "Open Sans", sans-serif;
color: #acacac; }
.feadback-section__input:-moz-placeholder {
font: 600 20px/1.2 "Open Sans", sans-serif;
color: #acacac; }
.feadback-section__input::-moz-placeholder {
font: 600 20px/1.2 "Open Sans", sans-serif;
color: #acacac; }
.feadback-section__input:-ms-input-placeholder {
font: 600 20px/1.2 "Open Sans", sans-serif;
color: #acacac; }
.feadback-section__input::-webkit-input-placeholder {
font: 600 20px/1.2 "Open Sans", sans-serif;
color: #acacac; }
.feadback-section__input.parsley-error, .feadback-section__input.wpcf7-not-valid {
border: 2px solid #ff8077; }
.feadback-section__submit {
width: 100%;
padding: 18px 20px 20px;
font: 700 18px/1.2 "Open Sans", sans-serif;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
.feadback-section__phone {
font-weight: 600;
font-size: 1.4375rem;
white-space: nowrap;
color: #ffffff; }
.feadback-section .wpcf7-not-valid-tip {
display: none !important; }
@media screen and (max-width: 850px) {
.feadback-section__phone {
font-size: 20px; }
.feadback-section__input {
font: 600 16px/1.2 "Open Sans", sans-serif; }
.feadback-section__input.placeholder {
font: 600 16px/1.2 "Open Sans", sans-serif; }
.feadback-section__input:-moz-placeholder {
font: 600 16px/1.2 "Open Sans", sans-serif; }
.feadback-section__input::-moz-placeholder {
font: 600 16px/1.2 "Open Sans", sans-serif; }
.feadback-section__input:-ms-input-placeholder {
font: 600 16px/1.2 "Open Sans", sans-serif; }
.feadback-section__input::-webkit-input-placeholder {
font: 600 16px/1.2 "Open Sans", sans-serif; }
.feadback-section__submit {
font: 700 16px/1.2 "Open Sans", sans-serif; }
.feadback-section__form {
margin: 40px auto; } }
@media screen and (max-width: 540px) {
.feadback-section__form {
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: 30px auto; }
.feadback-section__input {
width: 100%;
margin: 0 0 20px; }
.feadback-section__submit {
width: 100%; }
.feadback-section__text {
font-size: 14px; }
.feadback-section__phone {
font-size: 18px; }
.feadback-section p {
width: 100%; } }
.delivery-section {
padding: 80px 15px; }
@media screen and (max-width: 730px) {
.delivery-section {
padding: 60px 15px; } }
.delivery {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-moz-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
-moz-align-items: stretch;
align-items: stretch; }
.delivery .home-subtitle {
text-align: left; }
.delivery__image {
position: relative;
width: 50%;
max-width: 513px;
background: url(//mycatering.ru/wp-content/themes/procatering/image/picture/delivery.png) no-repeat; }
.delivery__price {
position: absolute;
top: 35px;
right: 50px;
width: 100px;
height: 100px;
padding: 12px 0;
font-size: 24px;
font-family: "Open Sans", sans-serif;
text-align: center;
line-height: 1.3;
background: #cb4444;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color: #ffffff; }
.delivery__price span {
font-weight: 700; }
.delivery__content {
width: 50%;
padding: 55px 45px;
font-family: "Open Sans", sans-serif;
font-size: 15px;
background: #ffffff; }
.delivery__content a {
font-size: 13px;
color: #cb4444; }
@media screen and (max-width: 940px) {
.delivery__image {
background: url(//mycatering.ru/wp-content/themes/procatering/image/picture/delivery-2.png) no-repeat; } }
@media screen and (max-width: 730px) {
.delivery__image {
display: none; }
.delivery__content {
width: 100%;
padding: 45px; }
.delivery .home-subtitle {
text-align: center; } }
@media screen and (max-width: 480px) {
.delivery__content {
padding: 0;
background: none; } }
.video-section {
margin: 0 auto 60px; }
iframe.video {
margin: 0 10px;
max-width: calc(100% - 20px) !important; }
.about p {
line-height: 1.8; }
.about__top {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-moz-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between; }
.about .presentation-link {
-webkit-box-flex: 0;
-webkit-flex: 0 0 315px;
-moz-box-flex: 0;
-moz-flex: 0 0 315px;
-ms-flex: 0 0 315px;
flex: 0 0 315px;
display: block;
width: 315px;
min-height: 60px;
margin: 9px 0 0 30px;
padding: 19px 15px;
font-weight: bold;
font-size: 16px;
font-family: "Open Sans", sans-serif;
text-align: center;
color: #ffffff;
background: #cb4444;
text-decoration: none; }
.about .presentation-link:hover {
background: #b44040; }
.about .presentation-link:before {
content: "";
display: inline-block;
width: 18px;
height: 20px;
margin: 0 13px -3px 0;
background: url(//mycatering.ru/wp-content/themes/procatering/image/icons/pdf-icon.png); }
.about__main {
position: relative;
width: 100%;
height: 540px;
margin: 40px 0;
background: url(//mycatering.ru/wp-content/themes/procatering/image/picture/about-img1.jpg) 95% 50%; }
.about__main-text {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
max-width: 410px;
margin-left: 50px;
font-size: 18px;
font-weight: bold; }
.about__main-text p {
margin: 0 0 30px; }
.about__main-text p:last-child {
margin: 0; }
.about__photos {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
-moz-align-items: stretch;
align-items: stretch;
padding: 20px 0 40px; }
.about__photos::after {
content: "";
display: block;
width: 32%;
max-width: 326px; }
.about__photo-item {
display: block;
width: 32%;
max-width: 326px;
margin: 0 0 15px; }
.about__photo-item img {
width: 100%; }
@media screen and (max-width: 980px) {
.about__main-text {
max-width: 500px;
padding: 25px 30px;
font-weight: normal;
font-size: 16px;
color: #ffffff;
background: rgba(180, 64, 64, 0.59); } }
@media screen and (max-width: 780px) {
.about__top {
display: block; }
.about .presentation-link {
width: 100%;
max-width: 315px;
margin: 20px 0 10px; } }
@media screen and (max-width: 650px) {
.about__main {
height: auto;
margin: 30px 0 20px;
background: none; }
.about__main-text {
position: static;
max-width: none;
margin: 0;
padding: 0;
font-weight: bold;
color: #000000;
background: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
transform: none; }
.about__main-text p {
margin: 0 0 10px; } }
@media screen and (max-width: 580px) {
.about__photo-item {
width: 49%; } }
@media screen and (max-width: 360px) {
.about__photo-item {
width: 100%; } }
@media screen and (max-width: 340px) {
.about .presentation-link {
height: auto;
padding: 18px 15px 19px;
font-size: 14px; } }
@media screen and (max-width: 310px) {
.about .presentation-link:before {
display: none; } }
.contacts {
font-size: 1.125rem; }
.contacts--red {
font-weight: bold;
color: #891531; }
.contacts--red a {
color: #891531; }
.contacts__map {
margin: 30px 0 50px;
width: 100%;
height: 420px; }
@media screen and (max-width: 420px) {
.contacts {
font-size: 16px; }
.contacts__map {
height: 350px; } }
.info {
padding: 10px 0 70px; }
.info__item {
margin: 0 0 15px; }
.info__link {
display: inline-block;
font-size: 1.125rem;
color: #96374c; }
.info__link:before {
content: "";
position: relative;
bottom: -3px;
display: inline-block;
width: 18px;
height: 20px;
margin: 0 10px 0 0;
background: url(//mycatering.ru/wp-content/themes/procatering/image/icons/pdf-red.png); }
@media screen and (max-width: 420px) {
.info__link {
font-size: 16px; } }
.page {
padding: 10px 0 80px; }
.page h2 {
margin: 0;
padding: 20px 0;
font-weight: 900;
font-size: 26px;
line-height: 1.2;
font-family: "Fira Sans", sans-serif; }
.page h3 {
margin: 0;
padding: 15px 0 10px;
font-size: 18px;
font-weight: 900;
font-family: "Fira Sans", sans-serif; }
.page ul {
margin: 0 0 15px; }
.page p {
line-height: 1.6; }
@media screen and (max-width: 998px) {
.page h2 {
font-size: 24px; }
.page h3 {
font-size: 17px; } }
@media screen and (max-width: 540px) {
.page h2 {
font-size: 21px; }
.page h3 {
font-size: 16px; } }
.gallery {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
-moz-align-items: stretch;
align-items: stretch;
padding: 20px 0 70px; }
.gallery::after {
content: "";
display: block;
width: 32%;
max-width: 326px; }
.gallery__item {
position: relative;
display: block;
max-width: 500px;
width: calc(50% - 10px);
height: 417px;
margin: 0 0 20px;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%; }
.gallery__image {
width: 100%;
display: none; }
.gallery__description {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0;
background: rgba(203, 68, 68, 0.78);
-webkit-transition: all ease 0.7s;
-o-transition: all ease 0.7s;
transition: all ease 0.7s; }
.gallery__text {
position: absolute;
bottom: 25px;
left: 25px;
margin: 0;
font-size: 16px;
font-family: "Open Sans", sans-serif;
color: #ffffff; }
.gallery__item:hover .gallery__description {
opacity: 1; }
@media screen and (max-width: 980px) {
.gallery__item {
height: 350px; } }
@media screen and (max-width: 780px) {
.gallery__item {
height: 300px; } }
@media screen and (max-width: 540px) {
.gallery {
padding: 10px 0 70px; }
.gallery__item {
height: 200px; }
.gallery__item:hover .gallery__description {
opacity: 0; } }
@media screen and (max-width: 480px) {
.gallery__item {
width: 100%;
height: auto;
margin: 0 auto 20px;
background: none; }
.gallery__image {
display: block; } }
#portfolio_filter {
flex-wrap: wrap;
display: flex;
justify-content: center;
margin: 0;
padding: 10px 0 0 0;
list-style: none;
padding-bottom: 33px; }
#portfolio_filter li {
display: block;
padding: 9px 9px; }
#portfolio_filter li a {
text-align: center;
display: block;
min-width: 180px;
border: 1px solid #50a8d0;
border-radius: 32px;
padding: 8px 5px;
color: #50a8d0;
font-size: 15px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
#portfolio_filter li a:hover, #portfolio_filter li a.active {
color: #fff;
background: #50a8d0; }
.grid-sizer,
.grid-item {
width: calc(50% - 20px); }
@media screen and (max-width: 480px) {
.grid-sizer,
.grid-item {
width: 100%; } }
.gutter-sizer {
width: 20px; }
@media screen and (max-width: 480px) {
.gutter-sizer {
width: 0; } }
.grid {
margin-right: -20px; }
@media screen and (max-width: 480px) {
.grid {
margin-right: 0; } }
.services-title {
margin: 5px auto 35px;
font-size: 2.25rem;
line-height: 1.3;
font-family: "Open Sans", sans-serif;
font-weight: 300;
text-align: center; }
@media screen and (max-width: 998px) {
.services-title {
font-size: 32px; } }
@media screen and (max-width: 850px) {
.services-title {
font-size: 28px; } }
@media screen and (max-width: 540px) {
.services-title {
font-size: 24px; } }
@media screen and (max-width: 380px) {
.services-title {
font-size: 20px; } }
.services-subtitle {
margin: 80px auto 35px;
font-size: 1.25rem;
line-height: 1.3em;
font-family: "Fira Sans", sans-serif;
font-weight: 900;
text-align: center;
text-transform: uppercase; }
@media screen and (max-width: 380px) {
.services-subtitle {
font-size: 18px; } }
.services-page {
padding: 0 0 80px; }
@media screen and (max-width: 380px) {
.services-page {
padding: 0 0 50px; } }
.service {
padding: 0 0 60px; }
.service__top-img {
position: absolute;
top: 0;
right: 0;
z-index: -1; }
.service__description {
padding: 10px 0 50px;
line-height: 1.8; }
.service--white {
padding: 45px;
background: #ffffff; }
.service--white .services-subtitle {
margin: 0 auto 35px; }
.service .gallery {
padding: 20px 0 50px; }
@media screen and (max-width: 800px) {
.service__top-img {
display: none; } }
@media screen and (max-width: 590px) {
.service__description {
padding: 10px 0 30px;
line-height: 1.7; } }
@media screen and (max-width: 540px) {
.service .gallery {
padding: 10px 0 50px; } }
@media screen and (max-width: 380px) {
.service--white {
padding: 0;
background: none; }
.service--white .services-subtitle {
margin: 30px auto 35px; } }
.service-included {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
-moz-align-items: stretch;
align-items: stretch; }
.service-included__item {
width: 49%;
margin-bottom: 25px; }
.service-included__icon {
float: left;
width: 45px;
height: 100%;
margin-right: 20px;
text-align: center; }
.service-included__text {
position: relative;
bottom: -3px;
vertical-align: middle; }
@media screen and (max-width: 800px) {
.service-included__item {
width: 100%; }
.service-included__item:last-child {
margin: 0; } }
.menu-service {
padding: 0 0 60px; }
.menu-service__title {
margin: 0 0 30px;
font-weight: bold;
font-size: 1.875rem;
font-family: "Fira Sans", sans-serif;
letter-spacing: 0.05em;
text-align: center;
text-transform: uppercase; }
.menu-service__tabs-header {
text-align: center; }
.menu-service__item-tab {
background: #ffffff; }
.menu-service__tabs-switch {
padding: 22px 30px;
font-family: "Fira Sans", sans-serif;
font-size: 1.125rem;
background: none !important; }
.menu-service__tabs-switch.resp-tab-active {
background: #ffffff !important; }
.menu-service .resp-accordion {
padding: 15px;
font-size: 16px;
font-family: "Fira Sans", sans-serif; }
@media screen and (max-width: 768px) {
.menu-service__title {
font-size: 24px; }
.menu-service .resp-tab-active {
background: #ffffff !important; }
.menu-service .resp-tab-content {
padding: 25px 0; } }
@media screen and (max-width: 380px) {
.menu-service__title {
font-size: 20px; } }
.menu-content {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-moz-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between; }
.menu-content__first-column {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0;
-moz-box-flex: 1;
-moz-flex: 1 1 0;
-ms-flex: 1 1 0;
flex: 1 1 0; }
.menu-content__second-column {
-webkit-box-flex: 0;
-webkit-flex: 0 0 330px;
-moz-box-flex: 0;
-moz-flex: 0 0 330px;
-ms-flex: 0 0 330px;
flex: 0 0 330px;
width: 330px;
margin-left: 70px;
padding: 20px 0; }
.menu-content__item {
padding: 0 0 20px; }
.menu-content__subtitle {
margin: 0 0 10px;
font-size: 1.375rem;
font-family: "Fira Sans", sans-serif;
color: #891531; }
.menu-content__label {
display: block;
font-size: 12px; }
.menu-content table {
width: 100%;
font-size: 14px; }
.menu-content table td {
padding: 0 0 7px;
vertical-align: top; }
.menu-content table td:first-child {
padding: 0 15px 7px 0; }
.menu-content table td:last-child {
min-width: 60px;
text-align: right; }
.menu-content__cost {
position: relative;
border: #e2e2e2 solid 3px; }
.menu-content__cost-title {
position: relative;
top: -18px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-moz-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
width: 270px;
margin: 0 auto;
padding: 0 15px;
font-size: 13px;
line-height: 1;
font-family: "Fira Sans", sans-serif;
color: #cb4444;
background: #ffffff; }
.menu-content__price {
padding-left: 10px;
font-weight: bold;
font-size: 30px;
white-space: nowrap; }
.menu-content__container {
width: 250px;
margin: auto;
padding: 10px 0; }
.menu-content__btn {
display: block;
width: 100%;
max-width: 250px;
height: 60px;
margin: 0 auto 8px;
padding: 19px 20px; }
.menu-content__info {
font-size: 13px;
color: #6e6e6e; }
.menu-content__info p {
margin: 0 0 20px; }
.menu-content__portion {
margin: 20px 0 !important;
color: #000000; }
.menu-content__order {
position: relative;
bottom: -30px;
width: 270px;
margin: 0 auto;
padding: 0 15px;
font-weight: bold;
font-family: "Fira Sans", sans-serif;
color: #cb4444;
background: #ffffff; }
.menu-content__order a {
color: #cb4444; }
@media screen and (max-width: 880px) {
.menu-content {
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap; }
.menu-content__first-column {
width: 100%; }
.menu-content__second-column {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-moz-box-flex: 0;
-moz-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
margin-left: 0; }
.menu-content__container {
width: 100%;
max-width: 600px;
margin: auto;
padding: 10px 15px; } }
@media screen and (max-width: 360px) {
.menu-content__second-column {
padding: 20px 0 0; }
.menu-content__cost {
border: none; }
.menu-content__cost-title {
position: relative;
top: 0;
display: block;
width: auto;
padding: 0 0 15px;
text-align: center; }
.menu-content__cost-title br {
display: none; }
.menu-content__price {
padding: 0;
font-size: 28px; }
.menu-content__container {
padding: 10px 0; }
.menu-content__order {
bottom: 0;
width: auto;
padding: 0; } }
.lease-menu {
margin: 0;
padding: 10px 0 20px;
font-family: "Open Sans", sans-serif;
list-style: none; }
.lease-menu li {
display: inline-block;
padding-right: 35px;
font-size: 1.375rem; }
.lease-menu a {
color: #505050; }
.lease-menu a:hover {
color: #96374c; }
.lease-menu .active {
font-weight: bold;
color: #cb4444; }
@media screen and (max-width: 880px) {
.lease-menu li {
padding-right: 15px;
font-size: 18px; } }
@media screen and (max-width: 430px) {
.lease-menu li {
padding: 0 10px 5px 0;
font-size: 16px; } }
.menu-card {
padding: 20px 0; }
.menu-card__item {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-moz-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
align-items: flex-start;
width: 100%;
margin: 0 0 35px;
padding: 40px 20px;
background: #ffffff; }
.menu-card__item:last-child {
margin: 0; }
.menu-card__image {
position: relative;
-webkit-box-flex: 0;
-webkit-flex: 0 0 310px;
-moz-box-flex: 0;
-moz-flex: 0 0 310px;
-ms-flex: 0 0 310px;
flex: 0 0 310px;
width: 310px;
padding: 0 15px;
text-align: center; }
.menu-card__image img {
max-width: 100%;
margin: auto; }
.menu-card__image a {
position: relative;
display: block; }
.menu-card__image-bg {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
background-image: url(//mycatering.ru/wp-content/themes/procatering/image/icons/card-arrows.png);
background-repeat: no-repeat;
background-position: 50% 50%;
-webkit-transition: all ease 0.7s;
-o-transition: all ease 0.7s;
transition: all ease 0.7s; }
.menu-card__image:hover .menu-card__image-bg {
background-color: rgba(203, 68, 68, 0.78);
background-image: none; }
.menu-card__image-count {
position: absolute;
bottom: 7px;
right: 8px;
z-index: 3;
line-height: 1;
font-weight: 600;
font-size: 14px;
font-family: "Fira Sans", sans-serif;
color: #cb4444; }
.menu-card__image:hover .menu-card__image-count {
display: none; }
.menu-card__text {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0;
-moz-box-flex: 1;
-moz-flex: 1 0 0;
-ms-flex: 1 0 0;
flex: 1 0 0;
padding: 0 35px; }
.menu-card__title {
margin: 0 0 25px;
font-weight: bold;
font-size: 1.875rem;
line-height: 1.2;
font-family: "Fira Sans", sans-serif; }
.menu-card__description {
font-size: 15px; }
.menu-card__description p {
margin: 0 0 3px; }
.menu-card__cost {
-webkit-box-flex: 0;
-webkit-flex: 0 0 250px;
-moz-box-flex: 0;
-moz-flex: 0 0 250px;
-ms-flex: 0 0 250px;
flex: 0 0 250px;
width: 250px;
min-height: 70px;
padding: 18px 10px 3px;
font-family: "Open Sans", sans-serif;
text-align: center;
border: 3px solid #e2e2e3; }
.menu-card__comment {
font-size: 13px;
font-weight: 600; }
.menu-card__price {
margin: 0 0 15px;
font-size: 1.6875rem;
color: #cb4444;
font-weight: 700; }
.menu-card__button {
display: block;
width: 160px;
height: 54px;
margin: 0 auto 15px;
padding: 16px 10px; }
.menu-card ul {
padding: 0;
list-style: none; }
.menu-card ul li {
background: url(//mycatering.ru/wp-content/themes/procatering/image/icons/li-circle.png) no-repeat 0 10px;
padding: 0 0 0 16px; }
@media screen and (max-width: 990px) {
.menu-card__title {
margin: 0 0 20px;
font-size: 24px; }
.menu-card__description {
font-size: 14px; }
.menu-card__image {
-webkit-box-flex: 0;
-webkit-flex: 0 0 230px;
-moz-box-flex: 0;
-moz-flex: 0 0 230px;
-ms-flex: 0 0 230px;
flex: 0 0 230px;
width: 230px; }
.menu-card__cost {
-webkit-box-flex: 0;
-webkit-flex: 0 0 220px;
-moz-box-flex: 0;
-moz-flex: 0 0 220px;
-ms-flex: 0 0 220px;
flex: 0 0 220px;
width: 220px; }
.menu-card__text {
padding: 0 25px; } }
@media screen and (max-width: 850px) {
.menu-card {
padding: 20px 0 0; }
.menu-card__item {
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between; }
.menu-card__cost {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-moz-box-flex: 0;
-moz-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
margin: 20px 0 0; }
.menu-card__text {
padding: 0 0 0 20px; } }
@media screen and (max-width: 590px) {
.menu-card__item {
padding: 30px 20px; }
.menu-card__image {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-moz-box-flex: 0;
-moz-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
padding: 0 15px 20px; }
.menu-card__image img {
width: 100%;
max-width: 280px; }
.menu-card__image-count {
display: none; }
.menu-card__image:hover .menu-card__image-bg {
background-color: rgba(203, 68, 68, 0);
background-image: url(//mycatering.ru/wp-content/themes/procatering/image/icons/card-arrows.png); }
.menu-card__text {
width: 100%;
padding: 0; }
.menu-card__title {
margin: 0 0 15px;
font-size: 20px; } }
@media screen and (max-width: 390px) {
.menu-card__image-count {
display: block; }
.menu-card__image:hover .menu-card__image-count {
display: block; }
.menu-card__image-bg {
display: none; } }
@media screen and (max-width: 380px) {
.menu-card__title {
font-size: 18px;
text-align: center; }
.menu-card__price {
font-size: 24px; }
.menu-card__item {
margin: 0 0 25px; } }
.service-info {
margin: 0 0 60px; }
.service-info img {
float: right;
width: 50%;
max-width: 510px;
margin: 10px 0 0 20px; }
.service-info__button {
display: block;
width: 100%;
height: auto;
max-width: 280px;
margin: 30px 0 0;
padding: 20px 15px; }
@media screen and (max-width: 800px) {
.service-info img {
float: none;
display: block;
width: 100%;
max-width: 400px;
margin: 0 auto 20px; } }
.service-causes {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between; }
.service-causes__item {
width: 31%; }
.service-causes__title {
font-weight: bold;
font-size: 1.5rem;
color: #891531; }
.service-causes__title:before {
content: "";
display: inline-block;
width: 33px;
height: 33px;
margin: 0 12px -8px 0;
background: url(//mycatering.ru/wp-content/themes/procatering/image/icons/couse_mark.png); }
.service-causes__description {
font-size: 15px;
line-height: 1.4; }
@media screen and (max-width: 880px) {
.service-causes__item {
width: 100%;
margin: 0 0 10px; }
.service-causes__item:last-child {
margin: 0; }
.service-causes__title {
font-size: 20px; } }
@media screen and (max-width: 380px) {
.service-causes__title {
font-size: 18px; }
.service-causes__title:before {
display: none; } }
.candy-bar {
width: 100%;
min-height: 438px;
margin: 0 0 20px;
padding: 20px;
background: url(//mycatering.ru/wp-content/themes/procatering/image/picture/candy-bg.png); }
.candy-bar__title {
margin: 0 0 25px;
font-weight: bold;
font-size: 30px;
font-family: "Fira Sans", sans-serif;
text-transform: uppercase; }
.candy-bar__text {
width: 100%;
max-width: 440px;
font-size: 15px; }
.candy-bar__text p {
margin: 0 0 15px; }
.candy-bar__button {
display: block;
width: 100%;
height: auto;
max-width: 280px;
margin: 30px 0 20px;
padding: 20px 15px; }
@media screen and (max-width: 850px) {
.candy-bar__title {
margin: 0 0 20px;
font-size: 24px; } }
.dinner-description {
margin: 40px 0 10px; }
@media screen and (max-width: 800px) {
.dinner-description {
margin: 0 0 10px; } }
.service-advantages {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
padding: 64px 45px 45px;
background: #ffffff; }
.service-advantages__item {
width: 50%;
margin: 0 0 25px;
padding: 0 30px; }
.service-advantages__title {
margin: 0 0 10px;
font-weight: bold;
font-size: 1.25rem;
line-height: 1.2;
font-family: "Open Sans", sans-serif; }
@media screen and (max-width: 840px) {
.service-advantages {
padding: 45px; }
.service-advantages__item {
width: 100%;
margin: 0 0 20px;
padding: 0; }
.service-advantages__item:last-child {
margin: 0; }
.service-advantages__description br {
display: none; }
.service-advantages__title {
margin: 0 0 8px;
font-size: 18px; } }
@media screen and (max-width: 380px) {
.service-advantages {
padding: 30px 25px; } }
.service-conditions {
padding: 60px 0 20px;
text-align: center; }
.service-conditions__title {
margin: 0 0 20px;
font-weight: 300;
font-size: 2.25rem;
font-family: "Open Sans", sans-serif; }
.service-conditions__subtitle {
max-width: 665px;
margin: 0 auto 40px;
line-height: 1.7;
font-family: "Open Sans", sans-serif; }
.service-conditions__wrap {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between; }
.service-conditions__item {
width: 49%;
min-height: 208px;
margin: 0 0 20px;
padding: 35px 40px 40px;
text-align: left;
background: #ffffff; }
.service-conditions__content {
margin-left: 50px;
font-size: 15px;
text-align: left;
line-height: 1.4; }
.service-conditions__content h3 {
margin: 0 0 10px;
font-size: 1.5rem;
font-family: "Open Sans", sans-serif; }
.service-conditions__content a, .service-conditions__content .green {
color: #5eb064; }
.service-conditions__content ul {
padding: 0 0 0 22px; }
.service-conditions__icon {
float: left;
margin: 8px 0 0; }
@media screen and (max-width: 1060px) {
.service-conditions__content br {
display: none; } }
@media screen and (max-width: 850px) {
.service-conditions__title {
margin: 0 0 15px;
font-size: 28px; }
.service-conditions__item {
width: 100%;
min-height: 0;
margin: 0 0 20px;
padding: 35px 40px 40px; }
.service-conditions__content h3 {
font-size: 20px;
line-height: 1.2; } }
@media screen and (max-width: 380px) {
.service-conditions__icon {
display: none; }
.service-conditions__content {
margin: 0; }
.service-conditions__title {
font-size: 26px; }
.service-conditions__subtitle {
line-height: 1.4; } }
.service-order {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
width: 100%;
margin: 40px 0;
padding: 20px 30px;
font-family: "Open Sans", sans-serif;
background: #ffffff;
border: 3px solid #e2e2e2; }
.service-order .service-price-text {
display: inline-block;
margin-right: 20px;
font-size: 13px;
font-weight: bold; }
.service-order .service-order-text {
display: inline-block;
float: right;
margin: 0;
padding: 10px;
font-weight: bold;
line-height: 1.3; }
.service-order .service-l-price {
margin: 14px 0 0;
line-height: 1;
color: #cb4444; }
.service-order .service-price {
display: inline-block;
font-size: 30px;
font-weight: bold; }
.service-order__button {
display: inline-block;
width: 185px;
height: 60px;
margin-right: 40px;
padding: 20px 0; }
@media screen and (max-width: 920px) {
.service-order {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
text-align: center; }
.service-order__item {
width: 100%; }
.service-order .service-price-text {
margin: 0 0 10px; }
.service-order .service-order-text {
float: none;
width: 100%;
padding: 10px 0; }
.service-order__button {
margin: 15px 0; } }
@media screen and (max-width: 380px) {
.service-order .service-order-text br {
display: none; } }
.head-block.top {
flex-wrap: wrap;
font-weight: 500;
font-size: 16px;
color: #000;
margin: 0 0 30px;
display: flex;
padding: 0 0 15px;
border-bottom: 1px solid #d4d4d4; }
.head-block.top .item-link {
margin: 0 22px 0 0; }
.head-block.top .title {
position: relative;
transition: all 0.3s ease; }
.head-block.top .title:hover, .head-block.top .active .title {
color: #136194; }
.head-block.top .title:hover, .head-block.top .active .title {
color: #136194; }
.head-block.top .title {
position: relative;
transition: all 0.3s ease; }
.articles-list {
width: calc(100% + 30px);
margin: 0 -15px;
display: flex;
flex-wrap: wrap; }
.articles-list .block {
border-radius: 6px;
overflow: hidden;
margin: 0 15px 30px;
width: calc(100% / 3 - 30px);
box-shadow: 0 0 0 1px #f2f2f2;
transition: all 0.3s ease; }
.articles-list .block .pic {
position: relative;
display: block;
height: 186px;
background-position: center center;
background-size: cover; }
.articles-list .block p {
padding: 0;
margin: 0; }
.articles-list .block .info {
background: #fff;
padding: 20px;
box-sizing: border-box;
height: calc(100% - 186px); }
.articles-list .block .info a {
font-weight: 500;
color: #136194;
font-size: 18px; }
.articles-list .block .info a + br {
display: none; }
.articles-list .block .info .date {
display: block;
margin: 10px 0 0 0;
font-size: 14px;
color: #888; }
@media screen and (max-width: 1000px) {
.articles-list .block {
width: calc(50% - 30px); } }
@media screen and (max-width: 700px) {
.articles-list .block {
width: calc(100% - 30px); } }
.grid-sizer2,
.grid-item2 {
width: calc(33.33% - 30px); }
@media screen and (max-width: 1000px) {
.grid-sizer2,
.grid-item2 {
width: calc(50% - 20px); } }
@media screen and (max-width: 700px) {
.grid-sizer2,
.grid-item2 {
width: 100%; } }
.gutter-sizer2 {
width: 30px; }
@media screen and (max-width: 1000px) {
.gutter-sizer2 {
width: 20px; } }
@media screen and (max-width: 700px) {
.gutter-sizer2 {
width: 0; } }
.grid2 {
margin-right: -30px; }
@media screen and (max-width: 1000px) {
.grid2 {
width: -20px; } }
@media screen and (max-width: 700px) {
.grid2 {
margin-right: 0; } }
.product-preview__desc {
margin-bottom: 10px;
font-size: .857em; }