* {
overflow-wrap : break-word;
}
html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset {
margin : 0;
padding : 0;
}
ul, ol, dl {
list-style-type : none;
}
html {
font-family : sans-serif;
font-size : 10px;
}
*, *:before, *:after {
box-sizing : border-box;
}
address, caption, cite, code, dfn, em, th, var {
font-style : normal;
font-weight : 400;
}
input, button, textarea, select, optgroup, option {
font-family : inherit;
font-size : inherit;
font-style : inherit;
font-weight : inherit;
}
input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"] {
outline : 0;
}
body, th, td, button, input, select, textarea {
font-family : microsoft yahei, hiragino sans gb, helvetica neue, Helvetica, tahoma, arial, wenquanyi micro hei, Verdana, sans-serif, \005b8b\004f53;
font-size : 1.2rem;
}
@media (max-width: 767px) {
html {
overflow-y : auto;
}
body, th, td, button, input, select, textarea {
font-size : 14px;
}
}
body {
line-height : 1.6;
font-size : 1.4rem;
position : relative;
}
h1, h2, h3, h4, h5, h6 {
font-size : 100%;
}
a, area {
outline : 0;
}
a {
text-decoration : none;
cursor : pointer;
}
a:hover {
text-decoration : underline;
outline : 0;
}
a:focus {
outline : 0;
}
a:hover, a:active {
outline : 0;
}
:focus {
outline : 0;
}
sub, sup {
vertical-align : baseline;
}
img {
border : 0;
vertical-align : middle;
}
header, footer, section, aside, details, menu, article, section, nav, address, hgroup, figure, figcaption, legend {
display : block;
margin : 0;
padding : 0;
}
time {
display : inline;
}
audio, canvas, video {
display : inline-block;
}
audio:not([controls]) {
display : none;
}
legend {
width : 100%;
margin-bottom : 20px;
font-size : 2.1rem;
line-height : 40px;
border : 0;
border-bottom : 1px solid #e5e5e5;
}
legend small {
font-size : 1.5rem;
color : #999;
}
svg:not(:root) {
overflow : hidden;
}
fieldset {
border-width : 0;
padding : 0.35em 0.625em 0.75em;
margin : 0 2px;
border : silver solid 1px;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height : auto;
}
.cl:after, .clearfix:after {
content : "\20";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix:after, .layout:after, .container:after, .container-layout:after, .row:after, .div:after, .line-middle:after, .line-big:after, .nav-main:after, .nav-sub:after, .navbar:after {
content : " ";
display : block;
height : 0;
clear : both;
visibility : hidden;
overflow : hidden;
}
.container {
padding-right : 15px;
padding-left : 15px;
margin-right : auto;
margin-left : auto;
}
.container-fluid {
padding-right : 15px;
padding-left : 15px;
margin-right : auto;
margin-left : auto;
}
@media (min-width: 1000px) {
.container {
width : 1000px;
}
}
@media (min-width: 760px) {
.container {
width : 750px;
}
}
@media (min-width: 1200px) {
.container {
width : 1170px;
}
}
@media print {
.container {
width : auto;
}
}
.row {
margin-left : -15px;
margin-right : -15px;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .xs1, .sm1, .md1, .lg1, .xs2, .sm2, .md2, .lg2, .xs3, .sm3, .md3, .lg3, .xs4, .sm4, .md4, .lg4, .xs5, .sm5, .md5, .lg5, .xs6, .sm6, .md6, .lg6, .xs7, .sm7, .md7, .lg7, .xs8, .sm8, .md8, .lg8, .xs9, .sm9, .md9, .lg9, .xs10, .sm10, .md10, .lg10, .xs11, .sm11, .md11, .lg11, .xs12, .sm12, .md12, .lg12 {
min-height : 1px;
position : relative;
padding-left : 15px;
padding-right : 15px;
box-sizing : border-box;
transition : all 0.3s ease-in;
}
.col-1 {
width : 8.33333%;
}
.col-2 {
width : 16.66667%;
}
.col-3 {
width : 25%;
}
.col-4 {
width : 33.33333%;
}
.col-5 {
width : 41.66667%;
}
.col-6 {
width : 50%;
}
.col-7 {
width : 58.33333%;
}
.col-8 {
width : 66.66667%;
}
.col-9 {
width : 75%;
}
.col-10 {
width : 83.33333%;
}
.col-11 {
width : 91.66667%;
}
.col-0-move {
margin-left : 0;
}
.col-1-move {
margin-left : 8.33333%;
}
.col-2-move {
margin-left : 16.66667%;
}
.col-3-move {
margin-left : 25%;
}
.col-4-move {
margin-left : 33.33333%;
}
.col-5-move {
margin-left : 41.66667%;
}
.col-6-move {
margin-left : 50%;
}
.col-7-move {
margin-left : 58.33333%;
}
.col-8-move {
margin-left : 66.66667%;
}
.col-9-move {
margin-left : 75%;
}
.col-10-move {
margin-left : 83.33333%;
}
.col-11-move {
margin-left : 91.66667%;
}
.col-push-0 {
position : relative;
left : 0;
right : auto;
}
.col-pull-0 {
right : 0;
left : auto;
}
.col-push-1 {
left : 8.33333%;
right : auto;
}
.col-pull-1 {
right : 8.33333%;
left : auto;
}
.col-push-2 {
left : 16.66667%;
right : auto;
}
.col-pull-2 {
right : 16.66667%;
left : auto;
}
.col-push-3 {
left : 25%;
right : auto;
}
.col-pull-3 {
right : 25%;
left : auto;
}
.col-push-4 {
left : 33.33333%;
right : auto;
}
.col-pull-4 {
right : 33.33333%;
left : auto;
}
.col-push-5 {
left : 41.66667%;
right : auto;
}
.col-pull-5 {
right : 41.66667%;
left : auto;
}
.col-push-6 {
left : 50%;
right : auto;
}
.col-pull-6 {
right : 50%;
left : auto;
}
.col-push-7 {
left : 58.33333%;
right : auto;
}
.col-pull-7 {
right : 58.33333%;
left : auto;
}
.col-push-8 {
left : 66.66667%;
right : auto;
}
.col-pull-8 {
right : 66.66667%;
left : auto;
}
.col-push-9 {
left : 75%;
right : auto;
}
.col-pull-9 {
right : 75%;
left : auto;
}
.col-push-10 {
left : 83.33333%;
right : auto;
}
.col-pull-10 {
right : 83.33333%;
left : auto;
}
.col-push-11 {
left : 91.66667%;
right : auto;
}
.col-pull-11 {
right : 91.66667%;
left : auto;
}
.col-1-1 {
width : 100%;
}
.col-2-1 {
width : 50%;
}
.col-3-1 {
width : 33.333333%;
}
.col-3-2 {
width : 66.666667%;
}
.col-4-1 {
width : 25%;
}
.col-4-3 {
width : 75%;
}
.col-5-1 {
width : 20%;
}
.col-5-2 {
width : 40%;
}
.col-5-3 {
width : 60%;
}
.col-5-4 {
width : 80%;
}
.col-6-1 {
width : 16.666667%;
}
.col-6-5 {
width : 83.333333%;
}
.xs1, .xs2, .xs3, .xs4, .xs5, .xs6, .xs7, .xs8, .xs9, .xs10, .xs11, .xs12 {
float : left;
}
.xs12 {
width : 100%;
}
.xs11 {
width : 91.66666667%;
}
.xs10 {
width : 83.33333333%;
}
.xs9 {
width : 75%;
}
.xs8 {
width : 66.66666667%;
}
.xs7 {
width : 58.33333333%;
}
.xs6 {
width : 50%;
}
.xs5 {
width : 41.66666667%;
}
.xs4 {
width : 33.33333333%;
}
.xs3 {
width : 25%;
}
.xs2 {
width : 33.33333333%;
}
.xs1 {
width : 8.33333333%;
}
.xspull-12 {
right : 100%;
}
.xspull-11 {
right : 91.66666667%;
}
.xspull-10 {
right : 83.33333333%;
}
.xspull-9 {
right : 75%;
}
.xspull-8 {
right : 66.66666667%;
}
.xspull-7 {
right : 58.33333333%;
}
.xspull-6 {
right : 50%;
}
.xspull-5 {
right : 41.66666667%;
}
.xspull-4 {
right : 33.33333333%;
}
.xspull-3 {
right : 25%;
}
.xspull-2 {
right : 16.66666667%;
}
.xspull-1 {
right : 8.33333333%;
}
.xspull-0 {
right : auto;
}
.xspush-12 {
left : 100%;
}
.xspush-11 {
left : 91.66666667%;
}
.xspush-10 {
left : 83.33333333%;
}
.xspush-9 {
left : 75%;
}
.xspush-8 {
left : 66.66666667%;
}
.xspush-7 {
left : 58.33333333%;
}
.xspush-6 {
left : 50%;
}
.xspush-5 {
left : 41.66666667%;
}
.xspush-4 {
left : 33.33333333%;
}
.xspush-3 {
left : 25%;
}
.xspush-2 {
left : 16.66666667%;
}
.xspush-1 {
left : 8.33333333%;
}
.xspush-0 {
left : auto;
}
.xs12-move {
margin-left : 100%;
}
.xs11-move {
margin-left : 91.66666667%;
}
.xs10-move {
margin-left : 83.33333333%;
}
.xs9-move {
margin-left : 75%;
}
.xs8-move {
margin-left : 66.66666667%;
}
.xs7-move {
margin-left : 58.33333333%;
}
.xs6-move {
margin-left : 50%;
}
.xs5-move {
margin-left : 41.66666667%;
}
.xs4-move {
margin-left : 33.33333333%;
}
.xs3-move {
margin-left : 25%;
}
.xs2-move {
margin-left : 16.66666667%;
}
.xs1-move {
margin-left : 8.33333333%;
}
.xs0-move {
margin-left : 0;
}
@media (max-width: 767px) {
.responsive [class^="col-"], .responsive [class*=" col-"] {
float : none !important ;
width : auto !important ;
}
.responsive [class^="col-offset-"], .responsive [class*=" col-offset-"] {
margin-left : 0 !important ;
}
}
@media (min-width: 768px) {
.sm1, .sm10, .sm11, .sm12, .sm2, .sm3, .sm4, .sm5, .sm6, .sm7, .sm8, .sm9 {
float : left;
}
.sm12 {
width : 100%;
}
.sm11 {
width : 91.66666666666666%;
}
.sm10 {
width : 83.33333333333334%;
}
.sm9 {
width : 75%;
}
.sm8 {
width : 66.66666666666666%;
}
.sm7 {
width : 58.333333333333336%;
}
.sm6 {
width : 50%;
}
.sm5 {
width : 41.66666666666667%;
}
.sm4 {
width : 33.33333333333333%;
}
.sm3 {
width : 25%;
}
.sm2 {
width : 16.666666666666664%;
}
.sm1 {
width : 8.333333333333332%;
}
.smpull-12 {
right : 100%;
}
.smpull-11 {
right : 91.66666666666666%;
}
.smpull-10 {
right : 83.33333333333334%;
}
.smpull-9 {
right : 75%;
}
.smpull-8 {
right : 66.66666666666666%;
}
.smpull-7 {
right : 58.333333333333336%;
}
.smpull-6 {
right : 50%;
}
.smpull-5 {
right : 41.66666666666667%;
}
.smpull-4 {
right : 33.33333333333333%;
}
.smpull-3 {
right : 25%;
}
.smpull-2 {
right : 16.666666666666664%;
}
.smpull-1 {
right : 8.333333333333332%;
}
.smpull-0 {
right : 0;
}
.smpush-12 {
left : 100%;
}
.smpush-11 {
left : 91.66666666666666%;
}
.smpush-10 {
left : 83.33333333333334%;
}
.smpush-9 {
left : 75%;
}
.smpush-8 {
left : 66.66666666666666%;
}
.smpush-7 {
left : 58.333333333333336%;
}
.smpush-6 {
left : 50%;
}
.smpush-5 {
left : 41.66666666666667%;
}
.smpush-4 {
left : 33.33333333333333%;
}
.smpush-3 {
left : 25%;
}
.smpush-2 {
left : 16.666666666666664%;
}
.smpush-1 {
left : 8.333333333333332%;
}
.smpush-0 {
left : 0;
}
.sm12-move {
margin-left : 100%;
}
.sm11-move {
margin-left : 91.66666666666666%;
}
.sm10-move {
margin-left : 83.33333333333334%;
}
.sm9-move {
margin-left : 75%;
}
.sm8-move {
margin-left : 66.66666666666666%;
}
.sm7-move {
margin-left : 58.333333333333336%;
}
.sm6-move {
margin-left : 50%;
}
.sm5-move {
margin-left : 41.66666666666667%;
}
.sm4-move {
margin-left : 33.33333333333333%;
}
.sm3-move {
margin-left : 25%;
}
.sm2-move {
margin-left : 16.666666666666664%;
}
.sm1-move {
margin-left : 8.333333333333332%;
}
.sm0-move {
margin-left : 0;
}
}
@media (min-width: 992px) {
.md1, .md10, .md11, .md12, .md2, .md3, .md4, .md5, .md6, .md7, .md8, .md9 {
float : left;
}
.md12 {
width : 100%;
}
.md11 {
width : 91.66666666666666%;
}
.md10 {
width : 83.33333333333334%;
}
.md9 {
width : 75%;
}
.md8 {
width : 66.66666666666666%;
}
.md7 {
width : 58.333333333333336%;
}
.md6 {
width : 50%;
}
.md5 {
width : 41.66666666666667%;
}
.md4 {
width : 50%;
}
.md3 {
width : 25%;
}
.md2 {
width : 16.666666666666664%;
}
.md1 {
width : 8.333333333333332%;
}
.mdpull-12 {
right : 100%;
}
.mdpull-11 {
right : 91.66666666666666%;
}
.mdpull-10 {
right : 83.33333333333334%;
}
.mdpull-9 {
right : 75%;
}
.mdpull-8 {
right : 66.66666666666666%;
}
.mdpull-7 {
right : 58.333333333333336%;
}
.mdpull-6 {
right : 50%;
}
.mdpull-5 {
right : 41.66666666666667%;
}
.mdpull-4 {
right : 33.33333333333333%;
}
.mdpull-3 {
right : 25%;
}
.mdpull-2 {
right : 16.666666666666664%;
}
.mdpull-1 {
right : 8.333333333333332%;
}
.mdpull-0 {
right : 0;
}
.mdpush-12 {
left : 100%;
}
.mdpush-11 {
left : 91.66666666666666%;
}
.mdpush-10 {
left : 83.33333333333334%;
}
.mdpush-9 {
left : 75%;
}
.mdpush-8 {
left : 66.66666666666666%;
}
.mdpush-7 {
left : 58.333333333333336%;
}
.mdpush-6 {
left : 50%;
}
.mdpush-5 {
left : 41.66666666666667%;
}
.mdpush-4 {
left : 33.33333333333333%;
}
.mdpush-3 {
left : 25%;
}
.mdpush-2 {
left : 16.666666666666664%;
}
.mdpush-1 {
left : 8.333333333333332%;
}
.mdpush-0 {
left : 0;
}
.md12-move {
margin-left : 100%;
}
.md11-move {
margin-left : 91.66666666666666%;
}
.md10-move {
margin-left : 83.33333333333334%;
}
.md9-move {
margin-left : 75%;
}
.md8-move {
margin-left : 66.66666666666666%;
}
.md7-move {
margin-left : 58.333333333333336%;
}
.md6-move {
margin-left : 50%;
}
.md5-move {
margin-left : 41.66666666666667%;
}
.md4-move {
margin-left : 33.33333333333333%;
}
.md3-move {
margin-left : 25%;
}
.md2-move {
margin-left : 16.666666666666664%;
}
.md1-move {
margin-left : 8.333333333333332%;
}
.md0-move {
margin-left : 0;
}
}
@media (min-width: 1200px) {
.lg1, .lg10, .lg11, .lg12, .lg2, .lg3, .lg4, .lg5, .lg6, .lg7, .lg8, .lg9 {
float : left;
}
.lg12 {
width : 100%;
}
.lg11 {
width : 91.66666666666666%;
}
.lg10 {
width : 83.33333333333334%;
}
.lg9 {
width : 75%;
}
.lg8 {
width : 66.66666666666666%;
}
.lg7 {
width : 58.333333333333336%;
}
.lg6 {
width : 50%;
}
.lg5 {
width : 41.66666666666667%;
}
.lg4 {
width : 33.33333333333333%;
}
.lg3 {
width : 25%;
}
.lg2 {
width : 16.666666666666664%;
}
.lg1 {
width : 8.333333333333332%;
}
.lgpull-12 {
right : 100%;
}
.lgpull-11 {
right : 91.66666666666666%;
}
.lgpull-10 {
right : 83.33333333333334%;
}
.lgpull-9 {
right : 75%;
}
.lgpull-8 {
right : 66.66666666666666%;
}
.lgpull-7 {
right : 58.333333333333336%;
}
.lgpull-6 {
right : 50%;
}
.lgpull-5 {
right : 41.66666666666667%;
}
.lgpull-4 {
right : 33.33333333333333%;
}
.lgpull-3 {
right : 25%;
}
.lgpull-2 {
right : 16.666666666666664%;
}
.lgpull-1 {
right : 8.333333333333332%;
}
.lgpull-0 {
right : 0;
}
.lgpush-12 {
left : 100%;
}
.lgpush-11 {
left : 91.66666666666666%;
}
.lgpush-10 {
left : 83.33333333333334%;
}
.lgpush-9 {
left : 75%;
}
.lgpush-8 {
left : 66.66666666666666%;
}
.lgpush-7 {
left : 58.333333333333336%;
}
.lgpush-6 {
left : 50%;
}
.lgpush-5 {
left : 41.66666666666667%;
}
.lgpush-4 {
left : 33.33333333333333%;
}
.lgpush-3 {
left : 25%;
}
.lgpush-2 {
left : 16.666666666666664%;
}
.lgpush-1 {
left : 8.333333333333332%;
}
.lgpush-0 {
left : 0;
}
.lg1-move2 {
margin-left : 100%;
}
.lg11-move {
margin-left : 91.66666666666666%;
}
.lg10-move {
margin-left : 83.33333333333334%;
}
.lg9-move {
margin-left : 75%;
}
.lg8-move {
margin-left : 66.66666666666666%;
}
.lg7-move {
margin-left : 58.333333333333336%;
}
.lg6-move {
margin-left : 50%;
}
.lg5-move {
margin-left : 41.66666666666667%;
}
.lg4-move {
margin-left : 33.33333333333333%;
}
.lg3-move {
margin-left : 25%;
}
.lg2-move {
margin-left : 16.666666666666664%;
}
.lg1-move {
margin-left : 8.333333333333332%;
}
.lg0-move {
margin-left : 0;
}
}
.visible-xs, .visible-sm, .visible-md, .visible-lg, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
display : none !important ;
}
@media (max-width: 767px) {
.visible-xs {
display : block !important ;
}
.hidden-xs {
display : none !important ;
}
.visible-xs-block {
display : block !important ;
}
.visible-xs-inline {
display : inline !important ;
}
.visible-xs-inline-block {
display : inline-block !important ;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display : block !important ;
}
.hidden-sm {
display : none !important ;
}
.visible-sm-block {
display : block !important ;
}
.visible-sm-inline {
display : inline !important ;
}
.visible-sm-inline-block {
display : inline-block !important ;
}
}
@media (min-width: 1000px) and (max-width: 1200px) {
.visible-md {
display : block !important ;
}
.hidden-md {
display : none !important ;
}
.visible-md-block {
display : block !important ;
}
.visible-md-inline {
display : inline !important ;
}
.visible-md-inline-block {
display : inline-block !important ;
}
}
@media (min-width: 1200px) {
.visible-lg {
display : block !important ;
}
.hidden-lg {
display : none !important ;
}
.visible-lg-block {
display : block !important ;
}
.visible-lg-inline {
display : inline !important ;
}
.visible-lg-inline-block {
display : inline-block !important ;
}
}
h1, h2, h3, h4, h5, h6 {
line-height : 1.1;
color : inherit;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small {
font-weight : 400;
line-height : 1;
color : #999;
}
h1, h2, h3 {
padding-top : 10px;
padding-bottom : 10px;
}
h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small {
font-size : 65%;
}
h4, h5, h6 {
margin-top : 10px;
margin-bottom : 10px;
}
h4 small, h5 small, h6 small, h4 .small, h5 .small, h6 .small {
font-size : 75%;
}
h1 {
font-size : 2.8rem;
}
h2 {
font-size : 2.4rem;
}
h3 {
font-size : 1.8rem;
}
h4 {
font-size : 1.8rem;
}
h5 {
font-size : 1.4rem;
}
h6 {
font-size : 1.2rem;
}
.ta-l {
text-align : left;
}
.ta-r {
text-align : right;
}
.ta-c {
text-align : center;
}
.va * {
vertical-align : sub !important ;
}
.va-t {
vertical-align : top !important ;
}
.va-m {
vertical-align : middle !important ;
}
.va-b {
vertical-align : bottom !important ;
}
.pos-r {
position : relative;
}
.pos-a {
position : absolute;
}
.pos-f {
position : fixed;
}
.dis-f {
display : flex;
}
.f-l {
float : left !important ;
}
.f-r {
float : right !important ;
}
[class*="span"].f-r {
float : right;
}
.text-overflow {
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
}
.line {
font-size : 0;
line-height : 0;
border-top : 1px solid #eee;
float : none;
}
.mt-5 {
margin-top : 5px;
}
.mt-10 {
margin-top : 10px;
}
.mt-15 {
margin-top : 15px;
}
.mt-20 {
margin-top : 20px;
}
.mt-25 {
margin-top : 25px;
}
.mt-30 {
margin-top : 30px;
}
.mt-35 {
margin-top : 35px;
}
.mt-40 {
margin-top : 40px;
}
.mt-50 {
margin-top : 50px;
}
.mb-5 {
margin-bottom : 5px;
}
.mb-10 {
margin-bottom : 10px;
}
.mb-15 {
margin-bottom : 15px;
}
.mb-20 {
margin-bottom : 20px;
}
.mb-30 {
margin-bottom : 30px;
}
.mb-40 {
margin-bottom : 40px;
}
.mb-50 {
margin-bottom : 50px;
}
.ml-5 {
margin-left : 5px;
}
.ml-10 {
margin-left : 10px;
}
.ml-15 {
margin-left : 15px;
}
.ml-20 {
margin-left : 20px;
}
.ml-30 {
margin-left : 30px;
}
.ml-40 {
margin-left : 40px;
}
.ml-50 {
margin-left : 50px;
}
.mr-5 {
margin-right : 5px;
}
.mr-10 {
margin-right : 10px;
}
.mr-15 {
margin-right : 15px;
}
.mr-20 {
margin-right : 20px;
}
.mr-30 {
margin-right : 30px;
}
.mr-40 {
margin-right : 40px;
}
.mr-50 {
margin-right : 50px;
}
.mg-20 {
margin : 20px;
}
.mg-auto {
margin : auto;
}
.pt-5 {
padding-top : 5px;
}
.pt-10 {
padding-top : 10px;
}
.pt-20 {
padding-top : 20px;
}
.pt-30 {
padding-top : 30px;
}
.pt-40 {
padding-top : 40px;
}
.pb-5 {
padding-bottom : 5px;
}
.pb-10 {
padding-bottom : 10px;
}
.pb-20 {
padding-bottom : 20px;
}
.pb-30 {
padding-bottom : 30px;
}
.pb-40 {
padding-bottom : 40px;
}
.pb-50 {
padding-bottom : 50px;
}
.pl-5 {
padding-left : 15px;
}
.pl-10 {
padding-left : 10px;
}
.pl-20 {
padding-left : 20px;
}
.pl-30 {
padding-left : 30px;
}
.pr-5 {
padding-right : 5px;
}
.pr-10 {
padding-right : 10px;
}
.pr-20 {
padding-right : 20px;
}
.pr-30 {
padding-right : 30px;
}
.pd-5 {
padding : 5px;
}
.pd-10 {
padding : 10px;
}
.pd-15 {
padding : 15px;
}
.pd-20 {
padding : 20px;
}
.pd-30 {
padding : 30px;
}
.pd-40 {
padding : 40px;
}
.bk-gray {
border : #eee solid 1px;
}
.radius {
border-radius : 4px;
}
.radius-s {
border-radius : 3px;
}
.radius-l {
border-radius : 5px;
}
.radius-xl {
border-radius : 6px;
}
.round {
border-radius : 50%;
overflow : hidden;
}
.pipe {
margin : 0 5px;
color : #ccc;
font-size : 1rem !important ;
}
p {
line-height : 24px;
}
.lh-16 {
line-height : 16px;
}
.lh-18 {
line-height : 18px;
}
.lh-20 {
line-height : 20px;
}
.lh-22 {
line-height : 22px;
}
.lh-24 {
line-height : 24px;
}
.lh-26 {
line-height : 26px;
}
.lh-28 {
line-height : 28px;
}
.lh-30 {
line-height : 30px;
}
.lh-35 {
line-height : 35px;
}
abbr[title], abbr[data-original-title] {
cursor : help;
border-bottom : 1px dotted #999;
}
abbr.initialism {
font-size : 90%;
text-transform : uppercase;
}
address {
display : block;
margin-bottom : 20px;
font-style : normal;
line-height : 20px;
}
blockquote {
padding : 0 0 0 15px;
margin : 0 0 20px;
border-left : 5px solid #eee;
}
blockquote p {
margin-bottom : 0;
font-size : 1.75rem;
font-weight : 300;
line-height : 1.25;
}
blockquote small {
display : block;
line-height : 20px;
color : #999;
}
blockquote small:before {
content : '\2014 \00A0';
}
blockquote.text-r {
padding-right : 15px;
padding-left : 0;
border-right : 5px solid #eee;
border-left : 0;
}
blockquote.text-r p, blockquote.text-r small {
text-align : right;
}
blockquote.text-r small:before {
content : '';
}
blockquote.text-r small:after {
content : '\00A0 \2014';
}
q:before, q:after, blockquote:before, blockquote:after {
content : "";
}
q {
quotes : "\201C" "\201D" "\2018" "\2019";
}
.content {
position : relative;
font-size : 1.6rem;
line-height : 1.8;
overflow : hidden;
text-align : left;
word-break : break-all;
overflow-wrap : break-word;
}
.content h3 {
font-size : 1.8rem;
}
.content h4 {
font-size : 1.6rem;
}
.content p {
margin : 0.71rem 0;
text-indent : 2em;
word-break : break-all;
}
.content ul {
text-indent : 2em;
}
@media (max-width: 1025px) {
.content {
font-size : 1.6rem;
}
}
@media (max-width: 480px) {
.content img {
max-width : 100% !important ;
height : auto !important ;
}
}
.hide {
display : none !important ;
visibility : hidden !important ;
}
.show {
display : block;
}
.input-text, .textarea {
box-sizing : border-box;
border : #ddd solid 1px;
width : 100%;
transition : all 0.2s 0s linear;
}
.textarea {
height : 100px;
resize : none;
font-size : 14px;
padding : 4px;
}
.textarea-numberbar {
position : absolute;
right : 20px;
bottom : 5px;
z-index : 1;
margin-bottom : 0;
}
.textarea-length {
font-style : normal;
}
.input-text:hover, .select:hover, .textarea:hover {
border : #3bb4f2 solid 1px;
}
.input-text.focus, .textarea.focus {
border-color : rgb(82, 168, 236, 0.8);
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.075) inset, 0 0 8px rgb(102, 175, 233, 0.6);
}
.input-text.disabled, .textarea.disabled, .input-text.disabled.focus, .textarea.disabled.focus {
background-color : #ededed;
cursor : default;
border-color : #ddd;
box-shadow : 0 2px 2px #e8e7e7 inset;
}
.input-text.disabled, .textarea.disabled {
background-color : #e6e6e6;
cursor : default;
}
.input-text.box-shadow, .textarea.box-shadow {
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.075) inset;
}
.input-text.inline {
display : inline-block;
width : auto;
}
input[type="radio"], input[type="checkbox"] {
line-height : normal;
margin-top : -4px;
}
.check-box, .radio-box {
display : inline-block;
box-sizing : border-box;
cursor : pointer;
position : relative;
padding-left : 30px;
padding-right : 20px;
}
.icheckbox, .icheckbox-red, .icheckbox-green, .icheckbox-blue, .icheckbox-aero, .icheckbox-grey, .icheckbox-orange, .icheckbox-yellow, .icheckbox-pink, .icheckbox-purple, .iradio, .iradio-red, .iradio-green, .iradio-blue, .iradio-aero, .iradio-grey, .iradio-orange, .iradio-yellow, .iradio-pink, .iradio-purple {
position : absolute;
top : 4px;
left : 0;
}
@media (max-width: 767px) {
.responsive .check-box, .responsive .radio-box {
display : block;
}
}
.icheckbox, .iradio {
display : block;
margin : 0;
padding : 0;
width : 18px;
height : 18px;
background : url("../images/iCheck/minimal.png") no-repeat;
border : 0;
cursor : pointer;
}
.icheckbox, .icheckbox.static:hover {
background-position : 0 0;
}
.icheckbox.hover, .icheckbox:hover {
background-position : -20px 0;
}
.icheckbox.checked {
background-position : -40px 0;
}
.icheckbox.disabled {
background-position : -60px 0;
cursor : default;
}
.icheckbox.checked.disabled {
background-position : -80px 0;
}
.iradio, .iradio.static:hover {
background-position : -100px 0;
}
.iradio.hover, .iradio:hover {
background-position : -120px 0;
}
.iradio.checked {
background-position : -140px 0;
}
.iradio.disabled {
background-position : -160px 0;
cursor : default;
}
.iradio.checked.disabled {
background-position : -180px 0;
}
@media only screen, only screen, only screen, only screen {
.icheckbox, .iradio {
background-image : url("../images/iCheck/minimal@2x.png");
background-size : 200px 20px;
}
}
.icheckbox-red, .iradio-red {
display : block;
margin : 0;
padding : 0;
width : 18px;
height : 18px;
background : url("../images/iCheck/red.png") no-repeat;
border : 0;
cursor : pointer;
}
.icheckbox-red, .icheckbox-red.static:hover {
background-position : 0 0;
}
.icheckbox-red.hover, .icheckbox-red:hover {
background-position : -20px 0;
}
.icheckbox-red.checked {
background-position : -40px 0;
}
.icheckbox-red.disabled {
background-position : -60px 0;
cursor : default;
}
.icheckbox-red.checked.disabled {
background-position : -80px 0;
}
.iradio-red, .iradio-red.static:hover {
background-position : -100px 0;
}
.iradio-red.hover, .iradio-red:hover {
background-position : -120px 0;
}
.iradio-red.checked {
background-position : -140px 0;
}
.iradio-red.disabled {
background-position : -160px 0;
cursor : default;
}
.iradio-red.checked.disabled {
background-position : -180px 0;
}
@media only screen, only screen, only screen, only screen {
.icheckbox-red, .iradio-red {
background-image : url("../images/iCheck/red@2x.png");
background-size : 200px 20px;
}
}
.icheckbox-green, .iradio-green {
display : block;
margin : 0;
padding : 0;
width : 18px;
height : 18px;
background : url("../images/iCheck/green.png") no-repeat;
border : 0;
cursor : pointer;
}
.icheckbox-green, .icheckbox-green.static:hover {
background-position : 0 0;
}
.icheckbox-green.hover, .icheckbox-green:hover {
background-position : -20px 0;
}
.icheckbox-green.checked {
background-position : -40px 0;
}
.icheckbox-green.disabled {
background-position : -60px 0;
cursor : default;
}
.icheckbox-green.checked.disabled {
background-position : -80px 0;
}
.iradio-green, .iradio-green.static:hover {
background-position : -100px 0;
}
.iradio-green.hover, .iradio-green:hover {
background-position : -120px 0;
}
.iradio-green.checked {
background-position : -140px 0;
}
.iradio-green.disabled {
background-position : -160px 0;
cursor : default;
}
.iradio-green.checked.disabled {
background-position : -180px 0;
}
@media only screen, only screen, only screen, only screen {
.icheckbox-green, .iradio-green {
background-image : url("../images/iCheck/green@2x.png");
background-size : 200px 20px;
}
}
.icheckbox-blue, .iradio-blue {
display : block;
margin : 0;
padding : 0;
width : 18px;
height : 18px;
background : url("../images/iCheck/blue.png") no-repeat;
border : 0;
cursor : pointer;
}
.icheckbox-blue, .icheckbox-blue.static:hover {
background-position : 0 0;
}
.icheckbox-blue.hover, .icheckbox-blue:hover {
background-position : -20px 0;
}
.icheckbox-blue.checked {
background-position : -40px 0;
}
.icheckbox-blue.disabled {
background-position : -60px 0;
cursor : default;
}
.icheckbox-blue.checked.disabled {
background-position : -80px 0;
}
.iradio-blue, .iradio-blue.static:hover {
background-position : -100px 0;
}
.iradio-blue.hover, .iradio-blue:hover {
background-position : -120px 0;
}
.iradio-blue.checked {
background-position : -140px 0;
}
.iradio-blue.disabled {
background-position : -160px 0;
cursor : default;
}
.iradio-blue.checked.disabled {
background-position : -180px 0;
}
@media only screen, only screen, only screen, only screen {
.icheckbox-blue, .iradio-blue {
background-image : url("../images/iCheck/blue@2x.png");
background-size : 200px 20px;
}
}
.icheckbox-aero, .iradio-aero {
display : block;
margin : 0;
padding : 0;
width : 18px;
height : 18px;
background : url("../images/iCheck/aero.png") no-repeat;
border : 0;
cursor : pointer;
}
.icheckbox-aero, .icheckbox-aero.static:hover {
background-position : 0 0;
}
.icheckbox-aero.hover, .icheckbox-aero:hover {
background-position : -20px 0;
}
.icheckbox-aero.checked {
background-position : -40px 0;
}
.icheckbox-aero.disabled {
background-position : -60px 0;
cursor : default;
}
.icheckbox-aero.checked.disabled {
background-position : -80px 0;
}
.iradio-aero, .iradio-aero.static:hover {
background-position : -100px 0;
}
.iradio-aero.hover, .iradio-aero:hover {
background-position : -120px 0;
}
.iradio-aero.checked {
background-position : -140px 0;
}
.iradio-aero.disabled {
background-position : -160px 0;
cursor : default;
}
.iradio-aero.checked.disabled {
background-position : -180px 0;
}
@media only screen, only screen, only screen, only screen {
.icheckbox-aero, .iradio-aero {
background-image : url("../images/iCheck/aero@2x.png");
background-size : 200px 20px;
}
}
.icheckbox-grey, .iradio-grey {
display : block;
margin : 0;
padding : 0;
width : 18px;
height : 18px;
background : url("../images/iCheck/grey.png") no-repeat;
border : 0;
cursor : pointer;
}
.icheckbox-grey, .icheckbox-grey.static:hover {
background-position : 0 0;
}
.icheckbox-grey.hover, .icheckbox-grey:hover {
background-position : -20px 0;
}
.icheckbox-grey.checked {
background-position : -40px 0;
}
.icheckbox-grey.disabled {
background-position : -60px 0;
cursor : default;
}
.icheckbox-grey.checked.disabled {
background-position : -80px 0;
}
.iradio-grey, .iradio-grey.static:hover {
background-position : -100px 0;
}
.iradio-grey.hover, .iradio-grey:hover {
background-position : -120px 0;
}
.iradio-grey.checked {
background-position : -140px 0;
}
.iradio-grey.disabled {
background-position : -160px 0;
cursor : default;
}
.iradio-grey.checked.disabled {
background-position : -180px 0;
}
@media only screen, only screen, only screen, only screen {
.icheckbox-grey, .iradio-grey {
background-image : url("../images/iCheck/grey@2x.png");
background-size : 200px 20px;
}
}
.icheckbox-orange, .iradio-orange {
display : block;
margin : 0;
padding : 0;
width : 18px;
height : 18px;
background : url("../images/iCheck/orange.png") no-repeat;
border : 0;
cursor : pointer;
}
.icheckbox-orange, .icheckbox-orange.static:hover {
background-position : 0 0;
}
.icheckbox-orange.hover, .icheckbox-orange:hover {
background-position : -20px 0;
}
.icheckbox-orange.checked {
background-position : -40px 0;
}
.icheckbox-orange.disabled {
background-position : -60px 0;
cursor : default;
}
.icheckbox-orange.checked.disabled {
background-position : -80px 0;
}
.iradio-orange, .iradio-orange.static:hover {
background-position : -100px 0;
}
.iradio-orange.hover, .iradio-orange:hover {
background-position : -120px 0;
}
.iradio-orange.checked {
background-position : -140px 0;
}
.iradio-orange.disabled {
background-position : -160px 0;
cursor : default;
}
.iradio-orange.checked.disabled {
background-position : -180px 0;
}
@media only screen, only screen, only screen, only screen {
.icheckbox-orange, .iradio-orange {
background-image : url("../images/iCheck/orange@2x.png");
background-size : 200px 20px;
}
}
.icheckbox-yellow, .iradio-yellow {
display : block;
margin : 0;
padding : 0;
width : 18px;
height : 18px;
background : url("../images/iCheck/yellow.png") no-repeat;
border : 0;
cursor : pointer;
}
.icheckbox-yellow, .icheckbox-yellow.static:hover {
background-position : 0 0;
}
.icheckbox-yellow.hover, .icheckbox-yellow:hover {
background-position : -20px 0;
}
.icheckbox-yellow.checked {
background-position : -40px 0;
}
.icheckbox-yellow.disabled {
background-position : -60px 0;
cursor : default;
}
.icheckbox-yellow.checked.disabled {
background-position : -80px 0;
}
.iradio-yellow, .iradio-yellow.static:hover {
background-position : -100px 0;
}
.iradio-yellow.hover, .iradio-yellow:hover {
background-position : -120px 0;
}
.iradio-yellow.checked {
background-position : -140px 0;
}
.iradio-yellow.disabled {
background-position : -160px 0;
cursor : default;
}
.iradio-yellow.checked.disabled {
background-position : -180px 0;
}
@media only screen, only screen, only screen, only screen {
.icheckbox-yellow, .iradio-yellow {
background-image : url("../images/iCheck/yellow@2x.png");
background-size : 200px 20px;
}
}
.icheckbox-pink, .iradio-pink {
display : block;
margin : 0;
padding : 0;
width : 18px;
height : 18px;
background : url("../images/iCheck/pink.png") no-repeat;
border : 0;
cursor : pointer;
}
.icheckbox-pink, .icheckbox-pink.static:hover {
background-position : 0 0;
}
.icheckbox-pink.hover, .icheckbox-pink:hover {
background-position : -20px 0;
}
.icheckbox-pink.checked {
background-position : -40px 0;
}
.icheckbox-pink.disabled {
background-position : -60px 0;
cursor : default;
}
.icheckbox-pink.checked.disabled {
background-position : -80px 0;
}
.iradio-pink, .iradio-pink.static:hover {
background-position : -100px 0;
}
.iradio-pink.hover, .iradio-pink:hover {
background-position : -120px 0;
}
.iradio-pink.checked {
background-position : -140px 0;
}
.iradio-pink.disabled {
background-position : -160px 0;
cursor : default;
}
.iradio-pink.checked.disabled {
background-position : -180px 0;
}
@media only screen, only screen, only screen, only screen {
.icheckbox-pink, .iradio-pink {
background-image : url("../images/iCheck/pink@2x.png");
background-size : 200px 20px;
}
}
.icheckbox-purple, .iradio-purple {
display : block;
margin : 0;
padding : 0;
width : 18px;
height : 18px;
background : url("../images/iCheck/purple.png") no-repeat;
border : 0;
cursor : pointer;
}
.icheckbox-purple, .icheckbox-purple.static:hover {
background-position : 0 0;
}
.icheckbox-purple.hover, .icheckbox-purple:hover {
background-position : -20px 0;
}
.icheckbox-purple.checked {
background-position : -40px 0;
}
.icheckbox-purple.disabled {
background-position : -60px 0;
cursor : default;
}
.icheckbox-purple.checked.disabled {
background-position : -80px 0;
}
.iradio-purple, .iradio-purple.static:hover {
background-position : -100px 0;
}
.iradio-purple.hover, .iradio-purple:hover {
background-position : -120px 0;
}
.iradio-purple.checked {
background-position : -140px 0;
}
.iradio-purple.disabled {
background-position : -160px 0;
cursor : default;
}
.iradio-purple.checked.disabled {
background-position : -180px 0;
}
@media only screen, only screen, only screen, only screen {
.icheckbox-purple, .iradio-purple {
background-image : url("../images/iCheck/purple@2x.png");
background-size : 200px 20px;
}
}
.has-switch {
display : inline-block;
cursor : pointer;
border-radius : 5px;
border : solid 1px;
border-color : rgb(0, 0, 0, 0.1) rgb(0, 0, 0, 0.1) rgb(0, 0, 0, 0.25);
position : relative;
text-align : left;
overflow : hidden;
line-height : 8px;
user-select : none;
min-width : 100px;
}
.has-switch.size-MINI {
min-width : 72px;
}
.has-switch.size-S {
min-width : 80px;
}
.has-switch.size-L {
min-width : 120px;
}
.has-switch.deactivate {
opacity : 0.5;
cursor : default !important ;
}
.has-switch.deactivate label, .has-switch.deactivate span {
cursor : default !important ;
}
.has-switch > div {
display : inline-block;
width : 150%;
position : relative;
top : 0;
}
.has-switch > div.switch-animate {
transition : left 0.5s;
}
.has-switch > div.switch-off {
left : -50%;
}
.has-switch > div.switch-on {
left : 0;
}
.has-switch input[type="checkbox"] {
display : none;
}
.has-switch span, .has-switch label {
box-sizing : border-box;
cursor : pointer;
position : relative;
display : inline-block;
padding-bottom : 4px;
padding-top : 4px;
font-size : 14px;
line-height : 20px;
}
.has-switch span.size-MINI, .has-switch label.size-MINI {
padding-bottom : 4px;
padding-top : 4px;
font-size : 10px;
line-height : 9px;
}
.has-switch span.size-S, .has-switch label.size-S {
padding-bottom : 3px;
padding-top : 3px;
font-size : 12px;
line-height : 18px;
}
.has-switch span.size-L, .has-switch label.size-L {
padding-bottom : 9px;
padding-top : 9px;
font-size : 16px;
line-height : normal;
}
.has-switch label {
text-align : center;
margin-top : -1px;
margin-bottom : -1px;
z-index : 100;
width : 34%;
border-left : 1px solid #ccc;
border-right : 1px solid #ccc;
color : #fff;
text-shadow : 0 -1px 0 rgb(0, 0, 0, 0.25);
background-color : #f5f5f5;
background-image : linear-gradient(to bottom, #fff, #e6e6e6);
background-repeat : repeat-x;
border-color : #e6e6e6 #e6e6e6 #bfbfbf;
border-color : rgb(0, 0, 0, 0.1) rgb(0, 0, 0, 0.1) rgb(0, 0, 0, 0.25);
}
.has-switch label:hover, .has-switch label:focus, .has-switch label:active, .has-switch label.active, .has-switch label.disabled, .has-switch label[disabled] {
color : #fff;
background-color : #e6e6e6;
}
.has-switch label i {
color : #000;
text-shadow : 0 1px 0 #fff;
line-height : 18px;
pointer-events : none;
}
.has-switch span {
text-align : center;
z-index : 1;
width : 33%;
}
.has-switch span.switch-left {
border-top-left-radius : 4px;
border-bottom-left-radius : 4px;
}
.has-switch span.switch-right {
color : #333;
text-shadow : 0 1px 1px rgb(255, 255, 255, 0.75);
background-color : #f0f0f0;
background-image : linear-gradient(to bottom, #e6e6e6, #fff);
background-repeat : repeat-x;
border-color : #fff #fff #d9d9d9;
border-color : rgb(0, 0, 0, 0.1) rgb(0, 0, 0, 0.1) rgb(0, 0, 0, 0.25);
}
.has-switch span.switch-right:hover, .has-switch span.switch-right:focus, .has-switch span.switch-right:active, .has-switch span.switch-right.active, .has-switch span.switch-right.disabled, .has-switch span.switch-right[disabled] {
color : #333;
background-color : #fff;
}
.has-switch span.switch-primary, .has-switch span.switch-left {
color : #fff;
text-shadow : 0 -1px 0 rgb(0, 0, 0, 0.25);
background-color : #005fcc;
background-image : linear-gradient(to bottom, #04c, #08c);
background-repeat : repeat-x;
border-color : #08c #08c #005580;
border-color : rgb(0, 0, 0, 0.1) rgb(0, 0, 0, 0.1) rgb(0, 0, 0, 0.25);
}
.has-switch span.switch-primary:hover, .has-switch span.switch-left:hover, .has-switch span.switch-primary:focus, .has-switch span.switch-left:focus, .has-switch span.switch-primary:active, .has-switch span.switch-left:active, .has-switch span.switch-primary.active, .has-switch span.switch-left.active, .has-switch span.switch-primary.disabled, .has-switch span.switch-left.disabled, .has-switch span.switch-primary[disabled], .has-switch span.switch-left[disabled] {
color : #fff;
background-color : #08c;
}
.has-switch span.switch-info {
color : #fff;
text-shadow : 0 -1px 0 rgb(0, 0, 0, 0.25);
background-color : #41a7c5;
background-image : linear-gradient(to bottom, #2f96b4, #5bc0de);
background-repeat : repeat-x;
border-color : #5bc0de #5bc0de #28a1c5;
border-color : rgb(0, 0, 0, 0.1) rgb(0, 0, 0, 0.1) rgb(0, 0, 0, 0.25);
}
.has-switch span.switch-info:hover, .has-switch span.switch-info:focus, .has-switch span.switch-info:active, .has-switch span.switch-info.active, .has-switch span.switch-info.disabled, .has-switch span.switch-info[disabled] {
color : #fff;
background-color : #5bc0de;
}
.has-switch span.switch-success {
color : #fff;
text-shadow : 0 -1px 0 rgb(0, 0, 0, 0.25);
background-color : #58b058;
background-image : linear-gradient(to bottom, #51a351, #62c462);
background-repeat : repeat-x;
border-color : #62c462 #62c462 #3b9e3b;
border-color : rgb(0, 0, 0, 0.1) rgb(0, 0, 0, 0.1) rgb(0, 0, 0, 0.25);
}
.has-switch span.switch-success:hover, .has-switch span.switch-success:focus, .has-switch span.switch-success:active, .has-switch span.switch-success.active, .has-switch span.switch-success.disabled, .has-switch span.switch-success[disabled] {
color : #fff;
background-color : #62c462;
}
.has-switch span.switch-warning {
color : #fff;
text-shadow : 0 -1px 0 rgb(0, 0, 0, 0.25);
background-color : #f9a123;
background-image : linear-gradient(to bottom, #f89406, #fbb450);
background-repeat : repeat-x;
border-color : #fbb450 #fbb450 #f89406;
border-color : rgb(0, 0, 0, 0.1) rgb(0, 0, 0, 0.1) rgb(0, 0, 0, 0.25);
}
.has-switch span.switch-warning:hover, .has-switch span.switch-warning:focus, .has-switch span.switch-warning:active, .has-switch span.switch-warning.active, .has-switch span.switch-warning.disabled, .has-switch span.switch-warning[disabled] {
color : #fff;
background-color : #fbb450;
}
.has-switch span.switch-danger {
color : #fff;
text-shadow : 0 -1px 0 rgb(0, 0, 0, 0.25);
background-color : #d14641;
background-image : linear-gradient(to bottom, #bd362f, #ee5f5b);
background-repeat : repeat-x;
border-color : #ee5f5b #ee5f5b #e51d18;
border-color : rgb(0, 0, 0, 0.1) rgb(0, 0, 0, 0.1) rgb(0, 0, 0, 0.25);
}
.has-switch span.switch-danger:hover, .has-switch span.switch-danger:focus, .has-switch span.switch-danger:active, .has-switch span.switch-danger.active, .has-switch span.switch-danger.disabled, .has-switch span.switch-danger[disabled] {
color : #fff;
background-color : #ee5f5b;
}
.select {
font-size : 14px;
padding : 4px;
border : #ddd solid 1px;
width : 50%;
height : 31px;
line-height : 20px;
display : block;
float : left;
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.075) inset;
transition : all 1s 0s cubic-bezier(0.175,0.885,0.32,1);
}
@media (max-width: 767px) {
.responsive .select-box {
border : 0;
}
.responsive .select-box .select, .responsive .select {
border : #ddd solid 1px;
padding : 10px;
font-size : 16px;
}
.responsive .select-box, .responsive .select-box.size-M, .responsive .select-box.size-MINI, .responsive .select-box.size-S, .responsive .select-box.size-L, .responsive .select-box.size-XL {
height : auto;
padding : 0;
}
}
.select-wrapper {
position : relative;
display : inline-block;
font-size : 14px;
cursor : default;
}
.select-default {
display : block;
padding-left : 10px;
padding-right : 30px;
background-color : #fff;
border : #d0d0d0 solid 1px;
height : 34px;
line-height : 34px;
}
.jsselect.radius {
overflow : visible;
}
.jsselect.radius .select-default {
border-radius : 4px;
}
.jsselect.radius .select-list {
border-radius : 4px;
border-top-left-radius : 0;
border-top-right-radius : 0;
}
.select-icon {
position : absolute;
height : 8px;
width : 12px;
right : 10px;
top : 50%;
margin-top : -4px;
background : url("../images/jselect/iconpic-arrow-down2.png") center no-repeat;
}
.unselectable {
user-select : none;
}
.select-list {
position : absolute;
left : 0;
right : 0;
top : 100%;
z-index : 1;
line-height : 34px;
max-height : 320px;
overflow : auto;
background-color : #fff;
background-clip : padding-box;
box-shadow : 0 1px 2px rgb(0, 1, 1, 0.2);
box-sizing : border-box;
border : #d0d0d0 solid 1px;
}
.select-item {
margin : 0;
padding : 0;
}
.select-option {
background : #fff;
line-height : 34px;
text-align : left;
white-space : nowrap;
cursor : pointer;
border-bottom : 1px solid #f2f2f2;
padding : 0 10px;
}
.select-item .selected {
background-color : #148cf1;
color : #fff;
}
.btn-upload {
position : relative;
display : inline-block;
height : 31px;
overflow : hidden;
vertical-align : middle;
cursor : pointer;
}
.upload-url {
cursor : pointer;
width : 300px;
}
.input-file {
position : absolute;
right : 0;
top : 0;
cursor : pointer;
z-index : 1;
font-size : 30em;
opacity : 0;
}
.form-group .upload-btn {
margin-left : -1px;
}
.btn-upload .icon-add, .btn-upload .icon-minus {
cursor : pointer;
display : inline-block;
font-family : Arial;
font-size : 30px;
height : 31px;
line-height : 31px;
text-align : center;
vertical-align : middle;
width : 36px;
}
@media (max-width: 767px) {
.upload-btn {
display : none;
}
.upload-url {
display : none;
}
}
.numberControlBox {
display : inline-block;
overflow : hidden;
vertical-align : middle;
}
.ncb-up, .ncb-down {
font-size : 0;
display : block;
height : 10px;
background-color : #f4f4f4;
width : 24px;
border : #d1d1d1 solid 1px;
cursor : pointer;
}
.ncb-up {
margin-bottom : 1px;
}
.numberControlBox .ncb_ico {
display : block;
height : 10px;
background-image : url("../images/iconpic-arrow.png");
background-repeat : no-repeat;
}
.ncb-up .ncb_ico {
background-position : -22px center;
}
.ncb-down .ncb_ico {
background-position : 1px center;
}
.ncb_btn_hover {
border : #9dc7e7 solid 1px;
background-color : #dff2fc;
}
.ncb_btn_selected {
border : #6198c2 solid 1px;
background-color : #aee1fb;
}
.input-text[type="number"] {
width : 80px;
}
.spinner {
display : block;
overflow : hidden;
width : 100px;
position : relative;
padding-left : 29px;
padding-right : 29px;
}
.spinner .input-text {
height : 30px;
text-align : center;
width : 100%;
}
.spinner a {
display : inline-block;
position : absolute;
top : 0;
bottom : 0;
height : 28px;
line-height : 28px;
width : 28px;
cursor : pointer;
outline : 0;
text-decoration : none;
text-align : center;
font-size : 16px;
border : #ddd solid 1px;
background-color : #f7f7f7;
}
.spinner a:hover {
text-decoration : none;
}
.spinner a i {
font-style : normal;
}
.spinner a.subtract {
left : 0;
}
.spinner a.add {
right : 0;
}
.spinner a.add.disabled, .spinner a.subtract.disabled {
color : #999;
cursor : not-allowed;
}
.emailSug-wrapper {
position : absolute;
background : #fff;
text-align : left;
z-index : 99;
}
.emailSug-wrapper .emailSug-list .emailSug-item {
font-size : 14px;
height : 25px;
line-height : 25px;
padding-left : 10px;
color : #333;
}
.emailSug-wrapper .emailSug-list .emailSug-item.active {
background : #5a98de;
cursor : pointer;
color : #fff;
}
label, .placeholder {
font-size : 14px;
}
.form legend {
font-size : 20px;
}
.form .row {
margin-top : 15px;
}
.form-label {
display : block;
color : #555;
}
.formControls {
position : relative;
}
.formControls > * {
vertical-align : middle;
}
.placeholder {
position : absolute;
left : 4px;
top : 4px;
color : #c6c6c6;
cursor : text;
}
.form-horizontal .form-label {
margin-top : 3px;
cursor : text;
text-align : right;
}
.form-horizontal .Validform_checktip {
margin-top : 5px;
}
::-webkit-input-placeholder {
color : #b3b3b3;
}
:-moz-placeholder {
color : #b3b3b3;
}
::-moz-placeholder {
color : #b3b3b3;
}
:-ms-input-placeholder {
color : #b3b3b3;
}
.placeholder {
color : #adb0be;
position : absolute;
z-index : 9;
}
@media (max-width: 767px) {
.form-horizontal .form-label {
text-align : left;
}
}
.Validform_error, input.error, select.error, textarea.error {
background-color : #fbe2e2;
border-color : #c66161;
color : #c00;
}
.Validform_wrong, .Validform_right, .Validform_warning {
display : inline-block;
height : 20px;
font-size : 12px;
vertical-align : middle;
padding-left : 25px;
}
.Validform_wrong {
background : url("../images/validform/iconpic-error.png") 0 center no-repeat;
color : #ef392b;
}
.Validform_right {
background : url("../images/validform/iconpic-right.png") 0 center no-repeat;
}
.Validform_warning {
background : url("../images/validform/iconpic-warning.png") 0 center no-repeat;
color : #777;
}
label.error {
position : absolute;
right : 18px;
top : 5px;
color : #ef392b;
font-size : 12px;
}
.check-box label.error, .radio-box label.error {
right : auto;
width : 150px;
left : 210px;
top : -2px;
}
.input-text, .btn, .input-text.size-M, .btn.size-M {
font-size : 14px;
height : 31px;
line-height : 1.42857;
padding : 4px;
}
.passwordStrength b {
font-weight : 400;
}
.passwordStrength b, .passwordStrength span {
display : inline-block;
vertical-align : middle;
line-height : 16px;
height : 16px;
}
.passwordStrength span {
width : 57px;
text-align : center;
background-color : #d0d0d0;
border-right : 1px solid #fff;
}
.passwordStrength .last {
border-right : 0;
}
.passwordStrength .bgStrength {
color : #fff;
background-color : #fcc900;
}
#Validform_msg {
font-size : 14px;
width : 300px;
background : #fff;
position : absolute;
top : 0;
right : 50px;
z-index : 99999;
display : none;
box-shadow : 2px 2px 0 rgb(0, 0, 0, 0.1);
}
#Validform_msg .iframe {
position : absolute;
left : 0;
top : -1px;
z-index : -1;
}
#Validform_msg .Validform_title {
font-size : 20px;
padding : 10px;
text-align : left;
color : #fff;
position : relative;
background-color : #fcc900;
}
#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited {
position : absolute;
right : 8px;
top : 6px;
color : #fff;
text-decoration : none;
font-family : Verdana;
}
#Validform_msg a.Validform_close:hover {
color : #fff;
}
#Validform_msg .Validform_info {
padding : 10px;
border : #bbb solid 1px;
border-top : 0;
text-align : left;
}
@media (max-width: 767px) {
.responsive .Validform_checktip {
margin-top : 10px;
}
}
.input-text, .btn, .input-text.size-M, .btn.size-M {
font-size : 14px;
height : 31px;
line-height : 1.42857;
padding : 4px;
}
.img-responsive {
display : inline-block;
max-width : 100%;
height : auto;
}
.img-100 {
width : 100%;
}
.thumbnail {
display : inline-block;
box-sizing : border-box;
max-width : 100%;
height : auto;
padding : 4px;
line-height : 1.42857143;
background-color : #fff;
border : #ddd solid 1px;
transition : all 0.2s ease-in-out;
}
.color-wt {
color : #fff;
}
@font-face {
font-family : fontawesome;
font-weight : 400;
font-style : normal;
}
[class*="icon-"]:before {
display : inline-block;
font-family : fontawesome;
font-weight : 400;
font-style : normal;
vertical-align : baseline;
line-height : 1;
}
.icon-glass:before {
content : "\f000";
}
.icon-music:before {
content : "\f001";
}
.icon-search:before {
content : "\f002";
}
.icon-envelope-o:before {
content : "\f003";
}
.icon-heart:before {
content : "\f004";
}
.icon-star:before {
content : "\f005";
}
.icon-star-o:before {
content : "\f006";
}
.icon-user:before {
content : "\f007";
}
.icon-film:before {
content : "\f008";
}
.icon-th-large:before {
content : "\f009";
}
.icon-th:before {
content : "\f00a";
}
.icon-th-list:before {
content : "\f00b";
}
.icon-check:before {
content : "\f00c";
}
.icon-times:before {
content : "\f00d";
}
.icon-search-plus:before {
content : "\f00e";
}
.icon-search-minus:before {
content : "\f010";
}
.icon-power-off:before {
content : "\f011";
}
.icon-signal:before {
content : "\f012";
}
.icon-gear:before, .icon-cog:before {
content : "\f013";
}
.icon-trash-o:before {
content : "\f014";
}
.icon-home:before {
content : "\f015";
}
.icon-file-o:before {
content : "\f016";
}
.icon-clock-o:before {
content : "\f017";
}
.icon-road:before {
content : "\f018";
}
.icon-download:before {
content : "\f019";
}
.icon-arrow-circle-o-down:before {
content : "\f01a";
}
.icon-arrow-circle-o-up:before {
content : "\f01b";
}
.icon-inbox:before {
content : "\f01c";
}
.icon-play-circle-o:before {
content : "\f01d";
}
.icon-rotate-right:before, .icon-repeat:before {
content : "\f01e";
}
.icon-refresh:before {
content : "\f021";
}
.icon-list-alt:before {
content : "\f022";
}
.icon-lock:before {
content : "\f023";
}
.icon-flag:before {
content : "\f024";
}
.icon-headphones:before {
content : "\f025";
}
.icon-volume-off:before {
content : "\f026";
}
.icon-volume-down:before {
content : "\f027";
}
.icon-volume-up:before {
content : "\f028";
}
.icon-qrcode:before {
content : "\f029";
}
.icon-barcode:before {
content : "\f02a";
}
.icon-tag:before {
content : "\f02b";
}
.icon-tags:before {
content : "\f02c";
}
.icon-book:before {
content : "\f02d";
}
.icon-bookmark:before {
content : "\f02e";
}
.icon-print:before {
content : "\f02f";
}
.icon-camera:before {
content : "\f030";
}
.icon-font:before {
content : "\f031";
}
.icon-bold:before {
content : "\f032";
}
.icon-italic:before {
content : "\f033";
}
.icon-text-height:before {
content : "\f034";
}
.icon-text-width:before {
content : "\f035";
}
.icon-align-left:before {
content : "\f036";
}
.icon-align-center:before {
content : "\f037";
}
.icon-align-right:before {
content : "\f038";
}
.icon-align-justify:before {
content : "\f039";
}
.icon-list:before {
content : "\f03a";
}
.icon-dedent:before, .icon-outdent:before {
content : "\f03b";
}
.icon-indent:before {
content : "\f03c";
}
.icon-video-camera:before {
content : "\f03d";
}
.icon-photo:before, .icon-image:before, .icon-picture-o:before {
content : "\f03e";
}
.icon-pencil:before {
content : "\f040";
}
.icon-map-marker:before {
content : "\f041";
}
.icon-adjust:before {
content : "\f042";
}
.icon-tint:before {
content : "\f043";
}
.icon-edit:before, .icon-pencil-square-o:before {
content : "\f044";
}
.icon-share-square-o:before {
content : "\f045";
}
.icon-check-square-o:before {
content : "\f046";
}
.icon-arrows:before {
content : "\f047";
}
.icon-step-backward:before {
content : "\f048";
}
.icon-fast-backward:before {
content : "\f049";
}
.icon-backward:before {
content : "\f04a";
}
.icon-play:before {
content : "\f04b";
}
.icon-pause:before {
content : "\f04c";
}
.icon-stop:before {
content : "\f04d";
}
.icon-forward:before {
content : "\f04e";
}
.icon-fast-forward:before {
content : "\f050";
}
.icon-step-forward:before {
content : "\f051";
}
.icon-eject:before {
content : "\f052";
}
.icon-chevron-left:before {
content : "\f053";
}
.icon-chevron-right:before {
content : "\f054";
}
.icon-plus-circle:before {
content : "\f055";
}
.icon-minus-circle:before {
content : "\f056";
}
.icon-times-circle:before {
content : "\f057";
}
.icon-check-circle:before {
content : "\f058";
}
.icon-question-circle:before {
content : "\f059";
}
.icon-info-circle:before {
content : "\f05a";
}
.icon-crosshairs:before {
content : "\f05b";
}
.icon-times-circle-o:before {
content : "\f05c";
}
.icon-check-circle-o:before {
content : "\f05d";
}
.icon-ban:before {
content : "\f05e";
}
.icon-arrow-left:before {
content : "\f060";
}
.icon-arrow-right:before {
content : "\f061";
}
.icon-arrow-up:before {
content : "\f062";
}
.icon-arrow-down:before {
content : "\f063";
}
.icon-mail-forward:before, .icon-share:before {
content : "\f064";
}
.icon-expand:before {
content : "\f065";
}
.icon-compress:before {
content : "\f066";
}
.icon-plus:before {
content : "\f067";
}
.icon-minus:before {
content : "\f068";
}
.icon-asterisk:before {
content : "\f069";
}
.icon-exclamation-circle:before {
content : "\f06a";
}
.icon-gift:before {
content : "\f06b";
}
.icon-leaf:before {
content : "\f06c";
}
.icon-fire:before {
content : "\f06d";
}
.icon-eye:before {
content : "\f06e";
}
.icon-eye-slash:before {
content : "\f070";
}
.icon-warning:before, .icon-exclamation-triangle:before {
content : "\f071";
}
.icon-plane:before {
content : "\f072";
}
.icon-calendar:before {
content : "\f073";
}
.icon-random:before {
content : "\f074";
}
.icon-comment:before {
content : "\f075";
}
.icon-magnet:before {
content : "\f076";
}
.icon-chevron-up:before {
content : "\f077";
}
.icon-chevron-down:before {
content : "\f078";
}
.icon-retweet:before {
content : "\f079";
}
.icon-shopping-cart:before {
content : "\f07a";
}
.icon-folder:before {
content : "\f07b";
}
.icon-folder-open:before {
content : "\f07c";
}
.icon-arrows-v:before {
content : "\f07d";
}
.icon-arrows-h:before {
content : "\f07e";
}
.icon-bar-chart-o:before {
content : "\f080";
}
.icon-twitter-square:before {
content : "\f081";
}
.icon-facebook-square:before {
content : "\f082";
}
.icon-camera-retro:before {
content : "\f083";
}
.icon-key:before {
content : "\f084";
}
.icon-gears:before, .icon-cogs:before {
content : "\f085";
}
.icon-comments:before {
content : "\f086";
}
.icon-thumbs-o-up:before {
content : "\f087";
}
.icon-thumbs-o-down:before {
content : "\f088";
}
.icon-star-half:before {
content : "\f089";
}
.icon-heart-o:before {
content : "\f08a";
}
.icon-sign-out:before {
content : "\f08b";
}
.icon-linkedin-square:before {
content : "\f08c";
}
.icon-thumb-tack:before {
content : "\f08d";
}
.icon-external-link:before {
content : "\f08e";
}
.icon-sign-in:before {
content : "\f090";
}
.icon-trophy:before {
content : "\f091";
}
.icon-github-square:before {
content : "\f092";
}
.icon-upload:before {
content : "\f093";
}
.icon-lemon-o:before {
content : "\f094";
}
.icon-phone:before {
content : "\f095";
}
.icon-square-o:before {
content : "\f096";
}
.icon-bookmark-o:before {
content : "\f097";
}
.icon-phone-square:before {
content : "\f098";
}
.icon-twitter:before {
content : "\f099";
}
.icon-facebook:before {
content : "\f09a";
}
.icon-github:before {
content : "\f09b";
}
.icon-unlock:before {
content : "\f09c";
}
.icon-credit-card:before {
content : "\f09d";
}
.icon-rss:before {
content : "\f09e";
}
.icon-hdd-o:before {
content : "\f0a0";
}
.icon-bullhorn:before {
content : "\f0a1";
}
.icon-bell:before {
content : "\f0f3";
}
.icon-certificate:before {
content : "\f0a3";
}
.icon-hand-o-right:before {
content : "\f0a4";
}
.icon-hand-o-left:before {
content : "\f0a5";
}
.icon-hand-o-up:before {
content : "\f0a6";
}
.icon-hand-o-down:before {
content : "\f0a7";
}
.icon-arrow-circle-left:before {
content : "\f0a8";
}
.icon-arrow-circle-right:before {
content : "\f0a9";
}
.icon-arrow-circle-up:before {
content : "\f0aa";
}
.icon-arrow-circle-down:before {
content : "\f0ab";
}
.icon-globe:before {
content : "\f0ac";
}
.icon-wrench:before {
content : "\f0ad";
}
.icon-tasks:before {
content : "\f0ae";
}
.icon-filter:before {
content : "\f0b0";
}
.icon-briefcase:before {
content : "\f0b1";
}
.icon-arrows-alt:before {
content : "\f0b2";
}
.icon-group:before, .icon-users:before {
content : "\f0c0";
}
.icon-chain:before, .icon-link:before {
content : "\f0c1";
}
.icon-cloud:before {
content : "\f0c2";
}
.icon-flask:before {
content : "\f0c3";
}
.icon-cut:before, .icon-scissors:before {
content : "\f0c4";
}
.icon-copy:before, .icon-files-o:before {
content : "\f0c5";
}
.icon-paperclip:before {
content : "\f0c6";
}
.icon-save:before, .icon-floppy-o:before {
content : "\f0c7";
}
.icon-square:before {
content : "\f0c8";
}
.icon-navicon:before, .icon-reorder:before, .icon-bars:before {
content : "\f0c9";
}
.icon-list-ul:before {
content : "\f0ca";
}
.icon-list-ol:before {
content : "\f0cb";
}
.icon-strikethrough:before {
content : "\f0cc";
}
.icon-underline:before {
content : "\f0cd";
}
.icon-table:before {
content : "\f0ce";
}
.icon-magic:before {
content : "\f0d0";
}
.icon-truck:before {
content : "\f0d1";
}
.icon-pinterest:before {
content : "\f0d2";
}
.icon-pinterest-square:before {
content : "\f0d3";
}
.icon-google-plus-square:before {
content : "\f0d4";
}
.icon-google-plus:before {
content : "\f0d5";
}
.icon-money:before {
content : "\f0d6";
}
.icon-caret-down:before {
content : "\f0d7";
}
.icon-caret-up:before {
content : "\f0d8";
}
.icon-caret-left:before {
content : "\f0d9";
}
.icon-caret-right:before {
content : "\f0da";
}
.icon-columns:before {
content : "\f0db";
}
.icon-unsorted:before, .icon-sort:before {
content : "\f0dc";
}
.icon-sort-down:before, .icon-sort-desc:before {
content : "\f0dd";
}
.icon-sort-up:before, .icon-sort-asc:before {
content : "\f0de";
}
.icon-envelope:before {
content : "\f0e0";
}
.icon-linkedin:before {
content : "\f0e1";
}
.icon-rotate-left:before, .icon-undo:before {
content : "\f0e2";
}
.icon-legal:before, .icon-gavel:before {
content : "\f0e3";
}
.icon-dashboard:before, .icon-tachometer:before {
content : "\f0e4";
}
.icon-comment-o:before {
content : "\f0e5";
}
.icon-comments-o:before {
content : "\f0e6";
}
.icon-flash:before, .icon-bolt:before {
content : "\f0e7";
}
.icon-sitemap:before {
content : "\f0e8";
}
.icon-umbrella:before {
content : "\f0e9";
}
.icon-paste:before, .icon-clipboard:before {
content : "\f0ea";
}
.icon-lightbulb-o:before {
content : "\f0eb";
}
.icon-exchange:before {
content : "\f0ec";
}
.icon-cloud-download:before {
content : "\f0ed";
}
.icon-cloud-upload:before {
content : "\f0ee";
}
.icon-user-md:before {
content : "\f0f0";
}
.icon-stethoscope:before {
content : "\f0f1";
}
.icon-suitcase:before {
content : "\f0f2";
}
.icon-bell-o:before {
content : "\f0a2";
}
.icon-coffee:before {
content : "\f0f4";
}
.icon-cutlery:before {
content : "\f0f5";
}
.icon-file-text-o:before {
content : "\f0f6";
}
.icon-building-o:before {
content : "\f0f7";
}
.icon-hospital-o:before {
content : "\f0f8";
}
.icon-ambulance:before {
content : "\f0f9";
}
.icon-medkit:before {
content : "\f0fa";
}
.icon-fighter-jet:before {
content : "\f0fb";
}
.icon-beer:before {
content : "\f0fc";
}
.icon-h-square:before {
content : "\f0fd";
}
.icon-plus-square:before {
content : "\f0fe";
}
.icon-angle-double-left:before {
content : "\f100";
}
.icon-angle-double-right:before {
content : "\f101";
}
.icon-angle-double-up:before {
content : "\f102";
}
.icon-angle-double-down:before {
content : "\f103";
}
.icon-angle-left:before {
content : "\f104";
}
.icon-angle-right:before {
content : "\f105";
}
.icon-angle-up:before {
content : "\f106";
}
.icon-angle-down:before {
content : "\f107";
}
.icon-desktop:before {
content : "\f108";
}
.icon-laptop:before {
content : "\f109";
}
.icon-tablet:before {
content : "\f10a";
}
.icon-mobile-phone:before, .icon-mobile:before {
content : "\f10b";
}
.icon-circle-o:before {
content : "\f10c";
}
.icon-quote-left:before {
content : "\f10d";
}
.icon-quote-right:before {
content : "\f10e";
}
.icon-spinner:before {
content : "\f110";
}
.icon-circle:before {
content : "\f111";
}
.icon-mail-reply:before, .icon-reply:before {
content : "\f112";
}
.icon-github-alt:before {
content : "\f113";
}
.icon-folder-o:before {
content : "\f114";
}
.icon-folder-open-o:before {
content : "\f115";
}
.icon-smile-o:before {
content : "\f118";
}
.icon-frown-o:before {
content : "\f119";
}
.icon-meh-o:before {
content : "\f11a";
}
.icon-gamepad:before {
content : "\f11b";
}
.icon-keyboard-o:before {
content : "\f11c";
}
.icon-flag-o:before {
content : "\f11d";
}
.icon-flag-checkered:before {
content : "\f11e";
}
.icon-terminal:before {
content : "\f120";
}
.icon-code:before {
content : "\f121";
}
.icon-mail-reply-all:before, .icon-reply-all:before {
content : "\f122";
}
.icon-star-half-empty:before, .icon-star-half-full:before, .icon-star-half-o:before {
content : "\f123";
}
.icon-location-arrow:before {
content : "\f124";
}
.icon-crop:before {
content : "\f125";
}
.icon-code-fork:before {
content : "\f126";
}
.icon-unlink:before, .icon-chain-broken:before {
content : "\f127";
}
.icon-question:before {
content : "\f128";
}
.icon-info:before {
content : "\f129";
}
.icon-exclamation:before {
content : "\f12a";
}
.icon-superscript:before {
content : "\f12b";
}
.icon-subscript:before {
content : "\f12c";
}
.icon-eraser:before {
content : "\f12d";
}
.icon-puzzle-piece:before {
content : "\f12e";
}
.icon-microphone:before {
content : "\f130";
}
.icon-microphone-slash:before {
content : "\f131";
}
.icon-shield:before {
content : "\f132";
}
.icon-calendar-o:before {
content : "\f133";
}
.icon-fire-extinguisher:before {
content : "\f134";
}
.icon-rocket:before {
content : "\f135";
}
.icon-maxcdn:before {
content : "\f136";
}
.icon-chevron-circle-left:before {
content : "\f137";
}
.icon-chevron-circle-right:before {
content : "\f138";
}
.icon-chevron-circle-up:before {
content : "\f139";
}
.icon-chevron-circle-down:before {
content : "\f13a";
}
.icon-html5:before {
content : "\f13b";
}
.icon-css3:before {
content : "\f13c";
}
.icon-anchor:before {
content : "\f13d";
}
.icon-unlock-alt:before {
content : "\f13e";
}
.icon-bullseye:before {
content : "\f140";
}
.icon-ellipsis-h:before {
content : "\f141";
}
.icon-ellipsis-v:before {
content : "\f142";
}
.icon-rss-square:before {
content : "\f143";
}
.icon-play-circle:before {
content : "\f144";
}
.icon-ticket:before {
content : "\f145";
}
.icon-minus-square:before {
content : "\f146";
}
.icon-minus-square-o:before {
content : "\f147";
}
.icon-level-up:before {
content : "\f148";
}
.icon-level-down:before {
content : "\f149";
}
.icon-check-square:before {
content : "\f14a";
}
.icon-pencil-square:before {
content : "\f14b";
}
.icon-external-link-square:before {
content : "\f14c";
}
.icon-share-square:before {
content : "\f14d";
}
.icon-compass:before {
content : "\f14e";
}
.icon-toggle-down:before, .icon-caret-square-o-down:before {
content : "\f150";
}
.icon-toggle-up:before, .icon-caret-square-o-up:before {
content : "\f151";
}
.icon-toggle-right:before, .icon-caret-square-o-right:before {
content : "\f152";
}
.icon-euro:before, .icon-eur:before {
content : "\f153";
}
.icon-gbp:before {
content : "\f154";
}
.icon-dollar:before, .icon-usd:before {
content : "\f155";
}
.icon-rupee:before, .icon-inr:before {
content : "\f156";
}
.icon-cny:before, .icon-rmb:before, .icon-yen:before, .icon-jpy:before {
content : "\f157";
}
.icon-ruble:before, .icon-rouble:before, .icon-rub:before {
content : "\f158";
}
.icon-won:before, .icon-krw:before {
content : "\f159";
}
.icon-bitcoin:before, .icon-btc:before {
content : "\f15a";
}
.icon-file:before {
content : "\f15b";
}
.icon-file-text:before {
content : "\f15c";
}
.icon-sort-alpha-asc:before {
content : "\f15d";
}
.icon-sort-alpha-desc:before {
content : "\f15e";
}
.icon-sort-amount-asc:before {
content : "\f160";
}
.icon-sort-amount-desc:before {
content : "\f161";
}
.icon-sort-numeric-asc:before {
content : "\f162";
}
.icon-sort-numeric-desc:before {
content : "\f163";
}
.icon-thumbs-up:before {
content : "\f164";
}
.icon-thumbs-down:before {
content : "\f165";
}
.icon-youtube-square:before {
content : "\f166";
}
.icon-youtube:before {
content : "\f167";
}
.icon-xing:before {
content : "\f168";
}
.icon-xing-square:before {
content : "\f169";
}
.icon-youtube-play:before {
content : "\f16a";
}
.icon-dropbox:before {
content : "\f16b";
}
.icon-stack-overflow:before {
content : "\f16c";
}
.icon-instagram:before {
content : "\f16d";
}
.icon-flickr:before {
content : "\f16e";
}
.icon-adn:before {
content : "\f170";
}
.icon-bitbucket:before {
content : "\f171";
}
.icon-bitbucket-square:before {
content : "\f172";
}
.icon-tumblr:before {
content : "\f173";
}
.icon-tumblr-square:before {
content : "\f174";
}
.icon-long-arrow-down:before {
content : "\f175";
}
.icon-long-arrow-up:before {
content : "\f176";
}
.icon-long-arrow-left:before {
content : "\f177";
}
.icon-long-arrow-right:before {
content : "\f178";
}
.icon-apple:before {
content : "\f179";
}
.icon-windows:before {
content : "\f17a";
}
.icon-android:before {
content : "\f17b";
}
.icon-linux:before {
content : "\f17c";
}
.icon-dribbble:before {
content : "\f17d";
}
.icon-skype:before {
content : "\f17e";
}
.icon-foursquare:before {
content : "\f180";
}
.icon-trello:before {
content : "\f181";
}
.icon-female:before {
content : "\f182";
}
.icon-male:before {
content : "\f183";
}
.icon-gittip:before {
content : "\f184";
}
.icon-sun-o:before {
content : "\f185";
}
.icon-moon-o:before {
content : "\f186";
}
.icon-archive:before {
content : "\f187";
}
.icon-bug:before {
content : "\f188";
}
.icon-vk:before {
content : "\f189";
}
.icon-weibo:before {
content : "\f18a";
}
.icon-renren:before {
content : "\f18b";
}
.icon-pagelines:before {
content : "\f18c";
}
.icon-stack-exchange:before {
content : "\f18d";
}
.icon-arrow-circle-o-right:before {
content : "\f18e";
}
.icon-arrow-circle-o-left:before {
content : "\f190";
}
.icon-toggle-left:before, .icon-caret-square-o-left:before {
content : "\f191";
}
.icon-dot-circle-o:before {
content : "\f192";
}
.icon-wheelchair:before {
content : "\f193";
}
.icon-vimeo-square:before {
content : "\f194";
}
.icon-turkish-lira:before, .icon-try:before {
content : "\f195";
}
.icon-plus-square-o:before {
content : "\f196";
}
.icon-space-shuttle:before {
content : "\f197";
}
.icon-slack:before {
content : "\f198";
}
.icon-envelope-square:before {
content : "\f199";
}
.icon-wordpress:before {
content : "\f19a";
}
.icon-openid:before {
content : "\f19b";
}
.icon-institution:before, .icon-bank:before, .icon-university:before {
content : "\f19c";
}
.icon-mortar-board:before, .icon-graduation-cap:before {
content : "\f19d";
}
.icon-yahoo:before {
content : "\f19e";
}
.icon-google:before {
content : "\f1a0";
}
.icon-reddit:before {
content : "\f1a1";
}
.icon-reddit-square:before {
content : "\f1a2";
}
.icon-stumbleupon-circle:before {
content : "\f1a3";
}
.icon-stumbleupon:before {
content : "\f1a4";
}
.icon-delicious:before {
content : "\f1a5";
}
.icon-digg:before {
content : "\f1a6";
}
.icon-pied-piper-square:before, .icon-pied-piper:before {
content : "\f1a7";
}
.icon-pied-piper-alt:before {
content : "\f1a8";
}
.icon-drupal:before {
content : "\f1a9";
}
.icon-joomla:before {
content : "\f1aa";
}
.icon-language:before {
content : "\f1ab";
}
.icon-fax:before {
content : "\f1ac";
}
.icon-building:before {
content : "\f1ad";
}
.icon-child:before {
content : "\f1ae";
}
.icon-paw:before {
content : "\f1b0";
}
.icon-spoon:before {
content : "\f1b1";
}
.icon-cube:before {
content : "\f1b2";
}
.icon-cubes:before {
content : "\f1b3";
}
.icon-behance:before {
content : "\f1b4";
}
.icon-behance-square:before {
content : "\f1b5";
}
.icon-steam:before {
content : "\f1b6";
}
.icon-steam-square:before {
content : "\f1b7";
}
.icon-recycle:before {
content : "\f1b8";
}
.icon-automobile:before, .icon-car:before {
content : "\f1b9";
}
.icon-cab:before, .icon-taxi:before {
content : "\f1ba";
}
.icon-tree:before {
content : "\f1bb";
}
.icon-spotify:before {
content : "\f1bc";
}
.icon-deviantart:before {
content : "\f1bd";
}
.icon-soundcloud:before {
content : "\f1be";
}
.icon-database:before {
content : "\f1c0";
}
.icon-file-pdf-o:before {
content : "\f1c1";
}
.icon-file-word-o:before {
content : "\f1c2";
}
.icon-file-excel-o:before {
content : "\f1c3";
}
.icon-file-powerpoint-o:before {
content : "\f1c4";
}
.icon-file-photo-o:before, .icon-file-picture-o:before, .icon-file-image-o:before {
content : "\f1c5";
}
.icon-file-zip-o:before, .icon-file-archive-o:before {
content : "\f1c6";
}
.icon-file-sound-o:before, .icon-file-audio-o:before {
content : "\f1c7";
}
.icon-file-movie-o:before, .icon-file-video-o:before {
content : "\f1c8";
}
.icon-file-code-o:before {
content : "\f1c9";
}
.icon-vine:before {
content : "\f1ca";
}
.icon-codepen:before {
content : "\f1cb";
}
.icon-jsfiddle:before {
content : "\f1cc";
}
.icon-life-bouy:before, .icon-life-saver:before, .icon-support:before, .icon-life-ring:before {
content : "\f1cd";
}
.icon-circle-o-notch:before {
content : "\f1ce";
}
.icon-ra:before, .icon-rebel:before {
content : "\f1d0";
}
.icon-ge:before, .icon-empire:before {
content : "\f1d1";
}
.icon-git-square:before {
content : "\f1d2";
}
.icon-git:before {
content : "\f1d3";
}
.icon-hacker-news:before {
content : "\f1d4";
}
.icon-tencent-weibo:before {
content : "\f1d5";
}
.icon-qq:before {
content : "\f1d6";
}
.icon-wechat:before, .icon-weixin:before {
content : "\f1d7";
}
.icon-send:before, .icon-paper-plane:before {
content : "\f1d8";
}
.icon-send-o:before, .icon-paper-plane-o:before {
content : "\f1d9";
}
.icon-history:before {
content : "\f1da";
}
.icon-circle-thin:before {
content : "\f1db";
}
.icon-header:before {
content : "\f1dc";
}
.icon-paragraph:before {
content : "\f1dd";
}
.icon-sliders:before {
content : "\f1de";
}
.icon-share-alt:before {
content : "\f1e0";
}
.icon-share-alt-square:before {
content : "\f1e1";
}
.icon-bomb:before {
content : "\f1e2";
}
.close {
display : inline-block;
font-size : 24px;
cursor : pointer;
line-height : 24px;
}
.close:before {
content : "\00d7";
}
.fadein, .fadein-top, .fadein-right, .fadein-bottom, .fadein-left, .bouncein, .rotatein {
animation : 1s ease-out backwards;
}
.fadeout, .fadeout-top, .fadeout-right, .fadeout-bottom, .fadeout-left, .bounceout, .rotateout {
animation : 1s ease-in forwards;
}
.rotate, .rotate-hover {
animation : 2s linear infinite;
display : inline-block;
}
.fadein {
animation-name : a-fadein;
}
@keyframes a-fadein {
0% {
opacity : 0;
}
100% {
opacity : 1;
}
}
.fadein-top {
animation-name : fadeinT;
}
@keyframes fadeinT {
0% {
opacity : 0;
transform : translateY(-50px);
}
100% {
opacity : 1;
transform : translateY(0);
}
}
.fadein-right {
animation-name : fadeinR;
}
@keyframes fadeinR {
0% {
opacity : 0;
transform : translateX(50px);
}
100% {
opacity : 1;
transform : translateX(0);
}
}
.fadein-bottom {
animation-name : fadeinB;
}
@keyframes fadeinB {
0% {
opacity : 0;
transform : translateY(50px);
}
100% {
opacity : 1;
transform : translateY(0);
}
}
.fadein-left {
animation-name : fadeinL;
}
@keyframes fadeinL {
0% {
opacity : 0;
transform : translateX(-50px);
}
100% {
opacity : 1;
transform : translateX(0);
}
}
@media (min-width: 1000px) {
.col-13, .co-14 {
float : left;
}
.co-14 {
width : 83.33333333%;
}
.col-13 {
width : 16.66666667%;
}
}