@charset "utf-8";html,body {
font: 14px/1.571429 "MiSans","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Roboto,Arial,sans-serif;
color: #76838f;
margin: 0;
width: 100%;
max-width: 100%;
min-width: 320px;
min-height: 100%
}
html {
font-family: sans-serif;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent
}
li{ list-style:none}
article,aside,details,figcaption,figure,footer,header,codemain,menu,nav,section,summary {
display: block
}
audio,canvas,progress,video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
progress {
vertical-align: baseline
}
b,strong {
font-weight: bold
}
dfn {
font-style: italic
}
mark {
color: #000;
background-color: #ff0
}
small {
font-size: 80%
}
sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
svg:not(:root) {
overflow: hidden
}
code,kbd,pre,samp {
font-family: Menlo,Monaco,Consolas,'Courier New',monospace;
font-size: 1em
}
code {
font-size: 90%;
padding: .15rem .3rem;
color: #5683ad;
border-radius: .215rem;
background-color: rgba(232,241,248,.1)
}
hr {
overflow: visible;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
margin: 1rem 0;
border: 0;
border-top: 1px solid #e4eaec
}
optgroup {
font-weight: 700
}
button,input {
overflow: visible
}
button,select {
text-transform: none
}
[type=reset],[type=submit],button,html [type=button] {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
padding: 0;
border-style: none
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
outline: 1px dotted ButtonText
}
legend {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
padding: 0;
white-space: normal;
color: inherit;
font-size: 1.5rem;
line-height: inherit;
display: block;
width: 100%;
margin-bottom: .5rem
}
[type=checkbox],[type=radio] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: textfield
}
[type=search]:not(.met-cancel-button)::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration,input[type=search] {
-webkit-appearance: none
}
::-webkit-input-placeholder {
opacity: .54;
color: inherit
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button
}
@media print {
*,::after,::before,::first-letter,blockquote::first-line,div::first-line,li::first-line,p::first-line {
-webkit-box-shadow: none!important;
box-shadow: none!important;
text-shadow: none!important
}
a,a:visited {
text-decoration: underline
}
abbr[title]::after {
content: ' ('attr(title) ')'
}
blockquote,pre {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
img,tr {
page-break-inside: avoid
}
h2,h3,p {
orphans: 3;
widows: 3
}
h2,h3 {
page-break-after: avoid
}
.navbar {
display: none
}
.btn>.caret,.dropup>.btn>.caret {
border-top-color: #000!important
}
.tag {
border: 1px solid #000
}
.table {
border-collapse: collapse!important
}
.table td,.table th {
background-color: #fff!important
}
.table-bordered td,.table-bordered th {
border: 1px solid #ddd!important
}
}
*,::after,::before {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit
}
@-ms-viewport {
width: device-width
}
[tabindex='-1']:focus {
outline: 0!important
}
p {
margin-top: 0;
margin-bottom: 1rem
}
abbr[data-original-title],abbr[title] {
text-decoration: underline dotted;
cursor: help;
border-bottom: 1px dotted #e4eaec
}
address {
font-style: normal;
line-height: inherit;
margin-bottom: 1rem
}
dl,ol,ul {
margin-top: 0;
margin-bottom: 1rem
}
ol ol,ol ul,ul ol,ul ul {
margin-bottom: 0
}
dt {
font-weight: 700
}
dd {
margin-bottom: .5rem;
margin-left: 0
}
a {
text-decoration: none;
color: #62a8ea;
background-color: transparent;
-webkit-text-decoration-skip: objects
}
a:active,a:hover {
outline-width: 0
}
a:focus,a:hover {
text-decoration: underline;
color: #89bceb
}
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
a:not([href]):not([tabindex]) {
text-decoration: none;
color: inherit
}
a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover {
text-decoration: none;
color: inherit
}
a:not([href]):not([tabindex]):focus {
outline: 0
}
figure {
margin: 0 0 0
}
img {
vertical-align: middle
}
[role=button] {
cursor: pointer
}
[role=button],a,area,button,input,label,select,summary,textarea {
-ms-touch-action: manipulation;
touch-action: manipulation
}
table {
border-collapse: collapse;
background-color: transparent
}
caption {
padding-top: .572rem;
padding-bottom: .572rem;
caption-side: bottom;
text-align: left;
color: #a3afb7
}
th {
text-align: left
}
label {
display: inline-block;
margin-bottom: .5rem
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color
}
button,input,select,textarea {
font: inherit;
line-height: inherit;
margin: 0
}
input[type=checkbox]:disabled,input[type=radio]:disabled {
cursor: not-allowed
}
input[type=date],input[type=time],input[type=datetime-local],input[type=month] {
-webkit-appearance: listbox
}
textarea {
overflow: auto;
resize: vertical
}
output {
display: inline-block
}
[hidden] {
display: none!important
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
font-weight: 400;
line-height: 1.2;
color: #000
}
.h1,.h2,.h3,h1,h2,h3 {
margin-top: 22px;
margin-bottom: 11px
}
.h4,.h5,.h6,h4,h5,h6 {
margin-top: 11px;
margin-bottom: 11px
}
.h1,h1 {
font-size: 2.572rem
}
.h2,h2 {
font-size: 2.143rem
}
.h3,h3 {
font-size: 1.715rem
}
.h4,h4 {
font-size: 1.286rem
}
.h5,h5 {
font-size: 1rem
}
.h6,h6 {
font-size: .858rem
}
.lead {
font-size: 1.429rem;
font-weight: 300
}
.small,small {
font-size: 80%;
font-weight: 400
}
.mark,mark {
padding: .23rem;
background-color: #f2a654;
color: #fff;
border-radius: .143rem
}
.list-unstyled {
padding-left: 0;
list-style: none
}
.list-inline {
padding-left: 0;
list-style: none
}
.list-inline-item {
display: inline-block
}
.list-inline-item:not(:last-child) {
margin-right: 5px
}
dl.row>dd+dt {
clear: left
}
.carousel-inner>.carousel-item>a>img,.carousel-inner>.carousel-item>img,.img-fluid {
display: block;
max-width: 100%;
height: auto
}
.met-product-list .cp1 img{ height:720px!important}
.img-rounded {
border-radius: .286rem
}
.img-thumbnail {
display: inline-block;
max-width: 100%;
height: auto;
padding: .25rem;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
border: 1px solid #ddd;
border-radius: .25rem;
background-color: #fff;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);
box-shadow: 0 1px 2px rgba(0,0,0,.075)
}
.img-circle {
border-radius: 50%
}
.figure {
display: inline-block
}
.figure-img {
line-height: 1;
margin-bottom: .5rem
}
.figure-caption {
font-size: 90%;
color: #ccd5db
}
/*header*/
.lh-header {
position: fixed;
left: 0;
top: 0;
right: 0;
height: 90px;
background: #fff;
z-index: 1000;
box-shadow: 0 0 20px rgba(0,0,0,.1);
}
.lh-nav-btn {
position: absolute;
left: 2.08vw;
top: 50%;
transform: translateY(-50%);
width: 40px;
height: 28px;
z-index: 200;
}
.lh-nav-btn:before {
content: '';
display: block;
width: 100%;
height: 3px;
background: #aaa;
position: absolute;
left: 0;
top: 0;
transition: ease .65s;
}
.lh-nav-btn:after {
content: '';
display: block;
width: 100%;
height: 3px;
background: #aaa;
position: absolute;
left: 0;
bottom: 0;
transition: ease .65s;
}
.lh-nav-btn i {
display: block;
width: 60%;
height: 3px;
background: #aaa;
position: absolute;
left: 0;
top: 50%;
margin-top: -1px;
transition: ease .65s;
}
.lh-search-btn, .lh-home {
position: absolute;
right: 2.08vw;
top: 50%;
transform: translateY(-50%);
}
.lh-search-btn i, .lh-home i {
font-size: 30px;
color: #00A2EA;
}
.lh-nav {
text-align: center;
height: 90px;
}
.lh-nav li {
display: inline-block;
margin: 0 2vw;
line-height: 90px;
height: 100%;
}
.lh-nav li a {
padding: 0 10px;
font-size: 16px;
color: #111111;
position: relative;
display: inline-block;
}
.lh-nav li:not(.lh-logo) a:before {
content: '';
display: block;
width: 100%;
height: 3px;
background: #00A2EA;
position: absolute;
left: 0;
bottom: 0;
border-radius: 10px 10px 0 0;
transform: scaleX(0);
transition: ease .65s;
}
.lh-nav li:not(.lh-logo) a:hover, .lh-nav li:not(.lh-logo) a.on {
color: #00A2EA;
}
.lh-nav li:not(.lh-logo) a:hover:before, .lh-nav li:not(.lh-logo) a.on:before {
transform: scaleX(1);
}
.lh-nav li.lh-logo a {
width: 100%;
top: -50px;
}
.lh-nav li.lh-logo img {
position: absolute;
left: 0;
top: 0;
}
.lh-nav li.lh-logo {
width: 92px;
}
.lh-banner {
position: relative;
height: 100vh;
width: 100%;
overflow: hidden;
background: #000;
}
.lh-banner-bd li {
position: relative;
}
.lh-banner-bd li .img {
height: 100%;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
.lh-index-banner {
height: 100vh;
overflow: hidden;
position: relative;
}
.lh-banner-bd li .text {
position: absolute;
left: 13.5vw;
top: 50%;
transform: translateY(-50%);
color: #fff;
z-index: 1;
}
.lh-banner-bd li .text h2 {
font-size: 3.4vw;
font-family: "CenturyGothicbold";
}
.lh-banner-bd li .text h3 {
font-size: 1.66vw;
font-weight: bold;
margin: 1vh 0 3vh;
}
.lh-banner-bd li .text pre {
font-size: 15px;
line-height: 30px;
}
.lh-more {
display: block;
width: 28px;
height: 28px;
position: relative;
}
.lh-more:before {
content: '';
display: block;
width: 100%;
height: 4px;
background: #fff;
position: absolute;
left: 0;
top: 50%;
margin-top: -2px;
}
.lh-more:after {
content: '';
display: block;
width: 4px;
height: 100%;
background: #fff;
position: absolute;
left: 50%;
top: 0;
margin-left: -2px;
}
.lh-banner-bd li .text a {
margin-top: 14vh;
}
.lh-banner-bd li.style2 .text {
left: auto;
right: 13.5vw;
}
.lh-banner-bd li.style1 .pro-img {
position: absolute;
right: 9.73vw;
top: 50%;
transform: translateY(-100%);
width: 34vw;
opacity: 0;
animation: proImg1 cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;
}
.lh-banner-bd li.style1.swiper-slide-active .pro-img, .lh-banner-bd li.style1.swiper-slide-duplicate-active .pro-img {
animation: proImg cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;
animation-delay: .45s;
}
kbd {
font-size: 90%;
padding: .15rem .3rem;
color: #fff;
border-radius: .143rem;
background-color: #62a8ea;
-webkit-box-shadow: inset 0 -.1rem 0 rgba(0,0,0,.25);
box-shadow: inset 0 -.1rem 0 rgba(0,0,0,.25);
border: 1px solid #bcd8f1
}
kbd kbd {
font-size: 100%;
font-weight: 700;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none
}
pre {
white-space: pre-wrap!important;
font-size: 90%;
display: block;
margin-top: 0;
margin-bottom: 1rem;
color: inherit;
padding: 10.5px;
color: inherit;
border: 1px solid #ecf5fc;
border-radius: .215rem;
overflow: auto
}
pre code {
font-size: inherit;
padding: 0;
color: inherit;
border-radius: 0;
background-color: transparent
}
.container {
max-width: 100%;
margin-right: auto;
margin-left: auto;
}
.container::after {
display: table;
clear: both;
content: ''
}
@media (min-width: 480px) {
.container {
width:606px
}
}
@media (min-width: 768px) {
.container {
width:750px
}
}
@media (min-width: 992px) {
.container {
width:970px
}
}
@media (min-width: 1200px) {
.container {
width:1170px
}
}
@media (min-width: 1600px) {
.container {
width:90%
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-right: .9375rem;
padding-left: .9375rem
}
.container-fluid::after {
display: table;
clear: both;
content: ''
}
.row {
margin-right: -.9375rem;
margin-left: -.9375rem
}
.row::after {
display: table;
clear: both;
content: ''
}
@media (min-width: 480px) {
.row {
margin-right:-.9375rem;
margin-left: -.9375rem
}
}
@media (min-width: 768px) {
.row {
margin-right:-.9375rem;
margin-left: -.9375rem
}
}
@media (min-width: 992px) {
.row {
margin-right:-.9375rem;
margin-left: -.9375rem
}
}
@media (min-width: 1200px) {
.row {
margin-right:-.9375rem;
margin-left: -.9375rem
}
}
.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.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-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.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-xxl,.col-xxl-1,.col-xxl-10,.col-xxl-11,.col-xxl-12,.col-xxl-2,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9 {
position: relative;
min-height: 1px;
padding-right: .9375rem;
padding-left: .9375rem
}
@media (min-width: 480px) {
.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.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-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.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-xxl,.col-xxl-1,.col-xxl-10,.col-xxl-11,.col-xxl-12,.col-xxl-2,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9 {
padding-right:.9375rem;
padding-left: .9375rem
}
}
@media (min-width: 768px) {
.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.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-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.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-xxl,.col-xxl-1,.col-xxl-10,.col-xxl-11,.col-xxl-12,.col-xxl-2,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9 {
padding-right:.9375rem;
padding-left: .9375rem
}
}
@media (min-width: 992px) {
.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.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-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.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-xxl,.col-xxl-1,.col-xxl-10,.col-xxl-11,.col-xxl-12,.col-xxl-2,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9 {
padding-right:.9375rem;
padding-left: .9375rem
}
}
@media (min-width: 1200px) {
.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.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-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.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-xxl,.col-xxl-1,.col-xxl-10,.col-xxl-11,.col-xxl-12,.col-xxl-2,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9 {
padding-right:.9375rem;
padding-left: .9375rem
}
}
.col-xs-1 {
float: left;
width: 8.333333%
}
.col-xs-2 {
float: left;
width: 16.666667%
}
.col-xs-3 {
float: left;
width: 25%
}
.col-xs-4 {
float: left;
width: 33.333333%
}
.col-xs-5 {
float: left;
width: 41.666667%
}
.col-xs-6 {
float: left;
width: 50%
}
.col-xs-7 {
float: left;
width: 58.333333%
}
.col-xs-8 {
float: left;
width: 66.666667%
}
.col-xs-9 {
float: left;
width: 75%
}
.col-xs-10 {
float: left;
width: 83.333333%
}
.col-xs-11 {
float: left;
width: 91.666667%
}
.col-xs-12 {
float: left;
width: 100%
}
.offset-xs-1 {
margin-left: 8.333333%
}
.offset-xs-2 {
margin-left: 16.666667%
}
.offset-xs-3 {
margin-left: 25%
}
.offset-xs-4 {
margin-left: 33.333333%
}
.offset-xs-5 {
margin-left: 41.666667%
}
.offset-xs-6 {
margin-left: 50%
}
.offset-xs-7 {
margin-left: 58.333333%
}
.offset-xs-8 {
margin-left: 66.666667%
}
.offset-xs-9 {
margin-left: 75%
}
.offset-xs-10 {
margin-left: 83.333333%
}
.offset-xs-11 {
margin-left: 91.666667%
}
@media (min-width: 480px) {
.col-sm-1 {
float:left;
width: 8.333333%
}
.col-sm-2 {
float: left;
width: 16.666667%
}
.col-sm-3 {
float: left;
width: 25%
}
.col-sm-4 {
float: left;
width: 33.333333%
}
.col-sm-5 {
float: left;
width: 41.666667%
}
.col-sm-6 {
float: left;
width: 50%
}
.col-sm-7 {
float: left;
width: 58.333333%
}
.col-sm-8 {
float: left;
width: 66.666667%
}
.col-sm-9 {
float: left;
width: 75%
}
.col-sm-10 {
float: left;
width: 83.333333%
}
.col-sm-11 {
float: left;
width: 91.666667%
}
.col-sm-12 {
float: left;
width: 100%
}
.offset-sm-0 {
margin-left: 0
}
.offset-sm-1 {
margin-left: 8.333333%
}
.offset-sm-2 {
margin-left: 16.666667%
}
.offset-sm-3 {
margin-left: 25%
}
.offset-sm-4 {
margin-left: 33.333333%
}
.offset-sm-5 {
margin-left: 41.666667%
}
.offset-sm-6 {
margin-left: 50%
}
.offset-sm-7 {
margin-left: 58.333333%
}
.offset-sm-8 {
margin-left: 66.666667%
}
.offset-sm-9 {
margin-left: 75%
}
.offset-sm-10 {
margin-left: 83.333333%
}
.offset-sm-11 {
margin-left: 91.666667%
}
}
@media (min-width: 768px) {
.col-md-1 {
float:left;
width: 8.333333%
}
.col-md-2 {
float: left;
width: 16.666667%
}
.col-md-3 {
float: left;
width: 25%
}
.col-md-4 {
float: left;
width: 33.333333%
}
.col-md-5 {
float: left;
width: 41.666667%
}
.col-md-6 {
float: left;
width: 50%
}
.col-md-7 {
float: left;
width: 58.333333%
}
.col-md-8 {
float: left;
width: 66.666667%
}
.col-md-9 {
float: left;
width: 75%
}
.col-md-10 {
float: left;
width: 83.333333%
}
.col-md-11 {
float: left;
width: 91.666667%
}
.col-md-12 {
float: left;
width: 100%
}
.offset-md-0 {
margin-left: 0
}
.offset-md-1 {
margin-left: 8.333333%
}
.offset-md-2 {
margin-left: 16.666667%
}
.offset-md-3 {
margin-left: 25%
}
.offset-md-4 {
margin-left: 33.333333%
}
.offset-md-5 {
margin-left: 41.666667%
}
.offset-md-6 {
margin-left: 50%
}
.offset-md-7 {
margin-left: 58.333333%
}
.offset-md-8 {
margin-left: 66.666667%
}
.offset-md-9 {
margin-left: 75%
}
.offset-md-10 {
margin-left: 83.333333%
}
.offset-md-11 {
margin-left: 91.666667%
}
}
@media (min-width: 992px) {
.col-lg-1 {
float:left;
width: 8.333333%
}
.col-lg-2 {
float: left;
width: 16.666667%
}
.col-lg-3 {
float: left;
width: 25%
}
.col-lg-4 {
float: left;
width: 33.333333%
}
.col-lg-5 {
float: left;
width: 41.666667%
}
.col-lg-6 {
float: left;
width: 50%
}
.col-lg-7 {
float: left;
width: 58.333333%
}
.col-lg-8 {
float: left;
width: 66.666667%
}
.col-lg-9 {
float: left;
width: 75%
}
.col-lg-10 {
float: left;
width: 83.333333%
}
.col-lg-11 {
float: left;
width: 91.666667%
}
.col-lg-12 {
float: left;
width: 100%
}
.offset-lg-0 {
margin-left: 0
}
.offset-lg-1 {
margin-left: 8.333333%
}
.offset-lg-2 {
margin-left: 16.666667%
}
.offset-lg-3 {
margin-left: 25%
}
.offset-lg-4 {
margin-left: 33.333333%
}
.offset-lg-5 {
margin-left: 41.666667%
}
.offset-lg-6 {
margin-left: 50%
}
.offset-lg-7 {
margin-left: 58.333333%
}
.offset-lg-8 {
margin-left: 66.666667%
}
.offset-lg-9 {
margin-left: 75%
}
.offset-lg-10 {
margin-left: 83.333333%
}
.offset-lg-11 {
margin-left: 91.666667%
}
}
@media (min-width: 1200px) {
.col-xl-1 {
float:left;
width: 8.333333%
}
.col-xl-2 {
float: left;
width: 16.666667%
}
.col-xl-3 {
float: left;
width: 25%
}
.col-xl-4 {
float: left;
width: 33.333333%
}
.col-xl-5 {
float: left;
width: 41.666667%
}
.col-xl-6 {
float: left;
width: 50%
}
.col-xl-7 {
float: left;
width: 58.333333%
}
.col-xl-8 {
float: left;
width: 66.666667%
}
.col-xl-9 {
float: left;
width: 75%
}
.col-xl-10 {
float: left;
width: 83.333333%
}
.col-xl-11 {
float: left;
width: 91.666667%
}
.col-xl-12 {
float: left;
width: 100%
}
.offset-xl-0 {
margin-left: 0
}
.offset-xl-1 {
margin-left: 8.333333%
}
.offset-xl-2 {
margin-left: 16.666667%
}
.offset-xl-3 {
margin-left: 25%
}
.offset-xl-4 {
margin-left: 33.333333%
}
.offset-xl-5 {
margin-left: 41.666667%
}
.offset-xl-6 {
margin-left: 50%
}
.offset-xl-7 {
margin-left: 58.333333%
}
.offset-xl-8 {
margin-left: 66.666667%
}
.offset-xl-9 {
margin-left: 75%
}
.offset-xl-10 {
margin-left: 83.333333%
}
.offset-xl-11 {
margin-left: 91.666667%
}
}
@media (min-width: 1600px) {
.col-xxl-1 {
float:left;
width: 8.333333%
}
.col-xxl-2 {
float: left;
width: 16.666667%
}
.col-xxl-3 {
float: left;
width: 25%
}
.col-xxl-4 {
float: left;
width: 33.333333%
}
.col-xxl-5 {
float: left;
width: 41.666667%
}
.col-xxl-6 {
float: left;
width: 50%
}
.col-xxl-7 {
float: left;
width: 58.333333%
}
.col-xxl-8 {
float: left;
width: 66.666667%
}
.col-xxl-9 {
float: left;
width: 75%
}
.col-xxl-10 {
float: left;
width: 83.333333%
}
.col-xxl-11 {
float: left;
width: 91.666667%
}
.col-xxl-12 {
float: left;
width: 100%
}
.offset-xxl-0 {
margin-left: 0
}
.offset-xxl-1 {
margin-left: 8.333333%
}
.offset-xxl-2 {
margin-left: 16.666667%
}
.offset-xxl-3 {
margin-left: 25%
}
.offset-xxl-4 {
margin-left: 33.333333%
}
.offset-xxl-5 {
margin-left: 41.666667%
}
.offset-xxl-6 {
margin-left: 50%
}
.offset-xxl-7 {
margin-left: 58.333333%
}
.offset-xxl-8 {
margin-left: 66.666667%
}
.offset-xxl-9 {
margin-left: 75%
}
.offset-xxl-10 {
margin-left: 83.333333%
}
.offset-xxl-11 {
margin-left: 91.666667%
}
}
.table {
max-width: 100%;
margin-bottom: 1rem;
color: #76838f
}
.table td,.table th {
padding: .572rem;
vertical-align: top;
border-top: 1px solid #e4eaec
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #e4eaec
}
.table tbody+tbody {
border-top: 2px solid #e4eaec
}
.table .table {
background-color: #fff
}
.table-sm td,.table-sm th {
padding: .358rem
}
.table-bordered {
border: 1px solid #e4eaec
}
.table-bordered td,.table-bordered th {
border: 1px solid #ddd
}
.table-bordered thead td,.table-bordered thead th {
border-bottom-width: 1px
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(243,247,249,.3)
}
.table-hover tbody tr:hover {
background-color: #f3f7f9
}
.table-active,.table-active>td,.table-active>th {
background-color: #f3f7f9
}
.table-active a {
color: inherit
}
.table-hover .table-active:hover {
background-color: #e2ecf1
}
.table-hover .table-active:hover>td,.table-hover .table-active:hover>th {
color: inherit;
background-color: #e2ecf1
}
.table-responsive {
display: block;
overflow-x: auto;
width: 100%;
min-height: .01%
}
.form-control {
font-size: 1rem;
line-height: 1.571429;
display: block;
width: 100%;
padding: .429rem .929rem;
color: #76838f;
border: 1px solid #e4eaec;
border-radius: .215rem;
background-color: #fff;
background-image: none;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 2.573rem;
-webkit-transition: -webkit-box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
-o-transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
border-color: #e4eaec;
-webkit-appearance: none;
-moz-appearance: none
}
.form-control::-ms-expand {
border: 0;
background-color: transparent
}
.form-control.focus,.form-control:focus {
border-color: #62a8ea;
-webkit-box-shadow: none;
box-shadow: none;
outline: 0
}
.form-control::-webkit-input-placeholder {
opacity: 1;
color: #a3afb7
}
.form-control::-moz-placeholder {
opacity: 1;
color: #a3afb7
}
.form-control:-ms-input-placeholder {
opacity: 1;
color: #a3afb7
}
.form-control::placeholder {
opacity: 1;
color: #a3afb7
}
.form-control:disabled,.form-control[readonly] {
opacity: 1;
background-color: #f3f7f9
}
.form-control:disabled {
cursor: not-allowed
}
select.form-control:not([size]):not([multiple]) {
height: 2.573rem
}
select.form-control:focus::-ms-value {
color: #76838f;
background-color: #fff
}
.form-control-static {
min-height: 2.573rem;
margin-bottom: 0;
padding-top: .429rem;
padding-bottom: .429rem
}
.form-control-static.form-control-lg,.form-control-static.form-control-sm,.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,.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-right: 0;
padding-left: 0
}
.form-control-sm,.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn {
height: 2.288rem;
font-size: .858rem;
padding: .429rem .786rem;
border-radius: .143rem
}
.input-group-sm>.input-group-btn>select.btn:not([size]):not([multiple]),.input-group-sm>select.form-control:not([size]):not([multiple]),.input-group-sm>select.input-group-addon:not([size]):not([multiple]),select.form-control-sm:not([size]):not([multiple]) {
height: 2.288rem
}
.form-control-lg,.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn {
height: 3.573667rem;
font-size: 1.286rem;
padding: .858rem 1.429rem;
border-radius: .286rem
}
.input-group-lg>.input-group-btn>select.btn:not([size]):not([multiple]),.input-group-lg>select.form-control:not([size]):not([multiple]),.input-group-lg>select.input-group-addon:not([size]):not([multiple]),select.form-control-lg:not([size]):not([multiple]) {
height: 3.573667rem
}
.form-group {
margin-bottom: 1.429rem
}
.form-control-danger,.form-control-success,.form-control-warning {
padding-right: 2.787rem;
background-repeat: no-repeat;
background-position: center right .64325rem;
-webkit-background-size: 1.2865rem 1.2865rem;
background-size: 1.2865rem 1.2865rem
}
html:not(.met-web) .has-success .custom-control,html:not(.met-web) .has-success .form-control-label {
color: #46be8a
}
html:not(.met-web) .has-success .form-control {
border-color: #46be8a;
border-color: #46be8a;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
}
html:not(.met-web) .has-success .input-group-addon {
color: #46be8a;
border-color: #46be8a;
background-color: #ddf3e9
}
html:not(.met-web) .has-success .form-control-success {
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3E%3Cpath fill=\'$form-icon-success-color\' d=\'M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z\'/%3E%3C/svg%3E')
}
.has-warning .custom-control,.has-warning .form-control-label {
color: #f2a654
}
.has-warning .form-control {
border-color: #f2a654;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
}
.has-warning .input-group-addon {
color: #f2a654;
border-color: #f2a654;
background-color: #fff
}
.has-warning .form-control-warning {
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3E%3Cpath fill=\'#f2a654\' d=\'M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z\'/%3E%3C/svg%3E')
}
.has-danger .custom-control,.has-danger .form-control-label {
color: #f96868
}
.has-danger .form-control {
border-color: #f96868;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
}
.has-danger .input-group-addon {
color: #f96868;
border-color: #f96868;
background-color: #fff
}
.has-danger .form-control-danger {
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'#f96868\' viewBox=\'-2 -2 7 7\'%3E%3Cpath stroke=\'%23d9534f\' d=\'M0 0l3 3m0-3L0 3\'/%3E%3Ccircle r=\'.5\'/%3E%3Ccircle cx=\'3\' r=\'.5\'/%3E%3Ccircle cy=\'3\' r=\'.5\'/%3E%3Ccircle cx=\'3\' cy=\'3\' r=\'.5\'/%3E%3C/svg%3E')
}
@media (min-width: 480px) {
.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 .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn {
width: auto
}
.form-inline .input-group>.form-control {
width: 100%
}
.form-inline .form-control-label {
margin-bottom: 0;
vertical-align: middle
}
}
.btn {
font-size: 1rem;
font-weight: 400;
line-height: 1.571429;
display: inline-block;
padding: .429rem 1rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
vertical-align: middle;
white-space: nowrap;
border: 1px solid transparent;
border-radius: .215rem
}
.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {
outline: 0
}
.btn.focus,.btn:focus,.btn:hover {
text-decoration: none
}
.btn.active,.btn:active {
outline: 0;
background-image: none;
-webkit-box-shadow: none;
box-shadow: none
}
.btn.disabled,.btn:disabled {
cursor: not-allowed;
opacity: .65
}
a.btn.disabled,fieldset[disabled] a.btn {
pointer-events: none
}
.btn-primary {
color: #fff;
border-color: #62a8ea;
background-color: #62a8ea
}
.btn-primary:hover,.btn-primary.focus,.btn-primary:focus {
color: #fff;
border-color: #89bceb;
background-color: #89bceb
}
.btn-primary.active,.btn-primary:active,.open>.btn-primary.dropdown-toggle {
color: #fff;
border-color: #2f318b;
background-color: #2f318b;
background-image: none
}
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.btn-primary.dropdown-toggle.focus,.open>.btn-primary.dropdown-toggle:focus,.open>.btn-primary.dropdown-toggle:hover {
color: #fff;
border-color: #2f318b;
background-color: #2f318b
}
.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary:disabled.focus,.btn-primary:disabled:focus,.btn-primary.disabled:hover,.btn-primary:disabled:hover {
border-color: #62a8ea;
background-color: #62a8ea
}
.btn-secondary {
color: #373a3c;
border-color: #ccc;
background-color: #fff;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075)
}
.btn-info {
color: #fff;
border-color: #57c7d4;
background-color: #57c7d4
}
.btn-info:hover,.btn-info.focus,.btn-info:focus {
color: #fff;
border-color: #77d6e1;
background-color: #77d6e1
}
.btn-info.active,.btn-info:active,.open>.btn-info.dropdown-toggle {
color: #fff;
background-image: none;
border-color: #47b8c6;
background-color: #47b8c6
}
.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.btn-info.dropdown-toggle.focus,.open>.btn-info.dropdown-toggle:focus,.open>.btn-info.dropdown-toggle:hover {
color: #fff;
border-color: #47b8c6;
background-color: #47b8c6
}
.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info:disabled.focus,.btn-info:disabled:focus,.btn-info.disabled:hover,.btn-info:disabled:hover {
border-color: #57c7d4;
background-color: #57c7d4
}
.btn-success {
color: #fff;
border-color: #46be8a;
background-color: #46be8a
}
.btn-success:hover,.btn-success.focus,.btn-success:focus {
color: #fff;
border-color: #5cd29d;
background-color: #5cd29d
}
.btn-success.active,.btn-success:active,.open>.btn-success.dropdown-toggle {
color: #fff;
background-image: none;
border-color: #36ab7a;
background-color: #36ab7a
}
.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.btn-success.dropdown-toggle.focus,.open>.btn-success.dropdown-toggle:focus,.open>.btn-success.dropdown-toggle:hover {
color: #fff;
border-color: #36ab7a;
background-color: #36ab7a
}
.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success:disabled.focus,.btn-success:disabled:focus,.btn-success.disabled:hover,.btn-success:disabled:hover {
border-color: #46be8a;
background-color: #46be8a
}
.btn-warning {
color: #fff;
border-color: #f2a654;
background-color: #f2a654
}
.btn-warning:hover,.btn-warning.focus,.btn-warning:focus {
color: #fff;
border-color: #f4b066;
background-color: #f4b066
}
.btn-warning.active,.btn-warning:active,.open>.btn-warning.dropdown-toggle {
color: #fff;
background-image: none;
border-color: #ec9940;
background-color: #ec9940
}
.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.btn-warning.dropdown-toggle.focus,.open>.btn-warning.dropdown-toggle:focus,.open>.btn-warning.dropdown-toggle:hover {
color: #fff;
border-color: #ec9940;
background-color: #ec9940
}
.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning:disabled.focus,.btn-warning:disabled:focus,.btn-warning.disabled:hover,.btn-warning:disabled:hover {
border-color: #f2a654;
background-color: #f2a654
}
.btn-danger {
color: #fff;
border-color: #f96868;
background-color: #f96868
}
.btn-danger:hover,.btn-danger.focus,.btn-danger:focus {
color: #fff;
border-color: #fa7a7a;
background-color: #fa7a7a
}
.btn-danger.active,.btn-danger:active,.open>.btn-danger.dropdown-toggle {
color: #fff;
background-image: none;
border-color: #e9595b;
background-color: #e9595b
}
.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.btn-danger.dropdown-toggle.focus,.open>.btn-danger.dropdown-toggle:focus,.open>.btn-danger.dropdown-toggle:hover {
color: #fff;
border-color: #e9595b;
background-color: #e9595b
}
.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger:disabled.focus,.btn-danger:disabled:focus,.btn-danger.disabled:hover,.btn-danger:disabled:hover {
border-color: #f96868;
background-color: #f96868
}
.btn-outline-primary {
color: #62a8ea;
border-color: #62a8ea;
background-color: transparent;
background-image: none
}
.btn-outline-primary:hover,.btn-outline-primary.focus,.btn-outline-primary:focus,.btn-outline-primary.active,.btn-outline-primary:active,.open>.btn-outline-primary.dropdown-toggle {
color: #fff;
border-color: #62a8ea;
background-color: #62a8ea
}
.btn-outline-primary.active.focus,.btn-outline-primary.active:focus,.btn-outline-primary.active:hover,.btn-outline-primary:active.focus,.btn-outline-primary:active:focus,.btn-outline-primary:active:hover,.open>.btn-outline-primary.dropdown-toggle.focus,.open>.btn-outline-primary.dropdown-toggle:focus,.open>.btn-outline-primary.dropdown-toggle:hover {
color: #fff;
border-color: #1869b4;
background-color: #1d7dd8
}
.btn-outline-primary.disabled.focus,.btn-outline-primary.disabled:focus,.btn-outline-primary:disabled.focus,.btn-outline-primary:disabled:focus,.btn-outline-primary.disabled:hover,.btn-outline-primary:disabled:hover {
border-color: #bcdaf6
}
.btn-outline-secondary {
color: #ccc;
border-color: #ccc;
background-color: transparent;
background-image: none
}
.btn-outline-secondary:hover,.btn-outline-secondary.focus,.btn-outline-secondary:focus,.btn-outline-secondary.active,.btn-outline-secondary:active,.open>.btn-outline-secondary.dropdown-toggle {
color: #fff;
border-color: #ccc;
background-color: #ccc
}
.btn-outline-secondary.active.focus,.btn-outline-secondary.active:focus,.btn-outline-secondary.active:hover,.btn-outline-secondary:active.focus,.btn-outline-secondary:active:focus,.btn-outline-secondary:active:hover,.open>.btn-outline-secondary.dropdown-toggle.focus,.open>.btn-outline-secondary.dropdown-toggle:focus,.open>.btn-outline-secondary.dropdown-toggle:hover {
color: #fff;
border-color: #8c8c8c;
background-color: #a1a1a1
}
.btn-outline-secondary.disabled.focus,.btn-outline-secondary.disabled:focus,.btn-outline-secondary:disabled.focus,.btn-outline-secondary:disabled:focus,.btn-outline-secondary.disabled:hover,.btn-outline-secondary:disabled:hover {
border-color: #fff
}
.btn-outline-info {
color: #57c7d4;
border-color: #57c7d4;
background-color: transparent;
background-image: none
}
.btn-outline-info:hover,.btn-outline-info.focus,.btn-outline-info:focus,.btn-outline-info.active,.btn-outline-info:active,.open>.btn-outline-info.dropdown-toggle {
color: #fff;
border-color: #57c7d4;
background-color: #57c7d4
}
.btn-outline-info.active.focus,.btn-outline-info.active:focus,.btn-outline-info.active:hover,.btn-outline-info:active.focus,.btn-outline-info:active:focus,.btn-outline-info:active:hover,.open>.btn-outline-info.dropdown-toggle.focus,.open>.btn-outline-info.dropdown-toggle:focus,.open>.btn-outline-info.dropdown-toggle:hover {
color: #fff;
border-color: #237e89;
background-color: #2b9ca9
}
.btn-outline-info.disabled.focus,.btn-outline-info.disabled:focus,.btn-outline-info:disabled.focus,.btn-outline-info:disabled:focus,.btn-outline-info.disabled:hover,.btn-outline-info:disabled:hover {
border-color: #a8e2e9
}
.btn-outline-success {
color: #46be8a;
border-color: #46be8a;
background-color: transparent;
background-image: none
}
.btn-outline-success:hover,.btn-outline-success.focus,.btn-outline-success:focus,.btn-outline-success.active,.btn-outline-success:active,.open>.btn-outline-success.dropdown-toggle {
color: #fff;
border-color: #46be8a;
background-color: #46be8a
}
.btn-outline-success.active.focus,.btn-outline-success.active:focus,.btn-outline-success.active:hover,.btn-outline-success:active.focus,.btn-outline-success:active:focus,.btn-outline-success:active:hover,.open>.btn-outline-success.dropdown-toggle.focus,.open>.btn-outline-success.dropdown-toggle:focus,.open>.btn-outline-success.dropdown-toggle:hover {
color: #fff;
border-color: #226246;
background-color: #2d805c
}
.btn-outline-success.disabled.focus,.btn-outline-success.disabled:focus,.btn-outline-success:disabled.focus,.btn-outline-success:disabled:focus,.btn-outline-success.disabled:hover,.btn-outline-success:disabled:hover {
border-color: #91d9ba
}
.btn-outline-warning {
color: #f2a654;
border-color: #f2a654;
background-color: transparent;
background-image: none
}
.btn-outline-warning:hover,.btn-outline-warning.focus,.btn-outline-warning:focus,.btn-outline-warning.active,.btn-outline-warning:active,.open>.btn-outline-warning.dropdown-toggle {
color: #fff;
border-color: #f2a654;
background-color: #f2a654
}
.btn-outline-warning.active.focus,.btn-outline-warning.active:focus,.btn-outline-warning.active:hover,.btn-outline-warning:active.focus,.btn-outline-warning:active:focus,.btn-outline-warning:active:hover,.open>.btn-outline-warning.dropdown-toggle.focus,.open>.btn-outline-warning.dropdown-toggle:focus,.open>.btn-outline-warning.dropdown-toggle:hover {
color: #fff;
border-color: #b8660e;
background-color: #de7c11
}
.btn-outline-warning.disabled.focus,.btn-outline-warning.disabled:focus,.btn-outline-warning:disabled.focus,.btn-outline-warning:disabled:focus,.btn-outline-warning.disabled:hover,.btn-outline-warning:disabled:hover {
border-color: #f9d7b3
}
.btn-outline-danger {
color: #f96868;
border-color: #f96868;
background-color: transparent;
background-image: none
}
.btn-outline-danger:hover,.btn-outline-danger.focus,.btn-outline-danger:focus,.btn-outline-danger.active,.btn-outline-danger:active,.open>.btn-outline-danger.dropdown-toggle {
color: #fff;
border-color: #f96868;
background-color: #f96868
}
.btn-outline-danger.active.focus,.btn-outline-danger.active:focus,.btn-outline-danger.active:hover,.btn-outline-danger:active.focus,.btn-outline-danger:active:focus,.btn-outline-danger:active:hover,.open>.btn-outline-danger.dropdown-toggle.focus,.open>.btn-outline-danger.dropdown-toggle:focus,.open>.btn-outline-danger.dropdown-toggle:hover {
color: #fff;
border-color: #d90909;
background-color: #f61515
}
.btn-outline-danger.disabled.focus,.btn-outline-danger.disabled:focus,.btn-outline-danger:disabled.focus,.btn-outline-danger:disabled:focus,.btn-outline-danger.disabled:hover,.btn-outline-danger:disabled:hover {
border-color: #fdcaca
}
.btn-group-lg>.btn,.btn-lg {
font-size: 1.286rem;
padding: .715rem 1.286rem;
border-radius: .286rem
}
.btn-group-sm>.btn,.btn-sm {
font-size: .858rem;
padding: .429rem .858rem;
border-radius: .143rem
}
.btn-block {
display: block;
width: 100%;
white-space: normal
}
.btn-block+.btn-block {
margin-top: .572rem
}
input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
width: 100%
}
/*m|e|t|i|n|f|o|_|7|_|3*/
.fade {
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
opacity: 0
}
.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;
overflow: hidden;
height: 0;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: .35s;
-o-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-property: height;
-o-transition-property: height;
transition-property: height
}
.dropdown,.dropup {
position: relative
}
.dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: .286rem;
content: '';
vertical-align: middle;
border-top: .286rem solid;
border-right: .286rem solid transparent;
border-left: .286rem solid transparent;
margin-right: 0;
margin-left: .3em
}
.dropdown-toggle:focus {
outline: 0
}
.dropup .dropdown-toggle::after {
border-top: 0;
border-bottom: .286rem solid
}
.dropdown-menu {
font-size: 1rem;
position: absolute;
z-index: 1200;
top: 100%;
left: 0;
display: none;
float: left;
min-width: 160px;
margin: 5px 0 0;
padding: 5px 0;
list-style: none;
text-align: left;
color: #76838f;
border: 1px solid #e4eaec;
border-radius: .215rem;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 0 3px 12px rgba(0,0,0,.05);
box-shadow: 0 3px 12px rgba(0,0,0,.05);
-webkit-transition: .25s;
-o-transition: .25s;
transition: .25s
}
.dropdown-divider {
overflow: hidden;
height: 1px;
margin: .5rem 0;
background-color: #e4eaec;
margin: 6px 0
}
.dropdown-item {
font-weight: 400;
display: block;
clear: both;
width: 100%;
padding: 3px 20px;
text-align: inherit;
white-space: nowrap;
color: #76838f;
border: 0;
background: 0 0;
padding: .572rem 1.072rem;
-webkit-transition: background-color .25s;
-o-transition: background-color .25s;
transition: background-color .25s;
border-radius: .215rem
}
.dropdown-item:focus,.dropdown-item:hover,.dropdown-item.active,.dropdown-item.active:focus,.dropdown-item.active:hover {
text-decoration: none;
color: #76838f;
outline: 0;
background-color: #f3f7f9
}
.dropdown-item.disabled,.dropdown-item.disabled:focus,.dropdown-item.disabled:hover {
color: #ccd5db
}
.dropdown-item.disabled:focus,.dropdown-item.disabled:hover {
cursor: not-allowed;
text-decoration: none;
background-color: transparent;
background-image: none;
filter: 'progid:DXImageTransform.Microsoft.gradient(enabled = false)'
}
.open>.dropdown-menu {
display: block
}
.open>a {
outline: 0
}
.dropdown-menu-right {
right: 0!important;
left: auto!important
}
.dropdown-menu-left {
right: auto!important;
left: 0!important
}
.dropdown-header {
font-size: .858rem;
display: block;
margin-bottom: 0;
padding: 5px 20px;
white-space: nowrap;
color: #37474f
}
.dropdown-backdrop {
position: fixed;
z-index: 1000;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
content: '';
border-top: 0;
border-bottom: .286rem solid
}
.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 5px;
margin-bottom: 6px;
-webkit-box-shadow: 0 -3px 12px rgba(0,0,0,.05);
box-shadow: 0 -3px 12px rgba(0,0,0,.05)
}
.btn-group {
position: relative;
display: inline-block;
vertical-align: middle
}
.btn-group>.btn {
position: relative;
float: left;
margin-bottom: 0
}
.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover {
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-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),.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child),.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
border-top-left-radius: 0;
border-bottom-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 .dropdown-toggle:active,.btn-group.open .dropdown-toggle {
outline: 0
}
.btn+.dropdown-toggle-split {
padding-right: .75rem;
padding-left: .75rem
}
.btn+.dropdown-toggle-split::after {
margin-left: 0
}
.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split {
padding-right: .6435rem;
padding-left: .6435rem
}
.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split {
padding-right: .9645rem;
padding-left: .9645rem
}
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}
.btn-group.open .dropdown-toggle.btn-link {
-webkit-box-shadow: none;
box-shadow: none
}
.btn .caret {
margin-left: 0
}
.btn-group-lg>.btn .caret,.btn-lg .caret {
border-width: .358rem .358rem 0;
border-bottom-width: 0
}
.dropup .btn-group-lg>.btn .caret,.dropup .btn-lg .caret {
border-width: 0 .358rem .358rem
}
[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio] {
position: absolute;
clip: rect(0,0,0,0);
pointer-events: none
}
.input-group {
position: relative;
display: table;
width: 100%;
border-collapse: separate
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0
}
.input-group .form-control:active,.input-group .form-control:focus,.input-group .form-control:hover {
z-index: 3
}
.input-group .form-control,.input-group-addon,.input-group-btn {
display: table-cell
}
.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child) {
border-radius: 0
}
.input-group-addon,.input-group-btn {
width: 1%;
vertical-align: middle;
white-space: nowrap
}
.input-group-addon {
font-size: 1rem;
font-weight: 400;
line-height: 1;
margin-bottom: 0;
padding: .429rem .929rem;
text-align: center;
color: #76838f;
border: 1px solid #e4eaec;
border-radius: .215rem;
background-color: #f3f7f9
}
.input-group-addon.form-control-sm,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.input-group-addon.btn {
font-size: .858rem;
padding: .429rem .786rem;
border-radius: .143rem
}
.input-group-addon.form-control-lg,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.input-group-addon.btn {
font-size: 1.286rem;
padding: .858rem 1.429rem;
border-radius: .286rem
}
.input-group-addon input[type=checkbox],.input-group-addon input[type=radio] {
margin-top: 0
}
.input-group .form-control:not(:last-child),.input-group-addon:not(:last-child),.input-group-btn:not(:first-child)>.btn-group:not(:last-child)>.btn,.input-group-btn:not(:first-child)>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:not(:last-child)>.btn,.input-group-btn:not(:last-child)>.btn-group>.btn,.input-group-btn:not(:last-child)>.dropdown-toggle {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group-addon:not(:last-child) {
border-right: 0
}
.input-group .form-control:not(:first-child),.input-group-addon:not(:first-child),.input-group-btn:not(:first-child)>.btn,.input-group-btn:not(:first-child)>.btn-group>.btn,.input-group-btn:not(:first-child)>.dropdown-toggle,.input-group-btn:not(:last-child)>.btn-group:not(:first-child)>.btn,.input-group-btn:not(:last-child)>.btn:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.form-control+.input-group-addon:not(:first-child) {
border-left: 0
}
.input-group-btn {
font-size: 0;
position: relative;
white-space: nowrap
}
.input-group-btn>.btn {
position: relative
}
.input-group-btn>.btn+.btn {
margin-left: -1px
}
.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover {
z-index: 3
}
.input-group-btn:not(:last-child)>.btn,.input-group-btn:not(:last-child)>.btn-group {
margin-right: -1px
}
.input-group-btn:not(:first-child)>.btn,.input-group-btn:not(:first-child)>.btn-group {
z-index: 2;
margin-left: -1px
}
.input-group-btn:not(:first-child)>.btn-group:active,.input-group-btn:not(:first-child)>.btn-group:focus,.input-group-btn:not(:first-child)>.btn-group:hover,.input-group-btn:not(:first-child)>.btn:active,.input-group-btn:not(:first-child)>.btn:focus,.input-group-btn:not(:first-child)>.btn:hover {
z-index: 3
}
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none
}
.nav-link {
position: relative;
display: block;
overflow: hidden;
padding: .715rem 0.572rem
}
.nav-link:focus,.nav-link:hover {
text-decoration: none;
}
.nav-link.disabled {
color: #a3afb7
}
.nav-link.disabled,.nav-link.disabled:focus,.nav-link.disabled:hover {
cursor: not-allowed;
color: #a3afb7;
background-color: transparent
}
.nav-inline .nav-item {
display: inline-block
}
.nav-inline .nav-item+.nav-item,.nav-inline .nav-link+.nav-link {
margin-left: 1rem
}
.nav-tabs {
border-bottom: 1px solid #e4eaec
}
.nav-tabs::after {
display: table;
clear: both;
content: ''
}
.nav-tabs .nav-item {
float: left;
margin-bottom: -1px
}
.nav-tabs .nav-item+.nav-item {
margin-left: 2px
}
.nav-tabs .nav-link {
display: block;
padding: .715rem 1.429rem;
border: 1px solid transparent;
border-top-left-radius: .215rem;
border-top-right-radius: .215rem;
-webkit-transition: .25s;
-o-transition: .25s;
transition: .25s;
color: #76838f
}
.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
border-color: transparent transparent #e4eaec;
background-color: #f3f7f9
}
.nav-tabs .nav-link.disabled,.nav-tabs .nav-link.disabled:focus,.nav-tabs .nav-link.disabled:hover {
color: #a3afb7;
border-color: transparent;
background-color: transparent
}
.nav-tabs .nav-item.open .nav-link,.nav-tabs .nav-item.open .nav-link:focus,.nav-tabs .nav-item.open .nav-link:hover,.nav-tabs .nav-link.active,.nav-tabs .nav-link.active:focus,.nav-tabs .nav-link.active:hover {
color: #fff;
background-color: #62a8ea;
border-color: transparent;
border-bottom-color: #62a8ea
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.nav-pills::after {
display: table;
clear: both;
content: ''
}
.nav-pills .nav-item {
float: left
}
.nav-pills .nav-item+.nav-item {
margin-left: 2px
}
.nav-pills .nav-link {
display: block;
padding: .715rem 1.429rem;
border-radius: .215rem
}
.nav-pills .nav-item.open .nav-link,.nav-pills .nav-item.open .nav-link:focus,.nav-pills .nav-item.open .nav-link:hover,.nav-pills .nav-link.active,.nav-pills .nav-link.active:focus,.nav-pills .nav-link.active:hover {
cursor: default;
color: #fff;
background-color: #62a8ea
}
.nav-stacked .nav-item {
display: block;
float: none
}
.nav-stacked .nav-item+.nav-item {
margin-top: 2px;
margin-left: 0
}
.tab-content>.tab-pane {
display: none
}
.tab-content>.active {
display: block
}
.navbar {
position: relative;
padding: 1.5715rem .9375rem
}
.navbar::after {
display: table;
clear: both;
content: ''
}
@media (min-width: 480px) {
.navbar {
border-radius:.215rem
}
}
.navbar-full {
z-index: 1200
}
@media (min-width: 480px) {
.navbar-full {
border-radius:0
}
}
.navbar-fixed-bottom,.navbar-fixed-top {
position: fixed;
z-index: 1500;
right: 0;
left: 0
}
@media (min-width: 480px) {
.navbar-fixed-bottom,.navbar-fixed-top {
border-radius:0
}
}
.navbar-fixed-top {
top: 0
}
.navbar-fixed-bottom {
bottom: 0
}
.navbar-brand {
font-size: 1.286rem;
float: left;
margin-right: 1rem;
padding-top: 4px;
padding-bottom: 4px
}
.navbar-brand:focus,.navbar-brand:hover {
text-decoration: none
}
.navbar-brand>img {
display: block
}
.navbar-toggler {
font-size: 1.286rem;
line-height: 1;
width: 2.5em;
height: 2em;
padding: .5rem .75rem;
border: 1px solid transparent;
border-radius: .215rem;
background: transparent no-repeat center center;
-webkit-background-size: 24px 24px;
background-size: 24px 24px
}
.navbar-toggler:focus,.navbar-toggler:hover {
text-decoration: none
}
.navbar-nav .nav-item {
float: left
}
.navbar-nav .nav-link {
display: block;
padding-top: .425rem;
padding-bottom: .425rem
}
.navbar-nav .nav-link+.nav-link,.navbar-nav .nav-item+.nav-item {
margin-left: 1rem
}
.card {
position: relative;
display: block;
border-radius: .215rem;
background-color: #fff;
margin-bottom: 2.143rem
}
.card-block {
padding: 1.429rem
}
.card-block::after {
display: table;
clear: both;
content: ''
}
.card-title {
margin-bottom: .858rem;
margin-top: 0
}
.card-text:last-child {
margin-bottom: 0
}
.card-link:hover {
text-decoration: none
}
.card-link+.card-link {
margin-left: 1.429rem
}
.card>.list-group:first-child .list-group-item:first-child {
border-top-left-radius: .215rem;
border-top-right-radius: .215rem
}
.card>.list-group:last-child .list-group-item:last-child {
border-bottom-right-radius: .215rem;
border-bottom-left-radius: .215rem
}
.card-header {
margin-bottom: 0;
padding: .858rem 1.429rem;
border-bottom: 1px solid #e4eaec;
background-color: #f3f7f9
}
.card-header::after {
display: table;
clear: both;
content: ''
}
.card-header:first-child {
border-radius: -webkit-calc(.215rem - 1px) -webkit-calc(.215rem - 1px) 0 0;
border-radius: calc(.215rem - 1px) calc(.215rem - 1px) 0 0
}
.card-footer {
padding: .858rem 1.429rem;
border-top: 1px solid #e4eaec;
background-color: #f3f7f9
}
.card-footer::after {
display: table;
clear: both;
content: ''
}
.card-footer:last-child {
border-radius: 0 0 -webkit-calc(.215rem - 1px) -webkit-calc(.215rem - 1px);
border-radius: 0 0 calc(.215rem - 1px) calc(.215rem - 1px)
}
.card-img {
border-radius: -webkit-calc(.215rem - 1px);
border-radius: calc(.215rem - 1px);
border-radius: 0
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1.429rem
}
.card-img-top {
border-top-left-radius: -webkit-calc(.215rem - 1px);
border-top-left-radius: calc(.215rem - 1px);
border-top-right-radius: -webkit-calc(.215rem - 1px);
border-top-right-radius: calc(.215rem - 1px)
}
.card-img-bottom {
border-bottom-right-radius: -webkit-calc(.215rem - 1px);
border-bottom-right-radius: calc(.215rem - 1px);
border-bottom-left-radius: -webkit-calc(.215rem - 1px);
border-bottom-left-radius: calc(.215rem - 1px)
}
.breadcrumb {
margin-bottom: 1rem;
padding: .75rem 1rem;
list-style: none;
border-radius: .215rem;
background-color: transparent;
margin-bottom: 10px
}
.breadcrumb::after {
display: table;
clear: both;
content: ''
}
.breadcrumb-item {
float: left
}
.breadcrumb-item+.breadcrumb-item::before {
display: inline-block;
padding-right: .5rem;
padding-left: .5rem;
content: '/';
color: #ccd5db;
padding: 0 5px
}
.breadcrumb-item+.breadcrumb-item:hover::before {
text-decoration: underline
}
.breadcrumb-item+.breadcrumb-item:hover::before {
text-decoration: none
}
.breadcrumb-item.active {
color: #76838f
}
.pagination {
display: inline-block;
margin-top: 1rem;
margin-bottom: 1rem;
padding-left: 0;
border-radius: .215rem
}
.page-item {
display: inline
}
.page-item:first-child .page-link {
margin-left: 0;
border-top-left-radius: .215rem;
border-bottom-left-radius: .215rem
}
.page-item:last-child .page-link {
border-top-right-radius: .215rem;
border-bottom-right-radius: .215rem
}
.page-item.active .page-link,.page-item.active .page-link:focus,.page-item.active .page-link:hover {
z-index: 2;
cursor: default;
color: #fff;
border-color: #62a8ea;
background-color: #62a8ea
}
.page-item.disabled .page-link,.page-item.disabled .page-link:focus,.page-item.disabled .page-link:hover {
cursor: not-allowed;
pointer-events: none;
color: #ccd5db;
border-color: #e4eaec;
background-color: transparent
}
.page-link {
position: relative;
float: left;
margin-left: -1px;
padding: .643rem 1.072rem;
text-decoration: none;
color: #76838f;
background-color: transparent;
-webkit-transition: background .2s ease-out,border-color 0s ease-out,color .2s ease-out;
-o-transition: background .2s ease-out,border-color 0s ease-out,color .2s ease-out;
transition: background .2s ease-out,border-color 0s ease-out,color .2s ease-out
}
.page-link:focus,.page-link:hover {
color: #89bceb;
border-color: #e4eaec;
background-color: #f3f7f9;
-webkit-transition: background .2s ease-out,border-color .2s ease-out,color .2s ease-out;
-o-transition: background .2s ease-out,border-color .2s ease-out,color .2s ease-out;
transition: background .2s ease-out,border-color .2s ease-out,color .2s ease-out;
text-decoration: none
}
.pagination-lg .page-link {
font-size: 1.286rem;
padding: .715rem 1.215rem
}
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: .286rem;
border-bottom-left-radius: .286rem
}
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: .286rem;
border-bottom-right-radius: .286rem
}
.pagination-sm .page-link {
font-size: .858rem;
padding: .429rem .786rem
}
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius: .143rem;
border-bottom-left-radius: .143rem
}
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius: .143rem;
border-bottom-right-radius: .143rem
}
.tag {
font-weight: 400;
line-height: 1;
display: inline-block;
padding: .25em .6em;
text-align: center;
vertical-align: baseline;
color: #fff;
border-radius: .215rem
}
.tag:empty {
display: none
}
.btn .tag {
position: relative;
top: -1px
}
a.tag:focus,a.tag:hover {
cursor: pointer;
text-decoration: none;
color: #fff
}
.tag-pill {
padding-right: .6em;
padding-left: .6em;
border-radius: 10rem;
padding: 3px 6px
}
.tag-default {
background-color: #e4eaec;
color: #76838f
}
.tag-default[href]:focus,.tag-default[href]:hover {
background-color: #c6d3d7;
background-color: #f3f7f9
}
.tag-primary {
background-color: #62a8ea
}
.tag-primary[href]:focus,.tag-primary[href]:hover {
background-color: #358fe4;
background-color: #89bceb
}
.tag-success {
background-color: #46be8a
}
.tag-success[href]:focus,.tag-success[href]:hover {
background-color: #369b6f;
background-color: #5cd29d
}
.tag-info {
background-color: #57c7d4
}
.tag-info[href]:focus,.tag-info[href]:hover {
background-color: #33b6c5;
background-color: #77d6e1
}
.tag-warning {
background-color: #f2a654
}
.tag-warning[href]:focus,.tag-warning[href]:hover {
background-color: #ee8d25;
background-color: #f4b066
}
.tag-danger {
background-color: #f96868
}
.tag-danger[href]:focus,.tag-danger[href]:hover {
background-color: #f73737;
background-color: #fa7a7a
}
.alert {
margin-bottom: 1rem;
padding: 15px;
border: 1px solid transparent;
border-radius: .215rem;
padding-right: 20px;
padding-left: 20px
}
.alert-heading {
color: inherit
}
.alert-link {
font-weight: 700
}
.alert-dismissible {
padding-right: 30px;
padding-right: 40px
}
.alert-dismissible .close {
position: relative;
top: -.125rem;
right: -15px;
color: inherit;
top: 0;
text-decoration: none;
opacity: .6
}
.alert-success {
color: #46be8a;
border-color: #e7faf2;
background-color: rgba(231,250,242,.8)
}
.alert-success .close {
color: #46be8a
}
.alert-success .close:focus,.alert-success .close:hover {
color: #46be8a
}
.alert-info {
color: #57c7d4;
border-color: #ecf9fa;
background-color: rgba(236,249,250,.8)
}
.alert-info .close {
color: #57c7d4
}
.alert-info .close:focus,.alert-info .close:hover {
color: #57c7d4
}
.alert-warning {
color: #f2a654;
border-color: #fff3e6;
background-color: rgba(255,243,230,.8)
}
.alert-warning .close {
color: #f2a654
}
.alert-warning .close:focus,.alert-warning .close:hover {
color: #f2a654
}
.alert-danger {
color: #f96868;
border-color: #ffeaea;
background-color: rgba(255,234,234,.8)
}
.alert-danger .close {
color: #f96868
}
.alert-danger .close:focus,.alert-danger .close:hover {
color: #f96868
}
.media,.media-body {
overflow: hidden
}
.media-body {
width: 10000px
}
.media-body,.media-left,.media-right {
display: table-cell;
vertical-align: top
}
.media-middle {
vertical-align: middle
}
.media-bottom {
vertical-align: bottom
}
.media-object {
display: block;
width: 120px
}
.media-object.img-thumbnail {
max-width: none
}
.media-right {
padding-left: 20px
}
.media-left {
padding-right: 20px
}
.media-heading {
margin-top: 0;
margin-bottom: 5px
}
.media-list {
padding-left: 0;
list-style: none
}
.list-group {
margin-bottom: 0;
padding-left: 0;
margin-bottom: 20px
}
.list-group-item {
position: relative;
display: block;
margin-bottom: -1px;
padding: .75rem 1.25rem;
border: 1px solid transparent;
background-color: #fff
}
.list-group-item:first-child {
border-top-left-radius: .215rem;
border-top-right-radius: .215rem
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: .215rem;
border-bottom-left-radius: .215rem
}
.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover {
cursor: not-allowed;
color: #ccd5db;
background-color: transparent
}
.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading {
color: inherit
}
.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text {
color: #ccd5db
}
.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover {
z-index: 2;
text-decoration: none;
color: #62a8ea;
border-color: transparent;
background-color: transparent
}
.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: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,.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 {
color: inherit
}
.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text {
color: #fff
}
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px
}
.list-group-item-text {
line-height: 1.3;
margin-bottom: 0
}
.close {
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
float: right;
opacity: .2;
color: #000;
text-shadow: none
}
.close:focus,.close:hover {
cursor: pointer;
text-decoration: none;
opacity: .5;
color: #000
}
button.close {
padding: 0;
cursor: pointer;
border: 0;
background: 0 0;
-webkit-appearance: none
}
.modal-open {
overflow: hidden
}
.modal {
position: fixed;
z-index: 1700;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
overflow: hidden;
outline: 0
}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out;
-webkit-transform: translate(0,-25%);
-ms-transform: translate(0,-25%);
-o-transform: translate(0,-25%);
transform: translate(0,-25%)
}
.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;
border: 1px solid transparent;
border-radius: .286rem;
outline: 0;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 0 2px 12px rgba(0,0,0,.2);
box-shadow: 0 2px 12px rgba(0,0,0,.2);
border: none
}
.modal-backdrop {
position: fixed;
z-index: 1600;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.in {
opacity: .5
}
.modal-header {
padding: 15px 20px;
border-bottom: 1px solid #e4eaec;
border-bottom: none
}
.modal-header::after {
display: table;
clear: both;
content: ''
}
.modal-header .close {
margin-top: -2px;
margin-top: 1px
}
.modal-title {
line-height: 1.571429;
margin: 0
}
.modal-body {
position: relative;
padding: 20px
}
.modal-footer {
padding: 20px;
text-align: right;
border-top: 1px solid #e4eaec;
padding: 6px 20px 20px;
border-top: none
}
.modal-footer::after {
display: table;
clear: both;
content: ''
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
overflow: scroll;
width: 50px;
height: 50px
}
@media (min-width: 480px) {
.modal-dialog {
max-width:600px;
margin: 30px auto;
margin: 30px
}
.modal-content {
-webkit-box-shadow: 0 2px 12px rgba(0,0,0,.2);
box-shadow: 0 2px 12px rgba(0,0,0,.2)
}
.modal-sm {
max-width: 300px
}
}
@media (min-width: 992px) {
.modal-lg {
max-width:900px
}
}
.header{width: 100%;height: 90px;transition: all 0.5s; position:absolute; top:0; z-index:99; background:#f0f0f0}
.header .header_wrap{height: 70px; position:relative; margin:0 auto;}
.header .header_wrap .logo{width:321px;height:47px;margin:auto; display:flex; left:0; right:0; position:absolute; top:20px; background:url(../images/logo.svg) no-repeat top center; background-size:100% }
.header .header_wrap .logo img{ width:100%}
.header .header_wrap .logo a{width:321px;height:37px;}
.header .header_wrap .head_nav{height: 90px; width:90%; margin:0 auto; padding-left:0; }
.header .header_wrap .head_nav>li{position:relative;float: left;height: 90px;margin: 0 30px;}
.header .header_wrap .head_nav .phone{ height:auto; margin-top:30px; text-align:center; width:160px; font-size:16px; margin-right:0; border-left:1px #29211f solid; border-right:1px #29211f solid; height:25px; line-height:25px;}
.header .header_wrap .head_nav>li:nth-child(5){ float:right; margin-right:330px;}
.header .header_wrap .head_nav>li:nth-child(6){ float:right}
.header .header_wrap .head_nav>li:nth-child(1){margin-left: 0; padding-left:0}
.lang {
margin-right: 20px;
width: 80px;
text-align: center;
display: block;
position: relative;
z-index: 9
}
.lang a {
font-size: 20px;
color: #222;
line-height: 20px;
margin-top: 23px;
padding-bottom: 0;
display: block; font-weight:bold;
width: 80px;border-right:1px #29211f solid;
}
.lang a img{ width:28px; height:28px!important;}
.lang1 {
display: none;
top: 60px;
position: absolute;
padding: 0.715rem 0.572rem;
}
.lang a:hover {
margin-left: 0;
text-align: center;
color: #fff;
display: block;
}
.lang1 a {
background: #0e3b94;
color: #fff;
font-size: 14px;
padding: 0;
color: #fff!important;
height: 40px;
line-height: 40px;
margin-bottom: 0;
padding-bottom: 0;
margin-top: 0
}
.header .header_wrap .head_nav>li.on>a{color: #1d2088;}
.header .header_wrap .head_nav>li.on>a:after{right: 0;}
.header .header_wrap .head_nav>li>a:hover{color: #1d2088;}
.header .header_wrap .head_nav>li:hover>a:after{color: #222;right: 0;}
.header .header_wrap .head_nav>li>a{font-size: 16px;color: #221815; font-weight:bold;line-height:20px;margin-top: 37px;padding-bottom:0;position: relative;display: block;-o-transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;transition: .5s;}
.header .header_wrap .head_nav>li>a:after {content: '';position: absolute;bottom: 0;height: 2px;left: 0;right: 100%;-o-transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;transition: .5s;}
.header .header_wrap .head_nav>li>span{display:none;position:absolute;bottom: 0;left:50%;margin-left:-10px;width: 20px;height: 8px;background: url(../images/index7.png) no-repeat;z-index:5;}
.header .header_wrap .head_r{float: right;height: 85px;line-height: 85px; position:absolute; top:0; right:8%}
.header .header_wrap .head_r>div{float:right;}
.header .header_wrap .head_r .head_langua{position:relative;cursor: pointer;}
.header .header_wrap .head_r .head_langua img{margin-right: 10px; width:auto}
.met-nav-langlist li{ float:left}
.met-nav-langlist li img{ height:22px; }
.header .header_wrap .head_r .head_langua .langua_nav{display:none;position:absolute;top:70px;width:150px;line-height: 24px;padding-top:5px;z-index: 10;}
.header .header_wrap .head_r .head_langua .langua_nav img{width:150px; height:150px;}
.header .header_wrap .head_r .head_langua .langua_nav div{box-shadow:0px 0px 5px #e8e8e8; background:#fff;}
.header .header_wrap .head_r .head_langua .langua_nav a{display:block;font-size: 14px;background-color:#FFFFFF;padding:10px 20px;}
.header .header_wrap .head_r .head_langua .langua_nav a.on{color: #1f8e37;}
.header .header_wrap .head_r .head_langua .langua_nav a.on span{background:url(../images/index66.jpg) center no-repeat;display:inline-block;width:13px;height:9px;margin-left: 10px;}
.header .header_wrap .head_r .head_langua .langua_nav a:hover{color:#1f8e37;}
.header .header_wrap .head_r .head_langua .langua_nav a:nth-child(2){font-family: arial;}
.header .header_wrap .head_r .head_search{position:relative;/*width:320px;*/height: 85px;overflow: hidden;}
.header .header_wrap .head_r .head_search button{float:right;border:0;width:20px;height:20px;cursor: pointer;}
.header .header_wrap .head_r .head_search .but_2{margin-top: 10px;}
.header .header_wrap .head_r .head_search .but_1{margin-top: 48px;}
.header .header_wrap .head_r .sear_box{position: absolute;right:-300px;}
.header .header_wrap .head_r .sear_box{width:300px;height:40px;margin-top: 38px;border-bottom: 1px solid;line-height: 40px;}
.header .header_wrap .head_r .sear_box input{float:left;width:80%;height:100%;outline:0;border: 0;color: #999;font-size: 16px;background: rgba(0,0,0,0);}
.header_2{background-color:#F0F0F0;transition: all 0.5s;}
.header .header_wrap .head_nav>li .nav_1{display:none;position:absolute;top:90px;left:-700px; width:100%;height:50000px;background-color: rgba(0, 0, 0, 0.7);width:2300px; z-index:222; }
.header .header_wrap .head_nav>li .nav_1:before{ content:""; width:30000px; height:700px; background-color: rgba(255, 255, 255, 1); display:block; z-index:-1; position:absolute; top:0; left:0}
.header .header_wrap .head_nav>li .nav_1 .cpxl{ width:940px; height:650px; margin:0 auto; z-index:3333; display:block; margin-left:50%;}
.xian1{ width:100%; height:1px; background:#e2e2e2; position:absolute; top:55px; display:block; z-index:444; left:51.5%}
.xian2{ width:100%; height:1px; background:#e2e2e2; position:absolute; top:280px; display:block; z-index:444; left:51.5%}
.xian3{ width:100%; height:1px; background:#e2e2e2; position:absolute; top:505px; display:block; z-index:444; left:51.5%}
.header .header_wrap .head_nav>li .nav_1 a{display:inline-block;float:left;width:18%;margin-right:2%;line-height:0;text-align: center;padding-top: 20px;}
.header .header_wrap .head_nav>li .nav_1 a:last-child{margin-right: 0;}
.header .header_wrap .head_nav>li .nav_1 a .img_1{width: 100%;text-align:center;margin-bottom: 0; overflow:hidden}
.header .header_wrap .head_nav>li .nav_1 a .img_1 img{vertical-align: middle;width: 100%;height: auto;}
.header .header_wrap .head_nav>li .nav_1 a span{display:inline-block; height:36px; line-height:30px;font-size:16px;color:#222222; font-weight:normal;}
.header .header_wrap .head_nav>li .nav_1 a:hover span:after{ width:80px; height:2px; background:#1d2088; content:""; display:block; margin-left:10px; margin-top:3px; }
.header .header_wrap .head_nav>li .nav_1 a .img_1 img{transition: all 0.3s linear 0s;}
.header .header_wrap .head_nav>li .nav_1 a:hover .img_1 img{transform: scale(1.1);}
.header .header_wrap .head_nav>li .nav_1 a:hover span{color: #222222;}
.header .head_back{display:none;position:absolute;top:90px;left:0;right:0;height:50000px;}
.tooltip {
font-family: Roboto,sans-serif;
font-size: .858rem;
font-weight: 400;
font-style: normal;
line-height: 1.571429;
position: absolute;
z-index: 1900;
display: block;
text-align: left;
text-align: start;
white-space: normal;
text-decoration: none;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
word-wrap: break-word;
word-break: normal;
opacity: 0;
text-shadow: none;
line-break: auto
}
.tooltip.in {
opacity: .9
}
.tooltip.bs-tether-element-attached-bottom,.tooltip.bs-tooltip-top {
margin-top: -3px;
padding: 4px 0
}
.tooltip.bs-tether-element-attached-bottom .arrow,.tooltip.bs-tooltip-top .arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
border-width: 4px 4px 0;
border-top-color: rgba(0,0,0,.8)
}
.tooltip.bs-tether-element-attached-left,.tooltip.bs-tooltip-right {
margin-left: 3px;
padding: 0 4px
}
.tooltip.bs-tether-element-attached-left .arrow,.tooltip.bs-tooltip-right .arrow {
top: 50%;
left: 0;
margin-top: -4px;
border-width: 4px 4px 4px 0;
border-right-color: rgba(0,0,0,.8)
}
.tooltip.bs-tether-element-attached-top,.tooltip.bs-tooltip-bottom {
margin-top: 3px;
padding: 4px 0
}
.tooltip.bs-tether-element-attached-top .arrow,.tooltip.bs-tooltip-bottom .arrow {
top: 0;
left: 50%;
margin-left: -4px;
border-width: 0 4px 4px;
border-bottom-color: rgba(0,0,0,.8)
}
.tooltip.bs-tether-element-attached-right,.tooltip.bs-tooltip-left {
margin-left: -3px;
padding: 0 4px
}
.tooltip.bs-tether-element-attached-right .arrow,.tooltip.bs-tooltip-left .arrow {
top: 50%;
right: 0;
margin-top: -4px;
border-width: 4px 0 4px 4px;
border-left-color: rgba(0,0,0,.8)
}
.tooltip-inner {
max-width: 200px;
padding: 6px 12px;
text-align: center;
color: #fff;
border-radius: .215rem;
background-color: rgba(0,0,0,.8)
}
.tooltip .arrow {
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-color: transparent
}
.popover {
font-family: Roboto,sans-serif;
font-size: .858rem;
font-weight: 400;
font-style: normal;
line-height: 1.571429;
position: absolute;
z-index: 1800;
top: 0;
left: 0;
display: block;
max-width: 276px;
padding: 1px;
text-align: left;
text-align: start;
white-space: normal;
text-decoration: none;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
word-wrap: break-word;
word-break: normal;
border: 1px solid rgba(204,213,219,.8);
border-radius: .286rem;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
box-shadow: 0 5px 10px rgba(0,0,0,.2);
text-shadow: none;
line-break: auto;
padding: 0;
-webkit-box-shadow: 0 2px 6px rgba(0,0,0,.05);
box-shadow: 0 2px 6px rgba(0,0,0,.05)
}
.popover.bs-tether-element-attached-bottom,.popover.bs-popover-top {
margin-top: -8px
}
.popover.bs-tether-element-attached-bottom .popover-arrow,.popover.bs-popover-top .popover-arrow {
bottom: -9px;
left: 50%;
margin-left: -9px;
border-top-color: rgba(204,213,219,.85);
border-bottom-width: 0
}
.popover.bs-tether-element-attached-bottom .popover-arrow::after,.popover.bs-popover-top .popover-arrow::after {
bottom: 1px;
margin-left: -8px;
content: '';
border-top-color: #fff;
border-bottom-width: 0
}
.popover.bs-tether-element-attached-left,.popover.bs-popover-right {
margin-left: 8px
}
.popover.bs-tether-element-attached-left .popover-arrow,.popover.bs-popover-right .popover-arrow {
top: 50%;
left: -9px;
margin-top: -9px;
border-right-color: rgba(204,213,219,.85);
border-left-width: 0
}
.popover.bs-tether-element-attached-left .popover-arrow::after,.popover.bs-popover-right .popover-arrow::after {
bottom: -8px;
left: 1px;
content: '';
border-right-color: #fff;
border-left-width: 0
}
.popover.bs-tether-element-attached-top,.popover.bs-popover-bottom {
margin-top: 8px
}
.popover.bs-tether-element-attached-top .popover-arrow,.popover.bs-popover-bottom .popover-arrow {
top: -9px;
left: 50%;
margin-left: -9px;
border-top-width: 0;
border-bottom-color: rgba(204,213,219,.85)
}
.popover.bs-tether-element-attached-top .popover-arrow::after,.popover.bs-popover-bottom .popover-arrow::after {
top: 1px;
margin-left: -8px;
content: '';
border-top-width: 0;
border-bottom-color: #fff
}
.popover.bs-tether-element-attached-right,.popover.bs-popover-left {
margin-left: -8px
}
.popover.bs-tether-element-attached-right .popover-arrow,.popover.bs-popover-left .popover-arrow {
top: 50%;
right: -9px;
margin-top: -9px;
border-right-width: 0;
border-left-color: rgba(204,213,219,.85)
}
.popover.bs-tether-element-attached-right .popover-arrow::after,.popover.bs-popover-left .popover-arrow::after {
right: 1px;
bottom: -8px;
content: '';
border-right-width: 0;
border-left-color: #fff
}
.popover-title {
font-size: 1rem;
margin: 0;
padding: 8px 14px;
border-bottom: 1px solid #e2ecf1;
border-radius: .214571rem .214571rem 0 0;
background-color: #f3f7f9
}
.popover-title:empty {
display: none
}
.popover-content {
padding: 20px 20px
}
.popover-arrow,.popover-arrow::after {
position: absolute;
display: block;
width: 0;
height: 0;
border-style: solid;
border-color: transparent
}
.popover-arrow {
border-width: 9px
}
.popover-arrow::after {
content: '';
border-width: 8px
}
.carousel {
position: relative
}
.carousel-inner {
position: relative;
overflow: hidden;
width: 100%
}
.carousel-inner>.carousel-item {
position: relative;
display: none;
-webkit-transition: .6s ease-in-out left;
-o-transition: .6s ease-in-out left;
transition: .6s ease-in-out left
}
.carousel-inner>.carousel-item>a>img,.carousel-inner>.carousel-item>img {
line-height: 1
}
@media all and (transform-3d),(-webkit-transform-3d) {
.carousel-inner>.carousel-item {
-webkit-transition: -webkit-transform .6s ease-in-out;
-o-transition: -o-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px
}
.carousel-inner>.carousel-item.active.right,.carousel-inner>.carousel-item.next {
left: 0;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0)
}
.carousel-inner>.carousel-item.active.left,.carousel-inner>.carousel-item.prev {
left: 0;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0)
}
.carousel-inner>.carousel-item.active,.carousel-inner>.carousel-item.next.left,.carousel-inner>.carousel-item.prev.right {
left: 0;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
display: block
}
.carousel-inner>.active {
left: 0
}
.carousel-inner>.next,.carousel-inner>.prev {
position: absolute;
top: 0;
width: 100%
}
.carousel-inner>.next {
left: 100%
}
.carousel-inner>.prev {
left: -100%
}
.carousel-inner>.next.left,.carousel-inner>.prev.right {
left: 0
}
.carousel-inner>.active.left {
left: -100%
}
.carousel-inner>.active.right {
left: 100%
}
.carousel-control {
font-size: 16px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 15%;
text-align: center;
opacity: 0;
color: #fff;
text-shadow: 0 1px 2px rgba(0,0,0,.6);
min-width: 50px
}
.carousel-control.left {
background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1)
}
.carousel-control.right {
right: 0;
left: auto;
background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1)
}
.carousel-control:focus,.carousel-control:hover {
text-decoration: none;
opacity: .9;
color: #fff;
outline: 0;
opacity: .4
}
.carousel-control .icon-next,.carousel-control .icon-prev {
font-family: serif;
line-height: 1;
position: absolute;
z-index: 5;
top: 50%;
display: inline-block;
width: 20px;
height: 20px;
margin-top: -10px
}
.carousel-control .icon-prev {
left: 50%;
margin-left: -10px
}
.carousel-control .icon-next {
right: 50%;
margin-right: -10px
}
.carousel-control .icon-prev::before {
content: '\2039'
}
.carousel-control .icon-next::before {
content: '\203a'
}
.carousel-indicators {
position: absolute;
z-index: 15;
bottom: 10px;
left: 50%;
width: 60%;
margin-left: -30%;
padding-left: 0;
list-style: none;
text-align: center;
margin-bottom: 0
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
cursor: pointer;
text-indent: -999px;
border: 1px solid #fff;
border-radius: 10px;
background-color: transparent;
margin: 3px;
border: none;
background-color: rgba(255,255,255,.3)
}
.carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #fff;
width: 10px;
height: 10px;
margin: 3px
}
.carousel-caption {
position: absolute;
z-index: 10;
right: 15%;
bottom: 20px;
left: 15%;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
color: #fff;
text-shadow: 0 1px 2px rgba(0,0,0,.6)
}
.carousel-caption .btn {
text-shadow: none
}
@media (min-width: 480px) {
.carousel-control .icon-next,.carousel-control .icon-prev {
font-size:30px;
width: 30px;
height: 30px;
margin-top: -15px
}
.carousel-control .icon-prev {
margin-left: -15px
}
.carousel-control .icon-next {
margin-right: -15px
}
.carousel-caption {
right: 20%;
left: 20%;
padding-bottom: 30px
}
.carousel-indicators {
bottom: 20px
}
}
.bg-faded {
background-color: #f3f7f9
}
.bg-primary {
color: #fff!important;
background-color: #62a8ea!important
}
a.bg-primary:focus,a.bg-primary:hover {
background-color: #358fe4!important
}
.bg-success {
color: #fff!important;
background-color: #46be8a!important
}
a.bg-success:focus,a.bg-success:hover {
background-color: #369b6f!important
}
.bg-info {
color: #fff!important;
background-color: #57c7d4!important
}
a.bg-info:focus,a.bg-info:hover {
background-color: #33b6c5!important
}
.bg-warning {
color: #fff!important;
background-color: #f2a654!important
}
a.bg-warning:focus,a.bg-warning:hover {
background-color: #ee8d25!important
}
.bg-danger {
color: #fff!important;
background-color: #f96868!important
}
a.bg-danger:focus,a.bg-danger:hover {
background-color: #f73737!important
}
.bg-inverse {
color: #fff!important;
background-color: #76838f!important
}
a.bg-inverse:focus,a.bg-inverse:hover {
background-color: #5e6974!important
}
.clearfix::after {
display: table;
clear: both;
content: ''
}
.d-block {
display: block!important
}
.d-inline-block {
display: inline-block!important
}
.d-inline {
display: inline!important
}
.center-block {
display: block;
margin-right: auto;
margin-left: auto
}
.pull-xs-left {
float: left!important
}
.pull-xs-right {
float: right!important
}
.pull-xs-none {
float: none!important
}
@media (min-width: 480px) {
.pull-sm-left {
float:left!important
}
.pull-sm-right {
float: right!important
}
.pull-sm-none {
float: none!important
}
}
@media (min-width: 768px) {
.pull-md-left {
float:left!important
}
.pull-md-right {
float: right!important
}
.pull-md-none {
float: none!important
}
}
@media (min-width: 992px) {
.pull-lg-left {
float:left!important
}
.pull-lg-right {
float: right!important
}
.pull-lg-none {
float: none!important
}
}
@media (min-width: 1200px) {
.pull-xl-left {
float:left!important
}
.pull-xl-right {
float: right!important
}
.pull-xl-none {
float: none!important
}
}
@media (min-width: 1600px) {
.pull-xxl-left {
float:left!important
}
.pull-xxl-right {
float: right!important
}
.pull-xxl-none {
float: none!important
}
}
.sr-only {
position: absolute;
overflow: hidden;
clip: rect(0,0,0,0);
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0
}
.sr-only-focusable:active,.sr-only-focusable:focus {
position: static;
overflow: visible;
clip: auto;
width: auto;
height: auto;
margin: 0
}
.w-100 {
width: 100%!important
}
.m-x-auto {
margin-right: auto!important;
margin-left: auto!important
}
.m-a-0 {
margin: 0 0!important
}
.m-t-0 {
margin-top: 0!important
}
.m-r-0 {
margin-right: 0!important
}
.m-b-0 {
margin-bottom: 0!important
}
.m-l-0 {
margin-left: 0!important
}
.m-x-0 {
margin-right: 0!important;
margin-left: 0!important
}
.m-y-0 {
margin-top: 0!important;
margin-bottom: 0!important
}
.m-a-1 {
margin: 1rem 1rem!important
}
.m-t-1 {
margin-top: 1rem!important
}
.m-r-1 {
margin-right: 1rem!important
}
.m-b-1 {
margin-bottom: 1rem!important
}
.m-l-1 {
margin-left: 1rem!important
}
.m-x-1 {
margin-right: 1rem!important;
margin-left: 1rem!important
}
.m-y-1 {
margin-top: 1rem!important;
margin-bottom: 1rem!important
}
.m-a-2 {
margin: 1.5rem 1.5rem!important
}
.m-t-2 {
margin-top: 1.5rem!important
}
.m-r-2 {
margin-right: 1.5rem!important
}
.m-b-2 {
margin-bottom: 1.5rem!important
}
.m-l-2 {
margin-left: 1.5rem!important
}
.m-x-2 {
margin-right: 1.5rem!important;
margin-left: 1.5rem!important
}
.m-y-2 {
margin-top: 1.5rem!important;
margin-bottom: 1.5rem!important
}
.m-a-3 {
margin: 3rem 3rem!important
}
.m-t-3 {
margin-top: 3rem!important
}
.m-r-3 {
margin-right: 3rem!important
}
.m-b-3 {
margin-bottom: 3rem!important
}
.m-l-3 {
margin-left: 3rem!important
}
.m-x-3 {
margin-right: 3rem!important;
margin-left: 3rem!important
}
.m-y-3 {
margin-top: 3rem!important;
margin-bottom: 3rem!important
}
.p-a-0 {
padding: 0 0!important
}
.p-t-0 {
padding-top: 0!important
}
.p-r-0 {
padding-right: 0!important
}
.p-b-0 {
padding-bottom: 0!important
}
.p-l-0 {
padding-left: 0!important
}
.p-x-0 {
padding-right: 0!important;
padding-left: 0!important
}
.p-y-0 {
padding-top: 0!important;
padding-bottom: 0!important
}
.p-a-1 {
padding: 1rem 1rem!important
}
.p-t-1 {
padding-top: 1rem!important
}
.p-r-1 {
padding-right: 1rem!important
}
.p-b-1 {
padding-bottom: 1rem!important
}
.p-l-1 {
padding-left: 1rem!important
}
.p-x-1 {
padding-right: 1rem!important;
padding-left: 1rem!important
}
.p-y-1 {
padding-top: 1rem!important;
padding-bottom: 1rem!important
}
.p-a-2 {
padding: 1.5rem 1.5rem!important
}
.p-t-2 {
padding-top: 1.5rem!important
}
.p-r-2 {
padding-right: 1.5rem!important
}
.p-b-2 {
padding-bottom: 1.5rem!important
}
.p-l-2 {
padding-left: 1.5rem!important
}
.p-x-2 {
padding-right: 1.5rem!important;
padding-left: 1.5rem!important
}
.p-y-2 {
padding-top: 1.5rem!important;
padding-bottom: 1.5rem!important
}
.p-a-3 {
padding: 3rem 3rem!important
}
.p-t-3 {
padding-top: 3rem!important
}
.p-r-3 {
padding-right: 3rem!important
}
.p-b-3 {
padding-bottom: 3rem!important
}
.p-l-3 {
padding-left: 3rem!important
}
.p-x-3 {
padding-right: 3rem!important;
padding-left: 3rem!important
}
.p-y-3 {
padding-top: 3rem!important;
padding-bottom: 3rem!important
}
.pos-f-t {
position: fixed;
z-index: 1500;
top: 0;
right: 0;
left: 0
}
.text-justify {
text-align: justify!important
}
.text-nowrap {
white-space: nowrap!important
}
.text-truncate {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.text-xs-left {
text-align: left!important
}
.text-xs-right {
text-align: right!important
}
.text-xs-center {
text-align: center!important
}
@media (min-width: 480px) {
.text-sm-left {
text-align:left!important
}
.text-sm-right {
text-align: right!important
}
.text-sm-center {
text-align: center!important
}
}
@media (min-width: 768px) {
.text-md-left {
text-align:left!important
}
.text-md-right {
text-align: right!important
}
.text-md-center {
text-align: center!important
}
}
@media (min-width: 992px) {
.text-lg-left {
text-align:left!important
}
.text-lg-right {
text-align: right!important
}
.text-lg-center {
text-align: center!important
}
}
@media (min-width: 1200px) {
.text-xl-left {
text-align:left!important
}
.text-xl-right {
text-align: right!important
}
.text-xl-center {
text-align: center!important
}
}
@media (min-width: 1600px) {
.text-xxl-left {
text-align:left!important
}
.text-xxl-right {
text-align: right!important
}
.text-xxl-center {
text-align: center!important
}
}
.text-lowercase {
text-transform: lowercase!important
}
.text-uppercase {
text-transform: uppercase!important
}
.text-capitalize {
text-transform: capitalize!important
}
.font-weight-normal {
font-weight: 400
}
.font-weight-bold {
font-weight: 700
}
.font-italic {
font-style: italic
}
.text-muted {
color: #a3afb7!important
}
a.text-muted:focus,a.text-muted:hover {
color: #8696a1!important
}
.text-primary {
color: #62a8ea!important
}
a.text-primary:focus,a.text-primary:hover {
color: #358fe4!important
}
.text-success {
color: #46be8a!important
}
a.text-success:focus,a.text-success:hover {
color: #369b6f!important
}
.text-info {
color: #57c7d4!important
}
a.text-info:focus,a.text-info:hover {
color: #33b6c5!important
}
.text-warning {
color: #f2a654!important
}
a.text-warning:focus,a.text-warning:hover {
color: #ee8d25!important
}
.text-danger {
color: #f96868!important
}
a.text-danger:focus,a.text-danger:hover {
color: #f73737!important
}
.text-gray-dark {
color: #76838f!important
}
a.text-gray-dark:focus,a.text-gray-dark:hover {
color: #5e6974!important
}
.text-hide {
font: 0/0 a;
color: transparent;
border: 0;
background-color: transparent;
text-shadow: none
}
.hidden-xs-up {
display: none!important
}
@media (max-width: 479px) {
.hidden-xs-down {
display:none!important
}
}
@media (min-width: 480px) {
.hidden-sm-up {
display:none!important
}
}
@media (max-width: 767px) {
.hidden-sm-down {
display:none!important
}
}
@media (min-width: 768px) {
.hidden-md-up {
display:none!important
}
}
@media (max-width: 991px) {
.hidden-md-down {
display:none!important
}
}
@media (min-width: 992px) {
.hidden-lg-up {
display:none!important
}
}
@media (max-width: 1199px) {
.hidden-lg-down {
display:none!important
}
}
@media (min-width: 1200px) {
.hidden-xl-up {
display:none!important
}
}
@media (max-width: 1599px) {
.hidden-xl-down {
display:none!important
}
}
@media (min-width: 1600px) {
.hidden-xxl-up {
display:none!important
}
}
.hidden-xxl-down {
display: none!important
}
.h1 .icon:first-child,.h2 .icon:first-child,.h3 .icon:first-child,.h4 .icon:first-child,.h5 .icon:first-child,.h6 .icon:first-child,h1 .icon:first-child,h2 .icon:first-child,h3 .icon:first-child,h4 .icon:first-child,h5 .icon:first-child,h6 .icon:first-child {
margin-right: .5em
}
.list-icons {
margin-left: 0;
padding-left: 10px;
list-style: none
}
.list-icons>li {
margin-top: 6px
}
.list-icons>li:first-child {
margin-top: 0
}
.list-icons>li i {
float: left;
width: 1em;
margin: 0 6px 0 0
}
.img-bordered {
padding: 3px;
border: 1px solid #e4eaec
}
.img-bordered-primary {
border-color: #62a8ea!important
}
.img-bordered-purple {
border-color: #7c51d1!important
}
.img-bordered-red {
border-color: #e9595b!important
}
.img-bordered-green {
border-color: #7dd3ae!important
}
.img-bordered-orange {
border-color: #ec9940!important
}
.row.no-space {
margin-right: 0;
margin-left: 0
}
.row.no-space>[class*=col-] {
padding-right: 0;
padding-left: 0
}
.table tfoot th,.table thead th {
font-weight: 500;
color: #526069;
border-bottom-width: 1px
}
.table tbody+tbody {
border-top-width: 1px
}
.table a {
text-decoration: underline
}
.table td>.checkbox-custom:only-child,.table th>.checkbox-custom:only-child {
margin-top: 0;
margin-bottom: 0;
text-align: center
}
.table thead:first-child th {
border-top: none
}
table col[class*=col-] {
position: static;
display: table-column;
float: none
}
select.form-control {
padding-right: 30px;
background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAFCAYAAABB9hwOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiNWZkMzNlMC0zNTcxLTI4NDgtYjA3NC01ZTRhN2RjMWVmNjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTUxRUI3MDdEQjk4MTFFNUI1NDA5QTcyNTlFQzRERTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTUxRUI3MDZEQjk4MTFFNUI1NDA5QTcyNTlFQzRERTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZWNiNjQzMjYtNDc1Yi01OTQxLWIxYjItNDVkZjU5YjZlODA2IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6N2RlYzI2YWMtZGI5OC0xMWU1LWIwMjgtY2ZhNDhhOGNjNWY1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+AXTIGgAAAFRJREFUeNpidI1KSWFgYDBlwASngXjOrqWzGcgBTEC8DIjfo4m/h4qTDUAGfwPi+UD8Hyr2H8r/RqnBIHATiPdC2XuhfIoACxJ7PRDzQmmKAUCAAQDxOxHyb4DjOAAAAABJRU5ErkJggg==) no-repeat center right
}
select[multiple].form-control {
padding-right: .929rem;
background: #fff
}
select[multiple],select[size],textarea.form-control {
height: auto
}
.input-group-sm>.input-group-btn>select.btn:not([size]):not([multiple]),.input-group-sm>select.form-control:not([size]):not([multiple]),.input-group-sm>select.input-group-addon:not([size]):not([multiple]),.form-group .form-control-label {
padding: .429rem 0
}
.form-group .form-control-label-lg {
font-size: 1.286rem;
padding: .858rem 0
}
.form-group .form-control-label-sm {
font-size: .858rem;
padding: .429rem 0
}
.form-group.has-feedback.no-label .form-control-feedback {
top: 0
}
.form-group.has-feedback.left-feedback .form-control-feedback {
right: auto;
left: 0
}
.form-group.has-feedback.left-feedback .form-control {
padding-right: 13px;
padding-left: 50px
}
.form-control.square {
border-radius: 0
}
.form-control.round {
border-radius: 200px
}
textarea.form-control.no-resize {
resize: none
}
.input-group-file input[type=text] {
background-color: #fff
}
.input-group-file .btn-file {
line-height: inherit;
position: relative;
overflow: hidden
}
.input-group-file .btn-file.btn-outline {
border: 1px solid #e4eaec;
border-left: none
}
.input-group-file .btn-file.btn-outline:hover {
border-left: none
}
.input-group-file .btn-file .icon {
line-height: inherit;
margin: 0 3px
}
.input-group-file .btn-file input[type=file] {
position: absolute;
top: 0;
left: 0;
display: block;
min-width: 100%;
min-height: 100%;
cursor: pointer;
text-align: 0;
opacity: 0
}
.text-help {
display: block;
margin-top: 7px;
margin-bottom: 8px;
color: #bcc2c8
}
.text-help .icon {
margin: 0 5px
}
.input-search-close {
opacity: .2;
color: #000;
text-shadow: none
}
.input-search-close.icon {
font-size: inherit;
line-height: inherit
}
.input-search-close:focus,.input-search-close:hover {
cursor: pointer;
text-decoration: none;
opacity: .5;
color: #000
}
button.input-search-close {
padding: 0;
cursor: pointer;
border: 0;
background: 0 0;
-webkit-appearance: none
}
.input-search {
position: relative
}
.input-search .form-control {
border-radius: 200px
}
.input-search .input-search-close,.input-search .input-search-icon {
position: absolute;
z-index: 1;
top: 50%;
width: 2.573rem;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.input-search .input-search-close {
right: 8px
}
.input-search .input-search-icon+.form-control {
padding-left: 3.073rem
}
.input-search .input-search-icon {
font-size: 16px;
left: 8px;
text-align: center;
pointer-events: none;
color: #a3afb7
}
.input-search-btn+.form-control {
padding-right: 50px
}
.input-search-btn {
position: absolute;
top: 0;
right: 0;
height: 100%;
padding: 0 10px;
border: none;
border-radius: 0 200px 200px 0;
background: 0 0
}
.input-search-btn .icon {
margin: 0 3px
}
.input-search-dark .input-search-icon {
color: #76838f
}
.input-search-dark .form-control {
background: #f3f7f9;
-webkit-box-shadow: none;
box-shadow: none
}
.input-search-dark .form-control:focus {
background-color: #fff
}
.form-inline .form-group {
margin-right: 20px
}
.form-inline .form-group:last-child {
margin-right: 0
}
.form-inline .form-control-label {
margin-right: 5px
}
@media (max-width: 767px) {
.form-inline .form-group {
margin-right:0
}
}
.form-horizontal .form-control-label {
font-size: 1rem;
padding-right: 15px;
padding-left: 15px
}
@media (min-width: 768px) {
.form-horizontal .form-control-label {
margin-bottom:0;
padding-top: 7px;
text-align: right
}
.form-horizontal .form-control-lg,.form-horizontal .input-group-lg>.form-control,.form-horizontal .input-group-lg>.input-group-addon,.form-horizontal .input-group-lg>.input-group-btn>.btn {
font-size: 18px;
padding-top: 11px
}
.form-horizontal .form-control-sm,.form-horizontal .input-group-sm>.form-control,.form-horizontal .input-group-sm>.input-group-addon,.form-horizontal .input-group-sm>.input-group-btn>.btn {
font-size: 12px;
padding-top: 7px
}
}
input::-ms-clear {
display: none;
width: 0;
height: 0
}
.weixin{ width:90px; height:90px; margin:100px auto;position:absolute; font-size:12px; text-align:center; right:0; top:200px;}
.weixin a{width:90px; height:90px; display:block; position:absolute; left:0; top:0;background:url(../images/weixin.jpg) no-repeat center top; }
.weixin .weixin_nr{width:100px; height:120px; padding:10px; text-align:center; position:absolute; left:-75px; top:95px; display:none;}
.weixin .weixin_nr img{ margin-bottom:5px;}
.weixin .weixin_nr .arrow{ width:0; height:0; position:absolute; left:50px; top:-10px;}
.weixin.on .weixin_nr{ display:block;}
.weixin.on a{ background:url(../images/weixin.jpg) no-repeat left bottom;}
.btn {
-webkit-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
-o-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
-webkit-font-smoothing: subpixel-antialiased
}
.btn .icon {
line-height: inherit;
width: 1em;
margin: -1px 3px 0;
text-align: center
}
.btn-outline.btn-default {
color: #76838f;
background-color: transparent
}
.btn-outline.btn-default.active,.btn-outline.btn-default:active,.btn-outline.btn-default:focus,.btn-outline.btn-default:hover,.open>.btn-outline.btn-default.dropdown-toggle {
color: #76838f;
border-color: #e4eaec;
background-color: rgba(118,131,143,.1)
}
.btn-outline.btn-default.active .tag-pill,.btn-outline.btn-default:active .tag-pill,.btn-outline.btn-default:focus .tag-pill,.btn-outline.btn-default:hover .tag-pill,.open>.btn-outline.btn-default.dropdown-toggle .tag-pill {
color: #76838f;
background-color: #76838f
}
.btn-outline.btn-default.btn-up:before,.btn-outline.btn-default.btn-up:focus:before,.btn-outline.btn-default.btn-up:hover:before {
border-bottom-color: rgba(118,131,143,.1)
}
.btn-outline.btn-default.btn-up.active:before,.btn-outline.btn-default.btn-up:active:before,.open>.btn-outline.btn-default.btn-up.dropdown-toggle:before {
border-bottom-color: #ccd5db
}
.btn-outline.btn-default.btn-right:before,.btn-outline.btn-default.btn-right:focus:before,.btn-outline.btn-default.btn-right:hover:before {
border-left-color: rgba(118,131,143,.1)
}
.btn-outline.btn-default.btn-right.active:before,.btn-outline.btn-default.btn-right:active:before,.open>.btn-outline.btn-default.btn-right.dropdown-toggle:before {
border-left-color: #ccd5db
}
.btn-outline.btn-default.btn-bottom:before,.btn-outline.btn-default.btn-bottom:focus:before,.btn-outline.btn-default.btn-bottom:hover:before {
border-top-color: rgba(118,131,143,.1)
}
.btn-outline.btn-default.btn-bottom.active:before,.btn-outline.btn-default.btn-bottom:active:before,.open>.btn-outline.btn-default.btn-bottom.dropdown-toggle:before {
border-top-color: #ccd5db
}
.btn-outline.btn-default.btn-left:before,.btn-outline.btn-default.btn-left:focus:before,.btn-outline.btn-default.btn-left:hover:before {
border-right-color: rgba(118,131,143,.1)
}
.btn-outline.btn-default.btn-left.active:before,.btn-outline.btn-default.btn-left:active:before,.open>.btn-outline.btn-default.btn-left.dropdown-toggle:before {
border-right-color: #ccd5db
}
.btn-outline.btn-primary {
color: #62a8ea;
background-color: transparent;
border-color: #62a8ea
}
.btn-outline.btn-primary.active,.btn-outline.btn-primary:active,.btn-outline.btn-primary:focus,.btn-outline.btn-primary:hover,.open>.btn-outline.btn-primary.dropdown-toggle {
color: #fff;
border-color: #62a8ea;
background-color: #62a8ea
}
.btn-outline.btn-primary.active .tag-pill,.btn-outline.btn-primary:active .tag-pill,.btn-outline.btn-primary:focus .tag-pill,.btn-outline.btn-primary:hover .tag-pill,.open>.btn-outline.btn-primary.dropdown-toggle .tag-pill {
color: #62a8ea;
background-color: #fff
}
.btn-outline.btn-primary.btn-up:before,.btn-outline.btn-primary.btn-up:focus:before,.btn-outline.btn-primary.btn-up:hover:before {
border-bottom-color: #62a8ea
}
.btn-outline.btn-primary.btn-up.active:before,.btn-outline.btn-primary.btn-up:active:before,.open>.btn-outline.btn-primary.btn-up.dropdown-toggle:before {
border-bottom-color: #2f318b
}
.btn-outline.btn-primary.btn-right:before,.btn-outline.btn-primary.btn-right:focus:before,.btn-outline.btn-primary.btn-right:hover:before {
border-left-color: #62a8ea
}
.btn-outline.btn-primary.btn-right.active:before,.btn-outline.btn-primary.btn-right:active:before,.open>.btn-outline.btn-primary.btn-right.dropdown-toggle:before {
border-left-color: #2f318b
}
.btn-outline.btn-primary.btn-bottom:before,.btn-outline.btn-primary.btn-bottom:focus:before,.btn-outline.btn-primary.btn-bottom:hover:before {
border-top-color: #62a8ea
}
.btn-outline.btn-primary.btn-bottom.active:before,.btn-outline.btn-primary.btn-bottom:active:before,.open>.btn-outline.btn-primary.btn-bottom.dropdown-toggle:before {
border-top-color: #2f318b
}
.btn-outline.btn-primary.btn-left:before,.btn-outline.btn-primary.btn-left:focus:before,.btn-outline.btn-primary.btn-left:hover:before {
border-right-color: #62a8ea
}
.btn-outline.btn-primary.btn-left.active:before,.btn-outline.btn-primary.btn-left:active:before,.open>.btn-outline.btn-primary.btn-left.dropdown-toggle:before {
border-right-color: #2f318b
}
.btn-outline.btn-success {
color: #46be8a;
background-color: transparent;
border-color: #46be8a
}
.btn-outline.btn-success.active,.btn-outline.btn-success:active,.btn-outline.btn-success:focus,.btn-outline.btn-success:hover,.open>.btn-outline.btn-success.dropdown-toggle {
color: #fff;
border-color: #46be8a;
background-color: #46be8a
}
.btn-outline.btn-success.active .tag-pill,.btn-outline.btn-success:active .tag-pill,.btn-outline.btn-success:focus .tag-pill,.btn-outline.btn-success:hover .tag-pill,.open>.btn-outline.btn-success.dropdown-toggle .tag-pill {
color: #46be8a;
background-color: #fff
}
.btn-outline.btn-success.btn-up:before,.btn-outline.btn-success.btn-up:focus:before,.btn-outline.btn-success.btn-up:hover:before {
border-bottom-color: #46be8a
}
.btn-outline.btn-success.btn-up.active:before,.btn-outline.btn-success.btn-up:active:before,.open>.btn-outline.btn-success.btn-up.dropdown-toggle:before {
border-bottom-color: #36ab7a
}
.btn-outline.btn-success.btn-right:before,.btn-outline.btn-success.btn-right:focus:before,.btn-outline.btn-success.btn-right:hover:before {
border-left-color: #46be8a
}
.btn-outline.btn-success.btn-right.active:before,.btn-outline.btn-success.btn-right:active:before,.open>.btn-outline.btn-success.btn-right.dropdown-toggle:before {
border-left-color: #36ab7a
}
.btn-outline.btn-success.btn-bottom:before,.btn-outline.btn-success.btn-bottom:focus:before,.btn-outline.btn-success.btn-bottom:hover:before {
border-top-color: #46be8a
}
.btn-outline.btn-success.btn-bottom.active:before,.btn-outline.btn-success.btn-bottom:active:before,.open>.btn-outline.btn-success.btn-bottom.dropdown-toggle:before {
border-top-color: #36ab7a
}
.btn-outline.btn-success.btn-left:before,.btn-outline.btn-success.btn-left:focus:before,.btn-outline.btn-success.btn-left:hover:before {
border-right-color: #46be8a
}
.btn-outline.btn-success.btn-left.active:before,.btn-outline.btn-success.btn-left:active:before,.open>.btn-outline.btn-success.btn-left.dropdown-toggle:before {
border-right-color: #36ab7a
}
.btn-outline.btn-info {
color: #57c7d4;
background-color: transparent;
border-color: #57c7d4
}
.btn-outline.btn-info.active,.btn-outline.btn-info:active,.btn-outline.btn-info:focus,.btn-outline.btn-info:hover,.open>.btn-outline.btn-info.dropdown-toggle {
color: #fff;
border-color: #57c7d4;
background-color: #57c7d4
}
.btn-outline.btn-info.active .tag-pill,.btn-outline.btn-info:active .tag-pill,.btn-outline.btn-info:focus .tag-pill,.btn-outline.btn-info:hover .tag-pill,.open>.btn-outline.btn-info.dropdown-toggle .tag-pill {
color: #57c7d4;
background-color: #fff
}
.btn-outline.btn-info.btn-up:before,.btn-outline.btn-info.btn-up:focus:before,.btn-outline.btn-info.btn-up:hover:before {
border-bottom-color: #57c7d4
}
.btn-outline.btn-info.btn-up.active:before,.btn-outline.btn-info.btn-up:active:before,.open>.btn-outline.btn-info.btn-up.dropdown-toggle:before {
border-bottom-color: #47b8c6
}
.btn-outline.btn-info.btn-right:before,.btn-outline.btn-info.btn-right:focus:before,.btn-outline.btn-info.btn-right:hover:before {
border-left-color: #57c7d4
}
.btn-outline.btn-info.btn-right.active:before,.btn-outline.btn-info.btn-right:active:before,.open>.btn-outline.btn-info.btn-right.dropdown-toggle:before {
border-left-color: #47b8c6
}
.btn-outline.btn-info.btn-bottom:before,.btn-outline.btn-info.btn-bottom:focus:before,.btn-outline.btn-info.btn-bottom:hover:before {
border-top-color: #57c7d4
}
.btn-outline.btn-info.btn-bottom.active:before,.btn-outline.btn-info.btn-bottom:active:before,.open>.btn-outline.btn-info.btn-bottom.dropdown-toggle:before {
border-top-color: #47b8c6
}
.btn-outline.btn-info.btn-left:before,.btn-outline.btn-info.btn-left:focus:before,.btn-outline.btn-info.btn-left:hover:before {
border-right-color: #57c7d4
}
.btn-outline.btn-info.btn-left.active:before,.btn-outline.btn-info.btn-left:active:before,.open>.btn-outline.btn-info.btn-left.dropdown-toggle:before {
border-right-color: #47b8c6
}
.btn-outline.btn-warning {
color: #f2a654;
background-color: transparent;
border-color: #f2a654
}
.btn-outline.btn-warning.active,.btn-outline.btn-warning:active,.btn-outline.btn-warning:focus,.btn-outline.btn-warning:hover,.open>.btn-outline.btn-warning.dropdown-toggle {
color: #fff;
border-color: #f2a654;
background-color: #f2a654
}
.btn-outline.btn-warning.active .tag-pill,.btn-outline.btn-warning:active .tag-pill,.btn-outline.btn-warning:focus .tag-pill,.btn-outline.btn-warning:hover .tag-pill,.open>.btn-outline.btn-warning.dropdown-toggle .tag-pill {
color: #f2a654;
background-color: #fff
}
.btn-outline.btn-warning.btn-up:before,.btn-outline.btn-warning.btn-up:focus:before,.btn-outline.btn-warning.btn-up:hover:before {
border-bottom-color: #f2a654
}
.btn-outline.btn-warning.btn-up.active:before,.btn-outline.btn-warning.btn-up:active:before,.open>.btn-outline.btn-warning.btn-up.dropdown-toggle:before {
border-bottom-color: #ec9940
}
.btn-outline.btn-warning.btn-right:before,.btn-outline.btn-warning.btn-right:focus:before,.btn-outline.btn-warning.btn-right:hover:before {
border-left-color: #f2a654
}
.btn-outline.btn-warning.btn-right.active:before,.btn-outline.btn-warning.btn-right:active:before,.open>.btn-outline.btn-warning.btn-right.dropdown-toggle:before {
border-left-color: #ec9940
}
.btn-outline.btn-warning.btn-bottom:before,.btn-outline.btn-warning.btn-bottom:focus:before,.btn-outline.btn-warning.btn-bottom:hover:before {
border-top-color: #f2a654
}
.btn-outline.btn-warning.btn-bottom.active:before,.btn-outline.btn-warning.btn-bottom:active:before,.open>.btn-outline.btn-warning.btn-bottom.dropdown-toggle:before {
border-top-color: #ec9940
}
.btn-outline.btn-warning.btn-left:before,.btn-outline.btn-warning.btn-left:focus:before,.btn-outline.btn-warning.btn-left:hover:before {
border-right-color: #f2a654
}
.btn-outline.btn-warning.btn-left.active:before,.btn-outline.btn-warning.btn-left:active:before,.open>.btn-outline.btn-warning.btn-left.dropdown-toggle:before {
border-right-color: #ec9940
}
.btn-outline.btn-danger {
color: #f96868;
background-color: transparent;
border-color: #f96868
}
.btn-outline.btn-danger.active,.btn-outline.btn-danger:active,.btn-outline.btn-danger:focus,.btn-outline.btn-danger:hover,.open>.btn-outline.btn-danger.dropdown-toggle {
color: #fff;
border-color: #f96868;
background-color: #f96868
}
.btn-outline.btn-danger.active .tag-pill,.btn-outline.btn-danger:active .tag-pill,.btn-outline.btn-danger:focus .tag-pill,.btn-outline.btn-danger:hover .tag-pill,.open>.btn-outline.btn-danger.dropdown-toggle .tag-pill {
color: #f96868;
background-color: #fff
}
.btn-outline.btn-danger.btn-up:before,.btn-outline.btn-danger.btn-up:focus:before,.btn-outline.btn-danger.btn-up:hover:before {
border-bottom-color: #f96868
}
.btn-outline.btn-danger.btn-up.active:before,.btn-outline.btn-danger.btn-up:active:before,.open>.btn-outline.btn-danger.btn-up.dropdown-toggle:before {
border-bottom-color: #e9595b
}
.btn-outline.btn-danger.btn-right:before,.btn-outline.btn-danger.btn-right:focus:before,.btn-outline.btn-danger.btn-right:hover:before {
border-left-color: #f96868
}
.btn-outline.btn-danger.btn-right.active:before,.btn-outline.btn-danger.btn-right:active:before,.open>.btn-outline.btn-danger.btn-right.dropdown-toggle:before {
border-left-color: #e9595b
}
.btn-outline.btn-danger.btn-bottom:before,.btn-outline.btn-danger.btn-bottom:focus:before,.btn-outline.btn-danger.btn-bottom:hover:before {
border-top-color: #f96868
}
.btn-outline.btn-danger.btn-bottom.active:before,.btn-outline.btn-danger.btn-bottom:active:before,.open>.btn-outline.btn-danger.btn-bottom.dropdown-toggle:before {
border-top-color: #e9595b
}
.btn-outline.btn-danger.btn-left:before,.btn-outline.btn-danger.btn-left:focus:before,.btn-outline.btn-danger.btn-left:hover:before {
border-right-color: #f96868
}
.btn-outline.btn-danger.btn-left.active:before,.btn-outline.btn-danger.btn-left:active:before,.open>.btn-outline.btn-danger.btn-left.dropdown-toggle:before {
border-right-color: #e9595b
}
.btn-outline.btn-dark {
color: #526069;
background-color: transparent;
order-color: #526069
}
.btn-outline.btn-dark.active,.btn-outline.btn-dark:active,.btn-outline.btn-dark:focus,.btn-outline.btn-dark:hover,.open>.btn-outline.btn-dark.dropdown-toggle {
color: #fff;
border-color: #526069;
background-color: #526069
}
.btn-outline.btn-dark.active .tag-pill,.btn-outline.btn-dark:active .tag-pill,.btn-outline.btn-dark:focus .tag-pill,.btn-outline.btn-dark:hover .tag-pill,.open>.btn-outline.btn-dark.dropdown-toggle .tag-pill {
color: #526069;
background-color: #fff
}
.btn-outline.btn-dark.btn-up:before,.btn-outline.btn-dark.btn-up:focus:before,.btn-outline.btn-dark.btn-up:hover:before {
border-bottom-color: #526069
}
.btn-outline.btn-dark.btn-up.active:before,.btn-outline.btn-dark.btn-up:active:before,.open>.btn-outline.btn-dark.btn-up.dropdown-toggle:before {
border-bottom-color: #37474f
}
.btn-outline.btn-dark.btn-right:before,.btn-outline.btn-dark.btn-right:focus:before,.btn-outline.btn-dark.btn-right:hover:before {
border-left-color: #526069
}
.btn-outline.btn-dark.btn-right.active:before,.btn-outline.btn-dark.btn-right:active:before,.open>.btn-outline.btn-dark.btn-right.dropdown-toggle:before {
border-left-color: #37474f
}
.btn-outline.btn-dark.btn-bottom:before,.btn-outline.btn-dark.btn-bottom:focus:before,.btn-outline.btn-dark.btn-bottom:hover:before {
border-top-color: #526069
}
.btn-outline.btn-dark.btn-bottom.active:before,.btn-outline.btn-dark.btn-bottom:active:before,.open>.btn-outline.btn-dark.btn-bottom.dropdown-toggle:before {
border-top-color: #37474f
}
.btn-outline.btn-dark.btn-left:before,.btn-outline.btn-dark.btn-left:focus:before,.btn-outline.btn-dark.btn-left:hover:before {
border-right-color: #526069
}
.btn-outline.btn-dark.btn-left.active:before,.btn-outline.btn-dark.btn-left:active:before,.open>.btn-outline.btn-dark.btn-left.dropdown-toggle:before {
border-right-color: #37474f
}
.btn-outline.btn-inverse {
color: #fff;
background-color: transparent;
border-color: #fff
}
.btn-outline.btn-inverse.active,.btn-outline.btn-inverse:active,.btn-outline.btn-inverse:focus,.btn-outline.btn-inverse:hover,.open>.btn-outline.btn-inverse.dropdown-toggle {
color: #76838f;
border-color: #fff;
background-color: #fff
}
.btn-outline.btn-inverse.active .tag-pill,.btn-outline.btn-inverse:active .tag-pill,.btn-outline.btn-inverse:focus .tag-pill,.btn-outline.btn-inverse:hover .tag-pill,.open>.btn-outline.btn-inverse.dropdown-toggle .tag-pill {
color: #fff;
background-color: #76838f
}
.btn-outline.btn-inverse.btn-up:before,.btn-outline.btn-inverse.btn-up:focus:before,.btn-outline.btn-inverse.btn-up:hover:before {
border-bottom-color: #fff
}
.btn-outline.btn-inverse.btn-up.active:before,.btn-outline.btn-inverse.btn-up:active:before,.open>.btn-outline.btn-inverse.btn-up.dropdown-toggle:before {
border-bottom-color: #fff
}
.btn-outline.btn-inverse.btn-right:before,.btn-outline.btn-inverse.btn-right:focus:before,.btn-outline.btn-inverse.btn-right:hover:before {
border-left-color: #fff
}
.btn-outline.btn-inverse.btn-right.active:before,.btn-outline.btn-inverse.btn-right:active:before,.open>.btn-outline.btn-inverse.btn-right.dropdown-toggle:before {
border-left-color: #fff
}
.btn-outline.btn-inverse.btn-bottom:before,.btn-outline.btn-inverse.btn-bottom:focus:before,.btn-outline.btn-inverse.btn-bottom:hover:before {
border-top-color: #fff
}
.btn-outline.btn-inverse.btn-bottom.active:before,.btn-outline.btn-inverse.btn-bottom:active:before,.open>.btn-outline.btn-inverse.btn-bottom.dropdown-toggle:before {
border-top-color: #fff
}
.btn-outline.btn-inverse.btn-left:before,.btn-outline.btn-inverse.btn-left:focus:before,.btn-outline.btn-inverse.btn-left:hover:before {
border-right-color: #fff
}
.btn-outline.btn-inverse.btn-left.active:before,.btn-outline.btn-inverse.btn-left:active:before,.open>.btn-outline.btn-inverse.btn-left.dropdown-toggle:before {
border-right-color: #fff
}
.btn-group-xs>.btn,.btn-xs {
font-size: .858rem;
padding: .072rem .358rem;
border-radius: .143rem
}
.btn-squared {
border-radius: 0
}
.btn-round {
border-radius: 1000px
}
.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover {
color: #fff;
border-color: #a2caee;
background-color: #a2caee
}
.btn-primary .tag-pill {
color: #62a8ea;
background-color: #fff
}
.btn-primary.btn-up:before {
border-bottom-color: #62a8ea
}
.btn-primary.btn-up:focus:before,.btn-primary.btn-up:hover:before {
border-bottom-color: #89bceb
}
.btn-primary.btn-up.active:before,.btn-primary.btn-up:active:before,.open>.btn-primary.btn-up.dropdown-toggle:before {
border-bottom-color: #2f318b
}
.btn-primary.btn-right:before {
border-left-color: #62a8ea
}
.btn-primary.btn-right:focus:before,.btn-primary.btn-right:hover:before {
border-left-color: #89bceb
}
.btn-primary.btn-right.active:before,.btn-primary.btn-right:active:before,.open>.btn-primary.btn-right.dropdown-toggle:before {
border-left-color: #2f318b
}
.btn-primary.btn-bottom:before {
border-top-color: #62a8ea
}
.btn-primary.btn-bottom:focus:before,.btn-primary.btn-bottom:hover:before {
border-top-color: #89bceb
}
.btn-primary.btn-bottom.active:before,.btn-primary.btn-bottom:active:before,.open>.btn-primary.btn-bottom.dropdown-toggle:before {
border-top-color: #2f318b
}
.btn-primary.btn-left:before {
border-right-color: #62a8ea
}
.btn-primary.btn-left:focus:before,.btn-primary.btn-left:hover:before {
border-right-color: #89bceb
}
.btn-primary.btn-left.active:before,.btn-primary.btn-left:active:before,.open>.btn-primary.btn-left.dropdown-toggle:before {
border-right-color: #2f318b
}
.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover {
color: #fff;
border-color: #7dd3ae;
background-color: #7dd3ae
}
.btn-success .tag-pill {
color: #46be8a;
background-color: #fff
}
.btn-success.btn-up:before {
border-bottom-color: #46be8a
}
.btn-success.btn-up:focus:before,.btn-success.btn-up:hover:before {
border-bottom-color: #5cd29d
}
.btn-success.btn-up.active:before,.btn-success.btn-up:active:before,.open>.btn-success.btn-up.dropdown-toggle:before {
border-bottom-color: #36ab7a
}
.btn-success.btn-right:before {
border-left-color: #46be8a
}
.btn-success.btn-right:focus:before,.btn-success.btn-right:hover:before {
border-left-color: #5cd29d
}
.btn-success.btn-right.active:before,.btn-success.btn-right:active:before,.open>.btn-success.btn-right.dropdown-toggle:before {
border-left-color: #36ab7a
}
.btn-success.btn-bottom:before {
border-top-color: #46be8a
}
.btn-success.btn-bottom:focus:before,.btn-success.btn-bottom:hover:before {
border-top-color: #5cd29d
}
.btn-success.btn-bottom.active:before,.btn-success.btn-bottom:active:before,.open>.btn-success.btn-bottom.dropdown-toggle:before {
border-top-color: #36ab7a
}
.btn-success.btn-left:before {
border-right-color: #46be8a
}
.btn-success.btn-left:focus:before,.btn-success.btn-left:hover:before {
border-right-color: #5cd29d
}
.btn-success.btn-left.active:before,.btn-success.btn-left:active:before,.open>.btn-success.btn-left.dropdown-toggle:before {
border-right-color: #36ab7a
}
.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled.focus,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled].focus,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover {
color: #fff;
border-color: #9ae1e9;
background-color: #9ae1e9
}
.btn-info .tag-pill {
color: #57c7d4;
background-color: #fff
}
.btn-info.btn-up:before {
border-bottom-color: #57c7d4
}
.btn-info.btn-up:focus:before,.btn-info.btn-up:hover:before {
border-bottom-color: #77d6e1
}
.btn-info.btn-up.active:before,.btn-info.btn-up:active:before,.open>.btn-info.btn-up.dropdown-toggle:before {
border-bottom-color: #47b8c6
}
.btn-info.btn-right:before {
border-left-color: #57c7d4
}
.btn-info.btn-right:focus:before,.btn-info.btn-right:hover:before {
border-left-color: #77d6e1
}
.btn-info.btn-right.active:before,.btn-info.btn-right:active:before,.open>.btn-info.btn-right.dropdown-toggle:before {
border-left-color: #47b8c6
}
.btn-info.btn-bottom:before {
border-top-color: #57c7d4
}
.btn-info.btn-bottom:focus:before,.btn-info.btn-bottom:hover:before {
border-top-color: #77d6e1
}
.btn-info.btn-bottom.active:before,.btn-info.btn-bottom:active:before,.open>.btn-info.btn-bottom.dropdown-toggle:before {
border-top-color: #47b8c6
}
.btn-info.btn-left:before {
border-right-color: #57c7d4
}
.btn-info.btn-left:focus:before,.btn-info.btn-left:hover:before {
border-right-color: #77d6e1
}
.btn-info.btn-left.active:before,.btn-info.btn-left:active:before,.open>.btn-info.btn-left.dropdown-toggle:before {
border-right-color: #47b8c6
}
.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled.focus,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled].focus,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover {
color: #fff;
border-color: #f6be80;
background-color: #f6be80
}
.btn-warning .tag-pill {
color: #f2a654;
background-color: #fff
}
.btn-warning.btn-up:before {
border-bottom-color: #f2a654
}
.btn-warning.btn-up:focus:before,.btn-warning.btn-up:hover:before {
border-bottom-color: #f4b066
}
.btn-warning.btn-up.active:before,.btn-warning.btn-up:active:before,.open>.btn-warning.btn-up.dropdown-toggle:before {
border-bottom-color: #ec9940
}
.btn-warning.btn-right:before {
border-left-color: #f2a654
}
.btn-warning.btn-right:focus:before,.btn-warning.btn-right:hover:before {
border-left-color: #f4b066
}
.btn-warning.btn-right.active:before,.btn-warning.btn-right:active:before,.open>.btn-warning.btn-right.dropdown-toggle:before {
border-left-color: #ec9940
}
.btn-warning.btn-bottom:before {
border-top-color: #f2a654
}
.btn-warning.btn-bottom:focus:before,.btn-warning.btn-bottom:hover:before {
border-top-color: #f4b066
}
.btn-warning.btn-bottom.active:before,.btn-warning.btn-bottom:active:before,.open>.btn-warning.btn-bottom.dropdown-toggle:before {
border-top-color: #ec9940
}
.btn-warning.btn-left:before {
border-right-color: #f2a654
}
.btn-warning.btn-left:focus:before,.btn-warning.btn-left:hover:before {
border-right-color: #f4b066
}
.btn-warning.btn-left.active:before,.btn-warning.btn-left:active:before,.open>.btn-warning.btn-left.dropdown-toggle:before {
border-right-color: #ec9940
}
.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover {
color: #fff;
border-color: #fa9898;
background-color: #fa9898
}
.btn-danger .tag-pill {
color: #f96868;
background-color: #fff
}
.btn-danger.btn-up:before {
border-bottom-color: #f96868
}
.btn-danger.btn-up:focus:before,.btn-danger.btn-up:hover:before {
border-bottom-color: #fa7a7a
}
.btn-danger.btn-up.active:before,.btn-danger.btn-up:active:before,.open>.btn-danger.btn-up.dropdown-toggle:before {
border-bottom-color: #e9595b
}
.btn-danger.btn-right:before {
border-left-color: #f96868
}
.btn-danger.btn-right:focus:before,.btn-danger.btn-right:hover:before {
border-left-color: #fa7a7a
}
.btn-danger.btn-right.active:before,.btn-danger.btn-right:active:before,.open>.btn-danger.btn-right.dropdown-toggle:before {
border-left-color: #e9595b
}
.btn-danger.btn-bottom:before {
border-top-color: #f96868
}
.btn-danger.btn-bottom:focus:before,.btn-danger.btn-bottom:hover:before {
border-top-color: #fa7a7a
}
.btn-danger.btn-bottom.active:before,.btn-danger.btn-bottom:active:before,.open>.btn-danger.btn-bottom.dropdown-toggle:before {
border-top-color: #e9595b
}
.btn-danger.btn-left:before {
border-right-color: #f96868
}
.btn-danger.btn-left:focus:before,.btn-danger.btn-left:hover:before {
border-right-color: #fa7a7a
}
.btn-danger.btn-left.active:before,.btn-danger.btn-left:active:before,.open>.btn-danger.btn-left.dropdown-toggle:before {
border-right-color: #e9595b
}
.btn-default {
color: #76838f;
border-color: #e4eaec;
background-color: #e4eaec;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
-webkit-box-shadow: none;
box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
box-shadow: none
}
.btn-default:hover,.btn-default.focus,.btn-default:focus {
color: #76838f;
border-color: #c0ced3;
background-color: #c6d3d7
}
.btn-default.active,.btn-default:active,.open>.btn-default.dropdown-toggle {
color: #76838f;
border-color: #c0ced3;
background-color: #c6d3d7;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}
.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.btn-default.dropdown-toggle.focus,.open>.btn-default.dropdown-toggle:focus,.open>.btn-default.dropdown-toggle:hover {
color: #76838f;
border-color: #ccd5db;
background-color: #ccd5db
}
.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default:disabled.focus,.btn-default:disabled:focus,.btn-default.disabled:hover,.btn-default:disabled:hover {
border-color: #e4eaec;
background-color: #e4eaec
}
.btn-default.focus,.btn-default:focus,.btn-default:hover {
border-color: #f3f7f9;
background-color: #f3f7f9
}
.btn-default.active,.btn-default:active,.open>.btn-default.dropdown-toggle {
border-color: #ccd5db;
background-color: #ccd5db;
-webkit-box-shadow: none;
box-shadow: none
}
.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover {
cursor: not-allowed;
color: #76838f;
border-color: #f3f7f9;
background-color: #f3f7f9
}
.btn-default .tag-pill {
color: #e4eaec;
background-color: #76838f
}
.btn-default.btn-up:before {
border-bottom-color: #e4eaec
}
.btn-default.btn-up:focus:before,.btn-default.btn-up:hover:before {
border-bottom-color: #f3f7f9
}
.btn-default.btn-up.active:before,.btn-default.btn-up:active:before,.open>.btn-default.btn-up.dropdown-toggle:before {
border-bottom-color: #ccd5db
}
.btn-default.btn-right:before {
border-left-color: #e4eaec
}
.btn-default.btn-right:focus:before,.btn-default.btn-right:hover:before {
border-left-color: #f3f7f9
}
.btn-default.btn-right.active:before,.btn-default.btn-right:active:before,.open>.btn-default.btn-right.dropdown-toggle:before {
border-left-color: #ccd5db
}
.btn-default.btn-bottom:before {
border-top-color: #e4eaec
}
.btn-default.btn-bottom:focus:before,.btn-default.btn-bottom:hover:before {
border-top-color: #f3f7f9
}
.btn-default.btn-bottom.active:before,.btn-default.btn-bottom:active:before,.open>.btn-default.btn-bottom.dropdown-toggle:before {
border-top-color: #ccd5db
}
.btn-default.btn-left:before {
border-right-color: #e4eaec
}
.btn-default.btn-left:focus:before,.btn-default.btn-left:hover:before {
border-right-color: #f3f7f9
}
.btn-default.btn-left.active:before,.btn-default.btn-left:active:before,.open>.btn-default.btn-left.dropdown-toggle:before {
border-right-color: #ccd5db
}
.btn-inverse {
color: #76838f;
border-color: #e4eaec;
background-color: #fff;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
-webkit-box-shadow: none;
box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
box-shadow: none
}
.btn-inverse:hover,.btn-inverse.focus,.btn-inverse:focus {
color: #76838f;
border-color: #c0ced3;
background-color: #e6e6e6
}
.btn-inverse.active,.btn-inverse:active,.open>.btn-inverse.dropdown-toggle {
color: #76838f;
border-color: #c0ced3;
background-color: #e6e6e6;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}
.btn-inverse.active.focus,.btn-inverse.active:focus,.btn-inverse.active:hover,.btn-inverse:active.focus,.btn-inverse:active:focus,.btn-inverse:active:hover,.open>.btn-inverse.dropdown-toggle.focus,.open>.btn-inverse.dropdown-toggle:focus,.open>.btn-inverse.dropdown-toggle:hover {
color: #76838f;
border-color: #ccd5db;
background-color: #fff
}
.btn-inverse.disabled.focus,.btn-inverse.disabled:focus,.btn-inverse:disabled.focus,.btn-inverse:disabled:focus,.btn-inverse.disabled:hover,.btn-inverse:disabled:hover {
border-color: #e4eaec;
background-color: #fff
}
.btn-inverse.focus,.btn-inverse:focus,.btn-inverse:hover {
border-color: #f3f7f9;
background-color: #fff
}
.btn-inverse.active,.btn-inverse:active,.open>.btn-inverse.dropdown-toggle {
border-color: #ccd5db;
background-color: #fff;
-webkit-box-shadow: none;
box-shadow: none
}
.btn-inverse.disabled,.btn-inverse.disabled.active,.btn-inverse.disabled.focus,.btn-inverse.disabled:active,.btn-inverse.disabled:focus,.btn-inverse.disabled:hover,.btn-inverse[disabled],.btn-inverse[disabled].active,.btn-inverse[disabled].focus,.btn-inverse[disabled]:active,.btn-inverse[disabled]:focus,.btn-inverse[disabled]:hover {
color: #ccd5db;
border-color: #a3afb7;
background-color: #fff
}
.btn-inverse .tag-pill {
color: #fff;
background-color: #76838f
}
.btn-inverse.btn-up:before,.btn-inverse.btn-up:focus:before,.btn-inverse.btn-up:hover:before,.btn-inverse.btn-up.active:before,.btn-inverse.btn-up:active:before,.open>.btn-inverse.btn-up.dropdown-toggle:before {
border-bottom-color: #fff
}
.btn-inverse.btn-right:before,.btn-inverse.btn-right:focus:before,.btn-inverse.btn-right:hover:before,.btn-inverse.btn-right.active:before,.btn-inverse.btn-right:active:before,.open>.btn-inverse.btn-right.dropdown-toggle:before {
border-left-color: #fff
}
.btn-inverse.btn-bottom:before,.btn-inverse.btn-bottom:focus:before,.btn-inverse.btn-bottom:hover:before,.btn-inverse.btn-bottom.active:before,.btn-inverse.btn-bottom:active:before,.open>.btn-inverse.btn-bottom.dropdown-toggle:before {
border-top-color: #fff
}
.btn-inverse.btn-left:before,.btn-inverse.btn-left:focus:before,.btn-inverse.btn-left:hover:before,.btn-inverse.btn-left.active:before,.btn-inverse.btn-left:active:before,.open>.btn-inverse.btn-left.dropdown-toggle:before {
border-right-color: #fff
}
.btn-dark {
color: #fff;
border-color: #526069;
background-color: #526069;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
-webkit-box-shadow: none;
box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
box-shadow: none
}
.btn-dark:hover,.btn-dark.focus,.btn-dark:focus {
color: #fff;
border-color: #374147;
background-color: #3c464c
}
.btn-dark.active,.btn-dark:active,.open>.btn-dark.dropdown-toggle {
color: #fff;
border-color: #374147;
background-color: #3c464c;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}
.btn-dark.active.focus,.btn-dark.active:focus,.btn-dark.active:hover,.btn-dark:active.focus,.btn-dark:active:focus,.btn-dark:active:hover,.open>.btn-dark.dropdown-toggle.focus,.open>.btn-dark.dropdown-toggle:focus,.open>.btn-dark.dropdown-toggle:hover {
color: #fff;
border-color: #37474f;
background-color: #37474f
}
.btn-dark.disabled.focus,.btn-dark.disabled:focus,.btn-dark:disabled.focus,.btn-dark:disabled:focus,.btn-dark.disabled:hover,.btn-dark:disabled:hover {
border-color: #526069;
background-color: #526069
}
.btn-dark.focus,.btn-dark:focus,.btn-dark:hover {
border-color: #76838f;
background-color: #76838f
}
.btn-dark.active,.btn-dark:active,.open>.btn-dark.dropdown-toggle {
border-color: #37474f;
background-color: #37474f;
-webkit-box-shadow: none;
box-shadow: none
}
.btn-dark.disabled,.btn-dark.disabled.active,.btn-dark.disabled.focus,.btn-dark.disabled:active,.btn-dark.disabled:focus,.btn-dark.disabled:hover,.btn-dark[disabled],.btn-dark[disabled].active,.btn-dark[disabled].focus,.btn-dark[disabled]:active,.btn-dark[disabled]:focus,.btn-dark[disabled]:hover {
color: #fff;
border-color: #a3afb7;
background-color: #a3afb7
}
.btn-dark .tag-pill {
color: #526069;
background-color: #fff
}
.btn-dark.btn-up:before {
border-bottom-color: #526069
}
.btn-dark.btn-up:focus:before,.btn-dark.btn-up:hover:before {
border-bottom-color: #76838f
}
.btn-dark.btn-up.active:before,.btn-dark.btn-up:active:before,.open>.btn-dark.btn-up.dropdown-toggle:before {
border-bottom-color: #37474f
}
.btn-dark.btn-right:before {
border-left-color: #526069
}
.btn-dark.btn-right:focus:before,.btn-dark.btn-right:hover:before {
border-left-color: #76838f
}
.btn-dark.btn-right.active:before,.btn-dark.btn-right:active:before,.open>.btn-dark.btn-right.dropdown-toggle:before {
border-left-color: #37474f
}
.btn-dark.btn-bottom:before {
border-top-color: #526069
}
.btn-dark.btn-bottom:focus:before,.btn-dark.btn-bottom:hover:before {
border-top-color: #76838f
}
.btn-dark.btn-bottom.active:before,.btn-dark.btn-bottom:active:before,.open>.btn-dark.btn-bottom.dropdown-toggle:before {
border-top-color: #37474f
}
.btn-dark.btn-left:before {
border-right-color: #526069
}
.btn-dark.btn-left:focus:before,.btn-dark.btn-left:hover:before {
border-right-color: #76838f
}
.btn-dark.btn-left.active:before,.btn-dark.btn-left:active:before,.open>.btn-dark.btn-left.dropdown-toggle:before {
border-right-color: #37474f
}
.btn-icon,.btn.icon {
line-height: 1em;
padding: .715rem
}
.btn-group-xs>.btn-icon.btn,.btn-group-xs>.btn.icon,.btn-icon.btn-xs,.btn.icon.btn-xs {
font-size: .858rem;
padding: .286rem
}
.btn-icon.btn-sm,.btn.icon.btn-sm {
font-size: 1rem;
padding: .572rem
}
.btn-icon.btn-lg,.btn.icon.btn-lg {
font-size: 1.429rem;
padding: .858rem
}
.btn-icon.disabled,.btn.icon.disabled {
color: #a3afb7
}
.btn-icon .icon {
margin: -1px 0 0
}
.btn-floating {
font-size: 1.715rem;
width: 4rem;
height: 4rem;
margin: 0;
padding: 0;
text-align: center;
border-radius: 100%;
-webkit-box-shadow: 0 6px 10px rgba(0,0,0,.15);
box-shadow: 0 6px 10px rgba(0,0,0,.15)
}
.btn-floating.btn-xs,.btn-group-xs>.btn-floating.btn {
font-size: .929rem;
width: 2.143rem;
height: 2.143rem;
padding: 0
}
.btn-floating.btn-sm {
font-size: 1.072rem;
width: 2.858rem;
height: 2.858rem;
padding: 0
}
.btn-floating.btn-lg {
font-size: 2.143rem;
width: 5rem;
height: 5rem;
padding: 0
}
.btn-floating i {
position: relative;
top: 0
}
.btn-pill-left {
border-radius: 500px 0 0 500px
}
.btn-pill-right {
border-radius: 0 500px 500px 0
}
.btn-direction {
position: relative
}
.btn-direction:before {
line-height: 0;
position: absolute;
content: '';
border: 8px solid transparent
}
.btn-up:before {
top: -16px;
left: 50%;
margin-left: -8px;
border-bottom-color: #e4eaec
}
.btn-right:before {
top: 50%;
right: -16px;
margin-top: -8px;
border-left-color: #e4eaec
}
.btn-bottom:before {
bottom: -16px;
left: 50%;
margin-left: -8px;
border-top-color: #e4eaec
}
.btn-left:before {
top: 50%;
left: -16px;
margin-top: -8px;
border-right-color: #e4eaec
}
.btn-group-xs>.dropdown-toggle.btn:after,.dropdown-toggle.btn-xs:after {
margin-left: 0
}
.dropdown-item .icon:first-child {
width: 1em;
margin-right: .5em;
text-align: center
}
.dropdown-menu.dropdown-menu-bullet {
margin-top: 12px
}
.dropdown-menu.dropdown-menu-bullet:after,.dropdown-menu.dropdown-menu-bullet:before {
position: absolute;
left: 10px;
display: inline-block;
width: 0;
height: 0;
content: '';
border: 7px solid transparent;
border-top-width: 0
}
.dropdown-menu.dropdown-menu-bullet:before {
top: -7px;
border-bottom-color: #e4eaec
}
.dropdown-menu.dropdown-menu-bullet:after {
top: -6px;
border-bottom-color: #fff
}
.dropdown-menu-right.dropdown-menu-bullet:after,.dropdown-menu-right.dropdown-menu-bullet:before {
right: 10px;
left: auto
}
.dropdown-menu.animate {
overflow: hidden
}
.dropdown-menu.animate>.dropdown-item {
-webkit-animation: slide-left .5s both;
-o-animation: slide-left .5s both;
animation: slide-left .5s both
}
.dropdown-menu.animate>.dropdown-item:nth-child(1) {
-webkit-animation: animation-delay(.02s);
-o-animation: animation-delay(.02s);
animation: animation-delay(.02s)
}
.dropdown-menu.animate>.dropdown-item:nth-child(2) {
-webkit-animation: animation-delay(.04s);
-o-animation: animation-delay(.04s);
animation: animation-delay(.04s)
}
.dropdown-menu.animate>.dropdown-item:nth-child(3) {
-webkit-animation: animation-delay(.06s);
-o-animation: animation-delay(.06s);
animation: animation-delay(.06s)
}
.dropdown-menu.animate>.dropdown-item:nth-child(4) {
-webkit-animation: animation-delay(.08s);
-o-animation: animation-delay(.08s);
animation: animation-delay(.08s)
}
.dropdown-menu.animate>.dropdown-item:nth-child(5) {
-webkit-animation: animation-delay(.1s);
-o-animation: animation-delay(.1s);
animation: animation-delay(.1s)
}
.dropdown-menu.animate>.dropdown-item:nth-child(6) {
-webkit-animation: animation-delay(.12s);
-o-animation: animation-delay(.12s);
animation: animation-delay(.12s)
}
.dropdown-menu.animate>.dropdown-item:nth-child(7) {
-webkit-animation: animation-delay(.14s);
-o-animation: animation-delay(.14s);
animation: animation-delay(.14s)
}
.dropdown-menu.animate>.dropdown-item:nth-child(8) {
-webkit-animation: animation-delay(.16s);
-o-animation: animation-delay(.16s);
animation: animation-delay(.16s)
}
.dropdown-menu.animate>.dropdown-item:nth-child(9) {
-webkit-animation: animation-delay(.18s);
-o-animation: animation-delay(.18s);
animation: animation-delay(.18s)
}
.dropdown-menu.animate>.dropdown-item:nth-child(10) {
-webkit-animation: animation-delay(.2s);
-o-animation: animation-delay(.2s);
animation: animation-delay(.2s)
}
.dropdown-menu.animate>.dropdown-item.dropdown-divider {
-webkit-animation-name: none;
-o-animation-name: none;
animation-name: none
}
.dropdown-menu.animate.animate-reverse>.dropdown-item:nth-last-child(1) {
-webkit-animation: animation-delay(.02s);
-o-animation: animation-delay(.02s);
animation: animation-delay(.02s)
}
.dropdown-menu.animate.animate-reverse>.dropdown-item:nth-last-child(2) {
-webkit-animation: animation-delay(.04s);
-o-animation: animation-delay(.04s);
animation: animation-delay(.04s)
}
.dropdown-menu.animate.animate-reverse>.dropdown-item:nth-last-child(3) {
-webkit-animation: animation-delay(.06s);
-o-animation: animation-delay(.06s);
animation: animation-delay(.06s)
}
.dropdown-menu.animate.animate-reverse>.dropdown-item:nth-last-child(4) {
-webkit-animation: animation-delay(.08s);
-o-animation: animation-delay(.08s);
animation: animation-delay(.08s)
}
.dropdown-menu.animate.animate-reverse>.dropdown-item:nth-last-child(5) {
-webkit-animation: animation-delay(.1s);
-o-animation: animation-delay(.1s);
animation: animation-delay(.1s)
}
.dropdown-menu.animate.animate-reverse>.dropdown-item:nth-last-child(6) {
-webkit-animation: animation-delay(.12s);
-o-animation: animation-delay(.12s);
animation: animation-delay(.12s)
}
.dropdown-menu.animate.animate-reverse>.dropdown-item:nth-last-child(7) {
-webkit-animation: animation-delay(.14s);
-o-animation: animation-delay(.14s);
animation: animation-delay(.14s)
}
.dropdown-menu.animate.animate-reverse>.dropdown-item:nth-last-child(8) {
-webkit-animation: animation-delay(.16s);
-o-animation: animation-delay(.16s);
animation: animation-delay(.16s)
}
.dropdown-menu.animate.animate-reverse>.dropdown-item:nth-last-child(9) {
-webkit-animation: animation-delay(.18s);
-o-animation: animation-delay(.18s);
animation: animation-delay(.18s)
}
.dropdown-menu.animate.animate-reverse>.dropdown-item:nth-last-child(10) {
-webkit-animation: animation-delay(.2s);
-o-animation: animation-delay(.2s);
animation: animation-delay(.2s)
}
.dropup .dropdown-menu.dropdown-menu-bullet,.navbar-fixed-bottom .dropdown .dropdown-menu.dropdown-menu-bullet {
margin-bottom: 12px
}
.dropup .dropdown-menu.dropdown-menu-bullet:after,.dropup .dropdown-menu.dropdown-menu-bullet:before,.navbar-fixed-bottom .dropdown .dropdown-menu.dropdown-menu-bullet:after,.navbar-fixed-bottom .dropdown .dropdown-menu.dropdown-menu-bullet:before {
top: auto;
border-top-width: 7px;
border-bottom-width: 0
}
.dropup .dropdown-menu.dropdown-menu-bullet:before,.navbar-fixed-bottom .dropdown .dropdown-menu.dropdown-menu-bullet:before {
bottom: -7px;
border-top-color: #e4eaec
}
.dropup .dropdown-menu.dropdown-menu-bullet:after,.navbar-fixed-bottom .dropdown .dropdown-menu.dropdown-menu-bullet:after {
bottom: -6px;
border-top-color: #fff
}
.dropdown-menu>.dropdown-header {
font-size: 1rem;
font-weight: 700;
padding: 8px 20px 6px;
cursor: default
}
.dropdown-menu>.dropdown-submenu {
position: relative
}
.dropdown-menu>.dropdown-submenu>.dropdown-item {
position: relative
}
.dropdown-menu>.dropdown-submenu>.dropdown-item:after {
position: absolute;
right: 10px;
display: inline-block;
width: 0;
height: 0;
margin-top: 6px;
content: '';
vertical-align: middle;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 4px dashed
}
.dropdown-menu>.dropdown-submenu .dropdown-menu {
left: 100%;
margin: 0
}
.dropdown-menu>.dropdown-submenu.dropdown-menu-left .dropdown-menu {
left: -100%
}
.dropdown-menu>.dropdown-submenu:hover .dropdown-menu {
display: block
}
.dropdown .dropdown-submenu .dropdown-menu {
top: 0
}
.dropup .dropdown-submenu .dropdown-menu {
bottom: 0
}
.dropdown-menu-media {
width: 360px;
padding-top: 0;
padding-bottom: 0
}
.dropdown-menu-media>li {
margin: 0;
padding: 0
}
.dropdown-menu-media .dropdown-menu-header {
position: relative;
padding: 20px 20px;
border-bottom: 1px solid #e4eaec;
background-color: #fff
}
.dropdown-menu-media .dropdown-menu-header>h3,.dropdown-menu-media .dropdown-menu-header>h4,.dropdown-menu-media .dropdown-menu-header>h5 {
margin: 0
}
.dropdown-menu-media .dropdown-menu-header .tag {
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.dropdown-menu-media .list-group {
font-size: .858rem;
max-height: 270px;
overflow-y: auto;
margin: 0;
border-radius: 0
}
.dropdown-menu-media .list-group-item {
margin: 0;
padding: 0 20px;
border: none;
border-radius: 0!important
}
.dropdown-menu-media .list-group-item .media {
padding: 15px 0;
border-top: 1px solid #e4eaec
}
.dropdown-menu-media .list-group-item:first-child .media {
border-top: none
}
.dropdown-menu-media>.dropdown-menu-footer {
border-top: 1px solid #e4eaec;
background-color: #f3f7f9
}
.dropdown-menu-media>.dropdown-menu-footer>a {
margin: 0;
padding: 15px 20px!important;
color: #a3afb7!important
}
.dropdown-menu-media>.dropdown-menu-footer>a:hover {
color: #89bceb!important;
background-color: transparent!important
}
.dropdown-menu-media>.dropdown-menu-footer>.dropdown-menu-footer-btn {
float: right
}
.dropdown-menu-media>.dropdown-menu-footer>.dropdown-menu-footer-btn:hover {
color: #89bceb!important;
background-color: transparent!important
}
.dropdown-menu-primary .dropdown-iten.active,.dropdown-menu-primary .dropdown-iten.active:focus,.dropdown-menu-primary .dropdown-iten.active:hover {
color: #fff;
background-color: #62a8ea
}
.dropdown-menu-success .dropdown-iten.active,.dropdown-menu-success .dropdown-iten.active:focus,.dropdown-menu-success .dropdown-iten.active:hover {
color: #fff;
background-color: #46be8a
}
.dropdown-menu-info .dropdown-iten.active,.dropdown-menu-info .dropdown-iten.active:focus,.dropdown-menu-info .dropdown-iten.active:hover {
color: #fff;
background-color: #57c7d4
}
.dropdown-menu-warning .dropdown-iten.active,.dropdown-menu-warning .dropdown-iten.active:focus,.dropdown-menu-warning .dropdown-iten.active:hover {
color: #fff;
background-color: #f2a654
}
.dropdown-menu-danger .dropdown-iten.active,.dropdown-menu-danger .dropdown-iten.active:focus,.dropdown-menu-danger .dropdown-iten.active:hover {
color: #fff;
background-color: #f96868
}
.dropdown-menu-dark .dropdown-iten.active,.dropdown-menu-dark .dropdown-iten.active:focus,.dropdown-menu-dark .dropdown-iten.active:hover {
color: #fff;
background-color: #526069
}
.btn-group .btn~.dropdown-toggle {
margin-left: -1px;
padding-right: .8em;
padding-left: .8em
}
.btn-group .btn~.dropdown-toggle:after {
margin-left: 0
}
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05);
box-shadow: inset 0 1px 3px rgba(0,0,0,.05)
}
.btn-group:focus .dropdown-toggle {
-webkit-transition: .25s;
-o-transition: .25s;
transition: .25s
}
.input-group-addon {
-webkit-transition: border .25s linear,color .25s linear,background-color .25s linear;
-o-transition: border .25s linear,color .25s linear,background-color .25s linear;
transition: border .25s linear,color .25s linear,background-color .25s linear
}
.input-group-btn .btn {
padding: 6px 10px
}
.input-group-btn .btn>.icon {
line-height: inherit;
vertical-align: bottom
}
.input-group-lg .input-group-addon,.input-group-lg .input-group-btn {
line-height: 1.333333
}
.input-group-sm .input-group-addon,.input-group-sm .input-group-btn {
line-height: 1.5
}
.nav-link:focus {
outline: 0
}
.nav-link .close {
display: inline-block;
margin-left: 10px
}
.nav-tabs .nav-link>.icon {
line-height: 1;
margin-right: .5em
}
.nav-tabs .dropup .dropdown-menu {
margin-bottom: -1px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.nav-pills .nav-link {
-webkit-transition: border .2s linear 0s,color .2s linear 0s,background-color .2s linear 0s;
-o-transition: border .2s linear 0s,color .2s linear 0s,background-color .2s linear 0s;
transition: border .2s linear 0s,color .2s linear 0s,background-color .2s linear 0s
}
.nav-pills-rounded .nav-link {
margin-right: 5px;
margin-left: 5px;
padding-right: 20px;
padding-left: 20px;
border-radius: 1000px
}
.nav-tabs-reverse .nav-item {
float: right
}
.nav-tabs-reverse .nav-item+.nav-item {
margin-right: 2px;
margin-left: 0
}
.nav-tabs-solid {
border-bottom-color: #f3f7f9
}
.nav-tabs-solid .nav-link:hover {
border-color: transparent
}
.nav-tabs-solid .nav-item.open .nav-link,.nav-tabs-solid .nav-item.open .nav-link:focus,.nav-tabs-solid .nav-item.open .nav-link:hover,.nav-tabs-solid .nav-link.active,.nav-tabs-solid .nav-link.active:focus,.nav-tabs-solid .nav-link.active:hover {
color: #76838f;
border-color: transparent;
background-color: #f3f7f9
}
.nav-tabs-solid~.tab-content {
padding: 1.429rem;
background-color: #f3f7f9
}
.nav-tabs-line {
position: relative
}
.nav-tabs-line .nav-link {
padding: .715rem 1.429rem;
border-bottom: 2px solid transparent
}
.nav-tabs-line .nav-link:focus,.nav-tabs-line .nav-link:hover {
background-color: transparent
}
.nav-tabs-line .nav-link:hover {
border-bottom-color: #ccd5db
}
.nav-tabs-line .nav-item.open .nav-link,.nav-tabs-line .nav-item.open .nav-link:focus,.nav-tabs-line .nav-item.open .nav-link:hover,.nav-tabs-line .nav-link.active,.nav-tabs-line .nav-link.active:focus,.nav-tabs-line .nav-link.active:hover {
color: #62a8ea;
border-bottom: 2px solid #62a8ea;
background-color: transparent
}
.nav-tabs-line .dropdown-menu {
margin-top: 0
}
.nav-tabs-line .dropup .dropdown-menu {
margin-bottom: 0
}
.nav-tabs-line .nav-item.open>.nav-link,.nav-tabs-line .nav-item.open>.nav-link:focus,.nav-tabs-line .nav-item.open>.nav-link:hover {
border-bottom-color: #62a8ea
}
.tabs-line-top {
border-bottom: 1px solid #e4eaec
}
.tabs-line-top .nav-item .nav-link,.tabs-line-top .nav-link {
bottom: -1px;
border-top: 2px solid transparent;
border-bottom-color: transparent
}
.tabs-line-top .nav-item .nav-link:hover,.tabs-line-top .nav-link:hover {
border-top: 2px solid #ccd5db;
border-bottom-color: transparent
}
.tabs-line-top .nav-item.open .nav-link,.tabs-line-top .nav-item.open .nav-link:focus,.tabs-line-top .nav-item.open .nav-link:hover,.tabs-line-top .nav-link.active,.tabs-line-top .nav-link.active:focus,.tabs-line-top .nav-link.active:hover {
color: #62a8ea;
border-top: 2px solid #62a8ea;
border-right: 1px solid #e4eaec;
border-bottom: 1px solid #fff;
border-left: 1px solid #e4eaec;
background-color: transparent
}
.nav-tabs-vertical::after {
display: table;
clear: both;
content: ''
}
.nav-tabs-vertical .nav-tabs {
float: left;
border-right: 1px solid #e4eaec;
border-bottom: none
}
.nav-tabs-vertical .nav-tabs .nav-item {
float: none;
margin-right: -1px;
margin-bottom: 2px;
margin-left: 0
}
.nav-tabs-vertical .nav-tabs .nav-link {
border-radius: .286rem 0 0 .286rem
}
.nav-tabs-vertical .nav-tabs .nav-link:hover {
border-right-color: #e4eaec;
border-bottom-color: transparent
}
.nav-tabs-vertical .nav-tabs .nav-link.active,.nav-tabs-vertical .nav-tabs .nav-link.active:focus,.nav-tabs-vertical .nav-tabs .nav-link.active:hover {
border-right-color: #62a8ea
}
.nav-tabs-vertical .nav-tabs-reverse {
float: right;
border-right: none;
border-left: 1px solid #e4eaec
}
.nav-tabs-vertical .nav-tabs-reverse .nav-item {
margin-right: 0;
margin-left: -1px
}
.nav-tabs-vertical .nav-tabs-reverse .nav-link {
border-radius: 0 .286rem .286rem 0
}
.nav-tabs-vertical .nav-tabs-reverse .nav-link:hover {
border-right-color: transparent;
border-left-color: #e4eaec
}
.nav-tabs-vertical .nav-tabs-reverse .nav-link.active,.nav-tabs-vertical .nav-tabs-reverse .nav-link.active:focus,.nav-tabs-vertical .nav-tabs-reverse .nav-link.active:hover {
border-left-color: #62a8ea
}
.nav-tabs-vertical .nav-tabs-solid {
border-right-color: #f3f7f9
}
.nav-tabs-vertical .nav-tabs-solid .nav-link:hover {
border-color: transparent
}
.nav-tabs-vertical .nav-tabs-solid .nav-link.active,.nav-tabs-vertical .nav-tabs-solid .nav-link.active:focus,.nav-tabs-vertical .nav-tabs-solid .nav-link.active:hover {
border-color: transparent
}
.nav-tabs-vertical .nav-tabs-solid+.tab-content {
padding: 1.429rem
}
.nav-tabs-vertical .nav-tabs-solid.nav-tabs-reverse {
border-left-color: #f3f7f9
}
.nav-tabs-vertical .nav-tabs-line .nav-link {
border-right: 2px solid transparent;
border-bottom: none
}
.nav-tabs-vertical .nav-tabs-line .nav-link:hover {
border-right-color: #ccd5db
}
.nav-tabs-vertical .nav-tabs-line .nav-link.active,.nav-tabs-vertical .nav-tabs-line .nav-link.active:focus,.nav-tabs-vertical .nav-tabs-line .nav-link.active:hover {
border-right: 2px solid #62a8ea;
border-bottom: none
}
.nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse .nav-link {
border-right-width: 1px;
border-left: 2px solid transparent
}
.nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse .nav-link:hover {
border-color: transparent;
border-left-color: #ccd5db
}
.nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse .nav-link.active,.nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse .nav-link.active:focus,.nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse .nav-link.active:hover {
border-right: 1px solid transparent;
border-left: 2px solid #62a8ea
}
.nav-tabs-vertical .tab-content {
overflow: hidden
}
.nav-tabs-inverse .nav-tabs-solid {
border-bottom-color: #fff
}
.nav-tabs-inverse .nav-tabs-solid .nav-link.active,.nav-tabs-inverse .nav-tabs-solid .nav-link.active:focus,.nav-tabs-inverse .nav-tabs-solid .nav-link.active:hover {
color: #76838f;
background-color: #fff
}
.nav-tabs-inverse.nav-tabs-vertical .nav-tabs-solid {
border-right-color: #fff
}
.nav-tabs-inverse.nav-tabs-vertical .nav-tabs-solid.nav-tabs-reverse {
border-left-color: #fff
}
.nav-tabs-inverse .tab-content {
background: #fff
}
.nav-tabs-animate .tab-content {
overflow: hidden
}
.nav-tabs-lg .nav-link {
font-size: 1.286rem;
line-height: 1.333333;
padding: .858rem 1.429rem
}
.nav-tabs-sm .nav-link {
font-size: .858rem;
line-height: 1.5;
padding: .358rem .715rem
}
.navbar {
min-height: 4.715rem;
padding: 0;
border: none;
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.08);
box-shadow: 0 2px 4px rgba(0,0,0,.08)
}
.navbar-nav {
margin: .78575rem -.9375rem
}
.navbar-nav .nav-item {
float: none
}
.navbar-nav .nav-link {
padding-top: 1.572rem;
padding-bottom: 1.572rem
}
.navbar-nav .nav-item .nav-link {
line-height: 22px;
padding-top: .715rem;
padding-bottom: .715rem
}
.navbar-nav .nav-item+.nav-item {
margin-left: 0
}
.navbar-nav>.nav-item>.dropdown-menu {
margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.cd-img-replace {
/* replace text with a background-image */
display: inline-block;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
.overflow-hidden {
overflow: hidden;
}
/* --------------------------------
Main components
-------------------------------- */
.cd-main-content {
/* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */
min-height: 100%;
position: relative;
z-index: 0; overflow:hidden;
/* Force Hardware Acceleration in WebKit */
-webkit-backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.cd-main-content.lateral-menu-is-open {
/* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0); position:fixed; height:100%; overflow:hidden;
}
@media only screen and (min-width: 768px) {
.cd-main-content {
}
}
header {
position: absolute;
top: 0;
left: 0;
height: 50px;
width: 100%;
background: #4e6361;
z-index: 3;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
transition-duration: 0.4s;
}
header.lateral-menu-is-open {
/* translate to show the lateral menu */
-webkit-transform: translateX(-260px);
-moz-transform: translateX(-260px);
-ms-transform: translateX(-260px);
-o-transform: translateX(-260px);
transform: translateX(-260px);
}
header.is-fixed {
position: fixed;
}
@media only screen and (min-width: 768px) {
header {
height: 70px;
}
}
#cd-logo {
display: block;
float: left;
margin: 12px 0 0 20px;
}
#cd-logo img {
display: block;
}
@media only screen and (min-width: 768px) {
#cd-logo {
margin: 22px 0 0 30px;
}
}
#cd-top-nav {
position: absolute;
top: 0;
right: 120px;
height: 100%;
display: none;
}
#cd-top-nav ul {
height: 100%;
padding-top: 18px;
}
#cd-top-nav li {
display: inline-block;
margin-right: 1em;
}
#cd-top-nav a {
display: inline-block;
padding: .5em;
color: #FFF;
text-transform: uppercase;
font-weight: 600;
}
#cd-top-nav a.current {
background-color: #242e30;
}
.no-touch #cd-top-nav a:hover {
color: rgba(255, 255, 255, 0.7);
}
@media only screen and (min-width: 768px) {
#cd-top-nav {
display: block;
}
}
#cd-menu-trigger {
position:absolute;
left: 0;
top: 20px; left:40px;
height: 50px;
width: 80px; z-index:1;
}
#cd-menu-trigger .cd-menu-text {
height: 100%;
text-transform: uppercase;
color: #FFF;
font-weight: 600;
display: none;
}
.search{ margin-top:27px;}
#cd-menu-trigger .cd-menu-icon {
/* this span is the central line in the menu menu */
display: inline-block;
position: absolute;
left: 1%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 30px;
height: 4px;
background-color: #221815;
/* these are the upper and lower lines in the menu menu */
}
#cd-menu-trigger .cd-menu-icon::before{
content: '';
width: 100%;
height: 100%;
position: absolute;
background-color: inherit;
left: 0;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
}
#cd-menu-trigger .cd-menu-icon:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
background-color: inherit;
left: 0;
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
}
#cd-menu-trigger .cd-menu-icon::before {
bottom: 12px;
}
#cd-menu-trigger .cd-menu-icon::after {
top: 12px;
}
#cd-menu-trigger.is-clicked .cd-menu-icon {
background-color: rgba(255, 255, 255, 0);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {
background-color: #231815;
}
#cd-menu-trigger.is-clicked .cd-menu-icon::before {
bottom: 1px; width:70%; height:70%;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::after {
top: 0;width:70%; height:70%;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media only screen and (min-width: 768px) {
#cd-menu-trigger {
width: 110px;
padding-left: 1.25em; padding-top:0.5em; z-index:999
}
#cd-menu-trigger .cd-menu-text {
display: inline-block;
line-height: 70px;
}
#cd-menu-trigger .cd-menu-icon {
left: auto;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
#cd-lateral-nav {
position: fixed;
height: 100%;
left: 0;
top:90px;
/* the secondary navigation is covered by the main element */
z-index: 99;
width: 100%;
background-color: rgba(0, 0, 0, 0.7); overflow:hidden!important;
overscroll-behavior: contain;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
transition-duration: 0.4s;
/* this creates the subtle slide in animation of the navigation */
-webkit-transform: translateX(-960px);
-moz-transform: translateX(-960px);
-ms-transform: translateX(-960px);
-o-transform: translateX(-960px);
transform: translateX(-100%);
}
#cd-lateral-nav .cd-navigation {
z-index:9999999; margin-bottom:0
}
#cd-lateral-nav .cd-navigation:before{ height:100%; width:1px; position:absolute; left:425px; background:#ccc; content:""; display:block}
#cd-lateral-nav .cd-navigation li{ width:280px; padding-right:20px; background:#fff; padding-left:50px; }
#cd-lateral-nav .cd-navigation li:last-child{ padding-top:100px; position:fixed; bottom:130px; left:0; width:200px;}
#cd-lateral-nav .cd-navigation li:last-child a{border-bottom:1px #ccc solid;padding-bottom:20px;}
#cd-lateral-nav .cd-navigation li:last-child a:hover:after{ top:30%}
#cd-lateral-nav .cd-navigation li:nth-child(14){ padding-bottom:30px; border-bottom:1px #ccc solid;}
#cd-lateral-nav .cd-navigation li:nth-child(15){ padding-top:30px; }
#cd-lateral-nav .cd-navigation li:nth-child(15) .sub-menu{ padding-top:430px;}
#cd-lateral-nav .cd-navigation li:nth-child(16) .sub-menu{ padding-top:430px;}
#cd-lateral-nav .cd-navigation li:nth-child(17) .sub-menu{ padding-top:430px;}
#cd-lateral-nav .cd-navigation li:nth-child(18) .sub-menu{ padding-top:430px;}
#cd-lateral-nav .cd-navigation li:nth-child(19) .sub-menu{ padding-top:430px;}
#cd-lateral-nav .cd-navigation li:nth-child(20) .sub-menu{ padding-top:430px;}
#cd-lateral-nav .cd-navigation li:nth-child(21) .sub-menu{ padding-top:430px;}
#cd-lateral-nav .cd-navigation li:nth-child(22) .sub-menu{ padding-top:430px;}
.ptel{ padding-top:20px; padding-left:10px; font-size:15px; font-weight:bold;}
#cd-lateral-nav .cd-navigation li:nth-child(21){ padding-bottom:30px; border-bottom:1px #ccc solid;}
#cd-lateral-nav .cd-navigation li:nth-child(22){ padding-top:30px; padding-bottom:30px; border-bottom:1px #ccc solid; }
#cd-lateral-nav .cd-single-item-wrapper li:first-child{ padding-top:30px;}
#cd-lateral-nav .cd-single-item-wrapper li img{ }
#cd-lateral-nav .cd-navigation li.btn1{ padding-left：120px !important；}
#cd-lateral-nav .sub-menu {
padding: 0 10px 20px 0;
display: none; position:absolute; left:426px; top:0; width:425px; background:#fff; height:1280px; }
#cd-lateral-nav .cd-navigation li:last-child .sub-menu{ position:fixed; top:0;}
#cd-lateral-nav .sub-menu li{ width:410px; height:auto; display:block; border-bottom:1px #ccc solid;border-right:0; padding-left:0!important; padding-right:0; text-align:center}
#cd-lateral-nav .sub-menu li:last-child{ padding-top:0}
#cd-lateral-nav .sub-menu li img{ width:270px; height:auto;transition: all 0.3s linear 0s; }
#cd-lateral-nav .sub-menu li:hover img{transform: scale(1.1);}
#cd-lateral-nav .sub-menu li .text{ text-align:center; font-size:14px;}
#cd-lateral-nav .sub-menu li .text h4{ font-size:14px;}
#cd-lateral-nav a {
display: block;
line-height: 2.3em;
padding: 0 16px 0 16px;
color: #333; font-size:14px;
}
#cd-lateral-nav .cd-navigation .item-has-children a:hover .sub-menu{ display:block}
#cd-lateral-nav a.current {
color: #231815; padding-bottom:20px;
}
.no-touch #cd-lateral-nav a:hover {
color: #000; font-weight:bold;
}
@media only screen and (min-width: 1925px) {
#cd-lateral-nav .sub-menu {
padding: 0 10px 20px 0;
display: none; position:absolute; left:427px; top:0; width:425px; background:#fff; height:1280px; }
}
@media only screen and (min-width: 768px) {
#cd-lateral-nav .cd-navigation {
padding-left:0;background-color: #fff; width:425px; padding-bottom:30px;height:1280px; position:relative
}
}
#cd-lateral-nav .cd-navigation li.zdh{ margin-bottom:70%}
@media only screen and (min-width:1925px) {
#cd-lateral-nav .cd-navigation li.zdh{margin-bottom:120%}
.met-product-list .cp1 img{ height:920px!important}
}
#cd-lateral-nav .cd-navigation li.zdh a{ width:150px;
padding-right: 20px; height:50px; line-height:50px; font-size:16px;}
#cd-lateral-nav .cd-navigation li.zdh span{ float:right;transform: rotate(0deg); font-size:18px;}
#cd-lateral-nav .cd-navigation li.zdh span img{ width:15px;}
#cd-lateral-nav .sub-menu li a{ width:auto!important}
.product_top h3{ height:60px; line-height:60px; font-size:30px; font-weight:bold}
#cd-lateral-nav.lateral-menu-is-open {
-webkit-transform: translateX(50px);
-moz-transform: translateX(50px);
-ms-transform: translateX(50px);
-o-transform: translateX(50px);
transform: translateX(0);
/* smooth the scrolling on touch devices - webkit browsers */
-webkit-overflow-scrolling: touch;
}
/* style menu items which have a submenu */
#cd-lateral-nav .item-has-children > a {
position: relative;
text-transform: uppercase;
/* this is the right arrow to show that the item has a submenu */
}
#cd-lateral-nav .zdh > a::after {
content: '';
display: block;
height: 10px;
width: 20px;
position: absolute;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: 1em;
background: url("../images/xl1.png") no-repeat center center;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
}
#cd-lateral-nav .item-has-children> a:hover{ border-bottom:1px #ccc solid;}
#cd-lateral-nav .item-has-children> a:hover:after {
content: '';
display: block;
height: 10px;
width: 20px;
position: absolute;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: 1em;
background: url("../images/xl1.png") no-repeat center center;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
}
#cd-lateral-nav .cd-navigation li.zdh .sub-menu li a:hover:after {
content: '';
display: block;
height: 10px;
width: 20px; float:right; margin-top:25px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: 1em;
background: url("../images/xl1.png") no-repeat center center;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
}
#cd-lateral-nav .item-has-children > a.submenu-open::after {
-webkit-transform: translateY(-50%) rotate(0deg);
-moz-transform: translateY(-50%) rotate(0deg);
-ms-transform: translateY(-50%) rotate(0deg);
-o-transform: translateY(-50%) rotate(0deg);
transform: translateY(-50%) rotate(0deg);
}
#cd-lateral-nav .socials {
padding: 0 32px;
}
#cd-lateral-nav .socials:after {
content: "";
display: table;
clear: both;
}
#cd-lateral-nav .socials a {
height: 32px;
width: 32px;
float: left;
padding: 0;
background-image: url("../img/cd-socials.svg");
background-repeat: no-repeat;
background-size: 128px 64px;
background-color: #FFF;
margin-right: .5em;
border-radius: 0.25em;
}
#cd-lateral-nav .socials a.cd-twitter {
background-position: 0 0;
}
#cd-lateral-nav .socials a.cd-github {
background-position: -32px 0;
}
#cd-lateral-nav .socials a.cd-facebook {
background-position: -64px 0;
}
#cd-lateral-nav .socials a.cd-google {
background-position: -96px 0;
}
.no-touch #cd-lateral-nav .socials a:hover {
background-color: #4e6361;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-twitter {
background-position: 0 -32px;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-github {
background-position: -32px -32px;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-facebook {
background-position: -64px -32px;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-google {
background-position: -96px -32px;
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
position:static;
float: none;
width: auto;
margin-top: 0;
border: 0;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none
}
.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu .dropdown-item {
padding: 5px 15px 5px 25px
}
.navbar-nav .open .dropdown-menu .dropdown-item {
line-height: 22px
}
.navbar-nav .open .dropdown-menu .dropdown-item:focus,.navbar-nav .open .dropdown-menu .dropdown-item:hover {
background-image: none
}
}
@media (min-width: 768px) {
.navbar-nav {
float:left;
margin: 0
}
.navbar-nav>.nav-item {
float: left
}
.navbar-nav>.nav-item>.nav-link {
padding-top: 1.5715rem;
padding-bottom: 1.5715rem
}
.navbar-nav.navbar-right:last-child {
margin-right: -.9375rem
}
}
.navbar-header::after {
display: table;
clear: both;
content: ''
}
@media (min-width: 768px) {
.navbar-header {
float:left
}
}
.container-fluid .navbar-collapse,.container-fluid .navbar-header {
margin-right: -.9375rem;
margin-left: -.9375rem
}
@media (min-width: 768px) {
.container-fluid .navbar-collapse,.container-fluid .navbar-header {
margin-right:0;
margin-left: 0
}
}
.navbar-toggler {
line-height: 22px;
position: relative;
float: right;
height: 4.715rem;
margin-top: 0;
margin-right: .9375rem;
margin-bottom: 0;
padding: 1.5715rem .9375rem;
cursor: pointer;
-webkit-transition: color .25s linear;
-o-transition: color .25s linear;
transition: color .25s linear;
border: 1px solid transparent;
border-radius: .215rem;
background: 0 0!important;
background-image: none
}
.navbar-toggler:hover {
background: 0 0!important
}
.navbar-toggler:focus {
outline: 0
}
.navbar-toggler .icon {
margin-top: -1px
}
.navbar-toggler .icon-bar {
display: block;
width: 1.572rem;
height: 2px;
border-radius: 1px
}
.navbar-toggler .icon-bar+.icon-bar {
margin-top: .286rem
}
@media (min-width: 768px) {
.navbar-toggler {
display:none
}
}
.navbar-toggler-left {
float: left;
margin-right: 0;
margin-left: .9375rem
}
.navbar-collapse {
overflow-x: visible;
padding-right: .9375rem;
padding-left: .9375rem;
border-top: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
-webkit-overflow-scrolling: touch
}
.navbar-collapse::after {
display: table;
clear: both;
content: ''
}
.navbar-collapse.in {
overflow-y: visible
}
@media (min-width: 768px) {
.navbar-collapse {
width:auto;
border-top: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.navbar-collapse.collapse {
display: block!important;
overflow: visible!important;
height: auto!important;
padding-bottom: 0
}
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {
padding-right: 0;
padding-left: 0
}
}
.navbar-fixed-bottom,.navbar-fixed-top {
width: 100%
}
.navbar-brand {
font-size: 1.286rem;
font-weight: 500;
line-height: 22px;
float: left;
height: 4.715rem;
margin: 0;
padding: 1.5715rem 1.429rem
}
.navbar-brand:focus,.navbar-brand:hover {
text-decoration: none
}
.navbar-brand>img.navbar-brand-logo {
display: inline-block
}
@media (min-width: 768px) {
.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {
margin-left:-.9375rem
}
}
.navbar-toolbar {
float: left
}
.navbar-toolbar::after {
display: table;
clear: both;
content: ''
}
.navbar-toolbar .nav-item {
float: left
}
.navbar-toolbar .nav-item::after {
display: table;
clear: both;
content: ''
}
.navbar-toolbar .nav-link {
line-height: 22px;
padding-top: 1.5715rem;
padding-bottom: 1.5715rem
}
.navbar-toolbar .dropdown-menu {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
-o-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-animation-duration: .3s;
-o-animation-duration: .3s;
animation-duration: .3s
}
@media (max-width: 767px) {
.navbar-toolbar .dropdown-menu:not(.dropdown-menu-media) {
overflow-x:hidden;
overflow-y: scroll;
max-height: 28.572rem;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-overflow-scrolling: touch
}
}
@media (max-width: 767px) and (max-device-width:480px) and (orientation:landscape) {
.navbar-toolbar .dropdown-menu:not(.dropdown-menu-media) {
max-height:14.286rem
}
}
@media (max-width: 767px) {
.navbar-toolbar .open {
position:static
}
.navbar-toolbar .open .dropdown-menu {
right: 0;
left: 0;
float: none;
width: auto;
margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0
}
}
@media (max-width: 767px) {
.navbar-toolbar-left {
float:left!important
}
.navbar-toolbar-right {
float: right!important
}
}
.navbar-nav .nav-link.navbar-avatar,.navbar-toolbar .nav-link.navbar-avatar {
padding-top: 1.286rem;
padding-bottom: 1.286rem
}
@media (max-width: 767px) {
.navbar-nav .nav-link.navbar-avatar {
padding-top:.429rem;
padding-bottom: .429rem
}
}
.navbar-avatar .avatar {
width: 2.143rem
}
@media (min-width: 768px) {
.navbar-left {
float:left
}
.navbar-right {
float: right;
margin-right: -.9375rem
}
.navbar-right~.navbar-right {
margin-right: 0
}
.navbar-right .dropdown-menu {
right: 0;
left: auto
}
}
.navbar-default {
border-color: #e4eaec;
background-color: #fff
}
.navbar-default .navbar-brand {
color: #37474f
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
color: #37474f;
background-color: none
}
.navbar-default .navbar-nav .nav-link {
color: #76838f
}
.navbar-default .navbar-nav .nav-link:focus,.navbar-default .navbar-nav .nav-link:hover {
color: #526069;
background-color: rgba(243,247,249,.3)
}
.navbar-default .navbar-nav .nav-link.active,.navbar-default .navbar-nav .nav-link.active:focus,.navbar-default .navbar-nav .nav-link.active:hover,.navbar-default .navbar-nav>.active>.nav-link,.navbar-default .navbar-nav>.active>.nav-link:focus,.navbar-default .navbar-nav>.active>.nav-link:hover {
color: #526069;
background-color: rgba(243,247,249,.6)
}
.navbar-default .navbar-nav .nav-link.disabled,.navbar-default .navbar-nav .nav-link.disabled:focus,.navbar-default .navbar-nav .nav-link.disabled:hover,.navbar-default .navbar-nav>.disabled>.nav-link,.navbar-default .navbar-nav>.disabled>.nav-link:focus,.navbar-default .navbar-nav>.disabled>.nav-link:hover {
color: #ccd5db;
background-color: transparent
}
.navbar-default .navbar-toggler {
border-color: transparent
}
.navbar-default .navbar-toggler:focus,.navbar-default .navbar-toggler:hover {
background-color: rgba(243,247,249,.3)
}
.navbar-default .navbar-toggler .icon-bar {
background-color: #76838f
}
.navbar-default .navbar-collapse,.navbar-default .navbar-form {
border-color: #e4eaec
}
.navbar-default .navbar-nav>.open>.nav-link,.navbar-default .navbar-nav>.open>.nav-link:focus,.navbar-default .navbar-nav>.open>.nav-link:hover {
color: #526069;
background-color: rgba(243,247,249,.6)
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu .dropdown-item {
color:#76838f
}
.navbar-default .navbar-nav .open .dropdown-menu .dropdown-item:focus,.navbar-default .navbar-nav .open .dropdown-menu .dropdown-item:hover {
color: #526069;
background-color: rgba(243,247,249,.3)
}
.navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.active,.navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.active:focus,.navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.active:hover {
color: #526069;
background-color: rgba(243,247,249,.6)
}
.navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.disabled,.navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.disabled:focus,.navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.disabled:hover {
color: #ccd5db;
background-color: transparent
}
}
.navbar-default .navbar-link {
color: #76838f
}
.navbar-default .navbar-link:hover {
color: #526069
}
.navbar-default .navbar-toolbar .nav-link {
display: block;
color: #76838f
}
.navbar-default .navbar-toolbar .nav-link:focus,.navbar-default .navbar-toolbar .nav-link:hover {
color: #526069;
background-color: rgba(243,247,249,.3)
}
.navbar-default .navbar-toolbar .nav-link.active,.navbar-default .navbar-toolbar .nav-link.active:focus,.navbar-default .navbar-toolbar .nav-link.active:hover,.navbar-default .navbar-toolbar>.active>.nav-link,.navbar-default .navbar-toolbar>.active>.nav-link:focus,.navbar-default .navbar-toolbar>.active>.nav-link:hover {
color: #526069;
background-color: rgba(243,247,249,.6)
}
.navbar-default .navbar-toolbar .nav-link.disabled,.navbar-default .navbar-toolbar .nav-link.disabled:focus,.navbar-default .navbar-toolbar .nav-link.disabled:hover,.navbar-default .navbar-toolbar>.disabled>.nav-link,.navbar-default .navbar-toolbar>.disabled>.nav-link:focus,.navbar-default .navbar-toolbar>.disabled>.nav-link:hover {
color: #ccd5db;
background-color: transparent
}
.navbar-default .navbar-toggler {
color: #76838f
}
.navbar-default .navbar-toolbar>.open>.nav-link,.navbar-default .navbar-toolbar>.open>.nav-link:focus,.navbar-default .navbar-toolbar>.open>.nav-link:hover {
color: #526069;
background-color: rgba(243,247,249,.6)
}
.breadcrumb .is-hidden {
display: none
}
.breadcrumb-item .icon {
text-decoration: none
}
.breadcrumb-item .icon:before {
margin-right: 10px
}
.breadcrumb-arrow>.breadcrumb-item+.breadcrumb-item:before {
content: '» '
}
.page-item>span {
padding: .643rem 1.072rem;
-webkit-transition: background .2s ease-out,border-color 0s ease-out,color .2s ease-out;
-o-transition: background .2s ease-out,border-color 0s ease-out,color .2s ease-out;
transition: background .2s ease-out,border-color 0s ease-out,color .2s ease-out
}
.page-item>span:focus,.page-item>span:hover {
-webkit-transition: background .2s ease-out,border-color .2s ease-out,color .2s ease-out;
-o-transition: background .2s ease-out,border-color .2s ease-out,color .2s ease-out;
transition: background .2s ease-out,border-color .2s ease-out,color .2s ease-out;
text-decoration: none
}
.page-item .icon {
margin-top: -1px
}
.page-item.active .page-link {
z-index: 3
}
.page-item.disabled>span,.page-item.disabled>span:focus,.page-item.disabled>span:hover {
cursor: not-allowed;
pointer-events: none;
color: #ccd5db;
border-color: #e4eaec;
background-color: transparent
}
.pagination-no-border .page-link {
border: none
}
.tag.tag-outline {
color: #f3f7f9;
border-color: #f3f7f9;
background-color: transparent
}
.tag-outline {
border: 1px solid transparent
}
.tag-round {
border-radius: 1em
}
.tag-pill:empty {
display: none
}
.tag-pill.up {
position: relative;
top: -10px;
margin: 0 -.8em;
border-radius: 15px
}
.btn .tag-pill {
top: 0
}
.btn-group-xs>.btn .tag-pill,.btn-xs .tag-pill {
top: 0;
padding: 1px 5px
}
a .tag-pill:focus,a .tag-pill:hover {
cursor: pointer;
text-decoration: none
}
.list-group-item>.tag-pill {
float: right
}
.list-group-item>.tag-pill+.tag-pill {
margin-right: 5px
}
.nav-pills>li>a>.tag-pill {
margin-left: 3px
}
.tag-default.tag-outline {
color: #e4eaec;
border-color: #e4eaec;
background-color: transparent;
color: #76838f
}
.tag-primary.tag-outline {
color: #62a8ea;
border-color: #62a8ea;
background-color: transparent
}
.tag-success.tag-outline {
color: #46be8a;
border-color: #46be8a;
background-color: transparent
}
.tag-info.tag-outline {
color: #57c7d4;
border-color: #57c7d4;
background-color: transparent
}
.tag-warning.tag-outline {
color: #f2a654;
border-color: #f2a654;
background-color: transparent
}
.tag-danger.tag-outline {
color: #f96868;
border-color: #f96868;
background-color: transparent
}
.tag-dark {
background-color: #526069
}
.tag-dark[href]:focus,.tag-dark[href]:hover {
}
.tag-dark.tag-outline {
color: #526069;
border-color: #526069;
background-color: transparent
}
.tag-dark[href]:focus,.tag-dark[href]:hover {
background-color: #3c464c
}
.tag-lg {
font-size: 16px
}
.tag-sm {
font-size: 10px;
padding: .1em .5em .1em
}
.alert ul {
padding-left: 13px
}
.alert ul li {
padding-left: 7px
}
.panel>.alert {
margin: 0
}
.alert h4 {
margin-top: 0;
color: inherit
}
.alert>:last-child {
margin-bottom: 0
}
.alert-alt {
color: #76838f;
border: none;
border-left: 3px solid transparent;
background-color: rgba(243,247,249,.8)
}
.alert-alt .alert-link,.alert-alt a {
text-decoration: none
}
.alert-dismissible .close:focus,.alert-dismissible .close:hover {
opacity: 1
}
.alert-dismissible.alert-alt .close {
opacity: .6;
color: #a3afb7
}
.alert-dismissible.alert-alt .close:focus,.alert-dismissible.alert-alt .close:hover {
opacity: 1;
color: #a3afb7
}
.alert-icon {
position: relative;
padding-left: 45px
}
.alert-icon>.icon {
font-size: 1rem;
position: absolute;
top: 18px;
left: 20px;
width: 1em;
text-align: center
}
.alert-avatar {
position: relative;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 75px
}
.alert-avatar>.avatar {
position: absolute;
top: 12px;
left: 20px
}
.alert-primary {
color: #62a8ea;
border-color: #e8f1f8;
background-color: rgba(232,241,248,.8)
}
.alert-primary .close {
color: #62a8ea
}
.alert-primary .close:focus,.alert-primary .close:hover {
color: #62a8ea
}
.alert-primary .alert-link {
color: #2f318b
}
.alert-alt.alert-primary {
border-color: #62a8ea
}
.alert-alt.alert-primary .alert-link,.alert-alt.alert-primary a {
color: #62a8ea
}
.alert-success .alert-link {
color: #36ab7a
}
.alert-alt.alert-success {
border-color: #46be8a
}
.alert-alt.alert-success .alert-link,.alert-alt.alert-success a {
color: #46be8a
}
.alert-info .alert-link {
color: #47b8c6
}
.alert-alt.alert-info {
border-color: #57c7d4
}
.alert-alt.alert-info .alert-link,.alert-alt.alert-info a {
color: #57c7d4
}
.alert-warning .alert-link {
color: #ec9940
}
.alert-alt.alert-warning {
border-color: #f2a654
}
.alert-alt.alert-warning .alert-link,.alert-alt.alert-warning a {
color: #f2a654
}
.alert-danger .alert-link {
color: #e9595b
}
.alert-alt.alert-danger {
border-color: #f96868
}
.alert-alt.alert-danger .alert-link,.alert-alt.alert-danger a {
color: #f96868
}
.alert.dark .alert-link {
font-weight: 700;
color: #fff!important
}
.alert.dark .alert-left-border {
border: none;
border-left: 3px solid transparent
}
.alert.dark.alert-dismissible.alert-alt .close {
color: #fff
}
.alert.dark.alert-dismissible.alert-alt .close:focus,.alert.dark.alert-dismissible.alert-alt .close:hover {
color: #fff
}
.alert.dark.alert-primary {
color: #fff;
border-color: #62a8ea;
background-color: #62a8ea
}
.alert.dark.alert-primary .close {
color: #fff
}
.alert.dark.alert-primary .close:focus,.alert.dark.alert-primary .close:hover {
color: #fff
}
.alert.dark.alert-primary.alert-alt {
border-color: #2771b4
}
.alert.dark.alert-primary.alert-alt .alert-link,.alert.dark.alert-primary.alert-alt a {
color: #fff
}
.alert.dark.alert-success {
color: #fff;
border-color: #46be8a;
background-color: #46be8a
}
.alert.dark.alert-success .close {
color: #fff
}
.alert.dark.alert-success .close:focus,.alert.dark.alert-success .close:hover {
color: #fff
}
.alert.dark.alert-success.alert-alt {
border-color: #247151
}
.alert.dark.alert-success.alert-alt .alert-link,.alert.dark.alert-success.alert-alt a {
color: #fff
}
.alert.dark.alert-info {
color: #fff;
border-color: #57c7d4;
background-color: #57c7d4
}
.alert.dark.alert-info .close {
color: #fff
}
.alert.dark.alert-info .close:focus,.alert.dark.alert-info .close:hover {
color: #fff
}
.alert.dark.alert-info.alert-alt {
border-color: #2e8893
}
.alert.dark.alert-info.alert-alt .alert-link,.alert.dark.alert-info.alert-alt a {
color: #fff
}
.alert.dark.alert-warning {
color: #fff;
border-color: #f2a654;
background-color: #f2a654
}
.alert.dark.alert-warning .close {
color: #fff
}
.alert.dark.alert-warning .close:focus,.alert.dark.alert-warning .close:hover {
color: #fff
}
.alert.dark.alert-warning.alert-alt {
border-color: #cb7314
}
.alert.dark.alert-warning.alert-alt .alert-link,.alert.dark.alert-warning.alert-alt a {
color: #fff
}
.alert.dark.alert-danger {
color: #fff;
border-color: #f96868;
background-color: #f96868
}
.alert.dark.alert-danger .close {
color: #fff
}
.alert.dark.alert-danger .close:focus,.alert.dark.alert-danger .close:hover {
color: #fff
}
.alert.dark.alert-danger.alert-alt {
border-color: #d91d1f
}
.alert.dark.alert-danger.alert-alt .alert-link,.alert.dark.alert-danger.alert-alt a {
color: #fff
}
.media .media {
padding-bottom: 0;
border-bottom: none
}
.media-meta {
font-size: .858rem;
margin-bottom: 3px;
color: #a3afb7
}
.media-lg .media-object {
width: 160px
}
.media-lg .media {
margin-left: -110px
}
.media-sm .media-object {
width: 80px
}
.media-sm .media {
margin-left: -70px
}
.media-xs .media-object {
width: 60px
}
.media-xs .media {
margin-left: -60px
}
@media (min-width: 768px) {
.media-body {
overflow:hidden
}
.media .media {
margin-left: 0
}
}
@media (max-width: 479px) {
.media-lg .media {
margin-left:0
}
.media .media-left {
margin-bottom: 5px
}
.media .media {
padding-left: 15px
}
.media-left {
display: block
}
}
.list-group .media {
padding: 2px 0;
border-bottom: 0
}
.list-group .media .media-left {
padding-right: 20px
}
.list-group .media .media-right {
padding-left: 20px
}
.list-group .media .media-right .status {
margin-top: 15px;
margin-right: 5px
}
.list-group .media .media-heading {
font-size: 1rem
}
.list-group-full>.list-group-item {
padding-right: 0;
padding-left: 0
}
a.list-group-item {
color: #76838f;
border-radius: .215rem
}
a.list-group-item:focus,a.list-group-item:hover {
text-decoration: none;
color: #76838f;
background-color: #f3f7f9
}
a.list-group-item.disabled,a.list-group-item.disabled:focus,a.list-group-item.disabled:hover {
color: #ccd5db;
background-color: #f3f7f9
}
a.list-group-item.active,a.list-group-item.active:focus,a.list-group-item.active:hover {
color: #fff;
background-color: #62a8ea
}
.list-group-item .icon {
margin-right: 10px
}
.list-group-bordered .list-group-item {
border-color: #e4eaec
}
.list-group-bordered .list-group-item.active,.list-group-bordered .list-group-item.active:focus,.list-group-bordered .list-group-item.active:hover {
color: #fff;
border-color: #2f318b;
background-color: #2f318b
}
.list-group-dividered .list-group-item {
border-top-color: #e4eaec
}
.list-group-dividered .list-group-item.active:hover {
border-top-color: #e4eaec
}
.list-group-dividered .list-group-item:last-child {
border-bottom-color: #e4eaec
}
.list-group-dividered .list-group-item:first-child {
border-top-color: transparent
}
.list-group-dividered .list-group-item:first-child.active:hover {
border-top-color: transparent
}
.list-group-gap .list-group-item {
margin-bottom: 2px;
border-radius: .215rem
}
.list-group-full .list-group-item {
padding-right: 0;
padding-left: 0
}
.close.icon {
font-size: inherit
}
.card .cover {
width: 100%;
padding: 0;
border-bottom: none; background:#fff;
align-items: center; text-align:center
}
.card .cover img:hover{box-shadow: 1px 1px 10px #c5c3c3; }
.card-title{ color:#666666; text-align:center;}
.card-title a{color:#666666;}
[class*=blocks-]>li>.card {
margin-bottom: 0
}
.card > .card-title {
padding: 12px 20px
}
.card-footer,.card-header {
border: none;
-webkit-box-shadow: none;
box-shadow: none
}
.card-bordered {
border: 1px solid #e4eaec
}
.card-shadow {
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05)
}
.card-block {
position: relative
}
.modal-footer .btn+.btn {
margin-left: 5px
}
.modal-footer .btn-block+.btn-block {
margin-left: 0
}
@media (min-width: 768px) {
.modal-dialog {
width:auto;
margin: 30px auto
}
.modal-sm {
width: 300px
}
}
.modal-top {
margin: 0 auto
}
.modal-center {
display: -ms-flexbox;
display: -webkit-flex;
display: -webkit-box;
display: flex;
height: 100%;
margin: 0 auto;
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-align-content: stretch;
-ms-flex-line-pack: center;
align-content: center
}
.modal-bottom {
display: -ms-flexbox;
display: -webkit-flex;
display: -webkit-box;
display: flex;
height: 100%;
margin: 0 auto;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-align-content: stretch;
-ms-flex-line-pack: center;
align-content: center
}
.modal-primary .modal-header {
border-radius: .286rem .286rem 0 0;
background-color: #62a8ea
}
.modal-primary .modal-header * {
color: #fff
}
.modal-primary .modal-header .close {
opacity: .6
}
.modal-success .modal-header {
border-radius: .286rem .286rem 0 0;
background-color: #46be8a
}
.modal-success .modal-header * {
color: #fff
}
.modal-success .modal-header .close {
opacity: .6
}
.modal-info .modal-header {
border-radius: .286rem .286rem 0 0;
background-color: #57c7d4
}
.modal-info .modal-header * {
color: #fff
}
.modal-info .modal-header .close {
opacity: .6
}
.modal-warning .modal-header {
border-radius: .286rem .286rem 0 0;
background-color: #f2a654
}
.modal-warning .modal-header * {
color: #fff
}
.modal-warning .modal-header .close {
opacity: .6
}
.modal-danger .modal-header {
border-radius: .286rem .286rem 0 0;
background-color: #f96868
}
.modal-danger .modal-header * {
color: #fff
}
.modal-danger .modal-header .close {
opacity: .6
}
.modal.modal-fade-in-scale-up .modal-dialog {
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
-webkit-transform: scale(.7);
-ms-transform: scale(.7);
-o-transform: scale(.7);
transform: scale(.7);
opacity: 0
}
.modal.modal-fade-in-scale-up.in .modal-dialog {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1
}
.carousel-control .icon {
position: absolute;
z-index: 5;
top: 50%;
display: inline-block;
width: 16px;
height: 16px;
margin-top: -8px
}
.carousel-control.left .icon {
left: 50%;
margin-left: -8px
}
.carousel-control.right .icon {
right: 50%;
margin-right: -8px
}
.carousel-caption h1,.carousel-caption h2,.carousel-caption h3,.carousel-caption h4,.carousel-caption h5,.carousel-caption h6 {
color: inherit
}
.carousel-indicators-scaleup li {
-webkit-transition: -webkit-transform .3s ease 0s,background-color .3s ease 0s;
-o-transition: -o-transform .3s ease 0s,background-color .3s ease 0s;
transition: transform .3s ease 0s,background-color .3s ease 0s;
border: none
}
.carousel-indicators-scaleup .active {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5)
}
.carousel-indicators-fillin li {
-webkit-transition: -webkit-box-shadow .3s ease 0s;
-o-transition: box-shadow .3s ease 0s;
transition: box-shadow .3s ease 0s;
background-color: transparent;
-webkit-box-shadow: 0 0 0 2px #fff inset;
box-shadow: 0 0 0 2px #fff inset
}
.carousel-indicators-fillin .active {
-webkit-box-shadow: 0 0 0 8px #fff inset;
box-shadow: 0 0 0 8px #fff inset
}
.carousel-indicators-fall li {
position: relative;
-webkit-transition: -webkit-transform .3s ease 0s,background-color .3s ease 0s;
-o-transition: -o-transform .3s ease 0s,background-color .3s ease 0s;
transition: transform .3s ease 0s,background-color .3s ease 0s
}
.carousel-indicators-fall li:after {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
width: 100%;
height: 100%;
content: '';
-webkit-transition: opacity .3s ease 0s,visibility 0s ease .3s;
-o-transition: opacity .3s ease 0s,visibility 0s ease .3s;
transition: opacity .3s ease 0s,visibility 0s ease .3s;
-webkit-transform: translate(0,-200%);
-ms-transform: translate(0,-200%);
-o-transform: translate(0,-200%);
transform: translate(0,-200%);
opacity: 0;
border-radius: 50%;
background-color: rgba(0,0,0,.3)
}
.carousel-indicators-fall .active {
-webkit-transform: translate(0,200%);
-ms-transform: translate(0,200%);
-o-transform: translate(0,200%);
transform: translate(0,200%);
background-color: transparent
}
.carousel-indicators-fall .active:after {
visibility: visible;
-webkit-transition: opacity .3s ease 0s;
-o-transition: opacity .3s ease 0s;
transition: opacity .3s ease 0s;
opacity: 1
}
@media (min-width: 768px) {
.carousel-control .icon {
font-size:24px;
width: 24px;
height: 24px;
margin-top: -12px
}
.carousel-control.left .icon {
margin-left: -12px
}
.carousel-control.right .icon {
margin-right: -12px
}
}
.vertical-align {
font-size: 0
}
.vertical-align:before {
display: inline-block;
height: 100%;
content: '';
vertical-align: middle
}
.vertical-align-bottom,.vertical-align-middle {
font-size: 1rem;
display: inline-block;
max-width: 100%
}
.vertical-align-middle {
vertical-align: middle
}
.vertical-align-bottom {
vertical-align: bottom
}
.inline {
display: inline!important
}
.inline-block {
display: inline-block!important
}
.block {
display: block!important
}
.text-break {
white-space: normal;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
-ms-hyphens: auto
}
.text-top {
vertical-align: top!important
}
.text-middle {
vertical-align: middle!important
}
.text-bottom {
vertical-align: bottom!important
}
.font-weight-unset {
font-weight: unset!important
}
.font-weight-100 {
font-weight: 100!important
}
.font-weight-200 {
font-weight: 200!important
}
.font-weight-300 {
font-weight: 300!important
}
.font-weight-400 {
font-weight: 400!important
}
.font-weight-500 {
font-weight: 500!important
}
.font-weight-600 {
font-weight: 600!important
}
.font-weight-700 {
font-weight: 700!important
}
.font-weight-800 {
font-weight: 800!important
}
.font-weight-900 {
font-weight: 900!important
}
.font-weight-light {
font-weight: 300!important
}
.font-weight-normal {
font-weight: 400!important
}
.font-weight-medium {
font-weight: 500!important
}
.font-weight-bold {
font-weight: 700!important
}
.font-size-0 {
font-size: 0!important
}
.font-size-10 {
font-size: 10px!important
}
.font-size-12 {
font-size: 12px!important
}
.font-size-14 {
font-size: 14px!important
}
.font-size-16 {
font-size: 16px!important
}
.font-size-18 {
font-size: 18px!important
}
.font-size-20 {
font-size: 20px!important
}
.font-size-24 {
font-size: 24px!important
}
.font-size-26 {
font-size: 26px!important
}
.font-size-30 {
font-size: 30px!important
}
.font-size-40 {
font-size: 40px!important
}
.font-size-50 {
font-size: 50px!important
}
.font-size-60 {
font-size: 60px!important
}
.font-size-70 {
font-size: 70px!important
}
.font-size-80 {
font-size: 80px!important
}
.w-50 {
width: 50px!important
}
.w-100 {
width: 100px!important
}
.w-120 {
width: 120px!important
}
.w-150 {
width: 150px!important
}
.w-200 {
width: 200px!important
}
.w-250 {
width: 250px!important
}
.w-300 {
width: 300px!important
}
.w-350 {
width: 350px!important
}
.w-400 {
width: 400px!important
}
.w-450 {
width: 450px!important
}
.w-500 {
width: 500px!important
}
@media (max-width: 479px) {
.w-xs-50 {
width:50px!important
}
.w-xs-100 {
width: 100px!important
}
.w-xs-120 {
width: 120px!important
}
.w-xs-150 {
width: 150px!important
}
.w-xs-200 {
width: 200px!important
}
.w-xs-250 {
width: 250px!important
}
.w-xs-300 {
width: 300px!important
}
.w-xs-350 {
width: 350px!important
}
.w-xs-400 {
width: 400px!important
}
.w-xs-450 {
width: 450px!important
}
.w-xs-500 {
width: 500px!important
}
.w-xs-100pc {
width: 100%!important
}
}
@media (min-width: 480px) and (max-width:767px) {
.w-sm-50 {
width:50px!important
}
.w-sm-100 {
width: 100px!important
}
.w-sm-120 {
width: 120px!important
}
.w-sm-150 {
width: 150px!important
}
.w-sm-200 {
width: 200px!important
}
.w-sm-250 {
width: 250px!important
}
.w-sm-300 {
width: 300px!important
}
.w-sm-350 {
width: 350px!important
}
.w-sm-400 {
width: 400px!important
}
.w-sm-450 {
width: 450px!important
}
.w-sm-500 {
width: 500px!important
}
.w-sm-100pc {
width: 100%!important
}
}
@media (min-width: 768px) and (max-width:991px) {
.w-md-50 {
width:50px!important
}
.w-md-100 {
width: 100px!important
}
.w-md-120 {
width: 120px!important
}
.w-md-150 {
width: 150px!important
}
.w-md-200 {
width: 200px!important
}
.w-md-250 {
width: 250px!important
}
.w-md-300 {
width: 300px!important
}
.w-md-350 {
width: 350px!important
}
.w-md-400 {
width: 400px!important
}
.w-md-450 {
width: 450px!important
}
.w-md-500 {
width: 500px!important
}
.w-md-100pc {
width: 100%!important
}
}
@media (min-width: 992px) and (max-width:1199px) {
.w-lg-50 {
width:50px!important
}
.w-lg-100 {
width: 100px!important
}
.w-lg-120 {
width: 120px!important
}
.w-lg-150 {
width: 150px!important
}
.w-lg-200 {
width: 200px!important
}
.w-lg-250 {
width: 250px!important
}
.w-lg-300 {
width: 300px!important
}
.w-lg-350 {
width: 350px!important
}
.w-lg-400 {
width: 400px!important
}
.w-lg-450 {
width: 450px!important
}
.w-lg-500 {
width: 500px!important
}
}
@media (min-width: 1200px) and (max-width:1599px) {
.w-xl-50 {
width:50px!important
}
.w-xl-100 {
width: 100px!important
}
.w-xl-120 {
width: 120px!important
}
.w-xl-150 {
width: 150px!important
}
.w-xl-200 {
width: 200px!important
}
.w-xl-250 {
width: 250px!important
}
.w-xl-300 {
width: 300px!important
}
.w-xl-350 {
width: 350px!important
}
.w-xl-400 {
width: 400px!important
}
.w-xl-450 {
width: 450px!important
}
.w-xl-500 {
width: 500px!important
}
}
.h-50 {
height: 50px!important
}
.h-100 {
height: 100px!important
}
.h-120 {
height: 120px!important
}
.h-150 {
height: 150px!important
}
.h-200 {
height: 200px!important
}
.h-250 {
height: 250px!important
}
.h-300 {
height: 300px!important
}
.h-350 {
height: 350px!important
}
.h-400 {
height: 400px!important
}
.h-450 {
height: 450px!important
}
.h-500 {
height: 500px!important
}
@media (max-width: 479px) {
.h-xs-50 {
height:50px!important
}
.h-xs-100 {
height: 100px!important
}
.h-xs-120 {
height: 120px!important
}
.h-xs-150 {
height: 150px!important
}
.h-xs-200 {
height: 200px!important
}
.h-xs-250 {
height: 250px!important
}
.h-xs-300 {
height: 300px!important
}
.h-xs-350 {
height: 350px!important
}
.h-xs-400 {
height: 400px!important
}
.h-xs-450 {
height: 450px!important
}
.h-xs-500 {
height: 500px!important
}
}
@media (min-width: 480px) and (max-width:767px) {
.h-sm-50 {
height:50px!important
}
.h-sm-100 {
height: 100px!important
}
.h-sm-120 {
height: 120px!important
}
.h-sm-150 {
height: 150px!important
}
.h-sm-200 {
height: 200px!important
}
.h-sm-250 {
height: 250px!important
}
.h-sm-300 {
height: 300px!important
}
.h-sm-350 {
height: 350px!important
}
.h-sm-400 {
height: 400px!important
}
.h-sm-450 {
height: 450px!important
}
.h-sm-500 {
height: 500px!important
}
}
@media (min-width: 768px) and (max-width:991px) {
.h-md-50 {
height:50px!important
}
.h-md-100 {
height: 100px!important
}
.h-md-120 {
height: 120px!important
}
.h-md-150 {
height: 150px!important
}
.h-md-200 {
height: 200px!important
}
.h-md-250 {
height: 250px!important
}
.h-md-300 {
height: 300px!important
}
.h-md-350 {
height: 350px!important
}
.h-md-400 {
height: 400px!important
}
.h-md-450 {
height: 450px!important
}
.h-md-500 {
height: 500px!important
}
}
@media (min-width: 992px) and (max-width:1499px) {
.header .header_wrap .logo{ width:250px;}
}
@media (min-width: 992px) and (max-width:1199px) {
.h-lg-50 {
height:50px!important
}
.h-lg-100 {
height: 100px!important
}
.h-lg-120 {
height: 120px!important
}
.h-lg-150 {
height: 150px!important
}
.h-lg-200 {
height: 200px!important
}
.h-lg-250 {
height: 250px!important
}
.h-lg-300 {
height: 300px!important
}
.h-lg-350 {
height: 350px!important
}
.h-lg-400 {
height: 400px!important
}
.h-lg-450 {
height: 450px!important
}
.h-lg-500 {
height: 500px!important
}
}
@media (min-width: 1200px) and (max-width:1599px) {
.h-xl-50 {
height:50px!important
}
.h-xl-100 {
height: 100px!important
}
.h-xl-120 {
height: 120px!important
}
.h-xl-150 {
height: 150px!important
}
.h-xl-200 {
height: 200px!important
}
.h-xl-250 {
height: 250px!important
}
.h-xl-300 {
height: 300px!important
}
.h-xl-350 {
height: 350px!important
}
.h-xl-400 {
height: 400px!important
}
.h-xl-450 {
height: 450px!important
}
.h-xl-500 {
height: 500px!important
}
}
.h-full {
height: 100%!important
}
.w-full {
width: 100%!important
}
.m-0,.m-a-0 {
margin: 0!important
}
.m-t-0 {
margin-top: 0!important
}
.m-r-0 {
margin-right: 0!important
}
.m-b-0 {
margin-bottom: 0!important
}
.m-l-0 {
margin-left: 0!important
}
.m-x-0 {
margin-right: 0!important;
margin-left: 0!important
}
.m-y-0 {
margin-top: 0!important;
margin-bottom: 0!important
}
.m-3,.m-a-3 {
margin: 3px!important
}
.m-t-3 {
margin-top: 3px!important
}
.m-r-3 {
margin-right: 3px!important
}
.m-b-3 {
margin-bottom: 3px!important
}
.m-l-3 {
margin-left: 3px!important
}
.m-x-3 {
margin-right: 3px!important;
margin-left: 3px!important
}
.m-y-3 {
margin-top: 3px!important;
margin-bottom: 3px!important
}
.m-5,.m-a-5 {
margin: 5px!important
}
.m-t-5 {
margin-top: 5px!important
}
.m-r-5 {
margin-right: 5px!important
}
.m-b-5 {
margin-bottom: 5px!important
}
.m-l-5 {
margin-left: 5px!important
}
.m-x-5 {
margin-right: 5px!important;
margin-left: 5px!important
}
.m-y-5 {
margin-top: 5px!important;
margin-bottom: 5px!important
}
.m-10,.m-a-10 {
margin: 10px!important
}
.m-t-10 {
margin-top: 10px!important
}
.m-r-10 {
margin-right: 10px!important
}
.m-b-10 {
margin-bottom: 10px!important
}
.m-l-10 {
margin-left: 10px!important
}
.m-x-10 {
margin-right: 10px!important;
margin-left: 10px!important
}
.m-y-10 {
margin-top: 10px!important;
margin-bottom: 10px!important
}
.m-15,.m-a-15 {
margin: 15px!important
}
.m-t-15 {
margin-top: 15px!important
}
.m-r-15 {
margin-right: 15px!important
}
.m-b-15 {
margin-bottom: 15px!important
}
.m-l-15 {
margin-left: 15px!important
}
.m-x-15 {
margin-right: 15px!important;
margin-left: 15px!important
}
.m-y-15 {
margin-top: 15px!important;
margin-bottom: 15px!important
}
.m-20,.m-a-20 {
margin: 20px!important
}
.m-t-20 {
margin-top: 20px!important
}
.m-r-20 {
margin-right: 20px!important
}
.m-b-20 {
margin-bottom: 20px!important
}
.m-l-20 {
margin-left: 20px!important
}
.m-x-20 {
margin-right: 20px!important;
margin-left: 20px!important
}
.m-y-20 {
margin-top: 20px!important;
margin-bottom: 20px!important
}
.m-25,.m-a-25 {
margin: 25px!important
}
.m-t-25 {
margin-top: 25px!important
}
.m-r-25 {
margin-right: 25px!important
}
.m-b-25 {
margin-bottom: 25px!important
}
.m-l-25 {
margin-left: 25px!important
}
.m-x-25 {
margin-right: 25px!important;
margin-left: 25px!important
}
.m-y-25 {
margin-top: 25px!important;
margin-bottom: 25px!important
}
.m-30,.m-a-30 {
margin: 30px!important
}
.m-t-30 {
margin-top: 30px!important
}
.m-r-30 {
margin-right: 30px!important
}
.m-b-30 {
margin-bottom: 30px!important
}
.m-l-30 {
margin-left: 30px!important
}
.m-x-30 {
margin-right: 30px!important;
margin-left: 30px!important
}
.m-y-30 {
margin-top: 30px!important;
margin-bottom: 30px!important
}
.m-35,.m-a-35 {
margin: 35px!important
}
.m-t-35 {
margin-top: 35px!important
}
.m-r-35 {
margin-right: 35px!important
}
.m-b-35 {
margin-bottom: 35px!important
}
.m-l-35 {
margin-left: 35px!important
}
.m-x-35 {
margin-right: 35px!important;
margin-left: 35px!important
}
.m-y-35 {
margin-top: 35px!important;
margin-bottom: 35px!important
}
.m-40,.m-a-40 {
margin: 40px!important
}
.m-t-40 {
margin-top: 40px!important
}
.m-r-40 {
margin-right: 40px!important
}
.m-b-40 {
margin-bottom: 40px!important
}
.m-l-40 {
margin-left: 40px!important
}
.m-x-40 {
margin-right: 40px!important;
margin-left: 40px!important
}
.m-y-40 {
margin-top: 40px!important;
margin-bottom: 40px!important
}
.m-45,.m-a-45 {
margin: 45px!important
}
.m-t-45 {
margin-top: 45px!important
}
.m-r-45 {
margin-right: 45px!important
}
.m-b-45 {
margin-bottom: 45px!important
}
.m-l-45 {
margin-left: 45px!important
}
.m-x-45 {
margin-right: 45px!important;
margin-left: 45px!important
}
.m-y-45 {
margin-top: 45px!important;
margin-bottom: 45px!important
}
.m-50,.m-a-50 {
margin: 50px!important
}
.m-t-50 {
margin-top: 50px!important
}
.m-r-50 {
margin-right: 50px!important
}
.m-b-50 {
margin-bottom: 50px!important
}
.m-l-50 {
margin-left: 50px!important
}
.m-x-50 {
margin-right: 50px!important;
margin-left: 50px!important
}
.m-y-50 {
margin-top: 50px!important;
margin-bottom: 50px!important
}
.m-60,.m-a-60 {
margin: 60px!important
}
.m-t-60 {
margin-top: 60px!important
}
.m-r-60 {
margin-right: 60px!important
}
.m-b-60 {
margin-bottom: 60px!important
}
.m-l-60 {
margin-left: 60px!important
}
.m-x-60 {
margin-right: 60px!important;
margin-left: 60px!important
}
.m-y-60 {
margin-top: 60px!important;
margin-bottom: 60px!important
}
.m-70,.m-a-70 {
margin: 70px!important
}
.m-t-70 {
margin-top: 70px!important
}
.m-r-70 {
margin-right: 70px!important
}
.m-b-70 {
margin-bottom: 70px!important
}
.m-l-70 {
margin-left: 70px!important
}
.m-x-70 {
margin-right: 70px!important;
margin-left: 70px!important
}
.m-y-70 {
margin-top: 70px!important;
margin-bottom: 70px!important
}
.m-80,.m-a-80 {
margin: 80px!important
}
.m-t-80 {
margin-top: 80px!important
}
.m-r-80 {
margin-right: 80px!important
}
.m-b-80 {
margin-bottom: 80px!important
}
.m-l-80 {
margin-left: 80px!important
}
.m-x-80 {
margin-right: 80px!important;
margin-left: 80px!important
}
.m-y-80 {
margin-top: 80px!important;
margin-bottom: 80px!important
}
.p-0,.p-a-0 {
padding: 0!important
}
.p-t-0 {
padding-top: 0!important
}
.p-r-0 {
padding-right: 0!important
}
.p-b-0 {
padding-bottom: 0!important
}
.p-l-0 {
padding-left: 0!important
}
.p-x-0 {
padding-right: 0!important;
padding-left: 0!important
}
.p-y-0 {
padding-top: 0!important;
padding-bottom: 0!important
}
.p-3,.p-a-3 {
padding: 3px!important
}
.p-t-3 {
padding-top: 3px!important
}
.p-r-3 {
padding-right: 3px!important
}
.p-b-3 {
padding-bottom: 3px!important
}
.p-l-3 {
padding-left: 3px!important
}
.p-x-3 {
padding-right: 3px!important;
padding-left: 3px!important
}
.p-y-3 {
padding-top: 3px!important;
padding-bottom: 3px!important
}
.p-5,.p-a-5 {
padding: 5px!important
}
.p-t-5 {
padding-top: 5px!important
}
.p-r-5 {
padding-right: 5px!important
}
.p-b-5 {
padding-bottom: 5px!important
}
.p-l-5 {
padding-left: 5px!important
}
.p-x-5 {
padding-right: 5px!important;
padding-left: 5px!important
}
.p-y-5 {
padding-top: 5px!important;
padding-bottom: 5px!important
}
.p-10,.p-a-10 {
padding: 10px!important
}
.p-t-10 {
padding-top: 10px!important
}
.p-r-10 {
padding-right: 10px!important
}
.p-b-10 {
padding-bottom: 10px!important
}
.p-l-10 {
padding-left: 10px!important
}
.p-x-10 {
padding-right: 10px!important;
padding-left: 10px!important
}
.p-y-10 {
padding-top: 10px!important;
padding-bottom: 10px!important
}
.p-15,.p-a-15 {
padding: 15px!important
}
.p-t-15 {
padding-top: 15px!important
}
.p-r-15 {
padding-right: 15px!important
}
.p-b-15 {
padding-bottom: 15px!important
}
.p-l-15 {
padding-left: 15px!important
}
.p-x-15 {
padding-right: 15px!important;
padding-left: 15px!important
}
.p-y-15 {
padding-top: 15px!important;
padding-bottom: 15px!important
}
.p-20,.p-a-20 {
padding: 20px!important
}
.p-t-20 {
padding-top: 20px!important
}
.p-r-20 {
padding-right: 20px!important
}
.p-b-20 {
padding-bottom: 20px!important
}
.p-l-20 {
padding-left: 20px!important
}
.p-x-20 {
padding-right: 20px!important;
padding-left: 20px!important
}
.p-y-20 {
padding-top: 20px!important;
padding-bottom: 20px!important
}
.p-25,.p-a-25 {
padding: 25px!important
}
.p-t-25 {
padding-top: 25px!important
}
.p-r-25 {
padding-right: 25px!important
}
.p-b-25 {
padding-bottom: 25px!important
}
.p-l-25 {
padding-left: 25px!important
}
.p-x-25 {
padding-right: 25px!important;
padding-left: 25px!important
}
.p-y-25 {
padding-top: 25px!important;
padding-bottom: 25px!important
}
.p-30,.p-a-30 {
padding: 30px!important
}
.p-t-30 {
padding-top: 30px!important
}
.p-r-30 {
padding-right: 30px!important
}
.p-b-30 {
padding-bottom: 30px!important
}
.p-l-30 {
padding-left: 30px!important
}
.p-x-30 {
padding-right: 30px!important;
padding-left: 30px!important
}
.p-y-30 {
padding-top: 30px!important;
padding-bottom: 30px!important
}
.p-35,.p-a-35 {
padding: 35px!important
}
.p-t-35 {
padding-top: 35px!important
}
.p-r-35 {
padding-right: 35px!important
}
.p-b-35 {
padding-bottom: 35px!important
}
.p-l-35 {
padding-left: 35px!important
}
.p-x-35 {
padding-right: 35px!important;
padding-left: 35px!important
}
.p-y-35 {
padding-top: 35px!important;
padding-bottom: 35px!important
}
.p-40,.p-a-40 {
padding: 40px!important
}
.p-t-40 {
padding-top: 40px!important
}
.p-r-40 {
padding-right: 40px!important
}
.p-b-40 {
padding-bottom: 40px!important
}
.p-l-40 {
padding-left: 40px!important
}
.p-x-40 {
padding-right: 40px!important;
padding-left: 40px!important
}
.p-y-40 {
padding-top: 40px!important;
padding-bottom: 40px!important
}
.p-45,.p-a-45 {
padding: 45px!important
}
.p-t-45 {
padding-top: 45px!important
}
.p-r-45 {
padding-right: 45px!important
}
.p-b-45 {
padding-bottom: 45px!important
}
.p-l-45 {
padding-left: 45px!important
}
.p-x-45 {
padding-right: 45px!important;
padding-left: 45px!important
}
.p-y-45 {
padding-top: 45px!important;
padding-bottom: 45px!important
}
.p-50,.p-a-50 {
padding: 50px!important
}
.p-t-50 {
padding-top: 50px!important
}
.p-r-50 {
padding-right: 50px!important
}
.p-b-50 {
padding-bottom: 50px!important
}
.p-l-50 {
padding-left: 50px!important
}
.p-x-50 {
padding-right: 50px!important;
padding-left: 50px!important
}
.p-y-50 {
padding-top: 50px!important;
padding-bottom: 50px!important
}
.p-60,.p-a-60 {
padding: 60px!important
}
.p-t-60 {
padding-top: 60px!important
}
.p-r-60 {
padding-right: 60px!important
}
.p-b-60 {
padding-bottom: 60px!important
}
.p-l-60 {
padding-left: 60px!important
}
.p-x-60 {
padding-right: 60px!important;
padding-left: 60px!important
}
.p-y-60 {
padding-top: 60px!important;
padding-bottom: 60px!important
}
.p-70,.p-a-70 {
padding: 70px!important
}
.p-t-70 {
padding-top: 70px!important
}
.p-r-70 {
padding-right: 70px!important
}
.p-b-70 {
padding-bottom: 70px!important
}
.p-l-70 {
padding-left: 70px!important
}
.p-x-70 {
padding-right: 70px!important;
padding-left: 70px!important
}
.p-y-70 {
padding-top: 70px!important;
padding-bottom: 70px!important
}
.p-80,.p-a-80 {
padding: 80px!important
}
.p-t-80 {
padding-top: 80px!important
}
.p-r-80 {
padding-right: 80px!important
}
.p-b-80 {
padding-bottom: 80px!important
}
.p-l-80 {
padding-left: 80px!important
}
.p-x-80 {
padding-right: 80px!important;
padding-left: 80px!important
}
.p-y-80 {
padding-top: 80px!important;
padding-bottom: 80px!important
}
.m-x-auto {
margin-right: auto!important;
margin-left: auto!important
}
@media (max-width: 767px) {
.m-xs-0 {
margin:0!important
}
}
@media (min-width: 768px) {
.m-sm-0 {
margin:0!important
}
}
@media (min-width: 992px) {
.m-md-0 {
margin:0!important
}
}
@media (min-width: 1200px) {
.m-lg-0 {
margin:0!important
}
}
@media (min-width: 1600px) {
.m-xl-0 {
margin:0!important
}
}
@media (max-width: 767px) {
.p-xs-0 {
padding:0!important
}
}
@media (min-width: 768px) {
.p-sm-0 {
padding:0!important
}
}
@media (min-width: 992px) {
.p-md-0 {
padding:0!important
}
}
@media (min-width: 1200px) {
.p-lg-0 {
padding:0!important
}
}
@media (min-width: 1600px) {
.p-xl-0 {
padding:0!important
}
}
.page {
position: relative;
min-height: -webkit-calc(100% - 44px);
min-height: calc(100% - 44px);
background: #f1f4f5
}
.page-content {
padding: 30px 30px
}
@media (max-width: 479px) {
.page-content {
padding:10px
}
}
@media (max-width: 991px) {
.page {
min-height:-webkit-calc(100% - 66px);
min-height: calc(100% - 66px)
}
}
.page-header+.page-content {
padding-top: 0
}
.page-title {
margin-top: 0;
margin-bottom: 0;
font-size: 26px
}
.page-title>.icon {
margin-right: .3em
}
.page-header {
position: relative;
padding: 30px 30px;
margin-top: 0;
margin-bottom: 0;
background: 0 0;
border-bottom: 0
}
.page-header .breadcrumb {
padding: 0;
margin: 0
}
.site-menubar {
position: fixed;
top: 66.01px;
z-index: 1400;
height: 100%;
height: -webkit-calc(100% - 66.01px);
height: calc(100% - 66.01px);
font-family: Roboto,sans-serif;
color: rgba(163,175,183,.9);
background: #263238;
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.08);
box-shadow: 0 2px 4px rgba(0,0,0,.08)
}
.site-menubar-body {
height: 100%;
height: -webkit-calc(100% - 76px);
height: calc(100% - 76px)
}
.site-menubar ul {
padding: 0;
margin: 0;
list-style: none
}
.site-menubar a {
outline: 0
}
.site-menubar a:focus,.site-menubar a:hover {
text-decoration: none
}
.site-menu {
padding-bottom: 20px;
overflow-y: hidden;
font-size: 14px
}
.site-menu-item>a {
white-space: nowrap;
cursor: pointer
}
.site-menu-icon {
display: inline-block;
vertical-align: middle;
width: 1em;
text-align: center
}
.site-menu-title {
display: inline-block;
max-width: 160px;
vertical-align: middle;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.site-menu .tag {
padding: 2px 5px 3px;
font-size: .858rem;
font-weight: 400
}
.site-menu-item {
position: relative;
white-space: nowrap
}
.site-menu-item a {
display: block;
color: rgba(163,175,183,.9)
}
.site-menu>.site-menu-item {
padding: 0
}
.site-menu>.site-menu-item.hover>a,.site-menu>.site-menu-item:hover>a {
color: rgba(255,255,255,.8);
background-color: rgba(255,255,255,.02)
}
.site-menu>.site-menu-item.active {
background: #242f35;
border-top: 1px solid rgba(0,0,0,.04);
border-bottom: 1px solid rgba(0,0,0,.04)
}
.site-menu>.site-menu-item.active>a {
color: #fff;
background: 0 0
}
.site-menu>.site-menu-item.active.hover>a {
background: 0 0
}
.site-menubar-fold .page {
margin-left: 90px
}
.site-menubar-fold .site-menu {
overflow: visible
}
.site-menubar-fold .site-menu>.site-menu-item {
font-size: 14px
}
.site-menubar-fold .site-menu>.site-menu-item>a {
line-height: 60px;
height: 60px
}
.site-menubar-fold .site-menu>.site-menu-item>a .site-menu-icon,.site-menubar-fold .site-menu>.site-menu-item>a .site-menu-title {
-webkit-transition: visibility .25s,opacity .25s;
-o-transition: visibility .25s,opacity .25s;
transition: visibility .25s,opacity .25s;
position: absolute;
top: 0;
left: 0;
width: 90px;
text-align: center;
opacity: 0;
visibility: hidden
}
.site-menubar-fold .site-menu>.site-menu-item>a .site-menu-icon {
visibility: visible;
opacity: 1;
font-size: 24px;
margin-right: 0
}
.site-menubar-fold .site-menu>.site-menu-item.active {
border-top: none;
border-bottom: none
}
.site-menubar-fold .site-menu>.site-menu-item.active>a .site-menu-icon,.site-menubar-fold .site-menu>.site-menu-item.hover>a .site-menu-icon {
visibility: hidden;
opacity: 0
}
.site-menubar-fold .site-menu>.site-menu-item.active>a .site-menu-title,.site-menubar-fold .site-menu>.site-menu-item.hover>a .site-menu-title {
opacity: 1;
visibility: visible
}
.site-menubar-fold .site-menubar {
width: 90px
}
@media (max-width: 767px) {
.site-menubar {
top:66.01px;
height: -webkit-calc(100% - 66.01px);
height: calc(100% - 66.01px);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
perspective: 1000;
-ms-transform: translate(-260px,0);
-webkit-transform: translate3d(-260px,0,0);
transform: translate3d(-260px,0,0)
}
}
.foot_nav_middle ul li ul li {
font-weight:100 !important;
}
.checkbox-custom,.radio-custom {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px
}
.checkbox-custom label,.radio-custom label {
min-height: 22px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer
}
.checkbox-custom input[type=checkbox],.radio-custom input[type=radio] {
position: absolute;
margin-left: -20px;
margin-top: 0;
margin-bottom: 0
}
.checkbox-custom.disabled label,.radio-custom.disabled label {
cursor: not-allowed
}
.input-group-addon .checkbox-custom,.input-group-addon .radio-custom {
margin: 0
}
.checkbox-custom {
padding-left: 20px
}
.checkbox-custom label {
display: inline-block;
vertical-align: middle;
position: relative;
padding-left: 10px
}
.checkbox-custom label:empty {
padding-left: 0
}
.checkbox-custom label::before {
content: "";
display: inline-block;
position: absolute;
width: 20px;
height: 20px;
left: 0;
margin-left: -20px;
border: 1px solid #e4eaec;
border-radius: .215rem;
background-color: #fff;
-webkit-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s
}
.checkbox-custom label::after {
display: inline-block;
position: absolute;
width: 20px;
height: 20px;
line-height: 20px;
left: 0;
top: 0;
margin-left: -20px;
text-align: center;
padding-top: 1px;
font-size: 12px;
color: #76838f
}
.checkbox-custom input[type=radio],.checkbox-custom input[type=checkbox] {
opacity: 0;
z-index: 1;
width: 20px;
height: 20px
}
.checkbox-custom input[type=radio]:focus+label::before,.checkbox-custom input[type=checkbox]:focus+label::before {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
.checkbox-custom input[type=radio]:checked+label::before,.checkbox-custom input[type=checkbox]:checked+label::before {
border-color: #e4eaec;
border-width: 10px;
-webkit-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s
}
.checkbox-custom input[type=radio]:checked+label::after,.checkbox-custom input[type=checkbox]:checked+label::after {
font-family: "metinfo-icon2";
content: '\e6ad'
}
.checkbox-custom input[type=radio]:disabled+label,.checkbox-custom input[type=checkbox]:disabled+label {
opacity: .65
}
.checkbox-custom input[type=radio]:disabled+label::before,.checkbox-custom input[type=checkbox]:disabled+label::before {
background-color: #f3f7f9;
border-color: #e4eaec;
border-width: 1px;
cursor: not-allowed
}
.checkbox-custom.checkbox-circle label::before {
border-radius: 50%
}
.checkbox-custom.checkbox-inline {
margin-top: 0;
display: inline-block;
margin-bottom: 0
}
.checkbox-inline+.checkbox-inline {
margin-left: 20px
}
.checkbox-default input[type=radio]:checked+label::before,.checkbox-default input[type=checkbox]:checked+label::before {
background-color: #fff;
border-color: #e4eaec;
border-width: 1px
}
.checkbox-default input[type=radio]:checked+label::after,.checkbox-default input[type=checkbox]:checked+label::after {
color: #62a8ea
}
.checkbox-primary input[type=radio]:checked+label::before,.checkbox-primary input[type=checkbox]:checked+label::before {
background-color: #62a8ea;
border-color: #62a8ea
}
.checkbox-primary input[type=radio]:checked+label::after,.checkbox-primary input[type=checkbox]:checked+label::after {
color: #fff
}
.checkbox-danger input[type=radio]:checked+label::before,.checkbox-danger input[type=checkbox]:checked+label::before {
background-color: #f96868;
border-color: #f96868
}
.checkbox-danger input[type=radio]:checked+label::after,.checkbox-danger input[type=checkbox]:checked+label::after {
color: #fff
}
.checkbox-info input[type=radio]:checked+label::before,.checkbox-info input[type=checkbox]:checked+label::before {
background-color: #57c7d4;
border-color: #57c7d4
}
.checkbox-info input[type=radio]:checked+label::after,.checkbox-info input[type=checkbox]:checked+label::after {
color: #fff
}
.checkbox-warning input[type=radio]:checked+label::before,.checkbox-warning input[type=checkbox]:checked+label::before {
background-color: #f2a654;
border-color: #f2a654
}
.checkbox-warning input[type=radio]:checked+label::after,.checkbox-warning input[type=checkbox]:checked+label::after {
color: #fff
}
.checkbox-success input[type=radio]:checked+label::before,.checkbox-success input[type=checkbox]:checked+label::before {
background-color: #46be8a;
border-color: #46be8a
}
.checkbox-success input[type=radio]:checked+label::after,.checkbox-success input[type=checkbox]:checked+label::after {
color: #fff
}
.checkbox-sm {
padding-left: 18px
}
.checkbox-sm label {
padding-left: 8px
}
.checkbox-sm label:empty {
padding-left: 0
}
.checkbox-sm label::after,.checkbox-sm label::before {
width: 18px;
height: 18px;
margin-left: -18px
}
.checkbox-sm label::after {
font-size: 10px;
line-height: 18px
}
.checkbox-sm input[type=radio],.checkbox-sm input[type=checkbox] {
width: 18px;
height: 18px
}
.checkbox-sm input[type=radio]:checked+label::before,.checkbox-sm input[type=checkbox]:checked+label::before {
border-width: 9px
}
.checkbox-lg {
padding-left: 24px
}
.checkbox-lg label {
padding-left: 12px
}
.checkbox-lg label:empty {
padding-left: 0
}
.checkbox-lg label::after,.checkbox-lg label::before {
width: 24px;
height: 24px;
margin-left: -24px
}
.checkbox-lg label::after {
font-size: 14px;
line-height: 24px
}
.checkbox-lg input[type=radio],.checkbox-lg input[type=checkbox] {
width: 24px;
height: 24px
}
.checkbox-lg input[type=radio]:checked+label::before,.checkbox-lg input[type=checkbox]:checked+label::before {
border-width: 12px
}
.radio-custom {
padding-left: 20px
}
.radio-custom label {
display: inline-block;
vertical-align: middle;
position: relative;
padding-left: 10px
}
.radio-custom label:empty {
padding-left: 0
}
.radio-custom label::before {
content: "";
display: inline-block;
position: absolute;
width: 20px;
height: 20px;
left: 0;
margin-left: -20px;
border: 1px solid #e4eaec;
border-radius: 50%;
background-color: #fff;
-webkit-transition: border .3s ease-in-out 0s,color .3s ease-in-out 0s;
-o-transition: border .3s ease-in-out 0s,color .3s ease-in-out 0s;
transition: border .3s ease-in-out 0s,color .3s ease-in-out 0s
}
.radio-custom label::after {
display: inline-block;
position: absolute;
content: " ";
width: 6px;
height: 6px;
left: 7px;
top: 7px;
margin-left: -20px;
border: 2px solid #76838f;
border-radius: 50%;
background-color: transparent;
-webkit-transform: scale(0,0);
-ms-transform: scale(0,0);
-o-transform: scale(0,0);
transform: scale(0,0);
-webkit-transition: .1s cubic-bezier(.8,-.33,.2,1.33);
-o-transition: .1s cubic-bezier(.8,-.33,.2,1.33);
transition: .1s cubic-bezier(.8,-.33,.2,1.33)
}
.radio-custom input[type=radio] {
width: 20px;
height: 20px;
opacity: 0;
z-index: 1
}
.radio-custom input[type=radio]:focus+label::before {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
.radio-custom input[type=radio]:checked+label::before {
border-color: #e4eaec;
border-width: 10px
}
.radio-custom input[type=radio]:checked+label::after {
-webkit-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1)
}
.radio-custom input[type=radio]:disabled+label {
opacity: .65
}
.radio-custom input[type=radio]:disabled+label::before {
cursor: not-allowed
}
.radio-custom.radio-inline {
margin-top: 0;
display: inline-block;
margin-bottom: 0
}
.radio-inline+.radio-inline {
margin-left: 20px
}
.radio-default input[type=radio]:checked+label::before {
background-color: #fff;
border-color: #e4eaec;
border-width: 1px
}
.radio-default input[type=radio]:checked+label::after {
border-color: #62a8ea
}
.radio-primary input[type=radio]:checked+label::before {
border-color: #62a8ea
}
.radio-primary input[type=radio]:checked+label::after {
border-color: #fff
}
.radio-danger input[type=radio]:checked+label::before {
border-color: #f96868
}
.radio-danger input[type=radio]:checked+label::after {
border-color: #fff
}
.radio-info input[type=radio]:checked+label::before {
border-color: #57c7d4
}
.radio-info input[type=radio]:checked+label::after {
border-color: #fff
}
.radio-warning input[type=radio]:checked+label::before {
border-color: #f2a654
}
.radio-warning input[type=radio]:checked+label::after {
border-color: #fff
}
.radio-success input[type=radio]:checked+label::before {
border-color: #46be8a
}
.radio-success input[type=radio]:checked+label::after {
border-color: #fff
}
.radio-sm {
padding-left: 18px
}
.radio-sm label {
padding-left: 8px
}
.radio-sm label:empty {
padding-left: 0
}
.radio-sm label::before {
width: 18px;
height: 18px;
margin-left: -20px
}
.radio-sm label::after {
width: 4px;
height: 4px;
left: 7px;
top: 7px;
margin-left: -20px;
border-width: 2px
}
.radio-sm input[type=radio] {
width: 18px;
height: 18px
}
.radio-sm input[type=radio]:checked+label::before {
border-width: 9px
}
.radio-lg {
padding-left: 24px
}
.radio-lg label {
padding-left: 12px
}
.radio-lg label:empty {
padding-left: 0
}
.radio-lg label::before {
width: 24px;
height: 24px;
margin-left: -20px
}
.radio-lg label::after {
width: 8px;
height: 8px;
left: 8px;
top: 8px;
margin-left: -20px;
border-width: 2px
}
.radio-lg input[type=radio] {
width: 24px;
height: 24px
}
.radio-lg input[type=radio]:checked+label::before {
border-width: 12px
}
@media (min-width: 768px) {
.form-inline .checkbox-custom,.form-inline .radio-custom {
display:inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle
}
.form-inline .checkbox-custom label,.form-inline .radio-custom label {
padding-left: 0
}
.form-inline .checkbox-custom input[type=checkbox],.form-inline .radio-custom input[type=radio] {
position: relative;
margin-left: 0
}
.form-inline .radio-custom label {
padding-left: 10px
}
.form-inline .checkbox-custom label {
padding-left: 10px
}
.form-inline .checkbox-custom input[type=checkbox] {
position: absolute;
margin-left: -20px
}
.form-inline .radio-custom input[type=radio] {
position: absolute;
margin-left: -20px
}
}
.form-horizontal .checkbox-custom,.form-horizontal .radio-custom {
margin-top: 0;
margin-bottom: 0;
padding-top: .501rem
}
.form-horizontal .checkbox-custom,.form-horizontal .radio-custom {
min-height: 2.073rem
}
.loader {
position: relative;
display: inline-block;
margin: 0 auto;
font-size: 40px;
text-indent: -9999em;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.loader-default {
width: 1em;
height: 1em;
background-color: #a3afb7;
border-radius: 100%;
-webkit-animation: loader-default 1s infinite ease-in-out;
-o-animation: loader-default 1s infinite ease-in-out;
animation: loader-default 1s infinite ease-in-out
}
.loader-grill {
width: .25em;
height: .5em;
background: #a3afb7;
-webkit-animation: default-grill 1s infinite ease-in-out -.16s;
-o-animation: default-grill 1s infinite ease-in-out -.16s;
animation: default-grill 1s infinite ease-in-out -.16s
}
.loader-grill:after,.loader-grill:before {
position: absolute;
top: 0;
width: 100%;
height: 100%;
content: "";
background: #a3afb7;
-webkit-animation: default-grill 1s infinite ease-in-out;
-o-animation: default-grill 1s infinite ease-in-out;
animation: default-grill 1s infinite ease-in-out
}
.loader-grill:before {
left: -.375em;
-webkit-animation-delay: -.32s;
-o-animation-delay: -.32s;
animation-delay: -.32s
}
.loader-grill:after {
left: .375em
}
.loader-circle {
width: 1em;
height: 1em;
border-top: .125em solid rgba(163,175,183,.5);
border-right: .125em solid rgba(163,175,183,.5);
border-bottom: .125em solid rgba(163,175,183,.5);
border-left: .125em solid #a3afb7;
border-radius: 50%;
-webkit-animation: loader-circle 1.1s infinite linear;
-o-animation: loader-circle 1.1s infinite linear;
animation: loader-circle 1.1s infinite linear
}
.loader-round-circle {
width: 1em;
height: 1em;
font-size: 10px;
border-radius: 50%;
-webkit-animation: loader-round-circle 1.3s infinite linear;
-o-animation: loader-round-circle 1.3s infinite linear;
animation: loader-round-circle 1.3s infinite linear
}
.loader-tadpole {
width: 1em;
height: 1em;
border-radius: 50%;
-webkit-animation: loader-tadpole 1.7s infinite ease;
-o-animation: loader-tadpole 1.7s infinite ease;
animation: loader-tadpole 1.7s infinite ease
}
.loader-ellipsis {
top: -.625em;
width: .625em;
height: .625em;
border-radius: 50%;
-webkit-animation: loader-ellipsis 1.8s infinite ease-in-out both -.16s;
-o-animation: loader-ellipsis 1.8s infinite ease-in-out both -.16s;
animation: loader-ellipsis 1.8s infinite ease-in-out both -.16s
}
.loader-ellipsis:after,.loader-ellipsis:before {
position: absolute;
top: 0;
width: 100%;
height: 100%;
content: "";
border-radius: 50%;
-webkit-animation: loader-ellipsis 1.8s infinite ease-in-out both;
-o-animation: loader-ellipsis 1.8s infinite ease-in-out both;
animation: loader-ellipsis 1.8s infinite ease-in-out both
}
.loader-ellipsis:before {
left: -.875em;
-webkit-animation-delay: -.32s;
-o-animation-delay: -.32s;
animation-delay: -.32s
}
.loader-ellipsis:after {
left: .875em
}
.loader-dot {
width: 2em;
height: 2em;
-webkit-animation: loader-dot-rotate 2s infinite linear;
-o-animation: loader-dot-rotate 2s infinite linear;
animation: loader-dot-rotate 2s infinite linear
}
.loader-dot:after,.loader-dot:before {
position: absolute;
top: 0;
left: 0;
width: 60%;
height: 60%;
content: "";
background: #a3afb7;
border-radius: 100%;
-webkit-animation: loader-dot-bounce 2s infinite ease-in-out;
-o-animation: loader-dot-bounce 2s infinite ease-in-out;
animation: loader-dot-bounce 2s infinite ease-in-out
}
.loader-dot:after {
top: auto;
bottom: 0;
-webkit-animation-delay: -1s;
-o-animation-delay: -1s;
animation-delay: -1s
}
.loader-bounce {
width: 1.5em;
height: 1.5em
}
.loader-bounce:after,.loader-bounce:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background: #a3afb7;
border-radius: 50%;
opacity: .6;
-webkit-animation: loader-bounce 2s infinite ease-in-out;
-o-animation: loader-bounce 2s infinite ease-in-out;
animation: loader-bounce 2s infinite ease-in-out
}
.loader-bounce:after {
-webkit-animation-delay: -1s;
-o-animation-delay: -1s;
animation-delay: -1s
}
.loader-cube {
width: 2em;
height: 2em
}
.loader-cube:after,.loader-cube:before {
position: absolute;
top: 0;
left: 0;
width: 25%;
height: 25%;
content: "";
background: #a3afb7;
-webkit-animation: loader-cube 2s infinite ease-in-out;
-o-animation: loader-cube 2s infinite ease-in-out;
animation: loader-cube 2s infinite ease-in-out
}
.loader-cube:after {
-webkit-animation-delay: -1s;
-o-animation-delay: -1s;
animation-delay: -1s
}
.loader-rotate-plane {
width: 1em;
height: 1em;
background: #a3afb7;
-webkit-animation: loader-rotate-plane 1.2s infinite ease-in-out;
-o-animation: loader-rotate-plane 1.2s infinite ease-in-out;
animation: loader-rotate-plane 1.2s infinite ease-in-out
}
.loader-folding-cube {
width: .8em;
height: .8em;
-webkit-transform: rotate(45deg) translateZ(0);
transform: rotate(45deg) translateZ(0)
}
.loader-folding-cube:after,.loader-folding-cube:before {
position: absolute;
width: 0;
height: 0;
content: "";
background: #a3afb7
}
.loader-folding-cube:before {
left: 0;
bottom: 50%;
-webkit-animation-delay: -.6s;
-o-animation-delay: -.6s;
animation-delay: -.6s;
-webkit-animation: loader-folding-cube-before 2.4s infinite ease-in-out;
-o-animation: loader-folding-cube-before 2.4s infinite ease-in-out;
animation: loader-folding-cube-before 2.4s infinite ease-in-out
}
.loader-folding-cube:after {
top: 50%;
right: 0;
-webkit-animation: loader-folding-cube-after 2.4s infinite ease-in-out;
-o-animation: loader-folding-cube-after 2.4s infinite ease-in-out;
animation: loader-folding-cube-after 2.4s infinite ease-in-out
}
.loader-cube-grid {
top: -.6em;
width: .3em;
height: .3em;
-webkit-animation: loader-cube-grid 1.2s infinite ease-in-out;
-o-animation: loader-cube-grid 1.2s infinite ease-in-out;
animation: loader-cube-grid 1.2s infinite ease-in-out
}
.loader-cube-grid:after,.loader-cube-grid:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: ""
}
.loader-cube-grid:before {
-webkit-animation: loader-cube-grid-before 1.2s infinite ease-in-out;
-o-animation: loader-cube-grid-before 1.2s infinite ease-in-out;
animation: loader-cube-grid-before 1.2s infinite ease-in-out
}
.loader-cube-grid:after {
-webkit-animation: loader-cube-grid-after 1.2s infinite ease-in-out;
-o-animation: loader-cube-grid-after 1.2s infinite ease-in-out;
animation: loader-cube-grid-after 1.2s infinite ease-in-out
}
.side-panel-loading,body>.loader {
position: fixed;
top: 50%;
left: 50%;
margin-top: -20px
}
.site-menubar-fold>.loader {
margin-left: 45px
}
.loader-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #62a8ea;
z-index: 999999
}
.loader-content {
margin: 50vh auto 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-transform: uppercase
}
.loader-content h2 {
color: #fff;
font-weight: 500
}
.loader-index {
margin-top: 20px
}
.loader-index>div {
width: 4px;
height: 25px;
border-radius: 2px;
margin: 2px;
background: #fff;
-webkit-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
-webkit-animation: loader-index .9s -.8s infinite cubic-bezier(.85,.25,.37,.85);
-o-animation: loader-index .9s -.8s infinite cubic-bezier(.85,.25,.37,.85);
animation: loader-index .9s -.8s infinite cubic-bezier(.85,.25,.37,.85)
}
.loader-index>div:nth-child(2),.loader-index>div:nth-child(4) {
-webkit-animation-delay: -.6s!important;
-o-animation-delay: -.6s!important;
animation-delay: -.6s!important
}
.loader-index>div:nth-child(1),.loader-index>div:nth-child(5) {
-webkit-animation-delay: -.4s!important;
-o-animation-delay: -.4s!important;
animation-delay: -.4s!important
}
.loader-index>div:nth-child(6) {
-webkit-animation-delay: -.2s!important;
-o-animation-delay: -.2s!important;
animation-delay: -.2s!important
}
@-webkit-keyframes loader-index {
0% {
-webkit-transform: scaley(1);
transform: scaley(1)
}
50% {
-webkit-transform: scaley(.4);
transform: scaley(.4)
}
100% {
-webkit-transform: scaley(1);
transform: scaley(1)
}
}
@-o-keyframes loader-index {
0% {
-o-transform: scaley(1);
transform: scaley(1)
}
50% {
-o-transform: scaley(.4);
transform: scaley(.4)
}
100% {
-o-transform: scaley(1);
transform: scaley(1)
}
}
@keyframes loader-index {
0% {
-webkit-transform: scaley(1);
-o-transform: scaley(1);
transform: scaley(1)
}
50% {
-webkit-transform: scaley(.4);
-o-transform: scaley(.4);
transform: scaley(.4)
}
100% {
-webkit-transform: scaley(1);
-o-transform: scaley(1);
transform: scaley(1)
}
}
@-webkit-keyframes loader-default {
0% {
-webkit-transform: scale(0);
transform: scale(0)
}
100% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-o-keyframes loader-default {
0% {
-webkit-transform: scale(0);
-o-transform: scale(0);
transform: scale(0)
}
100% {
opacity: 0;
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
}
@keyframes loader-default {
0% {
-webkit-transform: scale(0);
-o-transform: scale(0);
transform: scale(0)
}
100% {
opacity: 0;
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes default-grill {
0%,100%,80% {
height: 1em;
-webkit-box-shadow: 0 0 #a3afb7;
box-shadow: 0 0 #a3afb7
}
40% {
height: 1.2em;
-webkit-box-shadow: 0 -.25em #a3afb7;
box-shadow: 0 -.25em #a3afb7
}
}
@-o-keyframes default-grill {
0%,100%,80% {
height: 1em;
box-shadow: 0 0 #a3afb7
}
40% {
height: 1.2em;
box-shadow: 0 -.25em #a3afb7
}
}
@keyframes default-grill {
0%,100%,80% {
height: 1em;
-webkit-box-shadow: 0 0 #a3afb7;
box-shadow: 0 0 #a3afb7
}
40% {
height: 1.2em;
-webkit-box-shadow: 0 -.25em #a3afb7;
box-shadow: 0 -.25em #a3afb7
}
}
@-webkit-keyframes loader-circle {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-o-keyframes loader-circle {
0% {
-webkit-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes loader-circle {
0% {
-webkit-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes loader-round-circle {
0%,100% {
-webkit-box-shadow: 0 -3em 0 .2em #a3afb7,2em -2em 0 0 #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 0 #a3afb7;
box-shadow: 0 -3em 0 .2em #a3afb7,2em -2em 0 0 #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 0 #a3afb7
}
12.5% {
-webkit-box-shadow: 0 -3em 0 0 #a3afb7,2em -2em 0 .2em #a3afb7,3em 0 0 0 #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7;
box-shadow: 0 -3em 0 0 #a3afb7,2em -2em 0 .2em #a3afb7,3em 0 0 0 #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7
}
25% {
-webkit-box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 0 #a3afb7,3em 0 0 .2em #a3afb7,2em 2em 0 0 #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7;
box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 0 #a3afb7,3em 0 0 .2em #a3afb7,2em 2em 0 0 #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7
}
37.5% {
-webkit-box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 0 #a3afb7,2em 2em 0 .2em #a3afb7,0 3em 0 0 #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7;
box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 0 #a3afb7,2em 2em 0 .2em #a3afb7,0 3em 0 0 #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7
}
50% {
-webkit-box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 0 #a3afb7,0 3em 0 .2em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7;
box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 0 #a3afb7,0 3em 0 .2em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7
}
62.5% {
-webkit-box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 0 #a3afb7,-2em 2em 0 .2em #a3afb7,-3em 0 0 0 #a3afb7,-2em -2em 0 -.5em #a3afb7;
box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 0 #a3afb7,-2em 2em 0 .2em #a3afb7,-3em 0 0 0 #a3afb7,-2em -2em 0 -.5em #a3afb7
}
75% {
-webkit-box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 .2em #a3afb7,-2em -2em 0 0 #a3afb7;
box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 .2em #a3afb7,-2em -2em 0 0 #a3afb7
}
87.5% {
-webkit-box-shadow: 0 -3em 0 0 #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 0 #a3afb7,-2em -2em 0 .2em #a3afb7;
box-shadow: 0 -3em 0 0 #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 0 #a3afb7,-2em -2em 0 .2em #a3afb7
}
}
@-o-keyframes loader-round-circle {
0%,100% {
box-shadow: 0 -3em 0 .2em #a3afb7,2em -2em 0 0 #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 0 #a3afb7
}
12.5% {
box-shadow: 0 -3em 0 0 #a3afb7,2em -2em 0 .2em #a3afb7,3em 0 0 0 #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7
}
25% {
box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 0 #a3afb7,3em 0 0 .2em #a3afb7,2em 2em 0 0 #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7
}
37.5% {
box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 0 #a3afb7,2em 2em 0 .2em #a3afb7,0 3em 0 0 #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7
}
50% {
box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 0 #a3afb7,0 3em 0 .2em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7
}
62.5% {
box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 0 #a3afb7,-2em 2em 0 .2em #a3afb7,-3em 0 0 0 #a3afb7,-2em -2em 0 -.5em #a3afb7
}
75% {
box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 .2em #a3afb7,-2em -2em 0 0 #a3afb7
}
87.5% {
box-shadow: 0 -3em 0 0 #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 0 #a3afb7,-2em -2em 0 .2em #a3afb7
}
}
@keyframes loader-round-circle {
0%,100% {
-webkit-box-shadow: 0 -3em 0 .2em #a3afb7,2em -2em 0 0 #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 0 #a3afb7;
box-shadow: 0 -3em 0 .2em #a3afb7,2em -2em 0 0 #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 0 #a3afb7
}
12.5% {
-webkit-box-shadow: 0 -3em 0 0 #a3afb7,2em -2em 0 .2em #a3afb7,3em 0 0 0 #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7;
box-shadow: 0 -3em 0 0 #a3afb7,2em -2em 0 .2em #a3afb7,3em 0 0 0 #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7
}
25% {
-webkit-box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 0 #a3afb7,3em 0 0 .2em #a3afb7,2em 2em 0 0 #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7;
box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 0 #a3afb7,3em 0 0 .2em #a3afb7,2em 2em 0 0 #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7
}
37.5% {
-webkit-box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 0 #a3afb7,2em 2em 0 .2em #a3afb7,0 3em 0 0 #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7;
box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 0 #a3afb7,2em 2em 0 .2em #a3afb7,0 3em 0 0 #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7
}
50% {
-webkit-box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 0 #a3afb7,0 3em 0 .2em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7;
box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 0 #a3afb7,0 3em 0 .2em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7
}
62.5% {
-webkit-box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 0 #a3afb7,-2em 2em 0 .2em #a3afb7,-3em 0 0 0 #a3afb7,-2em -2em 0 -.5em #a3afb7;
box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 0 #a3afb7,-2em 2em 0 .2em #a3afb7,-3em 0 0 0 #a3afb7,-2em -2em 0 -.5em #a3afb7
}
75% {
-webkit-box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 .2em #a3afb7,-2em -2em 0 0 #a3afb7;
box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 .2em #a3afb7,-2em -2em 0 0 #a3afb7
}
87.5% {
-webkit-box-shadow: 0 -3em 0 0 #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 0 #a3afb7,-2em -2em 0 .2em #a3afb7;
box-shadow: 0 -3em 0 0 #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 0 #a3afb7,-2em -2em 0 .2em #a3afb7
}
}
@-webkit-keyframes loader-tadpole {
0% {
-webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7;
box-shadow: 0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7;
-webkit-transform: rotate(0);
transform: rotate(0)
}
5%,95% {
-webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7;
box-shadow: 0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7
}
10%,59% {
-webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7,-.087em -.825em 0 -.42em #a3afb7,-.173em -.812em 0 -.44em #a3afb7,-.256em -.789em 0 -.46em #a3afb7,-.297em -.775em 0 -.477em #a3afb7;
box-shadow: 0 -.83em 0 -.4em #a3afb7,-.087em -.825em 0 -.42em #a3afb7,-.173em -.812em 0 -.44em #a3afb7,-.256em -.789em 0 -.46em #a3afb7,-.297em -.775em 0 -.477em #a3afb7
}
20% {
-webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7,-.338em -.758em 0 -.42em #a3afb7,-.555em -.617em 0 -.44em #a3afb7,-.671em -.488em 0 -.46em #a3afb7,-.749em -.34em 0 -.477em #a3afb7;
box-shadow: 0 -.83em 0 -.4em #a3afb7,-.338em -.758em 0 -.42em #a3afb7,-.555em -.617em 0 -.44em #a3afb7,-.671em -.488em 0 -.46em #a3afb7,-.749em -.34em 0 -.477em #a3afb7
}
38% {
-webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7,-.377em -.74em 0 -.42em #a3afb7,-.645em -.522em 0 -.44em #a3afb7,-.775em -.297em 0 -.46em #a3afb7,-.82em -.09em 0 -.477em #a3afb7;
box-shadow: 0 -.83em 0 -.4em #a3afb7,-.377em -.74em 0 -.42em #a3afb7,-.645em -.522em 0 -.44em #a3afb7,-.775em -.297em 0 -.46em #a3afb7,-.82em -.09em 0 -.477em #a3afb7
}
100% {
-webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7;
box-shadow: 0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7;
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-o-keyframes loader-tadpole {
0% {
box-shadow: 0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7;
-webkit-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0)
}
5%,95% {
box-shadow: 0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7
}
10%,59% {
box-shadow: 0 -.83em 0 -.4em #a3afb7,-.087em -.825em 0 -.42em #a3afb7,-.173em -.812em 0 -.44em #a3afb7,-.256em -.789em 0 -.46em #a3afb7,-.297em -.775em 0 -.477em #a3afb7
}
20% {
box-shadow: 0 -.83em 0 -.4em #a3afb7,-.338em -.758em 0 -.42em #a3afb7,-.555em -.617em 0 -.44em #a3afb7,-.671em -.488em 0 -.46em #a3afb7,-.749em -.34em 0 -.477em #a3afb7
}
38% {
box-shadow: 0 -.83em 0 -.4em #a3afb7,-.377em -.74em 0 -.42em #a3afb7,-.645em -.522em 0 -.44em #a3afb7,-.775em -.297em 0 -.46em #a3afb7,-.82em -.09em 0 -.477em #a3afb7
}
100% {
box-shadow: 0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7;
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes loader-tadpole {
0% {
-webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7;
box-shadow: 0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7;
-webkit-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0)
}
5%,95% {
-webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7;
box-shadow: 0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7
}
10%,59% {
-webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7,-.087em -.825em 0 -.42em #a3afb7,-.173em -.812em 0 -.44em #a3afb7,-.256em -.789em 0 -.46em #a3afb7,-.297em -.775em 0 -.477em #a3afb7;
box-shadow: 0 -.83em 0 -.4em #a3afb7,-.087em -.825em 0 -.42em #a3afb7,-.173em -.812em 0 -.44em #a3afb7,-.256em -.789em 0 -.46em #a3afb7,-.297em -.775em 0 -.477em #a3afb7
}
20% {
-webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7,-.338em -.758em 0 -.42em #a3afb7,-.555em -.617em 0 -.44em #a3afb7,-.671em -.488em 0 -.46em #a3afb7,-.749em -.34em 0 -.477em #a3afb7;
box-shadow: 0 -.83em 0 -.4em #a3afb7,-.338em -.758em 0 -.42em #a3afb7,-.555em -.617em 0 -.44em #a3afb7,-.671em -.488em 0 -.46em #a3afb7,-.749em -.34em 0 -.477em #a3afb7
}
38% {
-webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7,-.377em -.74em 0 -.42em #a3afb7,-.645em -.522em 0 -.44em #a3afb7,-.775em -.297em 0 -.46em #a3afb7,-.82em -.09em 0 -.477em #a3afb7;
box-shadow: 0 -.83em 0 -.4em #a3afb7,-.377em -.74em 0 -.42em #a3afb7,-.645em -.522em 0 -.44em #a3afb7,-.775em -.297em 0 -.46em #a3afb7,-.82em -.09em 0 -.477em #a3afb7
}
100% {
-webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7;
box-shadow: 0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7;
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes loader-ellipsis {
0%,100%,80% {
-webkit-box-shadow: 0 .625em 0 -.325em #a3afb7;
box-shadow: 0 .625em 0 -.325em #a3afb7
}
40% {
-webkit-box-shadow: 0 .625em 0 0 #a3afb7;
box-shadow: 0 .625em 0 0 #a3afb7
}
}
@-o-keyframes loader-ellipsis {
0%,100%,80% {
box-shadow: 0 .625em 0 -.325em #a3afb7
}
40% {
box-shadow: 0 .625em 0 0 #a3afb7
}
}
@keyframes loader-ellipsis {
0%,100%,80% {
-webkit-box-shadow: 0 .625em 0 -.325em #a3afb7;
box-shadow: 0 .625em 0 -.325em #a3afb7
}
40% {
-webkit-box-shadow: 0 .625em 0 0 #a3afb7;
box-shadow: 0 .625em 0 0 #a3afb7
}
}
@-webkit-keyframes loader-dot-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-o-keyframes loader-dot-rotate {
0% {
-webkit-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes loader-dot-rotate {
0% {
-webkit-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes loader-dot-bounce {
0%,100% {
-webkit-transform: scale(0);
transform: scale(0)
}
50% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-o-keyframes loader-dot-bounce {
0%,100% {
-webkit-transform: scale(0);
-o-transform: scale(0);
transform: scale(0)
}
50% {
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
}
@keyframes loader-dot-bounce {
0%,100% {
-webkit-transform: scale(0);
-o-transform: scale(0);
transform: scale(0)
}
50% {
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes loader-bounce {
0%,100% {
-webkit-transform: scale(0);
transform: scale(0)
}
50% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-o-keyframes loader-bounce {
0%,100% {
-webkit-transform: scale(0);
-o-transform: scale(0);
transform: scale(0)
}
50% {
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
}
@keyframes loader-bounce {
0%,100% {
-webkit-transform: scale(0);
-o-transform: scale(0);
transform: scale(0)
}
50% {
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes loader-cube {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
25% {
-webkit-transform: translateX(1.5em) rotate(-90deg) scale(.5);
transform: translateX(1.5em) rotate(-90deg) scale(.5)
}
50% {
-webkit-transform: translateX(1.5em) translateY(1.5em) rotate(-179deg);
transform: translateX(1.5em) translateY(1.5em) rotate(-179deg)
}
50.1% {
-webkit-transform: translateX(1.5em) translateY(1.5em) rotate(-180deg);
transform: translateX(1.5em) translateY(1.5em) rotate(-180deg)
}
75% {
-webkit-transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(.5);
transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(.5)
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg)
}
}
@-o-keyframes loader-cube {
0% {
-webkit-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0)
}
25% {
-webkit-transform: translateX(1.5em) rotate(-90deg) scale(.5);
-o-transform: translateX(1.5em) rotate(-90deg) scale(.5);
transform: translateX(1.5em) rotate(-90deg) scale(.5)
}
50% {
-webkit-transform: translateX(1.5em) translateY(1.5em) rotate(-179deg);
-o-transform: translateX(1.5em) translateY(1.5em) rotate(-179deg);
transform: translateX(1.5em) translateY(1.5em) rotate(-179deg)
}
50.1% {
-webkit-transform: translateX(1.5em) translateY(1.5em) rotate(-180deg);
-o-transform: translateX(1.5em) translateY(1.5em) rotate(-180deg);
transform: translateX(1.5em) translateY(1.5em) rotate(-180deg)
}
75% {
-webkit-transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(.5);
-o-transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(.5);
transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(.5)
}
100% {
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
transform: rotate(-360deg)
}
}
@keyframes loader-cube {
0% {
-webkit-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0)
}
25% {
-webkit-transform: translateX(1.5em) rotate(-90deg) scale(.5);
-o-transform: translateX(1.5em) rotate(-90deg) scale(.5);
transform: translateX(1.5em) rotate(-90deg) scale(.5)
}
50% {
-webkit-transform: translateX(1.5em) translateY(1.5em) rotate(-179deg);
-o-transform: translateX(1.5em) translateY(1.5em) rotate(-179deg);
transform: translateX(1.5em) translateY(1.5em) rotate(-179deg)
}
50.1% {
-webkit-transform: translateX(1.5em) translateY(1.5em) rotate(-180deg);
-o-transform: translateX(1.5em) translateY(1.5em) rotate(-180deg);
transform: translateX(1.5em) translateY(1.5em) rotate(-180deg)
}
75% {
-webkit-transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(.5);
-o-transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(.5);
transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(.5)
}
100% {
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
transform: rotate(-360deg)
}
}
@-webkit-keyframes loader-rotate-plane {
0% {
-webkit-transform: perspective(120px) rotateX(0) rotateY(0);
transform: perspective(120px) rotateX(0) rotateY(0)
}
50% {
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
}
100% {
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
}
}
@-o-keyframes loader-rotate-plane {
0% {
-webkit-transform: perspective(120px) rotateX(0) rotateY(0);
transform: perspective(120px) rotateX(0) rotateY(0)
}
50% {
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
}
100% {
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
}
}
@keyframes loader-rotate-plane {
0% {
-webkit-transform: perspective(120px) rotateX(0) rotateY(0);
transform: perspective(120px) rotateX(0) rotateY(0)
}
50% {
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
}
100% {
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
}
}
@-webkit-keyframes loader-folding-cube-before {
0% {
height: 0;
width: 50%
}
7.5% {
height: 50%;
width: 50%
}
12.5% {
height: 50%;
width: 50%
}
20% {
height: 50%;
width: 100%
}
25% {
height: 50%;
width: 100%
}
50% {
left: auto;
right: 0;
height: 50%;
width: 100%
}
57.5% {
height: 50%;
width: 50%
}
62.5% {
height: 50%;
width: 50%
}
70% {
width: 50%;
height: 0
}
75% {
width: 50%;
height: 0
}
}
@-o-keyframes loader-folding-cube-before {
0% {
height: 0;
width: 50%
}
7.5% {
height: 50%;
width: 50%
}
12.5% {
height: 50%;
width: 50%
}
20% {
height: 50%;
width: 100%
}
25% {
height: 50%;
width: 100%
}
50% {
left: auto;
right: 0;
height: 50%;
width: 100%
}
57.5% {
height: 50%;
width: 50%
}
62.5% {
height: 50%;
width: 50%
}
70% {
width: 50%;
height: 0
}
75% {
width: 50%;
height: 0
}
}
@keyframes loader-folding-cube-before {
0% {
height: 0;
width: 50%
}
7.5% {
height: 50%;
width: 50%
}
12.5% {
height: 50%;
width: 50%
}
20% {
height: 50%;
width: 100%
}
25% {
height: 50%;
width: 100%
}
50% {
left: auto;
right: 0;
height: 50%;
width: 100%
}
57.5% {
height: 50%;
width: 50%
}
62.5% {
height: 50%;
width: 50%
}
70% {
width: 50%;
height: 0
}
75% {
width: 50%;
height: 0
}
}
@-webkit-keyframes loader-folding-cube-after {
0% {
height: 0;
width: 50%
}
7.5% {
height: 50%;
width: 50%
}
12.5% {
height: 50%;
width: 50%
}
20% {
height: 50%;
width: 100%
}
25% {
height: 50%;
width: 100%
}
50% {
left: 0;
right: auto;
height: 50%;
width: 100%
}
57.5% {
height: 50%;
width: 50%
}
62.5% {
height: 50%;
width: 50%
}
75% {
width: 50%;
height: 0
}
}
@-o-keyframes loader-folding-cube-after {
0% {
height: 0;
width: 50%
}
7.5% {
height: 50%;
width: 50%
}
12.5% {
height: 50%;
width: 50%
}
20% {
height: 50%;
width: 100%
}
25% {
height: 50%;
width: 100%
}
50% {
left: 0;
right: auto;
height: 50%;
width: 100%
}
57.5% {
height: 50%;
width: 50%
}
62.5% {
height: 50%;
width: 50%
}
75% {
width: 50%;
height: 0
}
}
@keyframes loader-folding-cube-after {
0% {
height: 0;
width: 50%
}
7.5% {
height: 50%;
width: 50%
}
12.5% {
height: 50%;
width: 50%
}
20% {
height: 50%;
width: 100%
}
25% {
height: 50%;
width: 100%
}
50% {
left: 0;
right: auto;
height: 50%;
width: 100%
}
57.5% {
height: 50%;
width: 50%
}
62.5% {
height: 50%;
width: 50%
}
75% {
width: 50%;
height: 0
}
}
@-webkit-keyframes loader-cube-grid {
15% {
-webkit-box-shadow: -.3em .3em 0 -.3em #a3afb7,0 .6em 0 -.3em #a3afb7,.3em .9em 0 -.3em #a3afb7;
box-shadow: -.3em .3em 0 -.3em #a3afb7,0 .6em 0 -.3em #a3afb7,.3em .9em 0 -.3em #a3afb7
}
30% {
-webkit-box-shadow: -.3em .3em 0 0 #a3afb7,0 .6em 0 0 #a3afb7,.3em .9em 0 0 #a3afb7;
box-shadow: -.3em .3em 0 0 #a3afb7,0 .6em 0 0 #a3afb7,.3em .9em 0 0 #a3afb7
}
70% {
-webkit-box-shadow: -.3em .3em 0 0 #a3afb7,0 .6em 0 0 #a3afb7,.3em .9em 0 0 #a3afb7;
box-shadow: -.3em .3em 0 0 #a3afb7,0 .6em 0 0 #a3afb7,.3em .9em 0 0 #a3afb7
}
85% {
-webkit-box-shadow: -.3em .3em 0 -.3em #a3afb7,0 .6em 0 -.3em #a3afb7,.3em .9em 0 -.3em #a3afb7;
box-shadow: -.3em .3em 0 -.3em #a3afb7,0 .6em 0 -.3em #a3afb7,.3em .9em 0 -.3em #a3afb7
}
}
@-o-keyframes loader-cube-grid {
15% {
box-shadow: -.3em .3em 0 -.3em #a3afb7,0 .6em 0 -.3em #a3afb7,.3em .9em 0 -.3em #a3afb7
}
30% {
box-shadow: -.3em .3em 0 0 #a3afb7,0 .6em 0 0 #a3afb7,.3em .9em 0 0 #a3afb7
}
70% {
box-shadow: -.3em .3em 0 0 #a3afb7,0 .6em 0 0 #a3afb7,.3em .9em 0 0 #a3afb7
}
85% {
box-shadow: -.3em .3em 0 -.3em #a3afb7,0 .6em 0 -.3em #a3afb7,.3em .9em 0 -.3em #a3afb7
}
}
@keyframes loader-cube-grid {
15% {
-webkit-box-shadow: -.3em .3em 0 -.3em #a3afb7,0 .6em 0 -.3em #a3afb7,.3em .9em 0 -.3em #a3afb7;
box-shadow: -.3em .3em 0 -.3em #a3afb7,0 .6em 0 -.3em #a3afb7,.3em .9em 0 -.3em #a3afb7
}
30% {
-webkit-box-shadow: -.3em .3em 0 0 #a3afb7,0 .6em 0 0 #a3afb7,.3em .9em 0 0 #a3afb7;
box-shadow: -.3em .3em 0 0 #a3afb7,0 .6em 0 0 #a3afb7,.3em .9em 0 0 #a3afb7
}
70% {
-webkit-box-shadow: -.3em .3em 0 0 #a3afb7,0 .6em 0 0 #a3afb7,.3em .9em 0 0 #a3afb7;
box-shadow: -.3em .3em 0 0 #a3afb7,0 .6em 0 0 #a3afb7,.3em .9em 0 0 #a3afb7
}
85% {
-webkit-box-shadow: -.3em .3em 0 -.3em #a3afb7,0 .6em 0 -.3em #a3afb7,.3em .9em 0 -.3em #a3afb7;
box-shadow: -.3em .3em 0 -.3em #a3afb7,0 .6em 0 -.3em #a3afb7,.3em .9em 0 -.3em #a3afb7
}
}
@-webkit-keyframes loader-cube-grid-before {
0% {
-webkit-box-shadow: -.3em .9em 0 -.3em #a3afb7,0 .3em 0 -.3em #a3afb7,.3em .6em 0 -.3em #a3afb7;
box-shadow: -.3em .9em 0 -.3em #a3afb7,0 .3em 0 -.3em #a3afb7,.3em .6em 0 -.3em #a3afb7
}
15% {
-webkit-box-shadow: -.3em .9em 0 0 #a3afb7,0 .3em 0 -.3em #a3afb7,.3em .6em 0 -.3em #a3afb7;
box-shadow: -.3em .9em 0 0 #a3afb7,0 .3em 0 -.3em #a3afb7,.3em .6em 0 -.3em #a3afb7
}
22.5% {
-webkit-box-shadow: -.3em .9em 0 0 #a3afb7,0 .3em 0 -.3em #a3afb7,.3em .6em 0 -.3em #a3afb7;
box-shadow: -.3em .9em 0 0 #a3afb7,0 .3em 0 -.3em #a3afb7,.3em .6em 0 -.3em #a3afb7
}
37.5% {
-webkit-box-shadow: -.3em .9em 0 0 #a3afb7,0 .3em 0 0 #a3afb7,.3em .6em 0 0 #a3afb7;
box-shadow: -.3em .9em 0 0 #a3afb7,0 .3em 0 0 #a3afb7,.3em .6em 0 0 #a3afb7
}
55% {
-webkit-box-shadow: -.3em .9em 0 0 #a3afb7,0 .3em 0 0 #a3afb7,.3em .6em 0 0 #a3afb7;
box-shadow: -.3em .9em 0 0 #a3afb7,0 .3em 0 0 #a3afb7,.3em .6em 0 0 #a3afb7
}
70% {
-webkit-box-shadow: -.3em .9em 0 -.3em #a3afb7,0 .3em 0 0 #a3afb7,.3em .6em 0 0 #a3afb7;
box-shadow: -.3em .9em 0 -.3em #a3afb7,0 .3em 0 0 #a3afb7,.3em .6em 0 0 #a3afb7
}
77.5% {
-webkit-box-shadow: -.3em .9em 0 -.3em #a3afb7,0 .3em 0 0 #a3afb7,.3em .6em 0 0 #a3afb7;
box-shadow: -.3em .9em 0 -.3em #a3afb7,0 .3em 0 0 #a3afb7,.3em .6em 0 0 #a3afb7
}
92.5% {
-webkit-box-shadow: -.3em .9em 0 -.3em #a3afb7,0 .3em 0 -.3em #a3afb7,.3em .6em 0 -.3em #a3afb7;
box-shadow: -.3em .9em 0 -.3em #a3afb7,0 .3em 0 -.3em #a3afb7,.3em .6em 0 -.3em #a3afb7
}
}
@-o-keyframes loader-cube-grid-before {
0% {
box-shadow: -.3em .9em 0 -.3em #a3afb7,0 .3em 0 -.3em #a3afb7,.3em .6em 0 -.3em #a3afb7
}
15% {
box-shadow: -.3em .9em 0 0 #a3afb7,0 .3em 0 -.3em #a3afb7,.3em .6em 0 -.3em #a3afb7
}
22.5% {
box-shadow: -.3em .9em 0 0 #a3afb7,0 .3em 0 -.3em #a3afb7,.3em .6em 0 -.3em #a3afb7
}
37.5% {
box-shadow: -.3em .9em 0 0 #a3afb7,0 .3em 0 0 #a3afb7,.3em .6em 0 0 #a3afb7
}
55% {
box-shadow: -.3em .9em 0 0 #a3afb7,0 .3em 0 0 #a3afb7,.3em .6em 0 0 #a3afb7
}
70% {
box-shadow: -.3em .9em 0 -.3em #a3afb7,0 .3em 0 0 #a3afb7,.3em .6em 0 0 #a3afb7
}
77.5% {
box-shadow: -.3em .9em 0 -.3em #a3afb7,0 .3em 0 0 #a3afb7,.3em .6em 0 0 #a3afb7
}
92.5% {
box-shadow: -.3em .9em 0 -.3em #a3afb7,0 .3em 0 -.3em #a3afb7,.3em .6em 0 -.3em #a3afb7
}
}
@keyframes loader-cube-grid-before {
0% {
-webkit-box-shadow: -.3em .9em 0 -.3em #a3afb7,0 .3em 0 -.3em #a3afb7,.3em .6em 0 -.3em #a3afb7;
box-shadow: -.3em .9em 0 -.3em #a3afb7,0 .3em 0 -.3em #a3afb7,.3em .6em 0 -.3em #a3afb7
}
15% {
-webkit-box-shadow: -.3em .9em 0 0 #a3afb7,0 .3em 0 -.3em #a3afb7,.3em .6em 0 -.3em #a3afb7;
box-shadow: -.3em .9em 0 0 #a3afb7,0 .3em 0 -.3em #a3afb7,.3em .6em 0 -.3em #a3afb7
}
22.5% {
-webkit-box-shadow: -.3em .9em 0 0 #a3afb7,0 .3em 0 -.3em #a3afb7,.3em .6em 0 -.3em #a3afb7;
box-shadow: -.3em .9em 0 0 #a3afb7,0 .3em 0 -.3em #a3afb7,.3em .6em 0 -.3em #a3afb7
}
37.5% {
-webkit-box-shadow: -.3em .9em 0 0 #a3afb7,0 .3em 0 0 #a3afb7,.3em .6em 0 0 #a3afb7;
box-shadow: -.3em .9em 0 0 #a3afb7,0 .3em 0 0 #a3afb7,.3em .6em 0 0 #a3afb7
}
55% {
-webkit-box-shadow: -.3em .9em 0 0 #a3afb7,0 .3em 0 0 #a3afb7,.3em .6em 0 0 #a3afb7;
box-shadow: -.3em .9em 0 0 #a3afb7,0 .3em 0 0 #a3afb7,.3em .6em 0 0 #a3afb7
}
70% {
-webkit-box-shadow: -.3em .9em 0 -.3em #a3afb7,0 .3em 0 0 #a3afb7,.3em .6em 0 0 #a3afb7;
box-shadow: -.3em .9em 0 -.3em #a3afb7,0 .3em 0 0 #a3afb7,.3em .6em 0 0 #a3afb7
}
77.5% {
-webkit-box-shadow: -.3em .9em 0 -.3em #a3afb7,0 .3em 0 0 #a3afb7,.3em .6em 0 0 #a3afb7;
box-shadow: -.3em .9em 0 -.3em #a3afb7,0 .3em 0 0 #a3afb7,.3em .6em 0 0 #a3afb7
}
92.5% {
-webkit-box-shadow: -.3em .9em 0 -.3em #a3afb7,0 .3em 0 -.3em #a3afb7,.3em .6em 0 -.3em #a3afb7;
box-shadow: -.3em .9em 0 -.3em #a3afb7,0 .3em 0 -.3em #a3afb7,.3em .6em 0 -.3em #a3afb7
}
}
@-webkit-keyframes loader-cube-grid-after {
7.5% {
-webkit-box-shadow: -.3em .6em 0 -.3em #a3afb7,0 .9em 0 -.3em #a3afb7,.3em .3em 0 -.3em #a3afb7;
box-shadow: -.3em .6em 0 -.3em #a3afb7,0 .9em 0 -.3em #a3afb7,.3em .3em 0 -.3em #a3afb7
}
22.5% {
-webkit-box-shadow: -.3em .6em 0 0 #a3afb7,0 .9em 0 0 #a3afb7,.3em .3em 0 -.3em #a3afb7;
box-shadow: -.3em .6em 0 0 #a3afb7,0 .9em 0 0 #a3afb7,.3em .3em 0 -.3em #a3afb7
}
30% {
-webkit-box-shadow: -.3em .6em 0 0 #a3afb7,0 .9em 0 0 #a3afb7,.3em .3em 0 -.3em #a3afb7;
box-shadow: -.3em .6em 0 0 #a3afb7,0 .9em 0 0 #a3afb7,.3em .3em 0 -.3em #a3afb7
}
45% {
-webkit-box-shadow: -.3em .6em 0 0 #a3afb7,0 .9em 0 0 #a3afb7,.3em .3em 0 0 #a3afb7;
box-shadow: -.3em .6em 0 0 #a3afb7,0 .9em 0 0 #a3afb7,.3em .3em 0 0 #a3afb7
}
62.5% {
-webkit-box-shadow: -.3em .6em 0 0 #a3afb7,0 .9em 0 0 #a3afb7,.3em .3em 0 0 #a3afb7;
box-shadow: -.3em .6em 0 0 #a3afb7,0 .9em 0 0 #a3afb7,.3em .3em 0 0 #a3afb7
}
77.5% {
-webkit-box-shadow: -.3em .6em 0 -.3em #a3afb7,0 .9em 0 -.3em #a3afb7,.3em .3em 0 0 #a3afb7;
box-shadow: -.3em .6em 0 -.3em #a3afb7,0 .9em 0 -.3em #a3afb7,.3em .3em 0 0 #a3afb7
}
85% {
-webkit-box-shadow: -.3em .6em 0 -.3em #a3afb7,0 .9em 0 -.3em #a3afb7,.3em .3em 0 0 #a3afb7;
box-shadow: -.3em .6em 0 -.3em #a3afb7,0 .9em 0 -.3em #a3afb7,.3em .3em 0 0 #a3afb7
}
100% {
-webkit-box-shadow: -.3em .6em 0 -.3em #a3afb7,0 .9em 0 -.3em #a3afb7,.3em .3em 0 -.3em #a3afb7;
box-shadow: -.3em .6em 0 -.3em #a3afb7,0 .9em 0 -.3em #a3afb7,.3em .3em 0 -.3em #a3afb7
}
}
@-o-keyframes loader-cube-grid-after {
7.5% {
box-shadow: -.3em .6em 0 -.3em #a3afb7,0 .9em 0 -.3em #a3afb7,.3em .3em 0 -.3em #a3afb7
}
22.5% {
box-shadow: -.3em .6em 0 0 #a3afb7,0 .9em 0 0 #a3afb7,.3em .3em 0 -.3em #a3afb7
}
30% {
box-shadow: -.3em .6em 0 0 #a3afb7,0 .9em 0 0 #a3afb7,.3em .3em 0 -.3em #a3afb7
}
45% {
box-shadow: -.3em .6em 0 0 #a3afb7,0 .9em 0 0 #a3afb7,.3em .3em 0 0 #a3afb7
}
62.5% {
box-shadow: -.3em .6em 0 0 #a3afb7,0 .9em 0 0 #a3afb7,.3em .3em 0 0 #a3afb7
}
77.5% {
box-shadow: -.3em .6em 0 -.3em #a3afb7,0 .9em 0 -.3em #a3afb7,.3em .3em 0 0 #a3afb7
}
85% {
box-shadow: -.3em .6em 0 -.3em #a3afb7,0 .9em 0 -.3em #a3afb7,.3em .3em 0 0 #a3afb7
}
100% {
box-shadow: -.3em .6em 0 -.3em #a3afb7,0 .9em 0 -.3em #a3afb7,.3em .3em 0 -.3em #a3afb7
}
}
@keyframes loader-cube-grid-after {
7.5% {
-webkit-box-shadow: -.3em .6em 0 -.3em #a3afb7,0 .9em 0 -.3em #a3afb7,.3em .3em 0 -.3em #a3afb7;
box-shadow: -.3em .6em 0 -.3em #a3afb7,0 .9em 0 -.3em #a3afb7,.3em .3em 0 -.3em #a3afb7
}
22.5% {
-webkit-box-shadow: -.3em .6em 0 0 #a3afb7,0 .9em 0 0 #a3afb7,.3em .3em 0 -.3em #a3afb7;
box-shadow: -.3em .6em 0 0 #a3afb7,0 .9em 0 0 #a3afb7,.3em .3em 0 -.3em #a3afb7
}
30% {
-webkit-box-shadow: -.3em .6em 0 0 #a3afb7,0 .9em 0 0 #a3afb7,.3em .3em 0 -.3em #a3afb7;
box-shadow: -.3em .6em 0 0 #a3afb7,0 .9em 0 0 #a3afb7,.3em .3em 0 -.3em #a3afb7
}
45% {
-webkit-box-shadow: -.3em .6em 0 0 #a3afb7,0 .9em 0 0 #a3afb7,.3em .3em 0 0 #a3afb7;
box-shadow: -.3em .6em 0 0 #a3afb7,0 .9em 0 0 #a3afb7,.3em .3em 0 0 #a3afb7
}
62.5% {
-webkit-box-shadow: -.3em .6em 0 0 #a3afb7,0 .9em 0 0 #a3afb7,.3em .3em 0 0 #a3afb7;
box-shadow: -.3em .6em 0 0 #a3afb7,0 .9em 0 0 #a3afb7,.3em .3em 0 0 #a3afb7
}
77.5% {
-webkit-box-shadow: -.3em .6em 0 -.3em #a3afb7,0 .9em 0 -.3em #a3afb7,.3em .3em 0 0 #a3afb7;
box-shadow: -.3em .6em 0 -.3em #a3afb7,0 .9em 0 -.3em #a3afb7,.3em .3em 0 0 #a3afb7
}
85% {
-webkit-box-shadow: -.3em .6em 0 -.3em #a3afb7,0 .9em 0 -.3em #a3afb7,.3em .3em 0 0 #a3afb7;
box-shadow: -.3em .6em 0 -.3em #a3afb7,0 .9em 0 -.3em #a3afb7,.3em .3em 0 0 #a3afb7
}
100% {
-webkit-box-shadow: -.3em .6em 0 -.3em #a3afb7,0 .9em 0 -.3em #a3afb7,.3em .3em 0 -.3em #a3afb7;
box-shadow: -.3em .6em 0 -.3em #a3afb7,0 .9em 0 -.3em #a3afb7,.3em .3em 0 -.3em #a3afb7
}
}
[class*=animation-] {
-webkit-animation-duration: .5s;
-o-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both
}
.animation-hover:not(:hover),.animation-hover:not(:hover) [class*=animation-],.touch .animation-hover:not(.hover),.touch .animation-hover:not(.hover) [class*=animation-] {
-webkit-animation-name: none;
-o-animation-name: none;
animation-name: none
}
.animation-reverse {
-webkit-animation-direction: reverse;
-o-animation-direction: reverse;
animation-direction: reverse;
-webkit-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
.animation-repeat {
-webkit-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.animation-fade {
-webkit-animation-name: fade;
-o-animation-name: fade;
animation-name: fade;
-webkit-animation-duration: .8s;
-o-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-timing-function: linear;
-o-animation-timing-function: linear;
animation-timing-function: linear
}
.animation-scale {
-webkit-animation-name: scale-12;
-o-animation-name: scale-12;
animation-name: scale-12
}
.animation-scale-up {
-webkit-animation-name: fade-scale-02;
-o-animation-name: fade-scale-02;
animation-name: fade-scale-02
}
.animation-scale-down {
-webkit-animation-name: fade-scale-18;
-o-animation-name: fade-scale-18;
animation-name: fade-scale-18
}
.animation-slide-top {
-webkit-animation-name: slide-top;
-o-animation-name: slide-top;
animation-name: slide-top
}
.animation-slide-bottom {
-webkit-animation-name: slide-bottom;
-o-animation-name: slide-bottom;
animation-name: slide-bottom
}
.animation-slide-left {
-webkit-animation-name: slide-left;
-o-animation-name: slide-left;
animation-name: slide-left
}
.animation-slide-right {
-webkit-animation-name: slide-right;
-o-animation-name: slide-right;
animation-name: slide-right
}
.animation-shake {
-webkit-animation-name: shake;
-o-animation-name: shake;
animation-name: shake
}
.animation-duration-10 {
-webkit-animation-duration: 15s;
-o-animation-duration: 15s;
animation-duration: 15s
}
.animation-duration-9 {
-webkit-animation-duration: 9s;
-o-animation-duration: 9s;
animation-duration: 9s
}
.animation-duration-8 {
-webkit-animation-duration: 8s;
-o-animation-duration: 8s;
animation-duration: 8s
}
.animation-duration-7 {
-webkit-animation-duration: 7s;
-o-animation-duration: 7s;
animation-duration: 7s
}
.animation-duration-6 {
-webkit-animation-duration: 6s;
-o-animation-duration: 6s;
animation-duration: 6s
}
.animation-duration-5 {
-webkit-animation-duration: 5s;
-o-animation-duration: 5s;
animation-duration: 5s
}
.animation-duration-4 {
-webkit-animation-duration: 4s;
-o-animation-duration: 4s;
animation-duration: 4s
}
.animation-duration-3 {
-webkit-animation-duration: 3s;
-o-animation-duration: 3s;
animation-duration: 3s
}
.animation-duration-2 {
-webkit-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s
}
.animation-duration-1 {
-webkit-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s
}
.animation-delay-100 {
-webkit-animation-duration: .1s;
-o-animation-duration: .1s;
animation-duration: .1s
}
.animation-duration-250 {
-webkit-animation-duration: 250ms;
-o-animation-duration: 250ms;
animation-duration: 250ms
}
.animation-duration-300 {
-webkit-animation-duration: .3s;
-o-animation-duration: .3s;
animation-duration: .3s
}
.animation-duration-500 {
-webkit-animation-duration: .5s;
-o-animation-duration: .5s;
animation-duration: .5s
}
.animation-duration-750 {
-webkit-animation-duration: 750ms;
-o-animation-duration: 750ms;
animation-duration: 750ms
}
.animation-delay-1000 {
-webkit-animation-delay: 1s;
-o-animation-delay: 1s;
animation-delay: 1s
}
.animation-delay-900 {
-webkit-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s
}
.animation-delay-800 {
-webkit-animation-delay: .8s;
-o-animation-delay: .8s;
animation-delay: .8s
}
.animation-delay-700 {
-webkit-animation-delay: .7s;
-o-animation-delay: .7s;
animation-delay: .7s
}
.animation-delay-600 {
-webkit-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s
}
.animation-delay-500 {
-webkit-animation-delay: .5s;
-o-animation-delay: .5s;
animation-delay: .5s
}
.animation-delay-400 {
-webkit-animation-delay: .4s;
-o-animation-delay: .4s;
animation-delay: .4s
}
.animation-delay-300 {
-webkit-animation-delay: .3s;
-o-animation-delay: .3s;
animation-delay: .3s
}
.animation-delay-200 {
-webkit-animation-delay: .2s;
-o-animation-delay: .2s;
animation-delay: .2s
}
.animation-delay-100 {
-webkit-animation-delay: .1s;
-o-animation-delay: .1s;
animation-delay: .1s
}
.animation-top-left {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0
}
.animation-top-center {
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0
}
.animation-top-right {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
-o-transform-origin: 100% 0;
transform-origin: 100% 0
}
.animation-middle-left {
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%
}
.animation-middle-right {
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%
}
.animation-bottom-left {
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%
}
.animation-bottom-center {
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%
}
.animation-bottom-right {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
transform-origin: 100% 100%
}
@-webkit-keyframes fade {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-o-keyframes fade {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes fade {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes scale-12 {
0% {
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-o-keyframes scale-12 {
0% {
-o-transform: scale(1.2);
transform: scale(1.2)
}
100% {
-o-transform: scale(1);
transform: scale(1)
}
}
@keyframes scale-12 {
0% {
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2)
}
100% {
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes fade-scale-02 {
0% {
opacity: 0;
-webkit-transform: scale(.2);
transform: scale(.2)
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-o-keyframes fade-scale-02 {
0% {
opacity: 0;
-o-transform: scale(.2);
transform: scale(.2)
}
100% {
opacity: 1;
-o-transform: scale(1);
transform: scale(1)
}
}
@keyframes fade-scale-02 {
0% {
opacity: 0;
-webkit-transform: scale(.2);
-o-transform: scale(.2);
transform: scale(.2)
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes fade-scale-18 {
0% {
opacity: 0;
-webkit-transform: scale(1.8);
transform: scale(1.8)
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-o-keyframes fade-scale-18 {
0% {
opacity: 0;
-o-transform: scale(1.8);
transform: scale(1.8)
}
100% {
opacity: 1;
-o-transform: scale(1);
transform: scale(1)
}
}
@keyframes fade-scale-18 {
0% {
opacity: 0;
-webkit-transform: scale(1.8);
-o-transform: scale(1.8);
transform: scale(1.8)
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes slide-top {
0% {
opacity: 0;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@-o-keyframes slide-top {
0% {
opacity: 0;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@keyframes slide-top {
0% {
opacity: 0;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@-webkit-keyframes slide-bottom {
0% {
opacity: 0;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@-o-keyframes slide-bottom {
0% {
opacity: 0;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@keyframes slide-bottom {
0% {
opacity: 0;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@-webkit-keyframes slide-left {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@-o-keyframes slide-left {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@keyframes slide-left {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@-webkit-keyframes slide-right {
0% {
opacity: 0;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@-o-keyframes slide-right {
0% {
opacity: 0;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@keyframes slide-right {
0% {
opacity: 0;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@-webkit-keyframes shake {
0%,100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
10% {
-webkit-transform: translateX(-9px);
transform: translateX(-9px)
}
20% {
-webkit-transform: translateX(8px);
transform: translateX(8px)
}
30% {
-webkit-transform: translateX(-7px);
transform: translateX(-7px)
}
40% {
-webkit-transform: translateX(6px);
transform: translateX(6px)
}
50% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px)
}
60% {
-webkit-transform: translateX(4px);
transform: translateX(4px)
}
70% {
-webkit-transform: translateX(-3px);
transform: translateX(-3px)
}
80% {
-webkit-transform: translateX(2px);
transform: translateX(2px)
}
90% {
-webkit-transform: translateX(-1px);
transform: translateX(-1px)
}
}
@-o-keyframes shake {
0%,100% {
-o-transform: translateX(0);
transform: translateX(0)
}
10% {
-o-transform: translateX(-9px);
transform: translateX(-9px)
}
20% {
-o-transform: translateX(8px);
transform: translateX(8px)
}
30% {
-o-transform: translateX(-7px);
transform: translateX(-7px)
}
40% {
-o-transform: translateX(6px);
transform: translateX(6px)
}
50% {
-o-transform: translateX(-5px);
transform: translateX(-5px)
}
60% {
-o-transform: translateX(4px);
transform: translateX(4px)
}
70% {
-o-transform: translateX(-3px);
transform: translateX(-3px)
}
80% {
-o-transform: translateX(2px);
transform: translateX(2px)
}
90% {
-o-transform: translateX(-1px);
transform: translateX(-1px)
}
}
@keyframes shake {
0%,100% {
-webkit-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
10% {
-webkit-transform: translateX(-9px);
-o-transform: translateX(-9px);
transform: translateX(-9px)
}
20% {
-webkit-transform: translateX(8px);
-o-transform: translateX(8px);
transform: translateX(8px)
}
30% {
-webkit-transform: translateX(-7px);
-o-transform: translateX(-7px);
transform: translateX(-7px)
}
40% {
-webkit-transform: translateX(6px);
-o-transform: translateX(6px);
transform: translateX(6px)
}
50% {
-webkit-transform: translateX(-5px);
-o-transform: translateX(-5px);
transform: translateX(-5px)
}
60% {
-webkit-transform: translateX(4px);
-o-transform: translateX(4px);
transform: translateX(4px)
}
70% {
-webkit-transform: translateX(-3px);
-o-transform: translateX(-3px);
transform: translateX(-3px)
}
80% {
-webkit-transform: translateX(2px);
-o-transform: translateX(2px);
transform: translateX(2px)
}
90% {
-webkit-transform: translateX(-1px);
-o-transform: translateX(-1px);
transform: translateX(-1px)
}
}
.bg-red-100 {
background-color: #ffeaea!important
}
.bg-red-200 {
background-color: #fad3d3!important
}
.bg-red-300 {
background-color: #fab4b4!important
}
.bg-red-400 {
background-color: #fa9898!important
}
.bg-red-500 {
background-color: #fa7a7a!important
}
.bg-red-600 {
background-color: #f96868!important
}
.bg-red-700 {
background-color: #e9595b!important
}
.bg-red-800 {
background-color: #d6494b!important
}
.red-100 {
color: #ffeaea!important
}
.red-200 {
color: #fad3d3!important
}
.red-300 {
color: #fab4b4!important
}
.red-400 {
color: #fa9898!important
}
.red-500 {
color: #fa7a7a!important
}
.red-600 {
color: #f96868!important
}
.red-700 {
color: #e9595b!important
}
.red-800 {
color: #d6494b!important
}
.bg-pink-100 {
background-color: #fce4ec!important
}
.bg-pink-200 {
background-color: #ffccde!important
}
.bg-pink-300 {
background-color: #fba9c6!important
}
.bg-pink-400 {
background-color: #fb8db4!important
}
.bg-pink-500 {
background-color: #f978a6!important
}
.bg-pink-600 {
background-color: #f96197!important
}
.bg-pink-700 {
background-color: #f44c87!important
}
.bg-pink-800 {
background-color: #e53b75!important
}
.pink-100 {
color: #fce4ec!important
}
.pink-200 {
color: #ffccde!important
}
.pink-300 {
color: #fba9c6!important
}
.pink-400 {
color: #fb8db4!important
}
.pink-500 {
color: #f978a6!important
}
.pink-600 {
color: #f96197!important
}
.pink-700 {
color: #f44c87!important
}
.pink-800 {
color: #e53b75!important
}
.bg-purple-100 {
background-color: #f6f2ff!important
}
.bg-purple-200 {
background-color: #e3dbf4!important
}
.bg-purple-300 {
background-color: #d2c5ec!important
}
.bg-purple-400 {
background-color: #bba7e4!important
}
.bg-purple-500 {
background-color: #a58add!important
}
.bg-purple-600 {
background-color: #926dde!important
}
.bg-purple-700 {
background-color: #7c51d1!important
}
.bg-purple-800 {
background-color: #6d45bc!important
}
.purple-100 {
color: #f6f2ff!important
}
.purple-200 {
color: #e3dbf4!important
}
.purple-300 {
color: #d2c5ec!important
}
.purple-400 {
color: #bba7e4!important
}
.purple-500 {
color: #a58add!important
}
.purple-600 {
color: #926dde!important
}
.purple-700 {
color: #7c51d1!important
}
.purple-800 {
color: #6d45bc!important
}
.bg-indigo-100 {
background-color: #edeff9!important
}
.bg-indigo-200 {
background-color: #dadef5!important
}
.bg-indigo-300 {
background-color: #bcc5f4!important
}
.bg-indigo-400 {
background-color: #9daaf3!important
}
.bg-indigo-500 {
background-color: #8897ec!important
}
.bg-indigo-600 {
background-color: #677ae4!important
}
.bg-indigo-700 {
background-color: #5166d6!important
}
.bg-indigo-800 {
background-color: #465bd4!important
}
.indigo-100 {
color: #edeff9!important
}
.indigo-200 {
color: #dadef5!important
}
.indigo-300 {
color: #bcc5f4!important
}
.indigo-400 {
color: #9daaf3!important
}
.indigo-500 {
color: #8897ec!important
}
.indigo-600 {
color: #677ae4!important
}
.indigo-700 {
color: #5166d6!important
}
.indigo-800 {
color: #465bd4!important
}
.bg-blue-100 {
background-color: #e8f1f8!important
}
.bg-blue-200 {
background-color: #d5e4f1!important
}
.bg-blue-300 {
background-color: #bcd8f1!important
}
.bg-blue-400 {
background-color: #a2caee!important
}
.bg-blue-500 {
background-color: #89bceb!important
}
.bg-blue-600 {
background-color: #62a8ea!important
}
.bg-blue-700 {
background-color: #2f318b!important
}
.bg-blue-800 {
background-color: #3583ca!important
}
.blue-100 {
color: #e8f1f8!important
}
.blue-200 {
color: #d5e4f1!important
}
.blue-300 {
color: #bcd8f1!important
}
.blue-400 {
color: #a2caee!important
}
.blue-500 {
color: #89bceb!important
}
.blue-600 {
color: #62a8ea!important
}
.blue-700 {
color: #2f318b!important
}
.blue-800 {
color: #3583ca!important
}
.bg-cyan-100 {
background-color: #ecf9fa!important
}
.bg-cyan-200 {
background-color: #d3eff2!important
}
.bg-cyan-300 {
background-color: #baeaef!important
}
.bg-cyan-400 {
background-color: #9ae1e9!important
}
.bg-cyan-500 {
background-color: #77d6e1!important
}
.bg-cyan-600 {
background-color: #57c7d4!important
}
.bg-cyan-700 {
background-color: #47b8c6!important
}
.bg-cyan-800 {
background-color: #37a9b7!important
}
.cyan-100 {
color: #ecf9fa!important
}
.cyan-200 {
color: #d3eff2!important
}
.cyan-300 {
color: #baeaef!important
}
.cyan-400 {
color: #9ae1e9!important
}
.cyan-500 {
color: #77d6e1!important
}
.cyan-600 {
color: #57c7d4!important
}
.cyan-700 {
color: #47b8c6!important
}
.cyan-800 {
color: #37a9b7!important
}
.bg-teal-100 {
background-color: #ecfdfc!important
}
.bg-teal-200 {
background-color: #cdf4f1!important
}
.bg-teal-300 {
background-color: #99e1da!important
}
.bg-teal-400 {
background-color: #79d1c9!important
}
.bg-teal-500 {
background-color: #56bfb5!important
}
.bg-teal-600 {
background-color: #3aa99e!important
}
.bg-teal-700 {
background-color: #269b8f!important
}
.bg-teal-800 {
background-color: #178d81!important
}
.teal-100 {
color: #ecfdfc!important
}
.teal-200 {
color: #cdf4f1!important
}
.teal-300 {
color: #99e1da!important
}
.teal-400 {
color: #79d1c9!important
}
.teal-500 {
color: #56bfb5!important
}
.teal-600 {
color: #3aa99e!important
}
.teal-700 {
color: #269b8f!important
}
.teal-800 {
color: #178d81!important
}
.bg-green-100 {
background-color: #e7faf2!important
}
.bg-green-200 {
background-color: #bfedd8!important
}
.bg-green-300 {
background-color: #9fe5c5!important
}
.bg-green-400 {
background-color: #7dd3ae!important
}
.bg-green-500 {
background-color: #5cd29d!important
}
.bg-green-600 {
background-color: #46be8a!important
}
.bg-green-700 {
background-color: #36ab7a!important
}
.bg-green-800 {
background-color: #279566!important
}
.green-100 {
color: #e7faf2!important
}
.green-200 {
color: #bfedd8!important
}
.green-300 {
color: #9fe5c5!important
}
.green-400 {
color: #7dd3ae!important
}
.green-500 {
color: #5cd29d!important
}
.green-600 {
color: #46be8a!important
}
.green-700 {
color: #36ab7a!important
}
.green-800 {
color: #279566!important
}
.bg-light-green-100 {
background-color: #f1f7ea!important
}
.bg-light-green-200 {
background-color: #e0ecd1!important
}
.bg-light-green-300 {
background-color: #cadfb1!important
}
.bg-light-green-400 {
background-color: #bad896!important
}
.bg-light-green-500 {
background-color: #acd57c!important
}
.bg-light-green-600 {
background-color: #9ece67!important
}
.bg-light-green-700 {
background-color: #83b944!important
}
.bg-light-green-800 {
background-color: #70a532!important
}
.light-green-100 {
color: #f1f7ea!important
}
.light-green-200 {
color: #e0ecd1!important
}
.light-green-300 {
color: #cadfb1!important
}
.light-green-400 {
color: #bad896!important
}
.light-green-500 {
color: #acd57c!important
}
.light-green-600 {
color: #9ece67!important
}
.light-green-700 {
color: #83b944!important
}
.light-green-800 {
color: #70a532!important
}
.bg-yellow-100 {
background-color: #fffae7!important
}
.bg-yellow-200 {
background-color: #f9eec1!important
}
.bg-yellow-300 {
background-color: #f6e7a9!important
}
.bg-yellow-400 {
background-color: #f8e59b!important
}
.bg-yellow-500 {
background-color: #f7e083!important
}
.bg-yellow-600 {
background-color: #f7da64!important
}
.bg-yellow-700 {
background-color: #f9cd48!important
}
.bg-yellow-800 {
background-color: #fbc02d!important
}
.yellow-100 {
color: #fffae7!important
}
.yellow-200 {
color: #f9eec1!important
}
.yellow-300 {
color: #f6e7a9!important
}
.yellow-400 {
color: #f8e59b!important
}
.yellow-500 {
color: #f7e083!important
}
.yellow-600 {
color: #f7da64!important
}
.yellow-700 {
color: #f9cd48!important
}
.yellow-800 {
color: #fbc02d!important
}
.bg-orange-100 {
background-color: #fff3e6!important
}
.bg-orange-200 {
background-color: #ffddb9!important
}
.bg-orange-300 {
background-color: #fbce9d!important
}
.bg-orange-400 {
background-color: #f6be80!important
}
.bg-orange-500 {
background-color: #f4b066!important
}
.bg-orange-600 {
background-color: #f2a654!important
}
.bg-orange-700 {
background-color: #ec9940!important
}
.bg-orange-800 {
background-color: #e98f2e!important
}
.orange-100 {
color: #fff3e6!important
}
.orange-200 {
color: #ffddb9!important
}
.orange-300 {
color: #fbce9d!important
}
.orange-400 {
color: #f6be80!important
}
.orange-500 {
color: #f4b066!important
}
.orange-600 {
color: #f2a654!important
}
.orange-700 {
color: #ec9940!important
}
.orange-800 {
color: #e98f2e!important
}
.bg-brown-100 {
background-color: #fae6df!important
}
.bg-brown-200 {
background-color: #e2bdaf!important
}
.bg-brown-300 {
background-color: #d3aa9c!important
}
.bg-brown-400 {
background-color: #b98e7e!important
}
.bg-brown-500 {
background-color: #a17768!important
}
.bg-brown-600 {
background-color: #8d6658!important
}
.bg-brown-700 {
background-color: #7d5b4f!important
}
.bg-brown-800 {
background-color: #715146!important
}
.brown-100 {
color: #fae6df!important
}
.brown-200 {
color: #e2bdaf!important
}
.brown-300 {
color: #d3aa9c!important
}
.brown-400 {
color: #b98e7e!important
}
.brown-500 {
color: #a17768!important
}
.brown-600 {
color: #8d6658!important
}
.brown-700 {
color: #7d5b4f!important
}
.brown-800 {
color: #715146!important
}
.bg-grey-100 {
background-color: #fafafa!important
}
.bg-grey-200 {
background-color: #eee!important
}
.bg-grey-300 {
background-color: #e0e0e0!important
}
.bg-grey-400 {
background-color: #bdbdbd!important
}
.bg-grey-500 {
background-color: #9e9e9e!important
}
.bg-grey-600 {
background-color: #757575!important
}
.bg-grey-700 {
background-color: #616161!important
}
.bg-grey-800 {
background-color: #424242!important
}
.grey-100 {
color: #fafafa!important
}
.grey-200 {
color: #eee!important
}
.grey-300 {
color: #e0e0e0!important
}
.grey-400 {
color: #bdbdbd!important
}
.grey-500 {
color: #9e9e9e!important
}
.grey-600 {
color: #757575!important
}
.grey-700 {
color: #616161!important
}
.grey-800 {
color: #424242!important
}
.bg-blue-grey-100 {
background-color: #f3f7f9!important
}
.bg-blue-grey-200 {
background-color: #e4eaec!important
}
.bg-blue-grey-300 {
background-color: #ccd5db!important
}
.bg-blue-grey-400 {
background-color: #a3afb7!important
}
.bg-blue-grey-500 {
background-color: #76838f!important
}
.bg-blue-grey-600 {
background-color: #526069!important
}
.bg-blue-grey-700 {
background-color: #37474f!important
}
.bg-blue-grey-800 {
background-color: #263238!important
}
.blue-grey-100 {
color: #f3f7f9!important
}
.blue-grey-200 {
color: #e4eaec!important
}
.blue-grey-300 {
color: #ccd5db!important
}
.blue-grey-400 {
color: #a3afb7!important
}
.blue-grey-500 {
color: #76838f!important
}
.blue-grey-600 {
color: #526069!important
}
.blue-grey-700 {
color: #37474f!important
}
.blue-grey-800 {
color: #263238!important
}
.bg-primary-100 {
background-color: #e8f1f8!important
}
.bg-primary-200 {
background-color: #d5e4f1!important
}
.bg-primary-300 {
background-color: #bcd8f1!important
}
.bg-primary-400 {
background-color: #a2caee!important
}
.bg-primary-500 {
background-color: #89bceb!important
}
.bg-primary-600 {
background-color: #62a8ea!important
}
.bg-primary-700 {
background-color: #2f318b!important
}
.bg-primary-800 {
background-color: #3583ca!important
}
.primary-100 {
color: #e8f1f8!important
}
.primary-200 {
color: #d5e4f1!important
}
.primary-300 {
color: #bcd8f1!important
}
.primary-400 {
color: #a2caee!important
}
.primary-500 {
color: #89bceb!important
}
.primary-600 {
color: #62a8ea!important
}
.primary-700 {
color: #2f318b!important
}
.primary-800 {
color: #3583ca!important
}
.black {
color: #000!important
}
.white {
color: #fff!important
}
.bg-white {
color: #76838f;
background-color: #fff
}
.bg-primary {
color: #fff;
background-color: #62a8ea
}
.bg-primary:hover {
background-color: #8fc1f0
}
.bg-primary a,.bg-primary a.bg-primary {
color: #fff
}
.bg-primary a.bg-primary:hover,.bg-primary a:hover {
color: #fff
}
.bg-success {
color: #fff;
background-color: #46be8a
}
.bg-success:hover {
background-color: #6ccba2
}
.bg-success a,.bg-success a.bg-primary {
color: #fff
}
.bg-success a.bg-primary:hover,.bg-success a:hover {
color: #fff
}
.bg-info {
color: #fff;
background-color: #57c7d4
}
.bg-info:hover {
background-color: #80d5de
}
.bg-info a,.bg-info a.bg-info {
color: #fff
}
.bg-info a.bg-info:hover,.bg-info a:hover {
color: #fff
}
.bg-warning {
color: #fff;
background-color: #f2a654
}
.bg-warning:hover {
background-color: #f6bf83
}
.bg-warning a,.bg-warning a.bg-warning {
color: #fff
}
.bg-warning a.bg-warning:hover,.bg-warning a:hover {
color: #fff
}
.bg-danger {
color: #fff;
background-color: #f96868
}
.bg-danger:hover {
background-color: #fb9999
}
.bg-danger a,.bg-danger a.bg-danger {
color: #fff
}
.bg-danger a.bg-danger:hover,.bg-danger a:hover {
color: #fff
}
.bg-dark {
color: #fff;
background-color: #526069
}
.bg-dark:hover {
background-color: #687a86
}
.bg-dark a,.bg-dark a.bg-dark {
color: #fff
}
.bg-dark a.bg-dark:hover,.bg-dark a:hover {
color: #fff
}
.blocks,[class*=blocks-] {
font-size: 0;
list-style: none;
padding: 0;
margin: 0;
margin-left: -.9375rem;
margin-right: -.9375rem
}
.blocks>.block,[class*=blocks-]>.block,[class*=blocks-]>li {
display: inline-block;
font-size: 1rem;
vertical-align: top;
margin-bottom: 1.5375rem;
padding-right: 1.5375rem
}
.blocks-xs-2>.block,.blocks-xs-2>li {
/*margin-bottom: -1.5em;*/
/*padding-left: 0; */
/*padding-right: 0;*/
}
.blocks.no-space,[class*=blocks-].no-space {
margin: 0
}
.blocks.no-space>.block,.blocks.no-space>li,[class*=blocks-].no-space>.block,[class*=blocks-].no-space>li {
padding: 0;
margin: 0
}
.blocks-100>.block,.blocks-100>li {
width: 100%
}
.blocks-2>.block,.blocks-2>li {
width: 50%
}
.blocks-3>.block,.blocks-3>li {
width: 33.333333%
}
.blocks-4>.block,.blocks-4>li {
width: 25%;
}
.blocks-5>.block,.blocks-5>li {
width: 20%
}
.blocks-6>.block,.blocks-6>li {
width: 16.666667%
}
.blocks-xs-100>.block,.blocks-xs-100>li {
width: 100%
}
.blocks-xs-2>.block,.blocks-xs-2>li {
/* margin-bottom: -1.5em; */
/* padding-left: 0; */
/* padding-right: 0; */
width: 50%;
}
.blocks-xs-3>.block,.blocks-xs-3>li {
width: 33.333333%
}
.blocks-xs-4>.block,.blocks-xs-4>li {
width: 25%
}
.blocks-xs-5>.block,.blocks-xs-5>li {
width: 20%
}
.blocks-xs-6>.block,.blocks-xs-6>li {
width: 16.666667%
}
@media (min-width: 480px) {
.blocks-sm-100>.block,.blocks-sm-100>li {
width:100%
}
.blocks-sm-2>.block,.blocks-sm-2>li {
width: 50%
}
.blocks-sm-3>.block,.blocks-sm-3>li {
width: 33.333333%
}
.blocks-sm-4>.block,.blocks-sm-4>li {
width: 25%
}
.blocks-sm-5>.block,.blocks-sm-5>li {
width: 20%
}
.blocks-sm-6>.block,.blocks-sm-6>li {
width: 16.666667%
}
}
@media (min-width: 768px) {
.blocks-md-100>.block,.blocks-md-100>li {
width:100%
}
.blocks-md-2>.block,.blocks-md-2>li {
width: 50%
}
.blocks-md-3>.block,.blocks-md-3>li {
width: 33.333333%
}
.blocks-md-4>.block,.blocks-md-4>li {
width: 25%
}
.blocks-md-5>.block,.blocks-md-5>li {
width: 20%
}
.blocks-md-6>.block,.blocks-md-6>li {
width: 16.666667%
}
}
@media (min-width: 992px) {
.blocks-lg-100>.block,.blocks-lg-100>li {
width:100%
}
.blocks-lg-2>.block,.blocks-lg-2>li {
width: 50%
}
.blocks-lg-3>.block,.blocks-lg-3>li {
width: 33.333333%
}
.blocks-lg-4>.block,.blocks-lg-4>li {
width: 25%
}
.blocks-lg-5>.block,.blocks-lg-5>li {
width: 20%
}
.blocks-lg-6>.block,.blocks-lg-6>li {
width: 16.666667%
}
}
@media (min-width: 1200px) {
.blocks-xl-100>.block,.blocks-xl-100>li {
width:100%
}
.blocks-xl-2>.block,.blocks-xl-2>li {
width: 50%
}
.blocks-xl-3>.block,.blocks-xl-3>li {
width: 33.333333%
}
.blocks-xl-4>.block,.blocks-xl-4>li {
width: 25%
}
.blocks-xl-5>.block,.blocks-xl-5>li {
width: 20%
}
.blocks-xl-6>.block,.blocks-xl-6>li {
width: 16.666667%
}
}
@media (min-width: 1600px) {
.blocks-xxl-100>.block,.blocks-xxl-100>li {
width:100%
}
.blocks-xxl-2>.block,.blocks-xxl-2>li {
width: 50%;
}
.blocks-xxl-3>.block,.blocks-xxl-3>li {
width: 33.333333%
}
.blocks-xxl-4>.block,.blocks-xxl-4>li {
width: 25%
}
.blocks-xxl-5>.block,.blocks-xxl-5>li {
width: 20%
}
.blocks-xxl-6>.block,.blocks-xxl-6>li {
width: 16.666667%
}
}
.avatar {
position: relative;
display: inline-block;
width: 40px;
white-space: nowrap;
border-radius: 1000px;
vertical-align: bottom
}
.avatar i {
position: absolute;
right: 0;
bottom: 0;
width: 10px;
height: 10px;
border: 2px solid #fff;
border-radius: 100%
}
.avatar img {
width: 100%;
max-width: 100%;
height: auto;
border: 0 none;
border-radius: 1000px
}
.avatar-online i {
background-color: #46be8a
}
.avatar-100 {
width: 100px
}
.avatar-100 i {
height: 20px;
width: 20px
}
.avatar-lg {
width: 50px
}
.avatar-lg i {
height: 12px;
width: 12px
}
.avatar-sm {
width: 30px
}
.avatar-sm i {
height: 8px;
width: 8px
}
.avatar-xs {
width: 20px
}
.avatar-xs i {
height: 7px;
width: 7px
}
.icon {
position: relative;
display: inline-block;
font-style: normal;
font-weight: 400;
text-rendering: auto;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);
line-height: 1
}
.icon.pull-xs-left {
margin-right: .3em
}
.icon.pull-xs-right {
margin-left: .3em
}
.icon-circle {
position: relative;
margin: .5em
}
.icon-circle:before {
position: relative;
z-index: 1
}
.icon-circle:after {
position: absolute;
top: 50%;
left: 50%;
z-index: 0;
content: "";
width: 2em;
height: 2em;
background-color: inherit;
border-radius: 100%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%)
}
.icon-lg {
font-size: 1.333333em;
vertical-align: -15%
}
.icon-2x {
font-size: 2em
}
.icon-spin {
-webkit-animation: icon-spin 2s infinite linear;
-o-animation: icon-spin 2s infinite linear;
animation: icon-spin 2s infinite linear
}
@-webkit-keyframes icon-spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@-o-keyframes icon-spin {
0% {
-webkit-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(359deg);
-o-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@keyframes icon-spin {
0% {
-webkit-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(359deg);
-o-transform: rotate(359deg);
transform: rotate(359deg)
}
}
.hamburger {
vertical-align: middle;
font-size: 17px
}
.hamburger,.hamburger .hamburger-bar,.hamburger:after,.hamburger:before {
-webkit-transition: -webkit-transform .2s ease-in-out;
-o-transition: -o-transform .2s ease-in-out;
transition: transform .2s ease-in-out
}
.hamburger:after,.hamburger:before {
content: ""
}
.hamburger .hamburger-bar,.hamburger:after,.hamburger:before {
display: block;
width: 1em;
height: .1em;
margin: 0;
border-radius: 1px;
background: #76838f
}
.navbar-default .hamburger .hamburger-bar,.navbar-default .hamburger:after,.navbar-default .hamburger:before {
background: #76838f
}
.navbar-inverse .hamburger .hamburger-bar,.navbar-inverse .hamburger:after,.navbar-inverse .hamburger:before {
background: #fff
}
.hamburger .hamburger-bar {
margin: .2em 0
}
.hamburger-close:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 8%;
-ms-transform-origin: 8%;
-o-transform-origin: 8%;
transform-origin: 8%
}
.hamburger-close .hamburger-bar {
opacity: 0
}
.hamburger-close:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 8%;
-ms-transform-origin: 8%;
-o-transform-origin: 8%;
transform-origin: 8%
}
.hamburger-close.collapsed:before,.hamburger-close.hided:before {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0)
}
.hamburger-close.collapsed .hamburger-bar,.hamburger-close.hided .hamburger-bar {
opacity: 1
}
.hamburger-close.collapsed:after,.hamburger-close.hided:after {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0)
}
.hamburger-arrow-left.collapsed {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg)
}
.hamburger-arrow-left.collapsed:before {
width: .6em;
-webkit-transform: translate3d(.45em,.1em,0) rotate(45deg);
transform: translate3d(.45em,.1em,0) rotate(45deg)
}
.hamburger-arrow-left.collapsed .hamburger-bar {
border-radius: .2em
}
.hamburger-arrow-left.collapsed:after {
width: .6em;
-webkit-transform: translate3d(.45em,-.1em,0) rotate(-45deg);
transform: translate3d(.45em,-.1em,0) rotate(-45deg)
}
.counter-label {
display: block
}
.counter-icon {
font-size: 20px
}
.panel {
position: relative;
margin-bottom: 1.875rem;
background-color: #fff;
}
.panel-content>.row {
padding-left: 30px;
padding-right: 30px
}
.panel-content>.row>[class*=col-] {
padding-left: 30px;
padding-right: 30px
}
.panel-heading {
position: relative;
padding: 0;
border-bottom: 1px solid transparent;
border-top-right-radius: .214rem;
border-top-left-radius: .214rem
}
.panel-heading+.alert {
border-radius: 0
}
.panel-heading>.nav-tabs {
border-bottom: none
}
.panel-heading+.nav-tabs {
margin-top: -.715rem
}
.panel-heading>.dropdown .dropdown-toggle {
color: inherit
}
.panel-body {
position: relative;
padding: 30px 30px
}
.panel-body::after {
content: "";
display: table;
clear: both
}
.panel-heading+.panel-body {
padding-top: 0
}
.panel-body .h1:first-child,.panel-body .h2:first-child,.panel-body .h3:first-child,.panel-body .h4:first-child,.panel-body .h5:first-child,.panel-body .h6:first-child,.panel-body h1:first-child,.panel-body h2:first-child,.panel-body h3:first-child,.panel-body h4:first-child,.panel-body h5:first-child,.panel-body h6:first-child {
margin-top: 0
}
.panel-body>:last-child {
margin-bottom: 0
}
.panel-body>.list-group-dividered:only-child>.list-group-item:last-child {
border-bottom-color: transparent
}
.panel-footer {
padding: 0 30px 15px;
border-top: 1px solid transparent;
background-color: transparent;
border-bottom-right-radius: .214rem;
border-bottom-left-radius: .214rem
}
.table+.panel-footer {
padding-top: 15px;
border-color: #e4eaec
}
.jumbotron {
display: flex;
align-items: center;
background-size: cover !important;
height: 550px;
color: #fff;
flex-direction: column;
justify-content: center;
transition: all 0.5s;
position: relative; z-index:0
}
.n_title{height: 70px;padding: 0; width: 100%; background:#eeefef;}
.n_title:before{ content:""; background:rgba(255,255,255,0.4)}
.n_title .w1200{position:relative}
.n_title .w1200{position:relative;overflow: hidden;}
.fl{ float:left}
.fr{ float:right}
.mbxdh{font-size: 24px;text-align: left;color: #000; margin-top:30px; margin-bottom:20px;}
.mbxdh a{ color:#000}
.n_nav{position:relative;overflow: hidden; margin-right:50px}
.n_nav a{display:inline-block;font-size: 24px;float:left;color: #231916;text-align: center;box-sizing: border-box;position: relative;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius:0px;margin-right: 0;}
.n_nav a strong{display:block;color: #fff;position:relative;z-index:4;height: 70px;line-height: 70px;font-weight: normal;}
.n_nav .on{color: #fff; border-top:4px #004098 solid;}
.n_nav a:hover{border-top:4px #000 solid; }
.n_nav a:before{content:"";position: absolute;top: 50%;right: 0;background: #c6c6c6;transition:0.6s ease-in-out;margin-top: -10px;z-index: 10;}
.n_nav a:last-child:before{ display:none}
.n_nav a:after{content:"";width:0;height: 100%;position: absolute;bottom: 0;left: 0;background:url(../images/jianbian1.png) center top repeat-x; transition:0.6s ease-in-out;z-index: 1;}
.n_nav .on:after,.n_nav a:hover:after{width: 100%;}
.n_nav .on strong,.n_nav a:hover strong{color: #231916;font-weight:normal;}
.layui-col-md4{ height:75px}
.position{line-height: 70px;bottom: 0;color: #231916;font-size: 24px;background: url(../images/home_icon.png) left 23px no-repeat;}
.position span, .position a, .position i{font-size: 14px;color: #fff;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.position i svg{width:8px;height:8px;fill:#555555;margin: 0 4px;}
.position i{margin: 0px 0.375rem;font-style:normal;}
.position i img{vertical-align:middle;margin-top: -2px;}
.position em{font-size: 12px;color: #000;font-style: normal;}
.position a:hover{color: #53c4ff;}
.n_main_box .main_box{width: 1200px;height: 80px;position:relative;margin: 0 auto;}
.panel-title {
display: block;
margin-top: 0;
margin-bottom: 0;
padding: 20px 30px;
font-size: 18px;
color: #37474f
}
.panel-title>.icon {
margin-right: 10px
}
.panel-title>.tag {
margin-left: 10px
}
.panel-title .small,.panel-title small {
color: #76838f
}
.panel-title>.small>a,.panel-title>a,.panel-title>small>a {
color: inherit
}
.panel>.nav-tabs-vertical .nav-tabs {
margin-left: -1px
}
.panel>.nav-tabs-vertical .nav-tabs>li>a {
border-left: none;
border-radius: 0
}
.panel>.nav-tabs-vertical .nav-tabs.nav-tabs-reverse {
margin-right: -1px
}
.panel>.nav-tabs-vertical .nav-tabs.nav-tabs-reverse>li>a {
border-right: none;
border-radius: 0
}
.panel>.alert {
padding-left: 30px;
padding-right: 30px
}
.panel>.alert-dismissible {
padding-right: 50px
}
@media (max-width: 479px) {
.panel>.alert {
padding-left:20px;
padding-right: 20px
}
.panel>.alert-dismissible {
padding-right: 40px
}
}
.cover {
}
.card .cover img{ }
.met-product-list li{ height:450px; float:left}
.met-product-list .cp1{ width:50%; height:920px;}
.cover-image {
width: 100%
}
.overlay {
position: relative;
display: inline-block;
width: 100%;
max-width: 100%;
margin: 0;
overflow: hidden;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.overlay-figure {
width: 100%;
max-width: 100%;
margin-bottom: 0
}
.overlay-panel {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 20px;
color: #fff
}
.overlay-panel a:not([class]) {
color: inherit;
text-decoration: underline
}
.overlay-panel>:last-child {
margin-bottom: 0
}
.overlay-panel h1,.overlay-panel h2,.overlay-panel h3,.overlay-panel h4,.overlay-panel h5,.overlay-panel h6 {
color: inherit
}
.overlay-hover:not(:hover) .overlay-panel:not(.overlay-background-fixed) {
opacity: 0
}
.overlay-background {
background: rgba(0,0,0,.5)
}
.overlay-image {
width: 100%;
max-width: 100%;
padding: 0
}
.overlay-top {
bottom: auto
}
.overlay-bottom {
top: auto
}
.overlay-left {
right: auto
}
.overlay-right {
left: auto
}
.overlay-icon {
font-size: 0;
text-align: center
}
.overlay-icon:before {
display: inline-block;
height: 100%;
vertical-align: middle;
content: ""
}
.overlay-icon .icon {
display: inline-block;
width: 2rem;
height: 2rem;
margin-right: 10px;
margin-left: 10px;
font-size: 2rem;
line-height: 1;
color: #fff;
text-decoration: none
}
.overlay-blur,.overlay-fade,.overlay-grayscale,.overlay-scale,.overlay-spin,[class*=overlay-slide] {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transition-duration: .3s;
-o-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: opacity -webkit-transform -webkit-filter,opacity -webkit-transform filter;
-o-transition-property: opacity -o-transform filter;
transition-property: opacity transform filter
}
.overlay-fade {
opacity: .7
}
.overlay-hover:hover .overlay-fade {
opacity: 1
}
.overlay-scale {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.overlay-hover:hover .overlay-scale {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
.overlay-spin {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
transform: scale(1) rotate(0)
}
.overlay-hover:hover .overlay-spin {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
.overlay-grayscale {
filter: grayscale(100%);
-webkit-filter: grayscale(100%)
}
.overlay-hover:hover .overlay-grayscale {
filter: grayscale(0);
-webkit-filter: grayscale(0)
}
[class*=overlay-slide] {
opacity: 0
}
.overlay-slide-top {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.overlay-slide-bottom {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.overlay-slide-left {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.overlay-slide-right {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.overlay-hover:hover [class*=overlay-slide] {
opacity: 1;
-webkit-transform: translateX(0) translateY(0);
-ms-transform: translateX(0) translateY(0);
-o-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0)
}
.comments {
padding: 0;
margin: 0
}
.comments .comment {
border: none;
border-bottom: 1px solid #e4eaec
}
.comments .comment .comment:first-child {
border-top: 1px solid #e4eaec
}
.comments .comment .comment:last-child {
border-bottom: none
}
.comment {
padding: 20px 0;
margin: 0
}
.comment .comment {
margin-top: 20px;
padding-bottom: 20px
}
.comment .comment:last-child {
padding-bottom: 0
}
.comment-author,.comment-author:focus,.comment-author:hover {
color: #37474f
}
.comment-meta {
margin-left: 5px;
display: inline-block;
font-size: .858rem;
color: #a3afb7
}
.comment-content {
margin-top: 5px
}
.comment-content p {
margin-bottom: 10px
}
.pearls {
display: block;
margin: 0 0 22px
}
.pearl {
position: relative;
padding: 0;
margin: 0;
text-align: center
}
.pearl:after,.pearl:before {
position: absolute;
top: 18px;
z-index: 0;
width: 50%;
height: 4px;
content: "";
background-color: #f3f7f9
}
.pearl:before {
left: 0
}
.pearl:after {
right: 0
}
.pearl:first-child:before,.pearl:last-child:after {
display: none!important
}
.pearl-icon {
position: relative;
z-index: 1;
display: inline-block;
width: 36px;
height: 36px;
line-height: 32px;
color: #fff;
text-align: center;
background: #ccd5db;
border-radius: 50%;
border: 2px solid #ccd5db
}
.pearl-icon {
font-size: 18px
}
.pearl-title {
margin-top: .5em;
display: block;
font-size: 16px;
color: #526069;
margin-bottom: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.pearl.current:after,.pearl.current:before {
background-color: #62a8ea
}
.pearl.current .pearl-icon {
color: #62a8ea;
background-color: #fff;
border-color: #62a8ea;
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3)
}
.pearl.disabled {
pointer-events: none;
cursor: auto
}
.pearl.disabled:after,.pearl.disabled:before {
background-color: #f3f7f9
}
.pearl.disabled .pearl-icon {
color: #fff;
background-color: #ccd5db;
border-color: #ccd5db
}
.pearl.error:before {
background-color: #62a8ea
}
.pearl.error:after {
background-color: #f3f7f9
}
.pearl.error .pearl-icon {
color: #f96868;
background-color: #fff;
border-color: #f96868
}
.pearl.done:after,.pearl.done:before {
background-color: #62a8ea
}
.pearl.done .pearl-icon {
color: #fff;
background-color: #62a8ea;
border-color: #62a8ea
}
.pricing-list {
margin-bottom: 22px;
text-align: center;
border: 1px solid #e4eaec;
border-radius: .215rem
}
.pricing-list [class*=bg-],.pricing-list [class*=bg-] *,.pricing-list [class^=bg-],.pricing-list [class^=bg-] * {
color: #fff
}
.pricing-list .pricing-header {
border-bottom: 1px solid #e4eaec;
border-radius: .215rem .215rem 0 0
}
.pricing-list .pricing-title {
padding: 15px 30px;
font-size: 1rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
border-radius: .215rem .215rem 0 0
}
.pricing-list .pricing-price {
padding: 20px 30px;
margin: 0;
font-size: 3.858rem;
font-weight: 700;
color: #37474f
}
.pricing-list .pricing-period {
font-size: 1rem;
font-weight: 400
}
.pricing-list .pricing-features {
padding: 0 18px;
margin: 0
}
.pricing-list .pricing-features li {
display: block;
padding: 15px;
list-style: none;
border-top: 1px dashed #e4eaec
}
.pricing-list .pricing-features li:first-child {
border-top: none
}
.pricing-list .pricing-footer {
padding: 30px;
border-radius: 0 0 .215rem .215rem
}
.example-wrap {
margin-bottom: 80px
}
.example-wrap .example-wrap {
margin-bottom: 0
}
.example {
margin-top: 20px;
margin-bottom: 20px
}
.example:before {
content: "";
display: table
}
.example::after {
content: "";
display: table;
clear: both
}
.example-title {
text-transform: uppercase
}
h4.example-title {
font-size: 14px
}
h3.example-title {
font-size: 18px
}
.panel-body>.example-wrap:last-child {
margin-bottom: 0
}
.panel-body>.row:last-child>[class*=col-]:last-child .example-wrap:last-child {
margin-bottom: 0
}
.example-well {
position: relative;
margin-bottom: 30px;
background-color: #f3f7f9
}
.example-well .center {
position: absolute;
display: inline-block;
top: 50%;
left: 50%;
max-width: 100%;
max-height: 100%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%)
}
.well {
min-height: 20px;
padding: 20px;
margin-bottom: 20px;
border: 1px solid #e4eaec;
background-color: #f3f7f9;
-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.02);
-moz-box-shadow: inset 0 0 1px rgba(0,0,0,.02);
-o-box-shadow: inset 0 0 1px rgba(0,0,0,.02);
-ms-box-shadow: inset 0 0 1px rgba(0,0,0,.02);
box-shadow: inset 0 0 1px rgba(0,0,0,.02);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px
}
@font-face {
font-family: "metinfo-icon2";
font-weight: 400;
font-style: normal;
src: url(../../fonts/web-icons/metinfo-icon2.eot?t=1618401360437);
src: url(../../fonts/web-icons/metinfo-icon2.eot?t=1618401360437#iefix) format('embedded-opentype'),url(../../fonts/web-icons/metinfo-icon2.woff2?t=1618401360437) format('woff2'),url(../../fonts/web-icons/metinfo-icon2.woff?t=1618401360437) format('woff'),url(../../fonts/web-icons/metinfo-icon2.ttf?t=1618401360437) format('truetype'),url(../../fonts/web-icons/metinfo-icon2.svg?t=1618401360437#metinfo-icon2) format('svg')
}
[class*=' wb-'],[class^='wb-'] {
font-family: 'metinfo-icon2';
font-weight: 400;
font-style: normal;
position: relative;
display: inline-block;
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);
text-rendering: auto;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.wb-play:before {
content: "\e731"
}
.wb-search:before {
content: "\e659"
}
.wb-wrench:before {
content: "\e65a"
}
.wb-memory:before {
content: "\e6f6"
}
.wb-move:before {
content: "\e6f7"
}
.wb-musical:before {
content: "\e6f8"
}
.wb-more-vertical:before {
content: "\e6f9"
}
.wb-more-horizontal:before {
content: "\e6fa"
}
.wb-link:before {
content: "\e6fb"
}
.wb-pencil:before {
content: "\e6fc"
}
.wb-pause:before {
content: "\e6fd"
}
.wb-order:before {
content: "\e6fe"
}
.wb-payment:before {
content: "\e6ff"
}
.wb-map:before {
content: "\e700"
}
.wb-plus:before {
content: "\e701"
}
.wb-plus-circle:before {
content: "\e702"
}
.wb-paperclip:before {
content: "\e703"
}
.wb-power:before {
content: "\e704"
}
.wb-plugin:before {
content: "\e705"
}
.wb-pie-chart:before {
content: "\e706"
}
.wb-refresh:before {
content: "\e707"
}
.wb-reload:before {
content: "\e708"
}
.wb-quote-left:before {
content: "\e709"
}
.wb-random:before {
content: "\e70a"
}
.wb-pluse:before {
content: "\e70b"
}
.wb-reply:before {
content: "\e70c"
}
.wb-share:before {
content: "\e70d"
}
.wb-replay:before {
content: "\e70e"
}
.wb-scissor:before {
content: "\e70f"
}
.wb-settings:before {
content: "\e710"
}
.wb-small-point:before {
content: "\e711"
}
.wb-print:before {
content: "\e712"
}
.wb-quote-right:before {
content: "\e713"
}
.wb-mobile:before {
content: "\e714"
}
.wb-sort-asc:before {
content: "\e715"
}
.wb-shopping-cart:before {
content: "\e716"
}
.wb-star:before {
content: "\e717"
}
.wb-star-half:before {
content: "\e718"
}
.wb-stop:before {
content: "\e719"
}
.wb-stats-bars:before {
content: "\e71a"
}
.wb-sort-vertical:before {
content: "\e71b"
}
.wb-signal:before {
content: "\e71c"
}
.wb-rubber:before {
content: "\e71d"
}
.wb-sort-des:before {
content: "\e71e"
}
.wb-thumb-down:before {
content: "\e71f"
}
.wb-text-type:before {
content: "\e720"
}
.wb-triangle-up:before {
content: "\e721"
}
.wb-text:before {
content: "\e722"
}
.wb-table:before {
content: "\e723"
}
.wb-trash:before {
content: "\e724"
}
.wb-star-outline:before {
content: "\e725"
}
.wb-tag:before {
content: "\e726"
}
.wb-underline:before {
content: "\e727"
}
.wb-triangle-down:before {
content: "\e728"
}
.wb-triangle-right:before {
content: "\e729"
}
.wb-time:before {
content: "\e72a"
}
.wb-user:before {
content: "\e72b"
}
.wb-user-add:before {
content: "\e72c"
}
.wb-upload:before {
content: "\e72d"
}
.wb-triangle-left:before {
content: "\e72e"
}
.wb-thumb-up:before {
content: "\e72f"
}
.wb-video:before {
content: "\e730"
}
.wb-user-circle:before {
content: "\e732"
}
.wb-volume-off:before {
content: "\e733"
}
.wb-warning:before {
content: "\e734"
}
.wb-zoom-in:before {
content: "\e735"
}
.wb-volume-high:before {
content: "\e736"
}
.wb-unlock:before {
content: "\e737"
}
.wb-zoom-out:before {
content: "\e738"
}
.wb-users:before {
content: "\e739"
}
.wb-volume-low:before {
content: "\e73a"
}
.wb-alert-circle:before {
content: "\e692"
}
.wb-alert:before {
content: "\e693"
}
.wb-align-justify:before {
content: "\e694"
}
.wb-align-right:before {
content: "\e695"
}
.wb-arrow-down:before {
content: "\e696"
}
.wb-align-center:before {
content: "\e697"
}
.wb-arrow-right:before {
content: "\e698"
}
.wb-align-left:before {
content: "\e699"
}
.wb-add-file:before {
content: "\e69a"
}
.wb-bell:before {
content: "\e69b"
}
.wb-bookmark:before {
content: "\e69c"
}
.wb-arrow-up:before {
content: "\e69d"
}
.wb-book:before {
content: "\e69e"
}
.wb-arrow-shrink:before {
content: "\e69f"
}
.wb-camera:before {
content: "\e6a0"
}
.wb-chevron-down-mini:before {
content: "\e6a1"
}
.wb-attach-file:before {
content: "\e6a2"
}
.wb-chevron-down:before {
content: "\e6a3"
}
.wb-arrow-left:before {
content: "\e6a4"
}
.wb-chat-group:before {
content: "\e6a5"
}
.wb-briefcase:before {
content: "\e6a6"
}
.wb-arrow-expand:before {
content: "\e6a7"
}
.wb-chevron-right-mini:before {
content: "\e6a8"
}
.wb-check-circle:before {
content: "\e6a9"
}
.wb-chat:before {
content: "\e6aa"
}
.wb-chat-text:before {
content: "\e6ab"
}
.wb-chevron-up:before {
content: "\e6ac"
}
.wb-check:before {
content: "\e6ad"
}
.wb-bold:before {
content: "\e6ae"
}
.wb-close:before {
content: "\e6af"
}
.wb-close-mini:before {
content: "\e6b0"
}
.wb-chevron-left:before {
content: "\e6b1"
}
.wb-clipboard:before {
content: "\e6b2"
}
.wb-code-unfold:before {
content: "\e6b3"
}
.wb-cloud:before {
content: "\e6b4"
}
.wb-calendar:before {
content: "\e6b5"
}
.wb-code-working:before {
content: "\e6b6"
}
.wb-chevron-left-mini:before {
content: "\e6b7"
}
.wb-crop:before {
content: "\e6b8"
}
.wb-chevron-up-mini:before {
content: "\e6b9"
}
.wb-copy:before {
content: "\e6ba"
}
.wb-chat-working:before {
content: "\e6bb"
}
.wb-dropleft:before {
content: "\e6bc"
}
.wb-dropdown:before {
content: "\e6bd"
}
.wb-chevron-right:before {
content: "\e6be"
}
.wb-check-mini:before {
content: "\e6bf"
}
.wb-dashboard:before {
content: "\e6c0"
}
.wb-desktop:before {
content: "\e6c1"
}
.wb-code:before {
content: "\e6c2"
}
.wb-download:before {
content: "\e6c3"
}
.wb-contract:before {
content: "\e6c4"
}
.wb-emoticon:before {
content: "\e6c5"
}
.wb-dropright:before {
content: "\e6c6"
}
.wb-envelope:before {
content: "\e6c7"
}
.wb-envelope-open:before {
content: "\e6c8"
}
.wb-file:before {
content: "\e6c9"
}
.wb-extension:before {
content: "\e6ca"
}
.wb-edit:before {
content: "\e6cb"
}
.wb-dropup:before {
content: "\e6cc"
}
.wb-expand:before {
content: "\e6cd"
}
.wb-fullscreen-exit:before {
content: "\e6ce"
}
.wb-folder:before {
content: "\e6cf"
}
.wb-eye:before {
content: "\e6d0"
}
.wb-flag:before {
content: "\e6d1"
}
.wb-fullscreen:before {
content: "\e6d2"
}
.wb-eye-close:before {
content: "\e6d3"
}
.wb-graph-up:before {
content: "\e6d4"
}
.wb-gallery:before {
content: "\e6d5"
}
.wb-graph-down:before {
content: "\e6d6"
}
.wb-globe:before {
content: "\e6d7"
}
.wb-image:before {
content: "\e6d8"
}
.wb-heart:before {
content: "\e6d9"
}
.wb-home:before {
content: "\e6da"
}
.wb-heart-outline:before {
content: "\e6db"
}
.wb-grid-4:before {
content: "\e6dc"
}
.wb-hammer:before {
content: "\e6dd"
}
.wb-help:before {
content: "\e6de"
}
.wb-help-circle:before {
content: "\e6df"
}
.wb-info:before {
content: "\e6e0"
}
.wb-indent-decrease:before {
content: "\e6e1"
}
.wb-format-clear:before {
content: "\e6e2"
}
.wb-indent-increase:before {
content: "\e6e3"
}
.wb-layout:before {
content: "\e6e4"
}
.wb-grid-9:before {
content: "\e6e5"
}
.wb-inbox:before {
content: "\e6e6"
}
.wb-italic:before {
content: "\e6e7"
}
.wb-large-point:before {
content: "\e6e8"
}
.wb-info-circle:before {
content: "\e6e9"
}
.wb-library:before {
content: "\e6ea"
}
.wb-list-numbered:before {
content: "\e6eb"
}
.wb-list:before {
content: "\e6ec"
}
.wb-list-bulleted:before {
content: "\e6ed"
}
.wb-link-broken:before {
content: "\e6ee"
}
.wb-lock:before {
content: "\e6ef"
}
.wb-link-intact:before {
content: "\e6f0"
}
.wb-menu:before {
content: "\e6f1"
}
.wb-minus-circle:before {
content: "\e6f2"
}
.wb-medium-point:before {
content: "\e6f3"
}
.wb-minus:before {
content: "\e6f4"
}
.wb-loop:before {
content: "\e6f5"
}
@font-face {
font-family: "metinfo-icon1";
src: url(../../fonts/font-awesome/metinfo-icon1.eot?t=1617786195761);
src: url(../../fonts/font-awesome/metinfo-icon1.eot?t=1617786195761#iefix) format('embedded-opentype'),url(../../fonts/font-awesome/metinfo-icon1.woff2?t=1617786195761) format('woff2'),url(../../fonts/font-awesome/metinfo-icon1.woff?t=1617786195761) format('woff'),url(../../fonts/font-awesome/metinfo-icon1.ttf?t=1617786195761) format('truetype'),url(../../fonts/font-awesome/metinfo-icon1.svg?t=1617786195761#metinfo-icon1) format('svg')
}
.fa,[class*=' fa-'],[class^='fa-'] {
display: inline-block;
font: normal normal normal 14px/1 'metinfo-icon1';
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.fa-lg {
font-size: 1.33333333em;
line-height: .75em;
vertical-align: -15%
}
.fa-2x {
font-size: 2em
}
.fa-3x {
font-size: 3em
}
.fa-4x {
font-size: 4em
}
.fa-5x {
font-size: 5em
}
.fa-fw {
width: 1.28571429em;
text-align: center
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none
}
.fa-ul>li {
position: relative
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: .14285714em;
text-align: center
}
.fa-li.fa-lg {
left: -1.85714286em
}
.fa-border {
padding: .2em .25em .15em;
border: solid .08em #eee;
border-radius: .1em
}
.fa-pull-left {
float: left
}
.fa-pull-right {
float: right
}
.fa.fa-pull-left {
margin-right: .3em
}
.fa.fa-pull-right {
margin-left: .3em
}
.pull-right {
float: right
}
.pull-left {
float: left
}
.fa.pull-left {
margin-right: .3em
}
.fa.pull-right {
margin-left: .3em
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8)
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
.fa-rotate-90 {
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=1)';
-webkit-transform: rotate(90deg)!important;
-ms-transform: rotate(90deg)!important;
transform: rotate(90deg)!important
}
.fa-rotate-180 {
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2)';
-webkit-transform: rotate(180deg)!important;
-ms-transform: rotate(180deg)!important;
transform: rotate(180deg)!important
}
.fa-rotate-270 {
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)';
-webkit-transform: rotate(270deg)!important;
-ms-transform: rotate(270deg)!important;
transform: rotate(270deg)!important
}
.fa-flip-horizontal {
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1)';
-webkit-transform: scale(-1,1);
-ms-transform: scale(-1,1);
transform: scale(-1,1)
}
.fa-flip-vertical {
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1)';
-webkit-transform: scale(1,-1);
-ms-transform: scale(1,-1);
transform: scale(1,-1)
}
:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical {
filter: none
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle
}
.fa-stack-1x,.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center
}
.fa-stack-1x {
line-height: inherit
}
.fa-stack-2x {
font-size: 2em
}
.fa-inverse {
color: #fff
}
.fa-certificate:before {
content: "\e6c5"
}
.fa-y-combinator:before {
content: "\e6c9"
}
.fa-battery-0:before {
content: "\e6cd"
}
.fa-user-o:before {
content: "\e6dd"
}
.fa-bomb:before {
content: "\e863"
}
.fa-bathtub:before {
content: "\e86f"
}
.fa-chevron-circle-left:before {
content: "\e928"
}
.fa-cloud-upload:before {
content: "\e929"
}
.fa-clone:before {
content: "\e92a"
}
.fa-circle-thin:before {
content: "\e92b"
}
.fa-circle:before {
content: "\e92c"
}
.fa-clock-o:before {
content: "\e92d"
}
.fa-compress:before {
content: "\e92e"
}
.fa-child:before {
content: "\e92f"
}
.fa-copy:before {
content: "\e932"
}
.fa-chevron-circle-down:before {
content: "\e934"
}
.fa-cloud-download:before {
content: "\e935"
}
.fa-cny:before {
content: "\e936"
}
.fa-contao:before {
content: "\e937"
}
.fa-battery:before {
content: "\e938"
}
.fa-chevron-circle-down1:before {
content: "\e93b"
}
.fa-cc-stripe:before {
content: "\e93e"
}
.fa-chevron-circle-right1:before {
content: "\e942"
}
.fa-chevron-circle-up1:before {
content: "\e943"
}
.fa-chevron-right:before {
content: "\e945"
}
.fa-chevron-down1:before {
content: "\e946"
}
.fa-cloud-download1:before {
content: "\e94e"
}
.fa-chevron-circle-left1:before {
content: "\e94f"
}
.fa-cubes:before {
content: "\e954"
}
.fa-digg:before {
content: "\e955"
}
.fa-cube:before {
content: "\e956"
}
.fa-deafness:before {
content: "\e957"
}
.fa-dedent:before {
content: "\e958"
}
.fa-cut:before {
content: "\e95a"
}
.fa-dollar:before {
content: "\e95b"
}
.fa-envelope:before {
content: "\e95d"
}
.fa-dashboard:before {
content: "\e95e"
}
.fa-eject:before {
content: "\e95f"
}
.fa-envelope-square:before {
content: "\e960"
}
.fa-envelope-o:before {
content: "\e961"
}
.fa-edit:before {
content: "\e962"
}
.fa-drivers-license-o:before {
content: "\e963"
}
.fa-drivers-license:before {
content: "\e964"
}
.fa-fa:before {
content: "\e965"
}
.fa-external-link:before {
content: "\e966"
}
.fa-expand:before {
content: "\e967"
}
.fa-envira:before {
content: "\e968"
}
.fa-facebook-f:before {
content: "\e969"
}
.fa-file:before {
content: "\e96a"
}
.fa-euro:before {
content: "\e96b"
}
.fa-facebook:before {
content: "\e96c"
}
.fa-facebook-square:before {
content: "\e96d"
}
.fa-facebook-official:before {
content: "\e96e"
}
.fa-file-o:before {
content: "\e96f"
}
.fa-file-movie-o:before {
content: "\e970"
}
.fa-expeditedssl:before {
content: "\e971"
}
.fa-file-video-o:before {
content: "\e972"
}
.fa-file-picture-o:before {
content: "\e973"
}
.fa-file-pdf-o:before {
content: "\e974"
}
.fa-file-powerpoint-o:before {
content: "\e975"
}
.fa-filepowerpointo:before {
content: "\e976"
}
.fa-file-photo-o:before {
content: "\e977"
}
.fa-file-sound-o:before {
content: "\e978"
}
.fa-flickr:before {
content: "\e979"
}
.fa-file-word-o:before {
content: "\e97a"
}
.fa-flash:before {
content: "\e97b"
}
.fa-first-order:before {
content: "\e97c"
}
.fa-firefox:before {
content: "\e97d"
}
.fa-file-zip-o:before {
content: "\e97e"
}
.fa-folder-o:before {
content: "\e97f"
}
.fa-font-awesome:before {
content: "\e980"
}
.fa-floppy-o:before {
content: "\e981"
}
.fa-font:before {
content: "\e982"
}
.fa-fonticons:before {
content: "\e983"
}
.fa-folder-open-o:before {
content: "\e984"
}
.fa-foursquare:before {
content: "\e985"
}
.fa-fort-awesome:before {
content: "\e986"
}
.fa-futbol-o:before {
content: "\e987"
}
.fa-forumbee:before {
content: "\e988"
}
.fa-gear:before {
content: "\e989"
}
.fa-genderless:before {
content: "\e98a"
}
.fa-gg:before {
content: "\e98b"
}
.fa-gg-circle:before {
content: "\e98c"
}
.fa-ge:before {
content: "\e98d"
}
.fa-git:before {
content: "\e98e"
}
.fa-google-plus-circle:before {
content: "\e98f"
}
.fa-gittip:before {
content: "\e990"
}
.fa-google-wallet:before {
content: "\e991"
}
.fa-group:before {
content: "\e992"
}
.fa-hand-lizard-o:before {
content: "\e993"
}
.fa-gears:before {
content: "\e994"
}
.fa-hand-o-right:before {
content: "\e995"
}
.fa-hand-grab-o:before {
content: "\e996"
}
.fa-hand-stop-o:before {
content: "\e997"
}
.fa-hand-o-up:before {
content: "\e998"
}
.fa-hard-of-hearing:before {
content: "\e999"
}
.fa-header:before {
content: "\e99a"
}
.fa-houzz:before {
content: "\e99b"
}
.fa-hand-o-down:before {
content: "\e99c"
}
.fa-hospital-o:before {
content: "\e99d"
}
.fa-hdd-o:before {
content: "\e99e"
}
.fa-html5:before {
content: "\e99f"
}
.fa-hand-o-left:before {
content: "\e9a0"
}
.fa-hotel:before {
content: "\e9a1"
}
.fa-ils:before {
content: "\e9a2"
}
.fa-info-circle:before {
content: "\e9a3"
}
.fa-indent:before {
content: "\e9a4"
}
.fa-id-card:before {
content: "\e9a5"
}
.fa-intersex:before {
content: "\e9a6"
}
.fa-legal:before {
content: "\e9a7"
}
.fa-institution:before {
content: "\e9a8"
}
.fa-life-buoy:before {
content: "\e9a9"
}
.fa-life-bouy:before {
content: "\e9aa"
}
.fa-list-alt:before {
content: "\e9ab"
}
.fa-life-saver:before {
content: "\e9ac"
}
.fa-list-ul:before {
content: "\e9ad"
}
.fa-long-arrow-down:before {
content: "\e9ae"
}
.fa-long-arrow-right:before {
content: "\e9af"
}
.fa-id-card-o:before {
content: "\e9b0"
}
.fa-life-ring:before {
content: "\e9b1"
}
.fa-mail-reply:before {
content: "\e9b2"
}
.fa-mail-reply-all:before {
content: "\e9b3"
}
.fa-maxcdn:before {
content: "\e9b4"
}
.fa-map-pin:before {
content: "\e9b5"
}
.fa-mail-forward:before {
content: "\e9b6"
}
.fa-long-arrow-left:before {
content: "\e9b7"
}
.fa-medium:before {
content: "\e9b8"
}
.fa-meanpath:before {
content: "\e9b9"
}
.fa-mortar-board:before {
content: "\e9ba"
}
.fa-mobile-phone:before {
content: "\e9bb"
}
.fa-navicon:before {
content: "\e9bc"
}
.fa-long-arrow-up:before {
content: "\e9bd"
}
.fa-paper-plane:before {
content: "\e9be"
}
.fa-outdent:before {
content: "\e9bf"
}
.fa-paper-plane-o:before {
content: "\e9c0"
}
.fa-meetup:before {
content: "\e9c1"
}
.fa-opencart:before {
content: "\e9c2"
}
.fa-openid:before {
content: "\e9c3"
}
.fa-paypal:before {
content: "\e9c4"
}
.fa-paste:before {
content: "\e9c5"
}
.fa-pencil:before {
content: "\e9c6"
}
.fa-git-square:before {
content: "\e9c7"
}
.fa-photo:before {
content: "\e9c8"
}
.fa-pencil-square:before {
content: "\e9c9"
}
.fa-pied-piper-pp:before {
content: "\e9ca"
}
.fa-plus-square-o:before {
content: "\e9cb"
}
.fa-play-circle-o:before {
content: "\e9cc"
}
.fa-pied-piper:before {
content: "\e9cd"
}
.fa-quora:before {
content: "\e9ce"
}
.fa-paragraph:before {
content: "\e9cf"
}
.fa-ra:before {
content: "\e9d0"
}
.fa-reddit-alien:before {
content: "\e9d1"
}
.fa-refresh:before {
content: "\e9d2"
}
.fa-remove:before {
content: "\e9d3"
}
.fa-repeat:before {
content: "\e9d4"
}
.fa-reorder:before {
content: "\e9d5"
}
.fa-send:before {
content: "\e9d6"
}
.fa-reddit-square:before {
content: "\e9d7"
}
.fa-rmb:before {
content: "\e9d8"
}
.fa-share-square-o:before {
content: "\e9d9"
}
.fa-reddit:before {
content: "\e9da"
}
.fa-sheqel:before {
content: "\e9db"
}
.fa-shekel:before {
content: "\e9dc"
}
.fa-shield:before {
content: "\e9dd"
}
.fa-resistance:before {
content: "\e9de"
}
.fa-rotate-left:before {
content: "\e9df"
}
.fa-rouble:before {
content: "\e9e0"
}
.fa-share-square:before {
content: "\e9e1"
}
.fa-skyatlas:before {
content: "\e9e2"
}
.fa-rotate-right:before {
content: "\e9e3"
}
.fa-signing:before {
content: "\e9e4"
}
.fa-skype:before {
content: "\e9e5"
}
.fa-snapchat:before {
content: "\e9e6"
}
.fa-ruble:before {
content: "\e9e7"
}
.fa-snapchat-ghost:before {
content: "\e9e8"
}
.fa-soccer-ball-o:before {
content: "\e9e9"
}
.fa-snapchat-square:before {
content: "\e9ea"
}
.fa-sort-asc:before {
content: "\e9eb"
}
.fa-tencent-weibo:before {
content: "\e9ec"
}
.fa-th-large:before {
content: "\e9ed"
}
.fa-thermometer-4:before {
content: "\e9ee"
}
.fa-thermometer-three-quarters:before {
content: "\e9ef"
}
.fa-sort-down:before {
content: "\e9f0"
}
.fa-sort-up:before {
content: "\e9f1"
}
.fa-sun-o:before {
content: "\e9f2"
}
.fa-thermometer-0:before {
content: "\e9f3"
}
.fa-thermometer-3:before {
content: "\e9f4"
}
.fa-send-o:before {
content: "\e9f5"
}
.fa-rupee:before {
content: "\e9f6"
}
.fa-sort-desc:before {
content: "\e9f7"
}
.fa-star-half-empty:before {
content: "\e9f8"
}
.fa-suitcase:before {
content: "\e9f9"
}
.fa-th:before {
content: "\e9fa"
}
.fa-table:before {
content: "\e9fb"
}
.fa-s15:before {
content: "\e9fc"
}
.fa-thermometer:before {
content: "\e9fd"
}
.fa-save:before {
content: "\e9fe"
}
.fa-support:before {
content: "\e9ff"
}
.fa-star-half-full:before {
content: "\ea00"
}
.fa-thermometer-1:before {
content: "\ea01"
}
.fa-align-justify:before {
content: "\e902"
}
.fa-thermometer-2:before {
content: "\ea02"
}
.fa-align-right:before {
content: "\e903"
}
.fa-shirtsinbulk:before {
content: "\ea03"
}
.fa-bank:before {
content: "\e904"
}
.fa-times:before {
content: "\ea04"
}
.fa-align-left:before {
content: "\e905"
}
.fa-times-circle:before {
content: "\ea05"
}
.fa-cc-discover:before {
content: "\e906"
}
.fa-th-list:before {
content: "\ea06"
}
.fa-bold:before {
content: "\e907"
}
.fa-toggle-down:before {
content: "\ea07"
}
.fa-battery-1:before {
content: "\e908"
}
.fa-times-circle-o:before {
content: "\ea08"
}
.fa-bluetooth-b:before {
content: "\e909"
}
.fa-times-rectangle:before {
content: "\ea09"
}
.fa-btc:before {
content: "\e90a"
}
.fa-toggle-left:before {
content: "\ea0a"
}
.fa-asl-interpreting:before {
content: "\e90b"
}
.fa-battery-2:before {
content: "\e90c"
}
.fa-times-rectangle-o:before {
content: "\ea0c"
}
.fa-bug:before {
content: "\e90d"
}
.fa-toggle-right:before {
content: "\ea0d"
}
.fa-cab:before {
content: "\e90e"
}
.fa-toggle-up:before {
content: "\ea0e"
}
.fa-battery-4:before {
content: "\e90f"
}
.fa-try:before {
content: "\ea0f"
}
.fa-buysellads:before {
content: "\e910"
}
.fa-turkish-lira:before {
content: "\ea10"
}
.fa-automobile:before {
content: "\e911"
}
.fa-tv:before {
content: "\ea11"
}
.fa-calendar:before {
content: "\e912"
}
.fa-unlock-alt:before {
content: "\ea12"
}
.fa-cart-arrow-down:before {
content: "\e913"
}
.fa-unsorted:before {
content: "\ea13"
}
.fa-cc-jcb:before {
content: "\e914"
}
.fa-unlink:before {
content: "\ea14"
}
.fa-cc-discover-o:before {
content: "\e915"
}
.fa-battery-3:before {
content: "\e916"
}
.fa-vcard:before {
content: "\ea16"
}
.fa-cc-paypal:before {
content: "\e917"
}
.fa-vcard-o:before {
content: "\ea17"
}
.fa-cc-amex:before {
content: "\e918"
}
.fa-warning:before {
content: "\ea18"
}
.fa-cc-visa:before {
content: "\e919"
}
.fa-viadeo-square:before {
content: "\ea19"
}
.fa-cc-mastercard:before {
content: "\e91a"
}
.fa-wechat:before {
content: "\ea1a"
}
.fa-vimeo-square:before {
content: "\ea1b"
}
.fa-wikipedia-w:before {
content: "\ea1c"
}
.fa-bitcoin:before {
content: "\e91d"
}
.fa-window-minimize:before {
content: "\ea1d"
}
.fa-cc-diners-club:before {
content: "\e91e"
}
.fa-y-combinat:before {
content: "\ea1e"
}
.fa-calendar-times-o:before {
content: "\e91f"
}
.fa-yahoo:before {
content: "\ea1f"
}
.fa-chevron-left:before {
content: "\e920"
}
.fa-yc:before {
content: "\ea20"
}
.fa-chevron-down:before {
content: "\e921"
}
.fa-y-combinator-square:before {
content: "\ea21"
}
.fa-chevron-circle-up:before {
content: "\e922"
}
.fa-won:before {
content: "\ea22"
}
.fa-chevron-up:before {
content: "\e923"
}
.fa-yc-square:before {
content: "\ea23"
}
.fa-circle-o:before {
content: "\e924"
}
.fa-yen:before {
content: "\ea24"
}
.fa-chevron-circle-right:before {
content: "\e925"
}
.fa-angle-double-right:before {
content: "\e69c"
}
.fa-empire:before {
content: "\e79c"
}
.fa-hand-rock-o:before {
content: "\e89c"
}
.fa-backward:before {
content: "\e69d"
}
.fa-gamepad-o:before {
content: "\e79d"
}
.fa-hand-pointer-o:before {
content: "\e89d"
}
.fa-arrows-h:before {
content: "\e69e"
}
.fa-gitlab:before {
content: "\e79e"
}
.fa-hand-scissors-o:before {
content: "\e89e"
}
.fa-bar-chart:before {
content: "\e69f"
}
.fa-glide-g:before {
content: "\e79f"
}
.fa-hand-spock:before {
content: "\e89f"
}
.fa-angellist:before {
content: "\e6a0"
}
.fa-glide:before {
content: "\e7a0"
}
.fa-hand-spock-o:before {
content: "\e8a0"
}
.fa-arrow-up:before {
content: "\e6a1"
}
.fa-github-square:before {
content: "\e7a1"
}
.fa-home:before {
content: "\e8a1"
}
.fa-arrow-circle-left:before {
content: "\e6a2"
}
.fa-google-logo-o:before {
content: "\e7a2"
}
.fa-hourglass:before {
content: "\e8a2"
}
.fa-arrow-circle-down:before {
content: "\e6a3"
}
.fa-google:before {
content: "\e7a3"
}
.fa-Host:before {
content: "\e8a3"
}
.fa-bar-chart-o:before {
content: "\e6a4"
}
.fa-globe-o:before {
content: "\e7a4"
}
.fa-hourglass-2:before {
content: "\e8a4"
}
.fa-battery-empty:before {
content: "\e6a5"
}
.fa-google-browser:before {
content: "\e7a5"
}
.fa-hourglass-start:before {
content: "\e8a5"
}
.fa-angle-up:before {
content: "\e6a6"
}
.fa-globe:before {
content: "\e7a6"
}
.fa-hourglass-end:before {
content: "\e8a6"
}
.fa-arrow-circle-o-left:before {
content: "\e6a7"
}
.fa-google-logo:before {
content: "\e7a7"
}
.fa-hourglass-o:before {
content: "\e8a7"
}
.fa-battery-quarter:before {
content: "\e6a8"
}
.fa-google-plus:before {
content: "\e7a8"
}
.fa-hourglass-3:before {
content: "\e8a8"
}
.fa-arrow-circle-o-right:before {
content: "\e6a9"
}
.fa-google-plus-square:before {
content: "\e7a9"
}
.fa-imdb:before {
content: "\e8a9"
}
.fa-arrow-circle-up:before {
content: "\e6aa"
}
.fa-instagram:before {
content: "\e7aa"
}
.fa-id-badge:before {
content: "\e8aa"
}
.fa-arrow-circle-right:before {
content: "\e6ab"
}
.fa-ioxhost:before {
content: "\e7ab"
}
.fa-key:before {
content: "\e8ab"
}
.fa-arrow-left:before {
content: "\e6ac"
}
.fa-google-plus-official:before {
content: "\e7ac"
}
.fa-id-badge-o:before {
content: "\e8ac"
}
.fa-arrow-circle-o-up:before {
content: "\e6ad"
}
.fa-inbox:before {
content: "\e7ad"
}
.fa-liebiao:before {
content: "\e8ad"
}
.fa-caret-left:before {
content: "\e6ae"
}
.fa-internet-explorer:before {
content: "\e7ae"
}
.fa-indent-right:before {
content: "\e8ae"
}
.fa-caret-square-down:before {
content: "\e6af"
}
.fa-h-square:before {
content: "\e7af"
}
.fa-hourglass-half:before {
content: "\e8af"
}
.fa-bed:before {
content: "\e6b0"
}
.fa-hulianwang:before {
content: "\e7b0"
}
.fa-hourglass-1:before {
content: "\e8b0"
}
.fa-arrows-alt:before {
content: "\e6b1"
}
.fa-jingdong:before {
content: "\e7b1"
}
.fa-caret-down:before {
content: "\e6b2"
}
.fa-JD:before {
content: "\e7b2"
}
.fa-imdb-o:before {
content: "\e8b2"
}
.fa-arrow-right:before {
content: "\e6b3"
}
.fa-joomla:before {
content: "\e7b3"
}
.fa-industry:before {
content: "\e8b3"
}
.fa-battery-half:before {
content: "\e6b4"
}
.fa-keyboard:before {
content: "\e7b4"
}
.fa-indent-left:before {
content: "\e8b4"
}
.fa-barcode:before {
content: "\e6b5"
}
.fa-jsfiddle:before {
content: "\e7b5"
}
.fa-lifering:before {
content: "\e8b5"
}
.fa-arrows:before {
content: "\e6b6"
}
.fa-laptop:before {
content: "\e7b6"
}
.fa-lightbulb-1:before {
content: "\e8b6"
}
.fa-caret-right:before {
content: "\e6b7"
}
.fa-line:before {
content: "\e7b7"
}
.fa-leaf:before {
content: "\e8b7"
}
.fa-caret-square-right:before {
content: "\e6b8"
}
.fa-lastfm-square:before {
content: "\e7b8"
}
.fa-info:before {
content: "\e8b8"
}
.fa-arrow-circle-o-down:before {
content: "\e6b9"
}
.fa-link:before {
content: "\e7b9"
}
.fa-lifering-o:before {
content: "\e8b9"
}
.fa-battery-full:before {
content: "\e6ba"
}
.fa-lastfm:before {
content: "\e7ba"
}
.fa-lightbulb:before {
content: "\e8ba"
}
.fa-caret-square-o-right:before {
content: "\e6bb"
}
.fa-linkedin:before {
content: "\e7bb"
}
.fa-lightbulb-o:before {
content: "\e8bb"
}
.fa-calculator-o:before {
content: "\e6bc"
}
.fa-linkedin-square:before {
content: "\e7bc"
}
.fa-linode:before {
content: "\e8bc"
}
.fa-caret-square-o-down:before {
content: "\e6bd"
}
.fa-magnet:before {
content: "\e7bd"
}
.fa-lock:before {
content: "\e8bd"
}
.fa-caret-square-o-up:before {
content: "\e6be"
}
.fa-keyboard-o:before {
content: "\e7be"
}
.fa-life-ring-o:before {
content: "\e8be"
}
.fa-caret-square-uP:before {
content: "\e6bf"
}
.fa-keyboard-o-1:before {
content: "\e7bf"
}
.fa-list:before {
content: "\e8bf"
}
.fa-calculator:before {
content: "\e6c0"
}
.fa-jingdong-o:before {
content: "\e7c0"
}
.fa-magic:before {
content: "\e8c0"
}
.fa-check:before {
content: "\e6c1"
}
.fa-mouse-pointer:before {
content: "\e7c1"
}
.fa-newspaper:before {
content: "\e8c1"
}
.fa-caret-up:before {
content: "\e6c2"
}
.fa-mixcloud:before {
content: "\e7c2"
}
.fa-newspaper-o:before {
content: "\e8c2"
}
.fa-battery-three-quarters:before {
content: "\e6c3"
}
.fa-mouse-pointer-o:before {
content: "\e7c3"
}
.fa-opera:before {
content: "\e8c3"
}
.fa-arrow-down:before {
content: "\e6c4"
}
.fa-object:before {
content: "\e7c4"
}
.fa-minimize:before {
content: "\e8c4"
}
.fa-object-group:before {
content: "\e7c5"
}
.fa-list-ol:before {
content: "\e8c5"
}
.fa-check-square:before {
content: "\e6c6"
}
.fa-nlinepayment-o:before {
content: "\e7c6"
}
.fa-pause:before {
content: "\e8c6"
}
.fa-check-circle:before {
content: "\e6c7"
}
.fa-object-ungroup:before {
content: "\e7c7"
}
.fa-PaperPlane-o:before {
content: "\e8c7"
}
.fa-check-circle-o:before {
content: "\e6c8"
}
.fa-objectgroup-o:before {
content: "\e7c8"
}
.fa-PaperPlane:before {
content: "\e8c8"
}
.fa-object-ungroup-solid:before {
content: "\e7c9"
}
.fa-microchip:before {
content: "\e8c9"
}
.fa-caret-square-left:before {
content: "\e6ca"
}
.fa-object-ungroup-o:before {
content: "\e7ca"
}
.fa-picture:before {
content: "\e8ca"
}
.fa-close-square:before {
content: "\e6cb"
}
.fa-pinterest:before {
content: "\e7cb"
}
.fa-pause-circle:before {
content: "\e8cb"
}
.fa-close:before {
content: "\e6cc"
}
.fa-product-hunt-line:before {
content: "\e7cc"
}
.fa-pencil-square-o:before {
content: "\e8cc"
}
.fa-pengyouquan:before {
content: "\e7cd"
}
.fa-picture-o:before {
content: "\e8cd"
}
.fa-caret-square-o-left:before {
content: "\e6ce"
}
.fa-pinterest-square:before {
content: "\e7ce"
}
.fa-play:before {
content: "\e8ce"
}
.fa-code:before {
content: "\e6cf"
}
.fa-pinterest-p:before {
content: "\e7cf"
}
.fa-play-circle:before {
content: "\e8cf"
}
.fa-exclamation-triangle:before {
content: "\e6d0"
}
.fa-product-hunt:before {
content: "\e7d0"
}
.fa-pie-chart:before {
content: "\e8d0"
}
.fa-exclamation:before {
content: "\e6d1"
}
.fa-qq:before {
content: "\e7d1"
}
.fa-podcast:before {
content: "\e8d1"
}
.fa-ellipsis-y:before {
content: "\e6d2"
}
.fa-qq-circle:before {
content: "\e7d2"
}
.fa-pause-circle-o:before {
content: "\e8d2"
}
.fa-close-circle:before {
content: "\e6d3"
}
.fa-linux:before {
content: "\e7d3"
}
.fa-scissors:before {
content: "\e8d3"
}
.fa-fast-backward:before {
content: "\e6d4"
}
.fa-QR-code:before {
content: "\e7d4"
}
.fa-Securitycheck:before {
content: "\e8d4"
}
.fa-compass:before {
content: "\e6d5"
}
.fa-renren:before {
content: "\e7d5"
}
.fa-scissors-o:before {
content: "\e8d5"
}
.fa-code-fork:before {
content: "\e6d6"
}
.fa-qrcode-1:before {
content: "\e7d6"
}
.fa-server:before {
content: "\e8d6"
}
.fa-close-circle-o:before {
content: "\e6d7"
}
.fa-qrcode:before {
content: "\e7d7"
}
.fa-ravelry:before {
content: "\e8d7"
}
.fa-gratipay:before {
content: "\e6d8"
}
.fa-rss:before {
content: "\e7d8"
}
.fa-simplybuilt:before {
content: "\e8d8"
}
.fa-hashtag:before {
content: "\e6d9"
}
.fa-rss-square:before {
content: "\e7d9"
}
.fa-server-o:before {
content: "\e8d9"
}
.fa-get-pocket:before {
content: "\e6da"
}
.fa-secret:before {
content: "\e7da"
}
.fa-stack-exchange:before {
content: "\e8da"
}
.fa-exclamation-circle:before {
content: "\e6db"
}
.fa-secret-o:before {
content: "\e7db"
}
.fa-shopping-basket:before {
content: "\e8db"
}
.fa-heart:before {
content: "\e6dc"
}
.fa-sellsy:before {
content: "\e7dc"
}
.fa-trash-o:before {
content: "\e8dc"
}
.fa-share-alt:before {
content: "\e7dd"
}
.fa-trophy-o:before {
content: "\e8dd"
}
.fa-heartbeat:before {
content: "\e6de"
}
.fa-share:before {
content: "\e7de"
}
.fa-stop:before {
content: "\e8de"
}
.fa-i-cursor:before {
content: "\e6df"
}
.fa-share-alt-square:before {
content: "\e7df"
}
.fa-snowflake-o:before {
content: "\e8df"
}
.fa-heart-o:before {
content: "\e6e0"
}
.fa-shield-o:before {
content: "\e7e0"
}
.fa-stop-circle:before {
content: "\e8e0"
}
.fa-history:before {
content: "\e6e1"
}
.fa-share-alt-o:before {
content: "\e7e1"
}
.fa-level-down:before {
content: "\e6e2"
}
.fa-shield-full:before {
content: "\e7e2"
}
.fa-telegram:before {
content: "\e8e2"
}
.fa-forward:before {
content: "\e6e3"
}
.fa-soundcloud:before {
content: "\e7e3"
}
.fa-thermometer-full:before {
content: "\e8e3"
}
.fa-italic:before {
content: "\e6e4"
}
.fa-signal:before {
content: "\e7e4"
}
.fa-thermometer-empty:before {
content: "\e8e4"
}
.fa-minus:before {
content: "\e6e5"
}
.fa-shipinhuiyi:before {
content: "\e7e5"
}
.fa-thermometer-half:before {
content: "\e8e5"
}
.fa-location-arrow-o:before {
content: "\e6e6"
}
.fa-stumbleupon:before {
content: "\e7e6"
}
.fa-trash:before {
content: "\e8e6"
}
.fa-level-up:before {
content: "\e6e7"
}
.fa-stumbleupon-circle:before {
content: "\e7e7"
}
.fa-tree:before {
content: "\e8e7"
}
.fa-check-square-o:before {
content: "\e6e8"
}
.fa-steam:before {
content: "\e7e8"
}
.fa-stop-circle-o:before {
content: "\e8e8"
}
.fa-image:before {
content: "\e6e9"
}
.fa-spotify:before {
content: "\e7e9"
}
.fa-snowflake:before {
content: "\e8e9"
}
.fa-fast-forward:before {
content: "\e6ea"
}
.fa-tablet:before {
content: "\e7ea"
}
.fa-trello:before {
content: "\e8ea"
}
.fa-music:before {
content: "\e6eb"
}
.fa-safari:before {
content: "\e7eb"
}
.fa-window-close:before {
content: "\e8eb"
}
.fa-minus-circle:before {
content: "\e6ec"
}
.fa-optin-monster:before {
content: "\e7ec"
}
.fa-user:before {
content: "\e8ec"
}
.fa-location-arrow:before {
content: "\e6ed"
}
.fa-tag:before {
content: "\e7ed"
}
.fa-minus-square-o:before {
content: "\e6ee"
}
.fa-tags:before {
content: "\e7ee"
}
.fa-user-circle:before {
content: "\e8ee"
}
.fa-minus-circle-o:before {
content: "\e6ef"
}
.fa-tag-o:before {
content: "\e7ef"
}
.fa-unlock-o:before {
content: "\e8ef"
}
.fa-minus-square:before {
content: "\e6f0"
}
.fa-television:before {
content: "\e7f0"
}
.fa-pagelines:before {
content: "\e8f0"
}
.fa-paint-brush-fill:before {
content: "\e6f1"
}
.fa-taobao:before {
content: "\e7f1"
}
.fa-telegram-o:before {
content: "\e8f1"
}
.fa-paint-brush:before {
content: "\e6f2"
}
.fa-terminal:before {
content: "\e7f2"
}
.fa-volume-off:before {
content: "\e8f2"
}
.fa-Music-o:before {
content: "\e6f3"
}
.fa-tengxunshipin:before {
content: "\e7f3"
}
.fa-user-circle-o:before {
content: "\e8f3"
}
.fa-language:before {
content: "\e6f4"
}
.fa-tablet-o:before {
content: "\e7f4"
}
.fa-window-maximize:before {
content: "\e8f4"
}
.fa-paint-brush-line:before {
content: "\e6f5"
}
.fa-terminal-o:before {
content: "\e7f5"
}
.fa-unlock:before {
content: "\e8f5"
}
.fa-paperclip:before {
content: "\e6f6"
}
.fa-tint:before {
content: "\e7f6"
}
.fa-trophy:before {
content: "\e8f6"
}
.fa-paw-o:before {
content: "\e6f7"
}
.fa-tianmao:before {
content: "\e7f7"
}
.fa-handshake:before {
content: "\e8f7"
}
.fa-plus:before {
content: "\e6f8"
}
.fa-ticket-o:before {
content: "\e7f8"
}
.fa-percent:before {
content: "\e6f9"
}
.fa-themeisle:before {
content: "\e7f9"
}
.fa-wpexplorer-o:before {
content: "\e8f9"
}
.fa-plus-circle-o:before {
content: "\e6fa"
}
.fa-tint-slash:before {
content: "\e7fa"
}
.fa-window-restore-:before {
content: "\e8fa"
}
.fa-plus-circle:before {
content: "\e6fb"
}
.fa-tumblr:before {
content: "\e7fb"
}
.fa-window-close-o:before {
content: "\e8fb"
}
.fa-paw:before {
content: "\e6fc"
}
.fa-twitter:before {
content: "\e7fc"
}
.fa-window-restore:before {
content: "\e8fc"
}
.fa-plus-square:before {
content: "\e6fd"
}
.fa-tumblr-square:before {
content: "\e7fd"
}
.fa-thermometer-quarter:before {
content: "\e8fd"
}
.fa-plug:before {
content: "\e6fe"
}
.fa-twitter-square:before {
content: "\e7fe"
}
.fa-viadeo:before {
content: "\e8fe"
}
.fa-power-off:before {
content: "\e6ff"
}
.fa-tripadvisor:before {
content: "\e7ff"
}
.fa-user-plus:before {
content: "\e8ff"
}
.fa-question:before {
content: "\e700"
}
.fa-TV:before {
content: "\e800"
}
.fa-user-times:before {
content: "\e900"
}
.fa-question-square:before {
content: "\e701"
}
.fa-ticket:before {
content: "\e801"
}
.fa-window-restore-o:before {
content: "\e901"
}
.fa-question-circle:before {
content: "\e702"
}
.fa-twitch:before {
content: "\e802"
}
.fa-stack-overflow:before {
content: "\e902"
}
.fa-quote-left:before {
content: "\e703"
}
.fa-upload-o:before {
content: "\e803"
}
.fa-volume-down:before {
content: "\e903"
}
.fa-quote-right:before {
content: "\e704"
}
.fa-umbrella-o:before {
content: "\e804"
}
.fa-weixiu:before {
content: "\e904"
}
.fa-puzzle-piece:before {
content: "\e705"
}
.fa-umbrella:before {
content: "\e805"
}
.fa-tasks-o:before {
content: "\e905"
}
.fa-random:before {
content: "\e706"
}
.fa-universal-access:before {
content: "\e806"
}
.fa-handshake-o:before {
content: "\e906"
}
.fa-rebel:before {
content: "\e707"
}
.fa-toutiaoyangshi:before {
content: "\e807"
}
.fa-recycle:before {
content: "\e708"
}
.fa-underline:before {
content: "\e808"
}
.fa-shower:before {
content: "\e908"
}
.fa-vimeo:before {
content: "\e809"
}
.fa-wrench:before {
content: "\e909"
}
.fa-recycle-o:before {
content: "\e70a"
}
.fa-vine:before {
content: "\e80a"
}
.fa-users:before {
content: "\e90a"
}
.fa-reply:before {
content: "\e70b"
}
.fa-video-camera:before {
content: "\e80b"
}
.fa-window-restore1:before {
content: "\e90b"
}
.fa-registered:before {
content: "\e70c"
}
.fa-upload:before {
content: "\e80c"
}
.fa-registered-o:before {
content: "\e70d"
}
.fa-usb-2:before {
content: "\e80d"
}
.fa-reply-all:before {
content: "\e70e"
}
.fa-usb-1:before {
content: "\e80e"
}
.fa-recycle-1:before {
content: "\e70f"
}
.fa-usb:before {
content: "\e80f"
}
.fa-refresh-1:before {
content: "\e710"
}
.fa-vk:before {
content: "\e810"
}
.fa-retweet:before {
content: "\e711"
}
.fa-weibo-1:before {
content: "\e811"
}
.fa-scribd:before {
content: "\e712"
}
.fa-wangluoguzhang:before {
content: "\e812"
}
.fa-share-1:before {
content: "\e713"
}
.fa-weibo:before {
content: "\e813"
}
.fa-share-o:before {
content: "\e714"
}
.fa-search:before {
content: "\e715"
}
.fa-weixin-2:before {
content: "\e815"
}
.fa-search-minus:before {
content: "\e716"
}
.fa-windows-o:before {
content: "\e816"
}
.fa-sign-in:before {
content: "\e717"
}
.fa-windows:before {
content: "\e817"
}
.fa-search-plus:before {
content: "\e718"
}
.fa-wifi:before {
content: "\e818"
}
.fa-sitemap:before {
content: "\e719"
}
.fa-weixin-1:before {
content: "\e819"
}
.fa-slack:before {
content: "\e71a"
}
.fa-weibo-2:before {
content: "\e81a"
}
.fa-sign-out:before {
content: "\e71b"
}
.fa-weixin-3:before {
content: "\e81b"
}
.fa-sort-alpha-asc:before {
content: "\e71c"
}
.fa-xing-square:before {
content: "\e81c"
}
.fa-sliders:before {
content: "\e71d"
}
.fa-yelp:before {
content: "\e81d"
}
.fa-sort:before {
content: "\e71e"
}
.fa-wpexplorer:before {
content: "\e81e"
}
.fa-sliders-o:before {
content: "\e71f"
}
.fa-yoast:before {
content: "\e81f"
}
.fa-sort-numeric-asc:before {
content: "\e720"
}
.fa-xiajia:before {
content: "\e820"
}
.fa-sort-amount-asc:before {
content: "\e721"
}
.fa-wpbeginner:before {
content: "\e821"
}
.fa-sort-amount-desc:before {
content: "\e722"
}
.fa-youtube-play:before {
content: "\e822"
}
.fa-sort-o:before {
content: "\e723"
}
.fa-zhifubao-o:before {
content: "\e823"
}
.fa-star-o:before {
content: "\e724"
}
.fa-xing:before {
content: "\e824"
}
.fa-square-o:before {
content: "\e725"
}
.fa-zhihu:before {
content: "\e825"
}
.fa-sort-alpha-desc:before {
content: "\e726"
}
.fa-wordpress:before {
content: "\e826"
}
.fa-spinner:before {
content: "\e727"
}
.fa-youtube:before {
content: "\e827"
}
.fa-star-half-o:before {
content: "\e728"
}
.fa-zhifubao:before {
content: "\e828"
}
.fa-step-forward:before {
content: "\e729"
}
.fa-youku:before {
content: "\e829"
}
.fa-step-backward:before {
content: "\e72a"
}
.fa-youtube-square:before {
content: "\e82a"
}
.fa-star-half:before {
content: "\e72b"
}
.fa-steam-square:before {
content: "\e82b"
}
.fa-frown:before {
content: "\e601"
}
.fa-sort-numeric-desc:before {
content: "\e72c"
}
.fa-cc:before {
content: "\e82c"
}
.fa-frown-o:before {
content: "\e602"
}
.fa-superpowers:before {
content: "\e72d"
}
.fa-zhifubaoicon:before {
content: "\e82d"
}
.fa-eye:before {
content: "\e603"
}
.fa-subscript:before {
content: "\e72e"
}
.fa-address-book:before {
content: "\e82e"
}
.fa-eye-slash:before {
content: "\e604"
}
.fa-star:before {
content: "\e72f"
}
.fa-bell-o:before {
content: "\e82f"
}
.fa-low-vision:before {
content: "\e605"
}
.fa-sun:before {
content: "\e730"
}
.fa-bell:before {
content: "\e830"
}
.fa-meh-o:before {
content: "\e606"
}
.fa-superscript:before {
content: "\e731"
}
.fa-address-book-o:before {
content: "\e831"
}
.fa-meh:before {
content: "\e607"
}
.fa-suno:before {
content: "\e732"
}
.fa-bandcamp:before {
content: "\e832"
}
.fa-smile:before {
content: "\e608"
}
.fa-thumbs-down:before {
content: "\e733"
}
.fa-bell-slash:before {
content: "\e833"
}
.fa-sign-language:before {
content: "\e609"
}
.fa-text-size:before {
content: "\e734"
}
.fa-address-card-o:before {
content: "\e834"
}
.fa-moon-o:before {
content: "\e60a"
}
.fa-text-height:before {
content: "\e735"
}
.fa-adjust:before {
content: "\e835"
}
.fa-wheelchair-alt:before {
content: "\e60b"
}
.fa-text-width:before {
content: "\e736"
}
.fa-address-card:before {
content: "\e836"
}
.fa-moon:before {
content: "\e60c"
}
.fa-toggle-off:before {
content: "\e737"
}
.fa-balance-scale:before {
content: "\e837"
}
.fa-smile-o:before {
content: "\e60d"
}
.fa-toggle-on:before {
content: "\e738"
}
.fa-bluetooth-o:before {
content: "\e838"
}
.fa-thumbs-o-down:before {
content: "\e60e"
}
.fa-thumbs-up:before {
content: "\e739"
}
.fa-ban:before {
content: "\e839"
}
.fa-wheelchair:before {
content: "\e60f"
}
.fa-bath:before {
content: "\e83a"
}
.fa-thumbs-o-up:before {
content: "\e610"
}
.fa-TM:before {
content: "\e73b"
}
.fa-anquan:before {
content: "\e83b"
}
.fa-hospital:before {
content: "\e611"
}
.fa-bandcamp-o:before {
content: "\e83c"
}
.fa-comment:before {
content: "\e612"
}
.fa-trademark:before {
content: "\e73d"
}
.fa-bolt:before {
content: "\e83d"
}
.fa-bullhorn:before {
content: "\e613"
}
.fa-undo:before {
content: "\e73e"
}
.fa-black-tie:before {
content: "\e83e"
}
.fa-commenting:before {
content: "\e614"
}
.fa-toggle-o-on:before {
content: "\e73f"
}
.fa-bell-slash-o:before {
content: "\e83f"
}
.fa-comment-o:before {
content: "\e615"
}
.fa-toggle-o-off:before {
content: "\e740"
}
.fa-ban-o:before {
content: "\e840"
}
.fa-comments:before {
content: "\e616"
}
.fa-Trademark-o:before {
content: "\e741"
}
.fa-blind:before {
content: "\e841"
}
.fa-commenting-o:before {
content: "\e617"
}
.fa-volume-up:before {
content: "\e742"
}
.fa-black-tie-o:before {
content: "\e842"
}
.fa-comments-o:before {
content: "\e618"
}
.fa-hacker-news:before {
content: "\e743"
}
.fa-at:before {
content: "\e843"
}
.fa-hdd:before {
content: "\e619"
}
.fa-question-circle-o:before {
content: "\e744"
}
.fa-bars:before {
content: "\e844"
}
.fa-fax-o:before {
content: "\e61a"
}
.fa-square:before {
content: "\e745"
}
.fa-bluetooth:before {
content: "\e845"
}
.fa-dashcube:before {
content: "\e61b"
}
.fa-archive:before {
content: "\e846"
}
.fa-Headphones-1:before {
content: "\e61c"
}
.fa-anchor:before {
content: "\e847"
}
.fa-fax:before {
content: "\e61d"
}
.fa-bookmark:before {
content: "\e748"
}
.fa-audio-description-o:before {
content: "\e848"
}
.fa-mobile-o:before {
content: "\e61e"
}
.fa-bookmark-o:before {
content: "\e749"
}
.fa-bolt-o:before {
content: "\e849"
}
.fa-headphones:before {
content: "\e61f"
}
.fa-book:before {
content: "\e74a"
}
.fa-bicycle:before {
content: "\e84a"
}
.fa-microphone-o:before {
content: "\e620"
}
.fa-briefcase:before {
content: "\e74b"
}
.fa-camera:before {
content: "\e84b"
}
.fa-modx:before {
content: "\e621"
}
.fa-building-o:before {
content: "\e74c"
}
.fa-asterisk:before {
content: "\e84c"
}
.fa-microphone-slash:before {
content: "\e622"
}
.fa-building:before {
content: "\e74d"
}
.fa-birthday-cake:before {
content: "\e84d"
}
.fa-mobile:before {
content: "\e623"
}
.fa-eraser:before {
content: "\e74e"
}
.fa-audio-description:before {
content: "\e84e"
}
.fa-clipboard:before {
content: "\e74f"
}
.fa-bullseye:before {
content: "\e84f"
}
.fa-headphones-2:before {
content: "\e625"
}
.fa-files_labeled:before {
content: "\e750"
}
.fa-cogs:before {
content: "\e850"
}
.fa-microphone:before {
content: "\e626"
}
.fa-files:before {
content: "\e751"
}
.fa-Bomb:before {
content: "\e851"
}
.fa-phone-square:before {
content: "\e627"
}
.fa-files-labeled-o:before {
content: "\e752"
}
.fa-calendar-o:before {
content: "\e852"
}
.fa-phone-o:before {
content: "\e628"
}
.fa-excel:before {
content: "\e753"
}
.fa-camera-o:before {
content: "\e853"
}
.fa-phone:before {
content: "\e629"
}
.fa-files-o:before {
content: "\e754"
}
.fa-camera-retro:before {
content: "\e854"
}
.fa-stethoscope:before {
content: "\e62a"
}
.fa-file-text:before {
content: "\e755"
}
.fa-cog:before {
content: "\e855"
}
.fa-whatsapp:before {
content: "\e62b"
}
.fa-folder-open:before {
content: "\e756"
}
.fa-volume-control-phone:before {
content: "\e62c"
}
.fa-Folder-o:before {
content: "\e757"
}
.fa-area-chart:before {
content: "\e857"
}
.fa-tty:before {
content: "\e62d"
}
.fa-graduation-cap:before {
content: "\e758"
}
.fa-codepen:before {
content: "\e858"
}
.fa-whats:before {
content: "\e62e"
}
.fa-folder:before {
content: "\e759"
}
.fa-calendar-minus-o:before {
content: "\e859"
}
.fa-Headphones-o:before {
content: "\e62f"
}
.fa-file-text-o:before {
content: "\e75a"
}
.fa-columns-v:before {
content: "\e85a"
}
.fa-credit-card-alt:before {
content: "\e630"
}
.fa-cog-o:before {
content: "\e85b"
}
.fa-leanpub:before {
content: "\e75c"
}
.fa-crosshairs:before {
content: "\e85c"
}
.fa-credit-card:before {
content: "\e632"
}
.fa-honor:before {
content: "\e75d"
}
.fa-american-sign-language-interpreting:before {
content: "\e85d"
}
.fa-desktop:before {
content: "\e85e"
}
.fa-gbp:before {
content: "\e634"
}
.fa-medkit:before {
content: "\e75f"
}
.fa-camera-retro-o:before {
content: "\e85f"
}
.fa-inr:before {
content: "\e635"
}
.fa-print:before {
content: "\e760"
}
.fa-calendar-plus-o:before {
content: "\e860"
}
.fa-eur:before {
content: "\e636"
}
.fa-ppt:before {
content: "\e761"
}
.fa-crop:before {
content: "\e861"
}
.fa-krw:before {
content: "\e637"
}
.fa-sticky-note-o:before {
content: "\e762"
}
.fa-diamond:before {
content: "\e862"
}
.fa-jpy:before {
content: "\e638"
}
.fa-sticky-note:before {
content: "\e763"
}
.fa-pie-chart-o:before {
content: "\e664"
}
.fa-thumb-tack:before {
content: "\e764"
}
.fa-assistive-listening-systems:before {
content: "\e864"
}
.fa-money:before {
content: "\e665"
}
.fa-tasks:before {
content: "\e765"
}
.fa-dribbble:before {
content: "\e865"
}
.fa-shopping-bag:before {
content: "\e666"
}
.fa-shipinjiaocheng:before {
content: "\e766"
}
.fa-columns:before {
content: "\e866"
}
.fa-viacoin:before {
content: "\e667"
}
.fa-tuding:before {
content: "\e767"
}
.fa-eercast:before {
content: "\e867"
}
.fa-onlinepayment:before {
content: "\e668"
}
.fa-university:before {
content: "\e768"
}
.fa-ellipsis-h:before {
content: "\e868"
}
.fa-shopping-bag-o:before {
content: "\e669"
}
.fa-thumb-tack-o:before {
content: "\e769"
}
.fa-copyright:before {
content: "\e869"
}
.fa-strikethrough:before {
content: "\e66a"
}
.fa-wpforms:before {
content: "\e76a"
}
.fa-dribbble-o:before {
content: "\e86a"
}
.fa-shopping-cart:before {
content: "\e66b"
}
.fa-word:before {
content: "\e76b"
}
.fa-exchange:before {
content: "\e86b"
}
.fa-rub:before {
content: "\e66c"
}
.fa-eyedropper:before {
content: "\e86c"
}
.fa-usd:before {
content: "\e66d"
}
.fa-xiadan:before {
content: "\e76d"
}
.fa-download:before {
content: "\e86d"
}
.fa-industry-o:before {
content: "\e66e"
}
.fa-zhengshu:before {
content: "\e76e"
}
.fa-calendar-check-o:before {
content: "\e86e"
}
.fa-shopping-cart-o:before {
content: "\e66f"
}
.fa-yisheng:before {
content: "\e76f"
}
.fa-line-chart:before {
content: "\e670"
}
.fa-yinanbingli:before {
content: "\e770"
}
.fa-externallink:before {
content: "\e870"
}
.fa-wikipedia:before {
content: "\e671"
}
.fa-yiliao:before {
content: "\e771"
}
.fa-creative-commons:before {
content: "\e871"
}
.fa-beer:before {
content: "\e672"
}
.fa-zhengshu-o:before {
content: "\e772"
}
.fa-ellipsis-v:before {
content: "\e872"
}
.fa-coffee:before {
content: "\e673"
}
.fa-baiduyun:before {
content: "\e773"
}
.fa-envelope-open:before {
content: "\e873"
}
.fa-glass:before {
content: "\e674"
}
.fa-adn:before {
content: "\e774"
}
.fa-deaf:before {
content: "\e874"
}
.fa-spoon-o:before {
content: "\e675"
}
.fa-360:before {
content: "\e775"
}
.fa-file-archive-o:before {
content: "\e875"
}
.fa-delicious:before {
content: "\e676"
}
.fa-500px:before {
content: "\e776"
}
.fa-etsy:before {
content: "\e876"
}
.fa-coffee-o:before {
content: "\e677"
}
.fa-alibaba:before {
content: "\e777"
}
.fa-dot-circle-o:before {
content: "\e877"
}
.fa-lemon:before {
content: "\e678"
}
.fa-android:before {
content: "\e778"
}
.fa-dropbox:before {
content: "\e878"
}
.fa-cutlery:before {
content: "\e679"
}
.fa-apple:before {
content: "\e779"
}
.fa-database:before {
content: "\e879"
}
.fa-oglass-:before {
content: "\e67a"
}
.fa-behance:before {
content: "\e77a"
}
.fa-file-code-o:before {
content: "\e87a"
}
.fa-lemon-o:before {
content: "\e67b"
}
.fa-aiqiyi:before {
content: "\e77b"
}
.fa-file-audio-o:before {
content: "\e87b"
}
.fa-spoon:before {
content: "\e67c"
}
.fa-behance-square:before {
content: "\e77c"
}
.fa-film:before {
content: "\e87c"
}
.fa-lemon-1:before {
content: "\e67d"
}
.fa-baidu:before {
content: "\e77d"
}
.fa-fire:before {
content: "\e87d"
}
.fa-mars:before {
content: "\e67e"
}
.fa-cart-plus:before {
content: "\e77e"
}
.fa-fire-extinguisher:before {
content: "\e87e"
}
.fa-female:before {
content: "\e67f"
}
.fa-cloud:before {
content: "\e77f"
}
.fa-envelope-open-o:before {
content: "\e87f"
}
.fa-mars-double:before {
content: "\e680"
}
.fa-bitbucket:before {
content: "\e780"
}
.fa-fast-backward1:before {
content: "\e880"
}
.fa-male:before {
content: "\e681"
}
.fa-baidu-o:before {
content: "\e781"
}
.fa-flag:before {
content: "\e881"
}
.fa-mars-stroke:before {
content: "\e682"
}
.fa-Bug:before {
content: "\e782"
}
.fa-Fire-full:before {
content: "\e882"
}
.fa-mars-stroke-h:before {
content: "\e683"
}
.fa-cloud-down:before {
content: "\e783"
}
.fa-filter:before {
content: "\e883"
}
.fa-mars-stroke-v:before {
content: "\e684"
}
.fa-amazon:before {
content: "\e784"
}
.fa-flag-o:before {
content: "\e884"
}
.fa-odnoklassniki-square:before {
content: "\e685"
}
.fa-braille:before {
content: "\e785"
}
.fa-fire-full-o:before {
content: "\e885"
}
.fa-odnoklassniki:before {
content: "\e686"
}
.fa-circle-o-notch:before {
content: "\e786"
}
.fa-file-image-o:before {
content: "\e886"
}
.fa-street-view:before {
content: "\e687"
}
.fa-chain:before {
content: "\e787"
}
.fa-flask:before {
content: "\e887"
}
.fa-mercury:before {
content: "\e688"
}
.fa-chain-broken:before {
content: "\e788"
}
.fa-full-screen-maximize:before {
content: "\e888"
}
.fa-transgender-alt:before {
content: "\e689"
}
.fa-css-:before {
content: "\e789"
}
.fa-gift:before {
content: "\e889"
}
.fa-user-md:before {
content: "\e68a"
}
.fa-bitbucket-square:before {
content: "\e78a"
}
.fa-futbol:before {
content: "\e88a"
}
.fa-transgender:before {
content: "\e68b"
}
.fa-cloud-up:before {
content: "\e78b"
}
.fa-full-screen-minimize:before {
content: "\e88b"
}
.fa-venus:before {
content: "\e68c"
}
.fa-dazhongdianping:before {
content: "\e78c"
}
.fa-external-link-square:before {
content: "\e88c"
}
.fa-venus-double:before {
content: "\e68d"
}
.fa-codiepie:before {
content: "\e78d"
}
.fa-gavel:before {
content: "\e88d"
}
.fa-venus-mars:before {
content: "\e68e"
}
.fa-douban:before {
content: "\e78e"
}
.fa-hand-paper-o:before {
content: "\e88e"
}
.fa-user-secret:before {
content: "\e68f"
}
.fa-deviantart:before {
content: "\e78f"
}
.fa-hand-paper:before {
content: "\e88f"
}
.fa-pied-piper-alt:before {
content: "\e690"
}
.fa-connectdevelop:before {
content: "\e790"
}
.fa-handlizardo:before {
content: "\e890"
}
.fa-Street-View-o:before {
content: "\e691"
}
.fa-edge:before {
content: "\e791"
}
.fa-hand-lizard:before {
content: "\e891"
}
.fa-slideshare:before {
content: "\e692"
}
.fa-drupal:before {
content: "\e792"
}
.fa-flag-checkered:before {
content: "\e892"
}
.fa-align:before {
content: "\e693"
}
.fa-douyin-o:before {
content: "\e793"
}
.fa-hand-pointer:before {
content: "\e893"
}
.fa-angle-left:before {
content: "\e694"
}
.fa-chrome:before {
content: "\e794"
}
.fa-hand-peace:before {
content: "\e894"
}
.fa-feed:before {
content: "\e795"
}
.fa-hand-peace-o:before {
content: "\e895"
}
.fa-angle-down:before {
content: "\e696"
}
.fa-css3:before {
content: "\e796"
}
.fa-file-excel-o:before {
content: "\e896"
}
.fa-angle-double-left:before {
content: "\e697"
}
.fa-douyin:before {
content: "\e797"
}
.fa-free-code-camp:before {
content: "\e897"
}
.fa-align-center:before {
content: "\e698"
}
.fa-Finger-print:before {
content: "\e798"
}
.fa-grav-o:before {
content: "\e898"
}
.fa-angle-right:before {
content: "\e699"
}
.fa-gamepad:before {
content: "\e799"
}
.fa-grav:before {
content: "\e899"
}
.fa-angle-double-up:before {
content: "\e69a"
}
.fa-github:before {
content: "\e79a"
}
.fa-hand-rock:before {
content: "\e89a"
}
.fa-arrows-v:before {
content: "\e69b"
}
.fa-github-alt:before {
content: "\e79b"
}
.fa-hand-scissors:before {
content: "\e89b"
}
.fa-binoculars:before {
content: "\e639"
}
.fa-bus-1-o:before {
content: "\e63a"
}
.fa-bus-1:before {
content: "\e63b"
}
.fa-bus:before {
content: "\e63c"
}
.fa-ambulance:before {
content: "\e63d"
}
.fa-bus-3:before {
content: "\e63e"
}
.fa-car:before {
content: "\e63f"
}
.fa-fighter:before {
content: "\e640"
}
.fa-map:before {
content: "\e641"
}
.fa-fighter-jet:before {
content: "\e642"
}
.fa-bus-2:before {
content: "\e643"
}
.fa-map-marker:before {
content: "\e644"
}
.fa-map-o:before {
content: "\e645"
}
.fa-map-signs:before {
content: "\e646"
}
.fa-map-signs-o:before {
content: "\e647"
}
.fa-motorcycle:before {
content: "\e648"
}
.fa-map-marker-o:before {
content: "\e649"
}
.fa-mappin-o:before {
content: "\e64a"
}
.fa-neuter:before {
content: "\e64b"
}
.fa-mappin:before {
content: "\e64c"
}
.fa-plane-1:before {
content: "\e64d"
}
.fa-Motorcycle-o:before {
content: "\e64e"
}
.fa-plane:before {
content: "\e64f"
}
.fa-rocket:before {
content: "\e650"
}
.fa-road:before {
content: "\e651"
}
.fa-ship-o:before {
content: "\e652"
}
.fa-ship:before {
content: "\e653"
}
.fa-subway:before {
content: "\e654"
}
.fa-subway-line:before {
content: "\e655"
}
.fa-subway-1:before {
content: "\e656"
}
.fa-subway-1-o:before {
content: "\e657"
}
.fa-space-shuttle:before {
content: "\e658"
}
.fa-tachometer:before {
content: "\e659"
}
.fa-train:before {
content: "\e65a"
}
.fa-taxi:before {
content: "\e65b"
}
.fa-tachometer-o:before {
content: "\e65c"
}
.fa-taxi-o:before {
content: "\e65d"
}
.fa-train-o:before {
content: "\e65e"
}
.fa-truck:before {
content: "\e65f"
}
.fa-truck-1:before {
content: "\e660"
}
.fa-yibiaopan:before {
content: "\e661"
}
.fa-truck-o:before {
content: "\e662"
}
.fa-yibiaopan-o:before {
content: "\e663"
}
body {
color: #000;
background-color: #fff;
word-wrap: break-word;
overflow-x: hidden
}
a:focus {
outline: none
}
.decorationnone,.dropdown-item:active,a:active,.decorationnone:active,.dropdown-item:focus,a:focus,.decorationnone:focus,.dropdown-item:hover,a:hover,.decorationnone:hover {
text-decoration: none
}
.decoration:hover {
text-decoration: underline
}
a:hover {
color: #2f318b
}
img[data-original]:not([src]),img[data-original][src=""] {
visibility: hidden
}
img.imgloading:not([src*="base64"]),img.slick-loading:not([src*="base64"]) {
object-fit: scale-down;
background: #fff
}
img[src*="?type=flag"]:not([width]) {
width: 20px
}
main,header,nav,article,section,aside,footer {
display: block
}
.table {
margin-bottom: 0;
color: #333
}
.table a {
text-decoration: none
}
.table thead th,.table tfoot th,.table td {
vertical-align: middle;
outline: none
}
.table td .tag:not(.tag-pill) {
line-height: inherit
}
table th,table td {
border: 1px solid #ddd;
display: table-cell !important
}
table th {
background-color: #f3f7f9;
font-weight: bold !important
}
table td.text-xs-center input[type="text"],table th.text-xs-center input[type="text"] {
text-align: center
}
@media (min-width: 480px) {
table th {
white-space:nowrap
}
table.form-inline .form-group,table.form-inline .form-control {
display: block;
width: 100%
}
}
div.dataTables_paginate .paginate_button.active>a,div.dataTables_paginate .paginate_button.active>a:focus,div.dataTables_paginate .paginate_button.active>a:hover {
background: #ddd !important;
border-color: #ddd !important;
color: #777 !important
}
.dataTables_empty {
text-align: center
}
.dataTables_info {
color: #777
}
body table.table-bordered.dataTable {
border-collapse: collapse !important
}
.table-striped.dataTable tbody tr.active td,body .table-striped.dataTable tbody tr.active:hover td {
background: #f3f7f9 !important;
color: inherit !important
}
.table-striped.dataTable tbody tr.active td>a,body .table-striped.dataTable tbody tr.active:hover td>a {
color: #62a8ea !important
}
@media (max-width: 479px) {
.dataTables_info {
float:none !important
}
.dataTables_paginate {
float: none !important
}
}
.alertify-logs {
bottom: auto!important;
top: 48%;
z-index: 1701!important
}
@media (max-width: 767px) {
.nav-tabs .nav-link {
padding:5px 10px
}
.header .header_wrap .logo{ bottom:13px; width:200px; top:0px;}
.header .header_wrap .logo img{ width:100%}
.header{ width:90%; border-bottom:1px #fff solid; top:10px; left:5%; height:50px; }
#cd-lateral-nav{ top:50px;}
}
.form-group {
position: relative
}
.form-group .small-fixed {
position: absolute;
left: 0;
top: 100%
}
.form-group .small-fixed small.form-control-label {
margin: 0;
margin-right: 10px;
padding: 0;
line-height: 1.5
}
.input-group-file .btn-file input[type="file"] {
width: 100%;
height: 100%
}
.input-group .form-control:active,.input-group .form-control:focus,.input-group .form-control:hover {
z-index: 3
}
.form-inline .checkbox-custom label {
padding-left: 0
}
.form-control-label {
color: #555
}
.form-group:before,.form-group:after {
display: table;
content: " "
}
.form-group:after {
clear: both
}
table.form-inline .form-group {
margin-right: 0
}
/*#文件名称：basic.css #米拓企业建站系统 metinfo_7_3 #Copyright (C) 长沙米拓信息技术有限公司 (https://www.metinfo.cn). All rights reserved.*/
.met-scroll-top {
position: fixed;
right: 10px;
bottom: 10px;
z-index: 10
}
.nav-tabs .nav-link {
color: #333
}
.edui-editor,.token-input {
max-width: 100%
}
.edui-default .edui-editor-toolbarbox {
position: relative !important
}
.clockpicker-popover .popover-title {
font-weight: normal!important
}
.met-fixed,.fixed-b-l {
position: fixed;
left: 0;
z-index: 1000
}
.met-fixed {
top: 0
}
.fixed-b-l {
bottom: 0
}
.overflow-visible {
overflow: visible!important
}
.oya {
overflow-y: auto!important
}
.oxa {
overflow-x: auto!important
}
.h-10 {
height: 10px
}
.h-20 {
height: 20px
}
.h-100p {
height: 100%
}
.hide {
display: none !important
}
#getcode,.met-getcode {
height: 24px
}
.opacity1,.slick-arrow:hover i {
opacity: 1
}
.opacity0 {
opacity: 0
}
.flex,.slick-track {
display: flex
}
.slick-track {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.radius0 {
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
-o-border-radius: 0px !important;
border-radius: 0px !important
}
.radius3 {
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
-o-border-radius: 3px !important;
border-radius: 3px !important
}
.radius5 {
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
-o-border-radius: 5px !important;
border-radius: 5px !important
}
.radius10 {
-webkit-border-radius: 10px !important;
-moz-border-radius: 10px !important;
-o-border-radius: 10px !important;
border-radius: 10px !important
}
.box-shadow-none {
box-shadow: none
}
.box-shadow1 {
box-shadow: 0 1px 1px rgba(0,0,0,.05)
}
.ulstyle {
margin: 0;
padding: 0px;
list-style: none
}
.border-none {
border: none!important
}
.border-top1 {
border-top: 1px solid #f0f2f5
}
.border-bottom1 {
border-bottom: 1px solid #f0f2f5
}
.border-type1 {
border: 1px solid #ccc
}
.flex-start {
-webkit-justify-content: flex-start!important;
justify-content: flex-start!important
}
.flex-center {
-webkit-justify-content: center;
justify-content: center
}
.flex-end {
-webkit-justify-content: flex-end;
justify-content: flex-end
}
.text-shadow-none {
text-shadow: none
}
.dropdown-item,.transition500 {
transition: all 0.5s!important
}
.modal-content {
overflow: hidden
}
.page-content {
padding: 30px 0px
}
.webui-popover {
z-index: 1600
}
.pearl-title {
white-space: normal
}
[class*="animation-"] {
animation-fill-mode: none
}
.oxh {
overflow-x: hidden
}
@media (max-width: 991px) {
.page-content {
padding:20px 0px
}
.panel {
margin-bottom: 20px
}
.panel-body {
padding: 20px
}
}
@media (max-width: 767px) {
.page-content {
padding:15px 0px
}
.panel,.well,.card-shadow {
margin-bottom: 15px
}
.panel-body,.well,.modal-body,.modal-header,.modal-footer {
padding: 15px
}
.modal-footer {
padding-top: 0
}
.well,.card-shadow {
margin-bottom: 15px
}
}
@media screen\0 {
select.form-control {
padding-right: 15px
}
}
.tag-sm {
font-size: 12px
}
.w-a {
width: auto !important
}
.animation-slide-top10 {
-webkit-animation-name: slide-top10;
animation-name: slide-top10
}
@-webkit-keyframes slide-top10 {
0% {
opacity: 0;
-webkit-transform: translate3d(0,-10%,0);
transform: translate3d(0,-10%,0)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@keyframes slide-top10 {
0% {
opacity: 0;
-webkit-transform: translate3d(0,-10%,0);
transform: translate3d(0,-10%,0)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
.animation-slide-bottom10 {
-webkit-animation-name: slide-bottom10;
animation-name: slide-bottom10
}
@-webkit-keyframes slide-bottom10 {
0% {
opacity: 0;
-webkit-transform: translate3d(0,10%,0);
transform: translate3d(0,10%,0)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@keyframes slide-bottom10 {
0% {
opacity: 0;
-webkit-transform: translate3d(0,10%,0);
transform: translate3d(0,10%,0)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
.animation-slide-left10 {
-webkit-animation-name: slide-left10;
animation-name: slide-left10
}
@-webkit-keyframes slide-left10 {
0% {
opacity: 0;
-webkit-transform: translate3d(-10%,0,0);
transform: translate3d(-10%,0,0)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@keyframes slide-left10 {
0% {
opacity: 0;
-webkit-transform: translate3d(-10%,0,0);
transform: translate3d(-10%,0,0)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
.animation-slide-right10 {
-webkit-animation-name: slide-right10;
animation-name: slide-right10
}
@-webkit-keyframes slide-right10 {
0% {
opacity: 0;
-webkit-transform: translate3d(10%,0,0);
transform: translate3d(10%,0,0)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@keyframes slide-right10 {
0% {
opacity: 0;
-webkit-transform: translate3d(10%,0,0);
transform: translate3d(10%,0,0)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
.animation-slide-top50 {
-webkit-animation-name: slide-top50;
animation-name: slide-top50
}
@-webkit-keyframes slide-top50 {
0% {
opacity: 0;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@keyframes slide-top50 {
0% {
opacity: 0;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
.animation-slide-bottom50 {
-webkit-animation-name: slide-bottom50;
animation-name: slide-bottom50
}
@-webkit-keyframes slide-bottom50 {
0% {
opacity: 0;
-webkit-transform: translate3d(0,50%,0);
transform: translate3d(0,50%,0)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@keyframes slide-bottom50 {
0% {
opacity: 0;
-webkit-transform: translate3d(0,50%,0);
transform: translate3d(0,50%,0)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
.animation-slide-left50 {
-webkit-animation-name: slide-left50;
animation-name: slide-left50
}
@-webkit-keyframes slide-left50 {
0% {
opacity: 0;
-webkit-transform: translate3d(-50%,0,0);
transform: translate3d(-50%,0,0)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@keyframes slide-left50 {
0% {
opacity: 0;
-webkit-transform: translate3d(-50%,0,0);
transform: translate3d(-50%,0,0)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
.animation-slide-right50 {
-webkit-animation-name: slide-right50;
animation-name: slide-right50
}
@-webkit-keyframes slide-right50 {
0% {
opacity: 0;
-webkit-transform: translate3d(50%,0,0);
transform: translate3d(50%,0,0)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@keyframes slide-right50 {
0% {
opacity: 0;
-webkit-transform: translate3d(50%,0,0);
transform: translate3d(50%,0,0)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
.dropdown-item.active {
color: #2f318b!important
}
.dropdown-item:hover,.dropdown-item.active {
background: #f5f5f5!important
}
.dropdown-toggle::after {
margin-top: -3px
}
.dropdown-submenu:hover .dropdown-menu {
display: table
}
.dropdown-submenu.dropdown-item {
padding: 0!important
}
.dropdown-menu,.dropdown-menu .dropdown-item {
font-weight: normal
}
@media (max-width: 1199px) {
.dropdown-item {
white-space:normal
}
}
@media (max-width: 767px) {
.dropdown-menu.dropdown-menu-bullet:before,.dropdown-menu.dropdown-menu-bullet:after {
display:none
}
}
.met-sidebar-nav .list-group-item a {
color: #76838f
}
.met-sidebar-nav .list-group-item a:hover {
color: #000;
text-decoration: none
}
.met-sidebar-nav .list-group-item.active a {
color: #62a8ea
}
.met-editor {
width: 100%;
max-width: 100%;
font-size: 16px;
line-height: 1.8
}
.met-editor * {
max-width: 100%
}
.met-editor p {
margin-bottom: .8em
}
.met-editor table p {
margin-bottom: 0
}
.met-editor img {
max-width: 100%!important;
vertical-align: top;
}
.met-editor img[src]:not(.imgloading):not([height!='']) {
height: auto
}
.met-editor .table-saw {
overflow-x: auto
}
.met-editor .metvideobox,.met-editor video,.met-editor .metvideo,.met-editor iframe,.met-editor embed {
max-width: 100%!important
}
.met-editor video {
outline: none
}
.met-editor .lg-item-box {
display: inline-block
}
@media (max-width: 767px) {
.met-editor {
font-size:14px
}
}
@media (min-width: 1024px) {
.dropdown-menu-media .list-group::-webkit-scrollbar {
width:5px
}
.dropdown-menu-media .list-group::-webkit-scrollbar-thumb {
background-color: #bbb;
border-radius: 5px
}
.dropdown-menu-media .list-group::-webkit-scrollbar-track {
background-color: #e5e5e5
}
}
.met-lightgallery .lg-backdrop,.met-lightgallery .lg-toolbar {
background: #fff
}
.met-lightgallery .lg-actions .lg-icon {
padding: 10px 0;
background: rgba(255,255,255,0.5)
}
.met-lightgallery .lg-actions .lg-icon:before,.met-lightgallery .lg-actions .lg-icon:after {
content: ''
}
.met-lightgallery .lg-actions .lg-icon i {
font-size: 40px
}
.met-lightgallery .lg-sub-html {
background: rgba(255,255,255,0.7)
}
.met-lightgallery .lg-toolbar.opacity0 {
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px)
}
.met-lightgallery .lg-outer {
z-index: 1602;
background: #fff
}
.met-lightgallery .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
bottom: 84px
}
.met-lightgallery .lg-outer .lg-thumb-outer,.met-lightgallery .lg-outer .lg-toogle-thumb {
background: #fff
}
.met-lightgallery .lg-outer .lg-thumb-outer {
padding: 0 10px
}
.met-lightgallery .lg-outer .lg-thumb-outer .lg-thumb-item {
margin-bottom: 0
}
.met-lightgallery .lg-outer .lg-thumb-outer .lg-thumb-item.active,.met-lightgallery .lg-outer .lg-thumb-outer .lg-thumb-item:hover {
border-color: #62a8ea
}
.met-lightgallery .lg-toolbar .lg-icon:hover,.met-lightgallery .lg-actions .lg-next:hover,.met-lightgallery .lg-actions .lg-prev:hover,.met-lightgallery .lg-outer .lg-toogle-thumb:hover {
color: #2a333c
}
.met-lightgallery .lg-sub-html {
color: #5e7387
}
.swiper-navtab.swiper-container-horizontal .swiper-scrollbar {
width: 100%;
height: 3px;
left: 0;
bottom: 0
}
.swiper-navtab.swiper-container-horizontal .swiper-scrollbar-drag {
background: rgba(0,0,0,0.2)
}
.swiper-navtab .swiper-slide {
width: auto
}
.swiper-wrapper>* {
box-sizing: border-box
}
.slick-loading .slick-list {
background: none
}
.slick-arrow {
width: auto;
height: auto;
z-index: 1;
color: #fff!important;
text-align: center
}
.slick-arrow:before,.slick-arrow:after {
display: none
}
.slick-arrow:hover {
color: #2f318b!important
}
.slick-arrow.slick-next {
right: 0
}
.slick-arrow.slick-prev {
left: 0
}
.slick-arrow i {
font-size: 40px;
opacity: .5
}
.slick-slide img[data-lazy] {
width: auto!important;
max-width: 100%!important
}
.met-product-showvideo-btn {
position: absolute;
left: 10px;
top: 0;
z-index: 1100;
font-size: 60px;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.met-product-showvideo-btn i {
color: #000;
background: #fff;
border-radius: 100%
}
.met-product-showvideo-btn,.met-product-showvideo-btn a,.met-product-showvideo-btn i {
width: 50px;
height: 50px;
line-height: 50px
}
.met-product-showvideo {
position: absolute;
left: 0;
top: 0;
z-index: 1100
}
.met-product-showvideo .vertical-align-middle {
position: relative
}
.met-product-showvideo video,.met-product-showvideo iframe,.met-product-showvideo embed {
max-width: 100%;
vertical-align: top
}
.met-product-showvideo p {
margin-bottom: 0
}
.met-product-showvideo .video-close {
width: 40px;
height: 40px;
background: #000;
opacity: .7;
color: #fff;
font-size: 30px;
font-weight: bold;
line-height: 35px;
border-radius: 100%;
position: absolute;
right: 5px;
top: 5px;
z-index: 1100
}
.met-product-showvideo video {
outline: none
}
@media (max-width: 767px) {
.met-product-showvideo .video-close {
width:30px;
height: 30px;
font-size: 24px;
line-height: 30px
}
}
.met-sidebar {
margin-left: 30px
}
@media (max-width: 991px) {
.met-sidebar {
margin-left:0px;
margin-top: 20px
}
}
@media (max-width: 767px) {
.met-sidebar {
margin-top:15px
}
}
.met-sidebar >:not(:first-child) {
margin: 20px 0 0;
padding: 20px 0 0;
border-top: 1px solid #f0f2f5
}
.leftsidebar {
margin-left: 0!important;
margin-right: 30px!important
}
@media (max-width: 991px) {
.leftsidebar {
margin-right:0px!important
}
}
.met-tools .bdsharebuttonbox {
display: inline-block;
vertical-align: top
}
#bdshare_weixin_qrcode_dialog {
box-sizing: content-box
}
.no-js .grid li,.no-cssanimations .met-grid li,.met-grid li.shown,#met-imgs-slick .slick-dots li.slick-active {
opacity: 1
}
.met-lightgallery .lg-toolbar.opacity0,.met-grid li {
opacity: 0
}
#met-imgs-slick .slick-dots {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.paralist li {
margin-bottom: 0
}
@media (min-width: 480px) {
.paralist li {
padding-right:3px;
padding-bottom: 3px
}
}
.met-showproduct-head .product-para {
border-top: 1px solid #f0f2f5
}
.met-showproduct-head .product-para,.product-detail .met-editor .product-para {
border-bottom: 1px solid #f0f2f5
}
.met-column-nav-ul,.met-column-nav-ul.swiper-wrapper,#met-imgs-slick .slick-dots {
-webkit-justify-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.met-index-body:nth-of-type(odd) {
background: #f5f5f5
}
.met-showproduct.pagetype2 .met-showproduct-navtabs.swiper-wrapper {
-webkit-justify-content: flex-end;
justify-content: flex-end
}
.met-page .pagination li a {
max-width: 100%
}
.block-bg {
background: #fff
}
.dropdown-item,.met-page .pagination li a,.sidebar-news-list .list-group a,.sidebar-column li a,.met-nav .navlist .nav-item a,.met-footnav .list h4 a,.index-product-list h4 a,.index-news-list li a,.met-news-list li h4 a,.met-news-list.type-3 .card h4 a,.met-product.type-1 .met-product-list li h4 a,.met-download-list .list-group-item .media-heading a,.met-job-list .card .card-title a,.met-search-list .list-group-item h4 a,.met-footnav .info em a:hover,.index-service-list li h3 {
color: #2a333c
}
.dropdown-item:hover,.met-page .pagination li a:hover,.sidebar-news-list .list-group a:hover,.sidebar-column li a:hover,.met-nav .navlist .nav-item a:hover,.met-footnav .list h4 a:hover,.index-product-list h4 a:hover,.index-news-list li a:hover,.met-news-list li h4 a:hover,.met-news-list.type-3 .card h4 a:hover,.met-product.type-1 .met-product-list li h4 a:hover,.met-download-list .list-group-item .media-heading a:hover,.met-job-list .card .card-title a:hover,.met-search-list .list-group-item h4 a:hover,.sidebar-piclist-ul li h4 a:hover,.met-link a:hover,.met-footnav .list ul li a:hover,.met-column-nav-ul li a:hover,.sitemap-list a:hover,.met-nav .navlist .nav-item a.nav-link:hover {
color: #2f318b
}
.sidebar-column li a.active,.met-column-nav-ul li a.active {
color: #2f318b
}
.sidebar-column li i,.met-link .breadcrumb>li+li:before,.met-footnav .info p,footer {
color: #aaa
}
.sidebar-piclist-ul li h4 a,.paralist li,.met-link,.met-link a,.met-footnav .list ul li a,.met-footnav .info em a,.met-index-body p.desc,.index-service-list li i,.index-service-list li p,.met-showproduct-head .product-intro p.description {
color: #5e7387
}
.met-head-user .dropdown i,.met-search-list .list-group-item .search-text {
color: #9e9e9e
}
.dropdown-item,.met-page .pagination li a,.sidebar-news-list .list-group a,.sidebar-column li a,.met-nav .navlist .nav-item a,.met-footnav .list h4 a,.index-product-list h4 a,.index-news-list li a,.met-news-list li h4 a,.met-news-list.type-3 .card h4 a,.met-product.type-1 .met-product-list li h4 a,.met-download-list .list-group-item .media-heading a,.met-job-list .card .card-title a,.met-search-list .list-group-item h4 a,.sidebar-piclist-ul li h4 a,.met-link a,.met-footnav .list ul li a,.met-column-nav-ul li a,.sitemap-list a {
text-decoration: none
}
.dropdown-item:active,.met-page .pagination li a:active,.sidebar-news-list .list-group a:active,.sidebar-column li a:active,.met-nav .navlist .nav-item a:active,.met-footnav .list h4 a:active,.index-product-list h4 a:active,.index-news-list li a:active,.met-news-list li h4 a:active,.met-news-list.type-3 .card h4 a:active,.met-product.type-1 .met-product-list li h4 a:active,.met-download-list .list-group-item .media-heading a:active,.met-job-list .card .card-title a:active,.met-search-list .list-group-item h4 a:active,.sidebar-piclist-ul li h4 a:active,.met-link a:active,.met-footnav .list ul li a:active,.met-column-nav-ul li a:active,.sitemap-list a:active,.decorationnone:active,.dropdown-item:focus,.met-page .pagination li a:focus,.sidebar-news-list .list-group a:focus,.sidebar-column li a:focus,.met-nav .navlist .nav-item a:focus,.met-footnav .list h4 a:focus,.index-product-list h4 a:focus,.index-news-list li a:focus,.met-news-list li h4 a:focus,.met-news-list.type-3 .card h4 a:focus,.met-product.type-1 .met-product-list li h4 a:focus,.met-download-list .list-group-item .media-heading a:focus,.met-job-list .card .card-title a:focus,.met-search-list .list-group-item h4 a:focus,.sidebar-piclist-ul li h4 a:focus,.met-link a:focus,.met-footnav .list ul li a:focus,.met-column-nav-ul li a:focus,.sitemap-list a:focus,.decorationnone:focus,.dropdown-item:hover,.met-page .pagination li a:hover,.sidebar-news-list .list-group a:hover,.sidebar-column li a:hover,.met-nav .navlist .nav-item a:hover,.met-footnav .list h4 a:hover,.index-product-list h4 a:hover,.index-news-list li a:hover,.met-news-list li h4 a:hover,.met-news-list.type-3 .card h4 a:hover,.met-product.type-1 .met-product-list li h4 a:hover,.met-download-list .list-group-item .media-heading a:hover,.met-job-list .card .card-title a:hover,.met-search-list .list-group-item h4 a:hover,.sidebar-piclist-ul li h4 a:hover,.met-link a:hover,.met-footnav .list ul li a:hover,.met-column-nav-ul li a:hover,.sitemap-list a:hover,.decorationnone:hover {
text-decoration: none
}
.navhover-bg,.met-head-user .dropdown>a {
background: #f5f5f5
}
.index-bg,.met-index-body:nth-of-type(odd) {
background: #f5f5f5
}
.page-bg,.bg-pagebg1 {
background: #f2f2f2
}
.block-bg,.panel,.met-showproduct.pagetype2 .content:nth-child(even) {
background: #fff
}
.editor-color {
background: #5e7387
}
.pagecr-bg {
background: #62a8ea
}
.index-service-list li i {
border-radius: 100%
}
.met-head+.met-crumbs,.met-head+.met-column-nav {
border-top: 1px solid #f0f2f5
}
.sidebar-column li a {
display: block;
font-size: 16px
}
.sidebar-column li i {
float: right;
margin-top: 2px;
font-size: 14px
}
.sidebar-column li ul a {
font-size: 14px
}
.boxxx{width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;z-index:100;display:none; top:0;}
.weixin{ width:60px; height:60px; position:fixed; right:10px; top:200px; border:none; background:none }
.hint{width:300px;height:300px;margin:0 auto; background:#fff;position:fixed;top:40%;left:45%;z-index:111;display:none;border-radius:5px; padding-top:45px;}
.hint-in1{position:relative;}
.hint1{width:48px;height:47px;background:url(../images/icon/hint1.png) no-repeat;-webkit-background-size:48px 47px;
background-size:48px 47px;top:12px;left:98px;position:absolute;z-index:111;}
.hint2{line-height:70px;color:#f4e8df;font-size:26px;padding-left:156px;}
.hint3{width:38px;height:37px;background:url(../images/icon/hint3.png) no-repeat;-webkit-background-size:38px 37px;background-size:38px 37px; position:absolute;top:-47px;right:-37px;}
.hint3:hover{width:38px;height:37px;background:url(../images/icon/hint33.png) no-repeat;-webkit-background-size:38px 37px;background-size:38px 37px; position:absolute;top:-47px;right:-37px;}
.hint-in2{line-height:150px;font-size:20px; text-align:center;color:#ff6600;}
.hint-in3{font-size:22px ;width:190px;height:50px;background:#ff7800;color:#f4e8df;position:absolute;bottom:50px;left:155px;text-align:center;line-height:50px;border-radius:6px;}
.hintl{width:500px;height:332px;margin:0 auto;background:#fff;position:fixed;top:50%;left:50%;margin-left:-250px;margin-top:-166px;z-index:111;display:none;}
.hintl-in1{width:500px;height:70px;background:#ff6600;position:relative;}
.hintl1{width:48px;height:47px;background:url(../images/icon/hint2.png) no-repeat;-webkit-background-size:48px 47px;
background-size:48px 47px;top:12px;left:98px;position:absolute;z-index:111;}
.hintl2{line-height:70px;color:#f4e8df;font-size:26px;padding-left:156px;}
.hintl3{width:38px;height:37px;background:url(../images/icon/hint3.png) no-repeat;-webkit-background-size:38px 37px;background-size:38px 37px; position:absolute;top:7px;right:7px;}
.hintl-in2{line-height:150px;font-size:20px; text-align:center;color:#ff6600;}
.hintl-in3{font-size:22px ;width:90px;height:50px;background:#ff7800;color:#f4e8df;position:absolute;bottom:50px;left:108px;text-align:center;line-height:50px;border-radius:8px;}
.hintl-in4{font-size:22px ;width:90px;height:50px;background:#d1cfcd;color:#fff;position:absolute;bottom:50px;right:108px;text-align:center;line-height:50px;border-radius:8px;}
@media (max-width:767px){
.lang a img{ height:18px!important; width:18px;}
.met-nav-langlist li img{ height:20px;}
.hint{width:200px;height:200px;margin:0 auto; background:#fff;position:fixed;top:100px;left:25%;z-index:111;display:none;border-radius:5px; padding-top:15px;}
#cd-lateral-nav .cd-navigation{ margin-left:0; padding-left:0}
#cd-lateral-nav .cd-navigation li{ padding-left:30px; list-style:inherit; border-bottom:none; border:0}
#cd-lateral-nav .cd-navigation li:last-child{ padding-left:30px; border-bottom:none}
#cd-lateral-nav .item-has-children > a{ line-height:normal}
#cd-menu-trigger.is-clicked .cd-menu-icon::before{ bottom:2px;}
#cd-lateral-nav .cd-navigation li:nth-child(15){ padding-top:20px;}
#cd-lateral-nav .cd-navigation li:nth-child(14){ padding-bottom:20px;}
}
@media (max-width: 1920px) {
.met-product-list li{ height:350px;}
.met-product-list .cp1{ height:720px;}
}