body,
html {
height: 100%
}
body {
margin: 0 !important;
background-color: #eee !important;
color: #393939
}
body,
h1 {
font-family: NotoSans-Regular
}
h1 {
font-size: 3.9vw
}
h2 {
font-size: 3.3vw
}
h3 {
font-size: 1.9vw
}
h4 {
font-size: 1.6vw;
font-family: NotoSans-Regular
}
b,
strong {
font-family: NotoSans-Bold
}
input,
ol li,
p,
ul li {
font-size: 1.3vw;
font-family: NotoSans-Regular
}
@media screen and (max-width:1050px) {
h1 {
font-size: 40px
}
h2 {
font-size: 32px
}
h3 {
font-size: 20px
}
h4 {
font-size: 17px
}
input,
ol li,
p,
span,
ul li {
font-size: 16px
}
}
.page-header {
border-bottom: 1px solid #000
}
.mgt0 {
margin-top: 0
}
.mgt5 {
margin-top: 5px
}
.mgt10 {
margin-top: 10px
}
.mgt15 {
margin-top: 15px
}
.mgt20 {
margin-top: 20px
}
.mgt30 {
margin-top: 30px
}
.mgt40 {
margin-top: 40px
}
.mgt50 {
margin-top: 50px
}
.mgt60 {
margin-top: 60px
}
.mgt70 {
margin-top: 70px
}
.mgt80 {
margin-top: 80px
}
.mgt90 {
margin-top: 90px
}
.mgl0 {
margin-left: 0
}
.mgl10 {
margin-left: 10px
}
.mgl20 {
margin-left: 20px
}
.mgl30 {
margin-left: 30px
}
.mgl40 {
margin-left: 40px
}
.mgl50 {
margin-left: 50px
}
.mgr10 {
margin-right: 10px
}
.mgr20 {
margin-right: 20px
}
.mgr30 {
margin-right: 30px
}
.mgr40 {
margin-right: 40px
}
.mgr50 {
margin-right: 50px
}
.mgb0 {
margin-bottom: 0
}
.mgb10 {
margin-bottom: 10px
}
.mgb15 {
margin-bottom: 15px
}
.mgb20 {
margin-bottom: 20px
}
.mgb30 {
margin-bottom: 30px
}
.mgb40 {
margin-bottom: 40px
}
.mgb50 {
margin-bottom: 50px
}
.mgb60 {
margin-bottom: 60px
}
.mgb100 {
margin-bottom: 100px
}
.mgb150 {
margin-bottom: 150px
}
.mgb200 {
margin-bottom: 200px
}
.no-margin {
margin: 0 !important
}
.pdt5 {
padding-top: 5px
}
.pdt30 {
padding-top: 30px
}
.pdt40 {
padding-top: 40px
}
.pdt50 {
padding-top: 50px
}
.pdt60 {
padding-top: 60px
}
.pdt80 {
padding-top: 80px
}
.pdt100 {
padding-top: 100px
}
.pdl10 {
padding-left: 10px
}
.pdl20 {
padding-left: 20px
}
.pdl30 {
padding-left: 30px
}
.pdr20 {
padding-right: 20px
}
.pdr10 {
padding-right: 10px
}
.pdr30 {
padding-right: 30px
}
.no-padding {
padding: 0 !important
}
.center-horizontal {
text-align: center
}
.center-div {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center
}
.whiteBG {
background: #fff !important
}
.lightgreyBG {
background: #d3d3d3 !important
}
.wrap-lighter>* {
font-weight: lighter
}
.wrap-normal>* {
font-weight: 400
}
.wrap-bold>* {
font-weight: 700
}
.wrap-bolder>* {
font-weight: bolder
}
.wrap-white>* {
color: #fff !important
}
.pace {
position: fixed;
z-index: 10001;
top: 0;
-webkit-pointer-events: none;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.pace-inactive {
display: none
}
.pace .pace-progress {
background: #b5e8f3;
position: fixed;
z-index: 2000;
top: 0;
right: 100%;
width: 100%;
height: 2px
}
.layout-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.layout-fill {
margin: 0;
height: 100%;
width: 100%
}
.layout-fill-height {
height: 100%
}
.layout-fill-width,
.wrap-layout-fill-width>* {
width: 100%
}
.layout-expanded {
-ms-flex-positive: 1;
flex-grow: 1
}
.layout,
.layout-column,
.layout-column-reverse,
.layout-row,
.layout-row-reverse {
box-sizing: border-box;
display: -ms-flexbox;
display: flex;
display: -webkit-flex
}
.layout-row {
-ms-flex-direction: row;
flex-direction: row
}
.layout-column {
-ms-flex-direction: column;
flex-direction: column
}
.layout-row-reverse {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.layout-column-reverse {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
.layout-align-center,
.layout-align-center-center,
.layout-align-center-end,
.layout-align-center-start {
-ms-flex-pack: center;
justify-content: center
}
.layout-align-end,
.layout-align-end-center,
.layout-align-end-end,
.layout-align-end-start {
-ms-flex-pack: end;
justify-content: flex-end
}
.layout-align-space-around,
.layout-align-space-around-center,
.layout-align-space-around-end,
.layout-align-space-around-start {
-ms-flex-pack: distribute;
justify-content: space-around
}
.layout-align-space-between,
.layout-align-space-between-center,
.layout-align-space-between-end,
.layout-align-space-between-start {
-ms-flex-pack: justify;
justify-content: space-between
}
.layout-align-center-center,
.layout-align-end-center,
.layout-align-space-around-center,
.layout-align-space-between-center,
.layout-align-start-center {
-ms-flex-align: center;
align-items: center
}
.layout-align-center-start,
.layout-align-end-start,
.layout-align-space-around-start,
.layout-align-space-between-start,
.layout-align-start-start {
-ms-flex-align: start;
align-items: flex-start
}
.layout-align-center-end,
.layout-align-end-end,
.layout-align-space-around-end,
.layout-align-space-between-end,
.layout-align-start-end {
-ms-flex-align: end;
align-items: flex-end
}
.layout-align-content-start {
-ms-flex-line-pack: start;
align-content: flex-start
}
.layout-align-content-end {
-ms-flex-line-pack: end;
align-content: flex-end
}
.layout-align-content-center {
-ms-flex-line-pack: center;
align-content: center
}
.layout-align-content-space-between {
-ms-flex-line-pack: justify;
align-content: space-between
}
.layout-align-content-space-around {
-ms-flex-line-pack: distribute;
align-content: space-around
}
.layout_width--600 {
max-width: 600px
}
.layout_width--700 {
max-width: 700px
}
.layout_width--800 {
max-width: 800px
}
.layout_width--900 {
max-width: 900px
}
.layout_width--1100 {
max-width: 1100px
}
@font-face {
font-family: FontAwesome;
src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.eot);
src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff) format("woff"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf) format("truetype"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.svg#fontawesomeregular) format("svg");
font-weight: 400;
font-style: normal
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
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: .08em solid #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 {
animation: fa-spin 2s infinite linear
}
.fa-pulse {
animation: fa-spin 1s infinite steps(8)
}
@keyframes fa-spin {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(359deg)
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
transform: rotate(90deg)
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
transform: rotate(180deg)
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
transform: rotate(270deg)
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
transform: scaleX(-1)
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
transform: scaleY(-1)
}
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270 {
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-glass:before {
content: "\F000"
}
.fa-music:before {
content: "\F001"
}
.fa-search:before {
content: "\F002"
}
.fa-envelope-o:before {
content: "\F003"
}
.fa-heart:before {
content: "\F004"
}
.fa-star:before {
content: "\F005"
}
.fa-star-o:before {
content: "\F006"
}
.fa-user:before {
content: "\F007"
}
.fa-film:before {
content: "\F008"
}
.fa-th-large:before {
content: "\F009"
}
.fa-th:before {
content: "\F00A"
}
.fa-th-list:before {
content: "\F00B"
}
.fa-check:before {
content: "\F00C"
}
.fa-close:before,
.fa-remove:before,
.fa-times:before {
content: "\F00D"
}
.fa-search-plus:before {
content: "\F00E"
}
.fa-search-minus:before {
content: "\F010"
}
.fa-power-off:before {
content: "\F011"
}
.fa-signal:before {
content: "\F012"
}
.fa-cog:before,
.fa-gear:before {
content: "\F013"
}
.fa-trash-o:before {
content: "\F014"
}
.fa-home:before {
content: "\F015"
}
.fa-file-o:before {
content: "\F016"
}
.fa-clock-o:before {
content: "\F017"
}
.fa-road:before {
content: "\F018"
}
.fa-download:before {
content: "\F019"
}
.fa-arrow-circle-o-down:before {
content: "\F01A"
}
.fa-arrow-circle-o-up:before {
content: "\F01B"
}
.fa-inbox:before {
content: "\F01C"
}
.fa-play-circle-o:before {
content: "\F01D"
}
.fa-repeat:before,
.fa-rotate-right:before {
content: "\F01E"
}
.fa-refresh:before {
content: "\F021"
}
.fa-list-alt:before {
content: "\F022"
}
.fa-lock:before {
content: "\F023"
}
.fa-flag:before {
content: "\F024"
}
.fa-headphones:before {
content: "\F025"
}
.fa-volume-off:before {
content: "\F026"
}
.fa-volume-down:before {
content: "\F027"
}
.fa-volume-up:before {
content: "\F028"
}
.fa-qrcode:before {
content: "\F029"
}
.fa-barcode:before {
content: "\F02A"
}
.fa-tag:before {
content: "\F02B"
}
.fa-tags:before {
content: "\F02C"
}
.fa-book:before {
content: "\F02D"
}
.fa-bookmark:before {
content: "\F02E"
}
.fa-print:before {
content: "\F02F"
}
.fa-camera:before {
content: "\F030"
}
.fa-font:before {
content: "\F031"
}
.fa-bold:before {
content: "\F032"
}
.fa-italic:before {
content: "\F033"
}
.fa-text-height:before {
content: "\F034"
}
.fa-text-width:before {
content: "\F035"
}
.fa-align-left:before {
content: "\F036"
}
.fa-align-center:before {
content: "\F037"
}
.fa-align-right:before {
content: "\F038"
}
.fa-align-justify:before {
content: "\F039"
}
.fa-list:before {
content: "\F03A"
}
.fa-dedent:before,
.fa-outdent:before {
content: "\F03B"
}
.fa-indent:before {
content: "\F03C"
}
.fa-video-camera:before {
content: "\F03D"
}
.fa-image:before,
.fa-photo:before,
.fa-picture-o:before {
content: "\F03E"
}
.fa-pencil:before {
content: "\F040"
}
.fa-map-marker:before {
content: "\F041"
}
.fa-adjust:before {
content: "\F042"
}
.fa-tint:before {
content: "\F043"
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\F044"
}
.fa-share-square-o:before {
content: "\F045"
}
.fa-check-square-o:before {
content: "\F046"
}
.fa-arrows:before {
content: "\F047"
}
.fa-step-backward:before {
content: "\F048"
}
.fa-fast-backward:before {
content: "\F049"
}
.fa-backward:before {
content: "\F04A"
}
.fa-play:before {
content: "\F04B"
}
.fa-pause:before {
content: "\F04C"
}
.fa-stop:before {
content: "\F04D"
}
.fa-forward:before {
content: "\F04E"
}
.fa-fast-forward:before {
content: "\F050"
}
.fa-step-forward:before {
content: "\F051"
}
.fa-eject:before {
content: "\F052"
}
.fa-chevron-left:before {
content: "\F053"
}
.fa-chevron-right:before {
content: "\F054"
}
.fa-plus-circle:before {
content: "\F055"
}
.fa-minus-circle:before {
content: "\F056"
}
.fa-times-circle:before {
content: "\F057"
}
.fa-check-circle:before {
content: "\F058"
}
.fa-question-circle:before {
content: "\F059"
}
.fa-info-circle:before {
content: "\F05A"
}
.fa-crosshairs:before {
content: "\F05B"
}
.fa-times-circle-o:before {
content: "\F05C"
}
.fa-check-circle-o:before {
content: "\F05D"
}
.fa-ban:before {
content: "\F05E"
}
.fa-arrow-left:before {
content: "\F060"
}
.fa-arrow-right:before {
content: "\F061"
}
.fa-arrow-up:before {
content: "\F062"
}
.fa-arrow-down:before {
content: "\F063"
}
.fa-mail-forward:before,
.fa-share:before {
content: "\F064"
}
.fa-expand:before {
content: "\F065"
}
.fa-compress:before {
content: "\F066"
}
.fa-plus:before {
content: "\F067"
}
.fa-minus:before {
content: "\F068"
}
.fa-asterisk:before {
content: "\F069"
}
.fa-exclamation-circle:before {
content: "\F06A"
}
.fa-gift:before {
content: "\F06B"
}
.fa-leaf:before {
content: "\F06C"
}
.fa-fire:before {
content: "\F06D"
}
.fa-eye:before {
content: "\F06E"
}
.fa-eye-slash:before {
content: "\F070"
}
.fa-exclamation-triangle:before,
.fa-warning:before {
content: "\F071"
}
.fa-plane:before {
content: "\F072"
}
.fa-calendar:before {
content: "\F073"
}
.fa-random:before {
content: "\F074"
}
.fa-comment:before {
content: "\F075"
}
.fa-magnet:before {
content: "\F076"
}
.fa-chevron-up:before {
content: "\F077"
}
.fa-chevron-down:before {
content: "\F078"
}
.fa-retweet:before {
content: "\F079"
}
.fa-shopping-cart:before {
content: "\F07A"
}
.fa-folder:before {
content: "\F07B"
}
.fa-folder-open:before {
content: "\F07C"
}
.fa-arrows-v:before {
content: "\F07D"
}
.fa-arrows-h:before {
content: "\F07E"
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\F080"
}
.fa-twitter-square:before {
content: "\F081"
}
.fa-facebook-square:before {
content: "\F082"
}
.fa-camera-retro:before {
content: "\F083"
}
.fa-key:before {
content: "\F084"
}
.fa-cogs:before,
.fa-gears:before {
content: "\F085"
}
.fa-comments:before {
content: "\F086"
}
.fa-thumbs-o-up:before {
content: "\F087"
}
.fa-thumbs-o-down:before {
content: "\F088"
}
.fa-star-half:before {
content: "\F089"
}
.fa-heart-o:before {
content: "\F08A"
}
.fa-sign-out:before {
content: "\F08B"
}
.fa-linkedin-square:before {
content: "\F08C"
}
.fa-thumb-tack:before {
content: "\F08D"
}
.fa-external-link:before {
content: "\F08E"
}
.fa-sign-in:before {
content: "\F090"
}
.fa-trophy:before {
content: "\F091"
}
.fa-github-square:before {
content: "\F092"
}
.fa-upload:before {
content: "\F093"
}
.fa-lemon-o:before {
content: "\F094"
}
.fa-phone:before {
content: "\F095"
}
.fa-square-o:before {
content: "\F096"
}
.fa-bookmark-o:before {
content: "\F097"
}
.fa-phone-square:before {
content: "\F098"
}
.fa-twitter:before {
content: "\F099"
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "\F09A"
}
.fa-github:before {
content: "\F09B"
}
.fa-unlock:before {
content: "\F09C"
}
.fa-credit-card:before {
content: "\F09D"
}
.fa-feed:before,
.fa-rss:before {
content: "\F09E"
}
.fa-hdd-o:before {
content: "\F0A0"
}
.fa-bullhorn:before {
content: "\F0A1"
}
.fa-bell:before {
content: "\F0F3"
}
.fa-certificate:before {
content: "\F0A3"
}
.fa-hand-o-right:before {
content: "\F0A4"
}
.fa-hand-o-left:before {
content: "\F0A5"
}
.fa-hand-o-up:before {
content: "\F0A6"
}
.fa-hand-o-down:before {
content: "\F0A7"
}
.fa-arrow-circle-left:before {
content: "\F0A8"
}
.fa-arrow-circle-right:before {
content: "\F0A9"
}
.fa-arrow-circle-up:before {
content: "\F0AA"
}
.fa-arrow-circle-down:before {
content: "\F0AB"
}
.fa-globe:before {
content: "\F0AC"
}
.fa-wrench:before {
content: "\F0AD"
}
.fa-tasks:before {
content: "\F0AE"
}
.fa-filter:before {
content: "\F0B0"
}
.fa-briefcase:before {
content: "\F0B1"
}
.fa-arrows-alt:before {
content: "\F0B2"
}
.fa-group:before,
.fa-users:before {
content: "\F0C0"
}
.fa-chain:before,
.fa-link:before {
content: "\F0C1"
}
.fa-cloud:before {
content: "\F0C2"
}
.fa-flask:before {
content: "\F0C3"
}
.fa-cut:before,
.fa-scissors:before {
content: "\F0C4"
}
.fa-copy:before,
.fa-files-o:before {
content: "\F0C5"
}
.fa-paperclip:before {
content: "\F0C6"
}
.fa-floppy-o:before,
.fa-save:before {
content: "\F0C7"
}
.fa-square:before {
content: "\F0C8"
}
.fa-bars:before,
.fa-navicon:before,
.fa-reorder:before {
content: "\F0C9"
}
.fa-list-ul:before {
content: "\F0CA"
}
.fa-list-ol:before {
content: "\F0CB"
}
.fa-strikethrough:before {
content: "\F0CC"
}
.fa-underline:before {
content: "\F0CD"
}
.fa-table:before {
content: "\F0CE"
}
.fa-magic:before {
content: "\F0D0"
}
.fa-truck:before {
content: "\F0D1"
}
.fa-pinterest:before {
content: "\F0D2"
}
.fa-pinterest-square:before {
content: "\F0D3"
}
.fa-google-plus-square:before {
content: "\F0D4"
}
.fa-google-plus:before {
content: "\F0D5"
}
.fa-money:before {
content: "\F0D6"
}
.fa-caret-down:before {
content: "\F0D7"
}
.fa-caret-up:before {
content: "\F0D8"
}
.fa-caret-left:before {
content: "\F0D9"
}
.fa-caret-right:before {
content: "\F0DA"
}
.fa-columns:before {
content: "\F0DB"
}
.fa-sort:before,
.fa-unsorted:before {
content: "\F0DC"
}
.fa-sort-desc:before,
.fa-sort-down:before {
content: "\F0DD"
}
.fa-sort-asc:before,
.fa-sort-up:before {
content: "\F0DE"
}
.fa-envelope:before {
content: "\F0E0"
}
.fa-linkedin:before {
content: "\F0E1"
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\F0E2"
}
.fa-gavel:before,
.fa-legal:before {
content: "\F0E3"
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\F0E4"
}
.fa-comment-o:before {
content: "\F0E5"
}
.fa-comments-o:before {
content: "\F0E6"
}
.fa-bolt:before,
.fa-flash:before {
content: "\F0E7"
}
.fa-sitemap:before {
content: "\F0E8"
}
.fa-umbrella:before {
content: "\F0E9"
}
.fa-clipboard:before,
.fa-paste:before {
content: "\F0EA"
}
.fa-lightbulb-o:before {
content: "\F0EB"
}
.fa-exchange:before {
content: "\F0EC"
}
.fa-cloud-download:before {
content: "\F0ED"
}
.fa-cloud-upload:before {
content: "\F0EE"
}
.fa-user-md:before {
content: "\F0F0"
}
.fa-stethoscope:before {
content: "\F0F1"
}
.fa-suitcase:before {
content: "\F0F2"
}
.fa-bell-o:before {
content: "\F0A2"
}
.fa-coffee:before {
content: "\F0F4"
}
.fa-cutlery:before {
content: "\F0F5"
}
.fa-file-text-o:before {
content: "\F0F6"
}
.fa-building-o:before {
content: "\F0F7"
}
.fa-hospital-o:before {
content: "\F0F8"
}
.fa-ambulance:before {
content: "\F0F9"
}
.fa-medkit:before {
content: "\F0FA"
}
.fa-fighter-jet:before {
content: "\F0FB"
}
.fa-beer:before {
content: "\F0FC"
}
.fa-h-square:before {
content: "\F0FD"
}
.fa-plus-square:before {
content: "\F0FE"
}
.fa-angle-double-left:before {
content: "\F100"
}
.fa-angle-double-right:before {
content: "\F101"
}
.fa-angle-double-up:before {
content: "\F102"
}
.fa-angle-double-down:before {
content: "\F103"
}
.fa-angle-left:before {
content: "\F104"
}
.fa-angle-right:before {
content: "\F105"
}
.fa-angle-up:before {
content: "\F106"
}
.fa-angle-down:before {
content: "\F107"
}
.fa-desktop:before {
content: "\F108"
}
.fa-laptop:before {
content: "\F109"
}
.fa-tablet:before {
content: "\F10A"
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\F10B"
}
.fa-circle-o:before {
content: "\F10C"
}
.fa-quote-left:before {
content: "\F10D"
}
.fa-quote-right:before {
content: "\F10E"
}
.fa-spinner:before {
content: "\F110"
}
.fa-circle:before {
content: "\F111"
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\F112"
}
.fa-github-alt:before {
content: "\F113"
}
.fa-folder-o:before {
content: "\F114"
}
.fa-folder-open-o:before {
content: "\F115"
}
.fa-smile-o:before {
content: "\F118"
}
.fa-frown-o:before {
content: "\F119"
}
.fa-meh-o:before {
content: "\F11A"
}
.fa-gamepad:before {
content: "\F11B"
}
.fa-keyboard-o:before {
content: "\F11C"
}
.fa-flag-o:before {
content: "\F11D"
}
.fa-flag-checkered:before {
content: "\F11E"
}
.fa-terminal:before {
content: "\F120"
}
.fa-code:before {
content: "\F121"
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\F122"
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\F123"
}
.fa-location-arrow:before {
content: "\F124"
}
.fa-crop:before {
content: "\F125"
}
.fa-code-fork:before {
content: "\F126"
}
.fa-chain-broken:before,
.fa-unlink:before {
content: "\F127"
}
.fa-question:before {
content: "\F128"
}
.fa-info:before {
content: "\F129"
}
.fa-exclamation:before {
content: "\F12A"
}
.fa-superscript:before {
content: "\F12B"
}
.fa-subscript:before {
content: "\F12C"
}
.fa-eraser:before {
content: "\F12D"
}
.fa-puzzle-piece:before {
content: "\F12E"
}
.fa-microphone:before {
content: "\F130"
}
.fa-microphone-slash:before {
content: "\F131"
}
.fa-shield:before {
content: "\F132"
}
.fa-calendar-o:before {
content: "\F133"
}
.fa-fire-extinguisher:before {
content: "\F134"
}
.fa-rocket:before {
content: "\F135"
}
.fa-maxcdn:before {
content: "\F136"
}
.fa-chevron-circle-left:before {
content: "\F137"
}
.fa-chevron-circle-right:before {
content: "\F138"
}
.fa-chevron-circle-up:before {
content: "\F139"
}
.fa-chevron-circle-down:before {
content: "\F13A"
}
.fa-html5:before {
content: "\F13B"
}
.fa-css3:before {
content: "\F13C"
}
.fa-anchor:before {
content: "\F13D"
}
.fa-unlock-alt:before {
content: "\F13E"
}
.fa-bullseye:before {
content: "\F140"
}
.fa-ellipsis-h:before {
content: "\F141"
}
.fa-ellipsis-v:before {
content: "\F142"
}
.fa-rss-square:before {
content: "\F143"
}
.fa-play-circle:before {
content: "\F144"
}
.fa-ticket:before {
content: "\F145"
}
.fa-minus-square:before {
content: "\F146"
}
.fa-minus-square-o:before {
content: "\F147"
}
.fa-level-up:before {
content: "\F148"
}
.fa-level-down:before {
content: "\F149"
}
.fa-check-square:before {
content: "\F14A"
}
.fa-pencil-square:before {
content: "\F14B"
}
.fa-external-link-square:before {
content: "\F14C"
}
.fa-share-square:before {
content: "\F14D"
}
.fa-compass:before {
content: "\F14E"
}
.fa-caret-square-o-down:before,
.fa-toggle-down:before {
content: "\F150"
}
.fa-caret-square-o-up:before,
.fa-toggle-up:before {
content: "\F151"
}
.fa-caret-square-o-right:before,
.fa-toggle-right:before {
content: "\F152"
}
.fa-eur:before,
.fa-euro:before {
content: "\F153"
}
.fa-gbp:before {
content: "\F154"
}
.fa-dollar:before,
.fa-usd:before {
content: "\F155"
}
.fa-inr:before,
.fa-rupee:before {
content: "\F156"
}
.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen:before {
content: "\F157"
}
.fa-rouble:before,
.fa-rub:before,
.fa-ruble:before {
content: "\F158"
}
.fa-krw:before,
.fa-won:before {
content: "\F159"
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\F15A"
}
.fa-file:before {
content: "\F15B"
}
.fa-file-text:before {
content: "\F15C"
}
.fa-sort-alpha-asc:before {
content: "\F15D"
}
.fa-sort-alpha-desc:before {
content: "\F15E"
}
.fa-sort-amount-asc:before {
content: "\F160"
}
.fa-sort-amount-desc:before {
content: "\F161"
}
.fa-sort-numeric-asc:before {
content: "\F162"
}
.fa-sort-numeric-desc:before {
content: "\F163"
}
.fa-thumbs-up:before {
content: "\F164"
}
.fa-thumbs-down:before {
content: "\F165"
}
.fa-youtube-square:before {
content: "\F166"
}
.fa-youtube:before {
content: "\F167"
}
.fa-xing:before {
content: "\F168"
}
.fa-xing-square:before {
content: "\F169"
}
.fa-youtube-play:before {
content: "\F16A"
}
.fa-dropbox:before {
content: "\F16B"
}
.fa-stack-overflow:before {
content: "\F16C"
}
.fa-instagram:before {
content: "\F16D"
}
.fa-flickr:before {
content: "\F16E"
}
.fa-adn:before {
content: "\F170"
}
.fa-bitbucket:before {
content: "\F171"
}
.fa-bitbucket-square:before {
content: "\F172"
}
.fa-tumblr:before {
content: "\F173"
}
.fa-tumblr-square:before {
content: "\F174"
}
.fa-long-arrow-down:before {
content: "\F175"
}
.fa-long-arrow-up:before {
content: "\F176"
}
.fa-long-arrow-left:before {
content: "\F177"
}
.fa-long-arrow-right:before {
content: "\F178"
}
.fa-apple:before {
content: "\F179"
}
.fa-windows:before {
content: "\F17A"
}
.fa-android:before {
content: "\F17B"
}
.fa-linux:before {
content: "\F17C"
}
.fa-dribbble:before {
content: "\F17D"
}
.fa-skype:before {
content: "\F17E"
}
.fa-foursquare:before {
content: "\F180"
}
.fa-trello:before {
content: "\F181"
}
.fa-female:before {
content: "\F182"
}
.fa-male:before {
content: "\F183"
}
.fa-gittip:before,
.fa-gratipay:before {
content: "\F184"
}
.fa-sun-o:before {
content: "\F185"
}
.fa-moon-o:before {
content: "\F186"
}
.fa-archive:before {
content: "\F187"
}
.fa-bug:before {
content: "\F188"
}
.fa-vk:before {
content: "\F189"
}
.fa-weibo:before {
content: "\F18A"
}
.fa-renren:before {
content: "\F18B"
}
.fa-pagelines:before {
content: "\F18C"
}
.fa-stack-exchange:before {
content: "\F18D"
}
.fa-arrow-circle-o-right:before {
content: "\F18E"
}
.fa-arrow-circle-o-left:before {
content: "\F190"
}
.fa-caret-square-o-left:before,
.fa-toggle-left:before {
content: "\F191"
}
.fa-dot-circle-o:before {
content: "\F192"
}
.fa-wheelchair:before {
content: "\F193"
}
.fa-vimeo-square:before {
content: "\F194"
}
.fa-try:before,
.fa-turkish-lira:before {
content: "\F195"
}
.fa-plus-square-o:before {
content: "\F196"
}
.fa-space-shuttle:before {
content: "\F197"
}
.fa-slack:before {
content: "\F198"
}
.fa-envelope-square:before {
content: "\F199"
}
.fa-wordpress:before {
content: "\F19A"
}
.fa-openid:before {
content: "\F19B"
}
.fa-bank:before,
.fa-institution:before,
.fa-university:before {
content: "\F19C"
}
.fa-graduation-cap:before,
.fa-mortar-board:before {
content: "\F19D"
}
.fa-yahoo:before {
content: "\F19E"
}
.fa-google:before {
content: "\F1A0"
}
.fa-reddit:before {
content: "\F1A1"
}
.fa-reddit-square:before {
content: "\F1A2"
}
.fa-stumbleupon-circle:before {
content: "\F1A3"
}
.fa-stumbleupon:before {
content: "\F1A4"
}
.fa-delicious:before {
content: "\F1A5"
}
.fa-digg:before {
content: "\F1A6"
}
.fa-pied-piper-pp:before {
content: "\F1A7"
}
.fa-pied-piper-alt:before {
content: "\F1A8"
}
.fa-drupal:before {
content: "\F1A9"
}
.fa-joomla:before {
content: "\F1AA"
}
.fa-language:before {
content: "\F1AB"
}
.fa-fax:before {
content: "\F1AC"
}
.fa-building:before {
content: "\F1AD"
}
.fa-child:before {
content: "\F1AE"
}
.fa-paw:before {
content: "\F1B0"
}
.fa-spoon:before {
content: "\F1B1"
}
.fa-cube:before {
content: "\F1B2"
}
.fa-cubes:before {
content: "\F1B3"
}
.fa-behance:before {
content: "\F1B4"
}
.fa-behance-square:before {
content: "\F1B5"
}
.fa-steam:before {
content: "\F1B6"
}
.fa-steam-square:before {
content: "\F1B7"
}
.fa-recycle:before {
content: "\F1B8"
}
.fa-automobile:before,
.fa-car:before {
content: "\F1B9"
}
.fa-cab:before,
.fa-taxi:before {
content: "\F1BA"
}
.fa-tree:before {
content: "\F1BB"
}
.fa-spotify:before {
content: "\F1BC"
}
.fa-deviantart:before {
content: "\F1BD"
}
.fa-soundcloud:before {
content: "\F1BE"
}
.fa-database:before {
content: "\F1C0"
}
.fa-file-pdf-o:before {
content: "\F1C1"
}
.fa-file-word-o:before {
content: "\F1C2"
}
.fa-file-excel-o:before {
content: "\F1C3"
}
.fa-file-powerpoint-o:before {
content: "\F1C4"
}
.fa-file-image-o:before,
.fa-file-photo-o:before,
.fa-file-picture-o:before {
content: "\F1C5"
}
.fa-file-archive-o:before,
.fa-file-zip-o:before {
content: "\F1C6"
}
.fa-file-audio-o:before,
.fa-file-sound-o:before {
content: "\F1C7"
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\F1C8"
}
.fa-file-code-o:before {
content: "\F1C9"
}
.fa-vine:before {
content: "\F1CA"
}
.fa-codepen:before {
content: "\F1CB"
}
.fa-jsfiddle:before {
content: "\F1CC"
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-ring:before,
.fa-life-saver:before,
.fa-support:before {
content: "\F1CD"
}
.fa-circle-o-notch:before {
content: "\F1CE"
}
.fa-ra:before,
.fa-rebel:before,
.fa-resistance:before {
content: "\F1D0"
}
.fa-empire:before,
.fa-ge:before {
content: "\F1D1"
}
.fa-git-square:before {
content: "\F1D2"
}
.fa-git:before {
content: "\F1D3"
}
.fa-hacker-news:before,
.fa-y-combinator-square:before,
.fa-yc-square:before {
content: "\F1D4"
}
.fa-tencent-weibo:before {
content: "\F1D5"
}
.fa-qq:before {
content: "\F1D6"
}
.fa-wechat:before,
.fa-weixin:before {
content: "\F1D7"
}
.fa-paper-plane:before,
.fa-send:before {
content: "\F1D8"
}
.fa-paper-plane-o:before,
.fa-send-o:before {
content: "\F1D9"
}
.fa-history:before {
content: "\F1DA"
}
.fa-circle-thin:before {
content: "\F1DB"
}
.fa-header:before {
content: "\F1DC"
}
.fa-paragraph:before {
content: "\F1DD"
}
.fa-sliders:before {
content: "\F1DE"
}
.fa-share-alt:before {
content: "\F1E0"
}
.fa-share-alt-square:before {
content: "\F1E1"
}
.fa-bomb:before {
content: "\F1E2"
}
.fa-futbol-o:before,
.fa-soccer-ball-o:before {
content: "\F1E3"
}
.fa-tty:before {
content: "\F1E4"
}
.fa-binoculars:before {
content: "\F1E5"
}
.fa-plug:before {
content: "\F1E6"
}
.fa-slideshare:before {
content: "\F1E7"
}
.fa-twitch:before {
content: "\F1E8"
}
.fa-yelp:before {
content: "\F1E9"
}
.fa-newspaper-o:before {
content: "\F1EA"
}
.fa-wifi:before {
content: "\F1EB"
}
.fa-calculator:before {
content: "\F1EC"
}
.fa-paypal:before {
content: "\F1ED"
}
.fa-google-wallet:before {
content: "\F1EE"
}
.fa-cc-visa:before {
content: "\F1F0"
}
.fa-cc-mastercard:before {
content: "\F1F1"
}
.fa-cc-discover:before {
content: "\F1F2"
}
.fa-cc-amex:before {
content: "\F1F3"
}
.fa-cc-paypal:before {
content: "\F1F4"
}
.fa-cc-stripe:before {
content: "\F1F5"
}
.fa-bell-slash:before {
content: "\F1F6"
}
.fa-bell-slash-o:before {
content: "\F1F7"
}
.fa-trash:before {
content: "\F1F8"
}
.fa-copyright:before {
content: "\F1F9"
}
.fa-at:before {
content: "\F1FA"
}
.fa-eyedropper:before {
content: "\F1FB"
}
.fa-paint-brush:before {
content: "\F1FC"
}
.fa-birthday-cake:before {
content: "\F1FD"
}
.fa-area-chart:before {
content: "\F1FE"
}
.fa-pie-chart:before {
content: "\F200"
}
.fa-line-chart:before {
content: "\F201"
}
.fa-lastfm:before {
content: "\F202"
}
.fa-lastfm-square:before {
content: "\F203"
}
.fa-toggle-off:before {
content: "\F204"
}
.fa-toggle-on:before {
content: "\F205"
}
.fa-bicycle:before {
content: "\F206"
}
.fa-bus:before {
content: "\F207"
}
.fa-ioxhost:before {
content: "\F208"
}
.fa-angellist:before {
content: "\F209"
}
.fa-cc:before {
content: "\F20A"
}
.fa-ils:before,
.fa-shekel:before,
.fa-sheqel:before {
content: "\F20B"
}
.fa-meanpath:before {
content: "\F20C"
}
.fa-buysellads:before {
content: "\F20D"
}
.fa-connectdevelop:before {
content: "\F20E"
}
.fa-dashcube:before {
content: "\F210"
}
.fa-forumbee:before {
content: "\F211"
}
.fa-leanpub:before {
content: "\F212"
}
.fa-sellsy:before {
content: "\F213"
}
.fa-shirtsinbulk:before {
content: "\F214"
}
.fa-simplybuilt:before {
content: "\F215"
}
.fa-skyatlas:before {
content: "\F216"
}
.fa-cart-plus:before {
content: "\F217"
}
.fa-cart-arrow-down:before {
content: "\F218"
}
.fa-diamond:before {
content: "\F219"
}
.fa-ship:before {
content: "\F21A"
}
.fa-user-secret:before {
content: "\F21B"
}
.fa-motorcycle:before {
content: "\F21C"
}
.fa-street-view:before {
content: "\F21D"
}
.fa-heartbeat:before {
content: "\F21E"
}
.fa-venus:before {
content: "\F221"
}
.fa-mars:before {
content: "\F222"
}
.fa-mercury:before {
content: "\F223"
}
.fa-intersex:before,
.fa-transgender:before {
content: "\F224"
}
.fa-transgender-alt:before {
content: "\F225"
}
.fa-venus-double:before {
content: "\F226"
}
.fa-mars-double:before {
content: "\F227"
}
.fa-venus-mars:before {
content: "\F228"
}
.fa-mars-stroke:before {
content: "\F229"
}
.fa-mars-stroke-v:before {
content: "\F22A"
}
.fa-mars-stroke-h:before {
content: "\F22B"
}
.fa-neuter:before {
content: "\F22C"
}
.fa-genderless:before {
content: "\F22D"
}
.fa-facebook-official:before {
content: "\F230"
}
.fa-pinterest-p:before {
content: "\F231"
}
.fa-whatsapp:before {
content: "\F232"
}
.fa-server:before {
content: "\F233"
}
.fa-user-plus:before {
content: "\F234"
}
.fa-user-times:before {
content: "\F235"
}
.fa-bed:before,
.fa-hotel:before {
content: "\F236"
}
.fa-viacoin:before {
content: "\F237"
}
.fa-train:before {
content: "\F238"
}
.fa-subway:before {
content: "\F239"
}
.fa-medium:before {
content: "\F23A"
}
.fa-y-combinator:before,
.fa-yc:before {
content: "\F23B"
}
.fa-optin-monster:before {
content: "\F23C"
}
.fa-opencart:before {
content: "\F23D"
}
.fa-expeditedssl:before {
content: "\F23E"
}
.fa-battery-4:before,
.fa-battery-full:before,
.fa-battery:before {
content: "\F240"
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "\F241"
}
.fa-battery-2:before,
.fa-battery-half:before {
content: "\F242"
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content: "\F243"
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: "\F244"
}
.fa-mouse-pointer:before {
content: "\F245"
}
.fa-i-cursor:before {
content: "\F246"
}
.fa-object-group:before {
content: "\F247"
}
.fa-object-ungroup:before {
content: "\F248"
}
.fa-sticky-note:before {
content: "\F249"
}
.fa-sticky-note-o:before {
content: "\F24A"
}
.fa-cc-jcb:before {
content: "\F24B"
}
.fa-cc-diners-club:before {
content: "\F24C"
}
.fa-clone:before {
content: "\F24D"
}
.fa-balance-scale:before {
content: "\F24E"
}
.fa-hourglass-o:before {
content: "\F250"
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: "\F251"
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: "\F252"
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: "\F253"
}
.fa-hourglass:before {
content: "\F254"
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: "\F255"
}
.fa-hand-paper-o:before,
.fa-hand-stop-o:before {
content: "\F256"
}
.fa-hand-scissors-o:before {
content: "\F257"
}
.fa-hand-lizard-o:before {
content: "\F258"
}
.fa-hand-spock-o:before {
content: "\F259"
}
.fa-hand-pointer-o:before {
content: "\F25A"
}
.fa-hand-peace-o:before {
content: "\F25B"
}
.fa-trademark:before {
content: "\F25C"
}
.fa-registered:before {
content: "\F25D"
}
.fa-creative-commons:before {
content: "\F25E"
}
.fa-gg:before {
content: "\F260"
}
.fa-gg-circle:before {
content: "\F261"
}
.fa-tripadvisor:before {
content: "\F262"
}
.fa-odnoklassniki:before {
content: "\F263"
}
.fa-odnoklassniki-square:before {
content: "\F264"
}
.fa-get-pocket:before {
content: "\F265"
}
.fa-wikipedia-w:before {
content: "\F266"
}
.fa-safari:before {
content: "\F267"
}
.fa-chrome:before {
content: "\F268"
}
.fa-firefox:before {
content: "\F269"
}
.fa-opera:before {
content: "\F26A"
}
.fa-internet-explorer:before {
content: "\F26B"
}
.fa-television:before,
.fa-tv:before {
content: "\F26C"
}
.fa-contao:before {
content: "\F26D"
}
.fa-500px:before {
content: "\F26E"
}
.fa-amazon:before {
content: "\F270"
}
.fa-calendar-plus-o:before {
content: "\F271"
}
.fa-calendar-minus-o:before {
content: "\F272"
}
.fa-calendar-times-o:before {
content: "\F273"
}
.fa-calendar-check-o:before {
content: "\F274"
}
.fa-industry:before {
content: "\F275"
}
.fa-map-pin:before {
content: "\F276"
}
.fa-map-signs:before {
content: "\F277"
}
.fa-map-o:before {
content: "\F278"
}
.fa-map:before {
content: "\F279"
}
.fa-commenting:before {
content: "\F27A"
}
.fa-commenting-o:before {
content: "\F27B"
}
.fa-houzz:before {
content: "\F27C"
}
.fa-vimeo:before {
content: "\F27D"
}
.fa-black-tie:before {
content: "\F27E"
}
.fa-fonticons:before {
content: "\F280"
}
.fa-reddit-alien:before {
content: "\F281"
}
.fa-edge:before {
content: "\F282"
}
.fa-credit-card-alt:before {
content: "\F283"
}
.fa-codiepie:before {
content: "\F284"
}
.fa-modx:before {
content: "\F285"
}
.fa-fort-awesome:before {
content: "\F286"
}
.fa-usb:before {
content: "\F287"
}
.fa-product-hunt:before {
content: "\F288"
}
.fa-mixcloud:before {
content: "\F289"
}
.fa-scribd:before {
content: "\F28A"
}
.fa-pause-circle:before {
content: "\F28B"
}
.fa-pause-circle-o:before {
content: "\F28C"
}
.fa-stop-circle:before {
content: "\F28D"
}
.fa-stop-circle-o:before {
content: "\F28E"
}
.fa-shopping-bag:before {
content: "\F290"
}
.fa-shopping-basket:before {
content: "\F291"
}
.fa-hashtag:before {
content: "\F292"
}
.fa-bluetooth:before {
content: "\F293"
}
.fa-bluetooth-b:before {
content: "\F294"
}
.fa-percent:before {
content: "\F295"
}
.fa-gitlab:before {
content: "\F296"
}
.fa-wpbeginner:before {
content: "\F297"
}
.fa-wpforms:before {
content: "\F298"
}
.fa-envira:before {
content: "\F299"
}
.fa-universal-access:before {
content: "\F29A"
}
.fa-wheelchair-alt:before {
content: "\F29B"
}
.fa-question-circle-o:before {
content: "\F29C"
}
.fa-blind:before {
content: "\F29D"
}
.fa-audio-description:before {
content: "\F29E"
}
.fa-volume-control-phone:before {
content: "\F2A0"
}
.fa-braille:before {
content: "\F2A1"
}
.fa-assistive-listening-systems:before {
content: "\F2A2"
}
.fa-american-sign-language-interpreting:before,
.fa-asl-interpreting:before {
content: "\F2A3"
}
.fa-deaf:before,
.fa-deafness:before,
.fa-hard-of-hearing:before {
content: "\F2A4"
}
.fa-glide:before {
content: "\F2A5"
}
.fa-glide-g:before {
content: "\F2A6"
}
.fa-sign-language:before,
.fa-signing:before {
content: "\F2A7"
}
.fa-low-vision:before {
content: "\F2A8"
}
.fa-viadeo:before {
content: "\F2A9"
}
.fa-viadeo-square:before {
content: "\F2AA"
}
.fa-snapchat:before {
content: "\F2AB"
}
.fa-snapchat-ghost:before {
content: "\F2AC"
}
.fa-snapchat-square:before {
content: "\F2AD"
}
.fa-pied-piper:before {
content: "\F2AE"
}
.fa-first-order:before {
content: "\F2B0"
}
.fa-yoast:before {
content: "\F2B1"
}
.fa-themeisle:before {
content: "\F2B2"
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: "\F2B3"
}
.fa-fa:before,
.fa-font-awesome:before {
content: "\F2B4"
}
.fa-handshake-o:before {
content: "\F2B5"
}
.fa-envelope-open:before {
content: "\F2B6"
}
.fa-envelope-open-o:before {
content: "\F2B7"
}
.fa-linode:before {
content: "\F2B8"
}
.fa-address-book:before {
content: "\F2B9"
}
.fa-address-book-o:before {
content: "\F2BA"
}
.fa-address-card:before,
.fa-vcard:before {
content: "\F2BB"
}
.fa-address-card-o:before,
.fa-vcard-o:before {
content: "\F2BC"
}
.fa-user-circle:before {
content: "\F2BD"
}
.fa-user-circle-o:before {
content: "\F2BE"
}
.fa-user-o:before {
content: "\F2C0"
}
.fa-id-badge:before {
content: "\F2C1"
}
.fa-drivers-license:before,
.fa-id-card:before {
content: "\F2C2"
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
content: "\F2C3"
}
.fa-quora:before {
content: "\F2C4"
}
.fa-free-code-camp:before {
content: "\F2C5"
}
.fa-telegram:before {
content: "\F2C6"
}
.fa-thermometer-4:before,
.fa-thermometer-full:before,
.fa-thermometer:before {
content: "\F2C7"
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content: "\F2C8"
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content: "\F2C9"
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content: "\F2CA"
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content: "\F2CB"
}
.fa-shower:before {
content: "\F2CC"
}
.fa-bath:before,
.fa-bathtub:before,
.fa-s15:before {
content: "\F2CD"
}
.fa-podcast:before {
content: "\F2CE"
}
.fa-window-maximize:before {
content: "\F2D0"
}
.fa-window-minimize:before {
content: "\F2D1"
}
.fa-window-restore:before {
content: "\F2D2"
}
.fa-times-rectangle:before,
.fa-window-close:before {
content: "\F2D3"
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
content: "\F2D4"
}
.fa-bandcamp:before {
content: "\F2D5"
}
.fa-grav:before {
content: "\F2D6"
}
.fa-etsy:before {
content: "\F2D7"
}
.fa-imdb:before {
content: "\F2D8"
}
.fa-ravelry:before {
content: "\F2D9"
}
.fa-eercast:before {
content: "\F2DA"
}
.fa-microchip:before {
content: "\F2DB"
}
.fa-snowflake-o:before {
content: "\F2DC"
}
.fa-superpowers:before {
content: "\F2DD"
}
.fa-wpexplorer:before {
content: "\F2DE"
}
.fa-meetup:before {
content: "\F2E0"
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto
}
.ReactTable {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
border: 1px solid rgba(0, 0, 0, .1)
}
.ReactTable * {
box-sizing: border-box
}
.ReactTable .rt-table {
-ms-flex: 1;
flex: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%;
border-collapse: collapse;
overflow: auto
}
.ReactTable .rt-thead {
-ms-flex: 1 0 auto;
flex: 1 0 auto;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.ReactTable .rt-thead.-headerGroups {
background: rgba(0, 0, 0, .03)
}
.ReactTable .rt-thead.-filters,
.ReactTable .rt-thead.-headerGroups {
border-bottom: 1px solid rgba(0, 0, 0, .05)
}
.ReactTable .rt-thead.-filters .rt-th {
border-right: 1px solid rgba(0, 0, 0, .02)
}
.ReactTable .rt-thead.-header {
box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .15)
}
.ReactTable .rt-thead .rt-tr {
text-align: center
}
.ReactTable .rt-thead .rt-td,
.ReactTable .rt-thead .rt-th {
padding: 5px;
line-height: normal;
position: relative;
border-right: 1px solid rgba(0, 0, 0, .05);
transition: box-shadow .3s cubic-bezier(.175, .885, .32, 1.275);
box-shadow: inset 0 0 0 0 transparent
}
.ReactTable .rt-thead .rt-td.-sort-asc,
.ReactTable .rt-thead .rt-th.-sort-asc {
box-shadow: inset 0 3px 0 0 rgba(0, 0, 0, .6)
}
.ReactTable .rt-thead .rt-td.-sort-desc,
.ReactTable .rt-thead .rt-th.-sort-desc {
box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, .6)
}
.ReactTable .rt-thead .rt-td.-cursor-pointer,
.ReactTable .rt-thead .rt-th.-cursor-pointer {
cursor: pointer
}
.ReactTable .rt-thead .rt-td:last-child,
.ReactTable .rt-thead .rt-th:last-child {
border-right: 0
}
.ReactTable .rt-thead .rt-resizable-header {
overflow: visible
}
.ReactTable .rt-thead .rt-resizable-header:last-child {
overflow: hidden
}
.ReactTable .rt-thead .rt-resizable-header-content {
overflow: hidden;
text-overflow: ellipsis
}
.ReactTable .rt-thead .rt-header-pivot {
border-right-color: #f7f7f7
}
.ReactTable .rt-thead .rt-header-pivot:after,
.ReactTable .rt-thead .rt-header-pivot:before {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
.ReactTable .rt-thead .rt-header-pivot:after {
border-color: hsla(0, 0%, 100%, 0);
border-left-color: #fff;
border-width: 8px;
margin-top: -8px
}
.ReactTable .rt-thead .rt-header-pivot:before {
border-color: hsla(0, 0%, 40%, 0);
border-left-color: #f7f7f7;
border-width: 10px;
margin-top: -10px
}
.ReactTable .rt-tbody {
-ms-flex: 99999 1 auto;
flex: 99999 1 auto;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
overflow: auto
}
.ReactTable .rt-tbody .rt-tr-group {
border-bottom: 1px solid rgba(0, 0, 0, .05)
}
.ReactTable .rt-tbody .rt-tr-group:last-child {
border-bottom: 0
}
.ReactTable .rt-tbody .rt-td {
border-right: 1px solid rgba(0, 0, 0, .02)
}
.ReactTable .rt-tbody .rt-td:last-child {
border-right: 0
}
.ReactTable .rt-tbody .rt-expandable {
cursor: pointer
}
.ReactTable .rt-tr-group {
-ms-flex: 1 0 auto;
flex: 1 0 auto;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: stretch;
align-items: stretch
}
.ReactTable .rt-tr {
-ms-flex: 1 0 auto;
flex: 1 0 auto;
display: -ms-inline-flexbox;
display: inline-flex
}
.ReactTable .rt-td,
.ReactTable .rt-th {
-ms-flex: 1 0 0px;
flex: 1 0 0;
white-space: nowrap;
text-overflow: ellipsis;
padding: 7px 5px;
overflow: hidden;
transition: .3s ease;
transition-property: width, min-width, padding, opacity
}
.ReactTable .rt-td.-hidden,
.ReactTable .rt-th.-hidden {
width: 0 !important;
min-width: 0 !important;
padding: 0 !important;
border: 0 !important;
opacity: 0 !important
}
.ReactTable .rt-expander {
display: inline-block;
position: relative;
margin: 0;
color: transparent;
margin: 0 10px
}
.ReactTable .rt-expander:after {
content: "";
position: absolute;
width: 0;
height: 0;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(-90deg);
border-left: 5.04px solid transparent;
border-right: 5.04px solid transparent;
border-top: 7px solid rgba(0, 0, 0, .8);
transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
cursor: pointer
}
.ReactTable .rt-expander.-open:after {
transform: translate(-50%, -50%) rotate(0)
}
.ReactTable .rt-resizer {
display: inline-block;
position: absolute;
width: 36px;
top: 0;
bottom: 0;
right: -18px;
cursor: col-resize;
z-index: 10
}
.ReactTable .rt-tfoot {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, .15)
}
.ReactTable .rt-tfoot .rt-td {
border-right: 1px solid rgba(0, 0, 0, .05)
}
.ReactTable .rt-tfoot .rt-td:last-child {
border-right: 0
}
.ReactTable.-striped .rt-tr.-odd {
background: rgba(0, 0, 0, .03)
}
.ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover {
background: rgba(0, 0, 0, .05)
}
.ReactTable .-pagination {
z-index: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 3px;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
border-top: 2px solid rgba(0, 0, 0, .1)
}
.ReactTable .-pagination .-btn {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
width: 100%;
height: 100%;
border: 0;
border-radius: 3px;
padding: 6px;
font-size: 1em;
color: rgba(0, 0, 0, .6);
background: rgba(0, 0, 0, .1);
transition: all .1s ease;
cursor: pointer;
outline: none
}
.ReactTable .-pagination .-btn[disabled] {
opacity: .5;
cursor: default
}
.ReactTable .-pagination .-btn:not([disabled]):hover {
background: rgba(0, 0, 0, .3);
color: #fff
}
.ReactTable .-pagination .-next,
.ReactTable .-pagination .-previous {
-ms-flex: 1;
flex: 1;
text-align: center
}
.ReactTable .-pagination .-center {
-ms-flex: 1.5;
flex: 1.5;
text-align: center;
margin-bottom: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around
}
.ReactTable .-pagination .-pageInfo {
display: inline-block;
margin: 3px 10px;
white-space: nowrap
}
.ReactTable .-pagination .-pageJump {
display: inline-block
}
.ReactTable .-pagination .-pageJump input {
width: 70px;
text-align: center
}
.ReactTable .-pagination .-pageSizeOptions {
margin: 3px 10px
}
.ReactTable .rt-noData {
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 1;
padding: 20px;
color: rgba(0, 0, 0, .5)
}
.ReactTable .-loading,
.ReactTable .rt-noData {
display: block;
position: absolute;
background: hsla(0, 0%, 100%, .8);
transition: all .3s ease;
pointer-events: none
}
.ReactTable .-loading {
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 2;
opacity: 0
}
.ReactTable .-loading>div {
position: absolute;
display: block;
text-align: center;
width: 100%;
top: 50%;
left: 0;
font-size: 15px;
color: rgba(0, 0, 0, .6);
transform: translateY(-52%);
transition: all .3s cubic-bezier(.25, .46, .45, .94)
}
.ReactTable .-loading.-active {
opacity: 1;
pointer-events: all
}
.ReactTable .-loading.-active>div {
transform: translateY(50%)
}
.ReactTable input,
.ReactTable select {
border: 1px solid rgba(0, 0, 0, .1);
background: #fff;
padding: 5px 7px;
font-size: inherit;
border-radius: 3px;
font-weight: 400;
outline: none
}
.ReactTable input:not([type=checkbox]):not([type=radio]),
.ReactTable select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.ReactTable input:not([type=checkbox]):not([type=radio])::-ms-expand,
.ReactTable select::-ms-expand {
display: none
}
.ReactTable .select-wrap {
position: relative;
display: inline-block
}
.ReactTable .select-wrap select {
padding: 5px 15px 5px 7px;
min-width: 100px
}
.ReactTable .select-wrap:after {
content: "";
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
border-color: #999 transparent transparent;
border-style: solid;
border-width: 5px 5px 2.5px
}
.ReactTable .rt-resizing .rt-td,
.ReactTable .rt-resizing .rt-th {
transition: none !important;
cursor: col-resize;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.Select {
position: relative
}
.Select,
.Select div,
.Select input,
.Select span {
box-sizing: border-box
}
.Select.is-disabled>.Select-control {
background-color: #f9f9f9
}
.Select.is-disabled>.Select-control:hover {
box-shadow: none
}
.Select.is-disabled .Select-arrow-zone {
cursor: default;
pointer-events: none;
opacity: .35
}
.Select-control {
background-color: #fff;
border-color: #d9d9d9 #ccc #b3b3b3;
border-radius: 4px;
border: 1px solid #ccc;
color: #333;
cursor: default;
display: table;
border-spacing: 0;
border-collapse: separate;
height: 36px;
outline: none;
overflow: hidden;
position: relative;
width: 100%
}
.Select-control:hover {
box-shadow: 0 1px 0 rgba(0, 0, 0, .06)
}
.Select-control .Select-input:focus {
outline: none
}
.is-searchable.is-open>.Select-control {
cursor: text
}
.is-open>.Select-control {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background: #fff;
border-color: #b3b3b3 #ccc #d9d9d9
}
.is-open>.Select-control .Select-arrow {
top: -2px;
border-color: transparent transparent #999;
border-width: 0 5px 5px
}
.is-searchable.is-focused:not(.is-open)>.Select-control {
cursor: text
}
.is-focused:not(.is-open)>.Select-control {
border-color: #007eff;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 3px rgba(0, 126, 255, .1)
}
.Select--single>.Select-control .Select-value,
.Select-placeholder {
bottom: 0;
color: #aaa;
left: 0;
line-height: 34px;
padding-left: 10px;
padding-right: 10px;
position: absolute;
right: 0;
top: 0;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label,
.has-value.Select--single>.Select-control .Select-value .Select-value-label {
color: #333
}
.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label,
.has-value.Select--single>.Select-control .Select-value a.Select-value-label {
cursor: pointer;
text-decoration: none
}
.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus,
.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:hover,
.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus,
.has-value.Select--single>.Select-control .Select-value a.Select-value-label:hover {
color: #007eff;
outline: none;
text-decoration: underline
}
.Select-input {
height: 34px;
padding-left: 10px;
padding-right: 10px;
vertical-align: middle
}
.Select-input>input {
width: 100%;
background: none transparent;
border: 0 none;
box-shadow: none;
cursor: default;
display: inline-block;
font-family: inherit;
font-size: inherit;
margin: 0;
outline: none;
line-height: 14px;
padding: 8px 0 12px;
-webkit-appearance: none
}
.is-focused .Select-input>input {
cursor: text
}
.has-value.is-pseudo-focused .Select-input {
opacity: 0
}
.Select-control:not(.is-searchable)>.Select-input {
outline: none
}
.Select-loading-zone {
cursor: pointer;
display: table-cell;
text-align: center
}
.Select-loading,
.Select-loading-zone {
position: relative;
vertical-align: middle;
width: 16px
}
.Select-loading {
animation: Select-animation-spin .4s infinite linear;
height: 16px;
box-sizing: border-box;
border-radius: 50%;
border: 2px solid #ccc;
border-right-color: #333;
display: inline-block
}
.Select-clear-zone {
animation: Select-animation-fadeIn .2s;
color: #999;
cursor: pointer;
display: table-cell;
position: relative;
text-align: center;
vertical-align: middle;
width: 17px
}
.Select-clear-zone:hover {
color: #d0021b
}
.Select-clear {
display: inline-block;
font-size: 18px;
line-height: 1
}
.Select--multi .Select-clear-zone {
width: 17px
}
.Select-arrow-zone {
cursor: pointer;
display: table-cell;
position: relative;
text-align: center;
vertical-align: middle;
width: 25px;
padding-right: 5px
}
.Select-arrow {
border-color: #999 transparent transparent;
border-style: solid;
border-width: 5px 5px 2.5px;
display: inline-block;
height: 0;
width: 0;
position: relative
}
.is-open .Select-arrow,
.Select-arrow-zone:hover>.Select-arrow {
border-top-color: #666
}
.Select--multi .Select-multi-value-wrapper {
display: inline-block
}
.Select .Select-aria-only {
display: inline-block;
height: 1px;
width: 1px;
margin: -1px;
clip: rect(0, 0, 0, 0);
overflow: hidden;
float: left
}
@keyframes Select-animation-fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.Select-menu-outer {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
background-color: #fff;
border: 1px solid #ccc;
border-top-color: #e6e6e6;
box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
box-sizing: border-box;
margin-top: -1px;
max-height: 200px;
position: absolute;
top: 100%;
width: 100%;
z-index: 1;
-webkit-overflow-scrolling: touch
}
.Select-menu {
max-height: 198px;
overflow-y: auto
}
.Select-option {
box-sizing: border-box;
background-color: #fff;
color: #666;
cursor: pointer;
display: block;
padding: 8px 10px
}
.Select-option:last-child {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px
}
.Select-option.is-selected {
background-color: #f5faff;
background-color: rgba(0, 126, 255, .04);
color: #333
}
.Select-option.is-focused {
background-color: #ebf5ff;
background-color: rgba(0, 126, 255, .08);
color: #333
}
.Select-option.is-disabled {
color: #ccc;
cursor: default
}
.Select-noresults {
box-sizing: border-box;
color: #999;
cursor: default;
display: block;
padding: 8px 10px
}
.Select--multi .Select-input {
vertical-align: middle;
margin-left: 10px;
padding: 0
}
.Select--multi.has-value .Select-input {
margin-left: 5px
}
.Select--multi .Select-value {
background-color: #ebf5ff;
background-color: rgba(0, 126, 255, .08);
border-radius: 2px;
border: 1px solid #c2e0ff;
border: 1px solid rgba(0, 126, 255, .24);
color: #007eff;
display: inline-block;
font-size: .9em;
line-height: 1.4;
margin-left: 5px;
margin-top: 5px;
vertical-align: top
}
.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
display: inline-block;
vertical-align: middle
}
.Select--multi .Select-value-label {
border-bottom-right-radius: 2px;
border-top-right-radius: 2px;
cursor: default;
padding: 2px 5px
}
.Select--multi a.Select-value-label {
color: #007eff;
cursor: pointer;
text-decoration: none
}
.Select--multi a.Select-value-label:hover {
text-decoration: underline
}
.Select--multi .Select-value-icon {
cursor: pointer;
border-bottom-left-radius: 2px;
border-top-left-radius: 2px;
border-right: 1px solid #c2e0ff;
border-right: 1px solid rgba(0, 126, 255, .24);
padding: 1px 5px 3px
}
.Select--multi .Select-value-icon:focus,
.Select--multi .Select-value-icon:hover {
background-color: #d8eafd;
background-color: rgba(0, 113, 230, .08);
color: #0071e6
}
.Select--multi .Select-value-icon:active {
background-color: #c2e0ff;
background-color: rgba(0, 126, 255, .24)
}
.Select--multi.is-disabled .Select-value {
background-color: #fcfcfc;
border: 1px solid #e3e3e3;
color: #333
}
.Select--multi.is-disabled .Select-value-icon {
cursor: not-allowed;
border-right: 1px solid #e3e3e3
}
.Select--multi.is-disabled .Select-value-icon:active,
.Select--multi.is-disabled .Select-value-icon:focus,
.Select--multi.is-disabled .Select-value-icon:hover {
background-color: #fcfcfc
}
@keyframes Select-animation-spin {
to {
transform: rotate(1turn)
}
}
.link__wrapper {
text-decoration: none;
color: #00609c;
cursor: pointer
}
.link__wrapper:hover {
color: #64badd
}
.toggle__wrapper {
position: relative;
cursor: pointer
}
.toggle__track {
width: 100px;
height: 20px;
border-radius: 4px;
color: #fff;
font-size: 12px;
text-align: center;
line-height: 20px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.toggle__track--toggled {
background-color: #28455b
}
.toggle__thump {
width: 30px;
height: 30px;
position: absolute;
left: -15px;
top: -25%;
border-radius: 50%;
box-shadow: 2px 0 5px -1px rgba(0, 0, 0, .69)
}
.toggle__thump--toggled {
background-color: #214a70 !important
}
.slider-content-default {
text-align: center;
padding: 0 1%;
max-width: 40em;
margin: auto
}
.slider-fonts h1,
.slider-fonts h2 {
padding-right: 0 !important;
padding-left: 0 !important;
margin-right: 0 !important;
margin-left: 0 !important
}
.slick-dotss {
padding-top: 5%;
padding-left: 0;
bottom: -25px;
width: 100%;
text-align: center;
margin: 0;
list-style: none
}
.slick-dotss li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 1px;
padding: 0;
cursor: pointer
}
.slick-dotss li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: 0;
background: 0 0
}
.slick-dotss li.slick-active button:before {
opacity: 1;
color: #fff
}
.slick-dotss li button:before {
font-size: 12px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: "\2022";
text-align: center;
opacity: .35;
color: #000
}
.dots-active-black li.slick-active button:before {
color: #000
}
.dots-white li button:before {
color: #fff
}
.dots-active-darkblue li.slick-active button:before {
color: #187bb7
}
.dots-lightblue li button:before {
color: #52c3dd
}
.slick-dotss li button:before,
.slick-next:before,
.slick-prev:before {
font-family: slick;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
span.stretch {
display: inline-block;
transform: scaleX(.9);
-webkit-text-stroke: 5px #66b2d8
}
.container__wrapper {
max-width: 1280px;
padding-left: 8%;
padding-right: 8%;
margin: 0 auto
}
.supportSection img {
height: 8vw
}
.supportSection h4 {
color: #64badd;
font-size: 20px;
margin-top: 0;
padding-top: 0;
margin-bottom: 10px
}
.supportSection p {
text-align: left
}
@media screen and (max-width:767px) {
.supportSection img {
height: 60px
}
}
.list__style {
padding-left: 10px;
font-family: NotoSans-Regular
}
.list__style--none {
list-style-type: none;
padding-left: 0
}
.text_style {
color: #000
}
.list__style--lightBlue>li {
color: #64badd
}
.list__style--red>li {
color: red
}
.section__container--xsmall {
max-width: 600px
}
.section__container--small {
max-width: 700px
}
.section__container--medium {
max-width: 800px
}
.section__container--large {
max-width: 900px
}
.section__container--xlarge {
max-width: 1100px
}
.button__wrapper {
padding: 0;
margin: 0 !important;
width: 100%;
cursor: pointer;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 16px;
text-align: center;
text-decoration: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease
}
.button__outerWrapper {
border-radius: 6px;
margin: 0;
color: #fff;
box-sizing: border-box;
display: inline-block
}
.button__wrapper--disabled {
cursor: default !important;
opacity: .45 !important;
pointer-events: none !important
}
.button__wrapper--blue {
background-color: #64badd !important;
color: #fff !important
}
.button__wrapper--blue:hover {
background-color: #53a9cc !important
}
.button__wrapper--dark-blue {
background-color: #214a70 !important;
color: #fff !important
}
.button__wrapper--dark-blue:hover {
background-color: #53a9cc !important
}
.button__wrapper--grey {
background-color: #eee !important;
color: #3d80ad !important
}
.button__wrapper--grey:hover {
background-color: #ccc !important
}
.button__wrapper--white-blue {
background-color: #fff !important;
color: #3d80ad !important
}
.button__wrapper--white-blue:hover {
background-color: #eee !important
}
.button__wrapper--white-grey {
background-color: #fff !important;
color: #989898 !important
}
.button__wrapper--white-grey:hover {
background-color: #eee !important
}
.button__wrapper--no-outline {
background-color: #fff !important;
color: #3d80ad !important;
margin: 0 !important
}
.button__wrapper--no-outline:hover {
background-color: #fff !important;
color: #2c709c !important
}
.button__wrapper--facebook {
background-color: #475993
}
.button__wrapper--facebook:hover {
background-color: #364882
}
.button__wrapper--google {
background-color: #c83c26
}
.button__wrapper--google:hover {
background-color: #b72b15
}
.button__wrapper--transparent-border {
border: 2px solid #000;
color: #000
}
.button__wrapper--red {
background-color: #db2828;
color: #fff
}
.button__wrapper--red:hover {
background-color: #d01919
}
.button__outerWrapper--tiny {
padding: 3px 5px
}
.button__wrapper--tiny {
height: 20px;
font-size: 12px
}
.button__wrapper--tiny i {
font-size: 18px;
margin-right: 4px
}
.button__wrapper--tiny span {
font-size: 12px
}
.button__outerWrapper--small {
padding: 5px 7px
}
.button__wrapper--small {
height: 25px;
font-size: 16px
}
.button__wrapper--small i {
font-size: 20px;
margin-right: 5px
}
.button__wrapper--small span {
font-size: 16px
}
.button__outerWrapper--medium {
padding: 6px 10px
}
.button__wrapper--medium {
height: 36px;
font-size: 17px
}
.button__wrapper--medium i {
font-size: 30px;
margin-right: 6px
}
.button__wrapper--medium span {
font-size: 17px
}
.button__outerWrapper--large {
padding: 9px 13px
}
.button__wrapper--large {
height: 36px;
font-size: 20px
}
.button__wrapper--large i {
font-size: 36px;
margin-right: 9px
}
.button__wrapper--large span {
font-size: 20px
}
.button__outerWrapper--xlarge {
padding: 12px 16px
}
.button__wrapper--xlarge {
height: 46px;
font-size: 30px
}
.button__wrapper--xlarge i {
font-size: 40px
}
.button__wrapper--xlarge span {
font-size: 30px
}
.button__outerWrapper--xxlarge {
padding: 15px 20px
}
.button__wrapper--xxlarge {
height: 50px;
font-size: 40px
}
.button__wrapper--xxlarge i {
font-size: 46px
}
.button__wrapper--xxlarge span {
font-size: 40px
}
.avatar__container {
width: 70px;
height: 70px;
background-color: #bbdefb;
border-radius: 50%;
overflow: hidden
}
.avatar__container--small {
width: 40px;
height: 40px
}
.avatar__container--large {
width: 110px !important;
height: 110px !important
}
.avatar__image {
width: 70px;
height: 70px
}
.avatar__image--small {
width: 40px;
height: 40px
}
.avatar__image--large {
width: 110px !important;
height: 110px !important
}
.socialicons_layout-horizontal {
display: inline-block
}
.socialicons_layout-vertical {
display: block
}
.socialicons {
padding: 2px;
cursor: pointer
}
.socialicons_wrapper {
background-image: url(/img/icons/sharing-caring.png);
padding-top: 45px;
padding-left: 15px;
background-repeat: no-repeat
}
.usermenu__container {
width: 400px;
color: #000;
padding: 20px;
padding-top: 30px
}
.usermenu__container hr {
margin-left: -20px;
margin-right: -20px
}
.usermenu__infor {
border-bottom: 1px solid #d3d3d3
}
.usermenu__avatar {
padding: 20px
}
.usermenu__name-wrapper {
padding-right: 20px;
width: 100%
}
.usermenu__name {
font-size: 20px;
font-weight: 700;
margin-bottom: 10px;
width: 100%;
padding-top: 10px;
padding-bottom: 10px
}
.usermenu__name--big {
font-size: 24px;
font-weight: 700;
padding: 10px 0
}
.usermenu__language-label {
font-size: 16px;
margin-bottom: 0;
margin-top: 0
}
.usermenu__language {
font-size: 16px;
margin-top: 5px;
margin-bottom: 0
}
.usermenu__actions {
padding: 13px 15px
}
@media screen and (max-width:767px) {
.usermenu__container {
width: 80%;
padding: 5% 10%;
background-color: #fff
}
.usermenu__container hr {
margin-left: -10%;
margin-right: -10%
}
.usermenu__avatar {
padding-left: 40px
}
.usermenu__name-wrapper {
padding-top: 20px
}
.usermenu__actions>div:not(:first-child) {
margin-top: 10px
}
}
.usermenupopup__lareferral p {
font-size: 12px
}
.hamburgericon__container {
display: block;
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
width: 35px;
height: 35px;
font-size: 0;
text-indent: -9999px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none;
border-radius: none;
border: none;
cursor: pointer;
transition: background .3s
}
.hamburgericon__container:focus {
outline: none
}
.hamburgericon__container span {
display: block;
position: absolute;
top: 14px;
left: 0;
right: 0;
height: 6px;
background: #fff;
border-radius: 2px
}
.hamburgericon__container span:after,
.hamburgericon__container span:before {
position: absolute;
display: block;
left: 0;
width: 100%;
height: 6px;
background-color: #fff;
content: "";
border-radius: 2px
}
.hamburgericon__container span:before {
top: -14px
}
.hamburgericon__container span:after {
bottom: -14px
}
.hamburgericon__x span:after,
.hamburgericon__x span:before {
transition-duration: .3s, .3s;
transition-delay: .3s, 0s
}
.hamburgericon__x span:before {
transition-property: top, transform
}
.hamburgericon__x span:after {
transition-property: bottom, transform
}
.hamburgericon__x.is-active span {
background: none
}
.hamburgericon__x.is-active span:before {
top: 0;
transform: rotate(45deg)
}
.hamburgericon__x.is-active span:after {
bottom: 0;
transform: rotate(-45deg)
}
.hamburgericon__x.is-active span:after,
.hamburgericon__x.is-active span:before {
transition-delay: 0s, .3s
}
.navbar__container {
height: 66px;
width: 100%;
background-color: #242b34;
position: fixed;
top: 0;
left: 0;
box-sizing: border-box;
z-index: 10000
}
.navbar__subbar-container {
overflow: auto;
position: fixed;
top: 66px;
background-color: #242b34;
border-top: 7px solid #39444f;
box-shadow: 0 6px 8px -1px hsla(0, 0%, 7%, .5)
}
.navbar__subbar-container-inner {
padding-bottom: 20px
}
.navbar__menu {
font-size: 16px;
color: #ddd;
padding: 26px 23px 23px 33px;
cursor: pointer
}
.navbar__menu--link span:hover,
.navbar__menu--open span {
background: #214a70
}
.navbar__menu--link-logo span {
padding-left: 15px;
padding-right: 15px
}
.navbar__menu--link-logo span:hover {
background: #486a94;
padding-bottom: 10px;
padding-top: 34px
}
.navbar__username {
font-size: 16px;
color: #fff;
margin-right: 25px
}
.navbar__menu--dropdown {
position: absolute;
margin-top: 21px;
background: #242b34
}
.navbar__menu--dropdown ul {
list-style: none;
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
cursor: pointer
}
.navbar__menu--dropdown li {
padding: 18px 72px 18px 36px;
color: #fff;
font-size: 16px
}
.navbar__menu--dropdown li:hover {
background: #214a70
}
.user-nav__container {
background-color: #009ad6 !important;
border-bottom: 4px solid #bbdefb
}
.user-nav__subbar-container {
overflow: auto;
position: absolute;
top: 66px;
background-color: #009ad6;
color: #fff;
box-shadow: 0 6px 8px -1px hsla(0, 0%, 7%, .5)
}
@media screen and (max-width:1050px) {
.navbar__menu {
padding-left: 15px;
padding-right: 10px
}
.navbar__container img {
margin-right: 20px
}
}
@media screen and (max-width:767px) {
.navbar__menu {
font-size: 20px;
margin-right: 0
}
.navbar__login,
.navbar__menu {
padding: 20px 3%
}
.user-nav__container {
border-bottom: 4px solid #4accf4
}
.navbar__menu--link {
padding: 20px 3%;
font-size: 20px
}
.navbar__menu--link span {
padding-left: 0;
width: 100%
}
.navbar__menu--link span:hover {
background: #242b34
}
.navbar__menu--dropdown li {
font-size: 18px;
padding-left: 28px;
padding-top: 18px;
padding-right: 0
}
.navbar__menu--dropdown {
width: 100%;
position: relative;
display: block
}
}
.textinput__input {
width: 100%;
height: 100%;
min-height: 49px;
font-size: 1.2vw;
color: #888;
margin: 0;
padding-left: 15px;
letter-spacing: 1px;
font-weight: lighter;
box-sizing: border-box;
border-radius: 4px;
border-width: 1px
}
.textinput__input:focus {
box-shadow: none;
outline: none
}
.textinput__input::-webkit-input-placeholder {
font-family: NotoSans-Regular, sans-serif
}
.textinput__input::-moz-placeholder {
font-family: NotoSans-Regular, sans-serif
}
.textinput__input:-ms-input-placeholder {
font-family: NotoSans-Regular, sans-serif
}
.textinput__input::placeholder {
font-family: NotoSans-Regular, sans-serif
}
@media screen and (max-width:767px) {
.textinput__input {
margin: 0 0 2px;
min-height: 25px
}
}
@media screen and (max-width:1050px) {
.textinput__input {
font-size: 16px
}
}
.selectfieldmaterial {
font-family: NotoSans-Regular
}
.selectfieldmaterial--small {
font-size: 20px
}
.selectfieldmaterial--medium {
font-size: 25px
}
.selectfieldmaterial--large {
font-size: 30px
}
.textarea--small {
font-size: 16px
}
.textarea--medium {
font-size: 18px
}
.textarea--large {
font-size: 25px
}
.textarea--xlarge {
font-size: 30px
}
.textarea--xxlarge {
font-size: 35px
}
.langSelectButton {
border-radius: 10px;
border-width: 2px
}
.stackedcards-wrapper {
vertical-align: top;
display: inline-block;
width: 33.33%
}
.stackedcards-image-wrapper {
width: 100%;
max-height: 16vw;
margin-bottom: 10px;
overflow: hidden
}
@media screen and (max-width:767px) {
.stackedcards-wrapper {
width: 100%
}
.stackedcards-image-wrapper {
max-height: 200px
}
}
.homepage__main {
width: 100%;
background-color: #bbe2f9;
box-sizing: border-box;
color: #333;
padding: 8% 0 240px
}
.homepage__main .first-col,
.homepage__main .second-col {
text-align: center
}
.homepage__main .second-col img {
width: 100%
}
.homepage__main h1 {
margin: 4% 0
}
.homepage__main p {
font-weight: bolder
}
.homepage__intro-video {
padding: 4px;
background-color: #fff;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75)
}
.homepage__cards {
padding: 6% 0
}
.homepage__cards .card-container {
max-width: 730px
}
.homepage__cards h2,
.homepage__cards h3,
.homepage__cards h4,
.homepage__cards p {
margin-top: 0;
padding-top: 0;
font-family: NotoSans-Bold;
color: #5b5b5b;
width: 100%
}
.homepage__cards h2 {
line-height: 1;
margin: .5vw;
color: #214a70
}
.homepage__cards h3 {
margin: 1% 0;
font-weight: 100
}
.homepage__cards p {
margin: 1% 0;
padding: 2px;
font-family: NotoSans-Regular;
color: #555
}
.homepage__cards strong {
padding: 2px;
color: #214a70
}
.homepage__cards .card-content {
color: #555;
padding-left: 5px;
line-height: 20px;
padding-right: 50px
}
.homepage__cards .card-image {
width: 100%
}
.homepage__cards_col {
margin-bottom: 20px;
height: 320px;
position: relative
}
.homepage__cards_paper {
height: 100%
}
.homepage__cards_img {
width: 100%
}
.homepage__cards_description {
min-height: 100px
}
.homepage__cards_description>p,
.homepage__cards_title_p {
font-size: 18px
}
.homepage__cards_button_div {
position: absolute;
bottom: 10px;
width: 100%
}
.homepage__call-language-select,
.homepage__call-language-select .Select-control,
.homepage__call-language-select .Select-input,
.homepage__call-language-select .Select-value,
.homepage__call-language-select .Select-value-label {
font-size: 20px !important;
line-height: 60px !important;
text-align: left
}
.homepage__call-language-select .Select-value {
padding-top: 3px
}
.homepage__call-language-select .Select-value-label {
padding-left: 10px
}
.homepage__call-language-select .Select-option {
padding-left: 20px;
line-height: 40px !important
}
.homepage__call-language-select .Select-arrow-zone {
background: #383838;
padding-left: 20px;
padding-right: 20px
}
.homepage__call-language-select .is-open>.Select-control .Select-arrow,
.homepage__call-language-select .Select-arrow-zone .Select-arrow,
.Select-arrow {
border-color: #eee transparent transparent !important;
border-width: 10px 8px 0 !important
}
.homepage__hotline {
text-align: center
}
.homepage__hotline,
.homepage__hotline h2,
.homepage__hotline h3 {
font-family: NotoSans-Bold
}
.homepage__hotline h3 {
margin: 0
}
.homepage__join {
padding: 4% 0 2%
}
.homepage__join p {
color: #555
}
.homepage__join h3 {
font-family: NotoSans-Bold;
color: #214a70
}
.homepage__support {
padding: 6% 0
}
.homepage__support h3 {
line-height: 1;
margin: 2%;
color: #333;
font-family: NotoSans-Regular
}
.homepage__support p {
margin: 0;
padding: 2px;
color: #555
}
.homepage__subscribe {
padding: 5% 0;
background: #214a70
}
.homepage__subscribe h3 {
text-align: center;
color: #fff;
font-weight: 400;
margin-bottom: 20px
}
@media screen and (max-width:1050px) {
.homepage__main h1 {
line-height: 1;
margin: 4% 0
}
.homepage__cards h2 {
margin: 5px
}
.homepage__subscribe h3 {
text-align: center
}
.homepage__cards_col {
height: 340px
}
}
@media screen and (max-width:767px) {
.homepage__main {
padding: 90px 1% 240px
}
.homepage__call-language-select,
.homepage__call-language-select .Select-control,
.homepage__call-language-select .Select-input,
.homepage__call-language-select .Select-value,
.homepage__call-language-select .Select-value-label {
font-size: 16px !important;
line-height: 30px !important
}
.homepage__call-language-select .Select-option {
line-height: 20px !important
}
.homepage__call-language-select .Select-arrow-zone {
padding-left: 10px;
padding-right: 10px
}
.homepage__call-language-select .is-open>.Select-control .Select-arrow,
.homepage__call-language-select .Select-arrow-zone .Select-arrow,
.Select-arrow {
border-width: 8px 6px 0 !important
}
.homepage__cards {
padding: 5% 1%;
margin: 0
}
.homepage__cards .card-image {
padding: 5%;
width: 100%;
box-sizing: border-box
}
.homepage__cards .card-content {
padding: 0 20px
}
.homepage__cards_description {
min-height: 60px
}
.homepage__cards_col {
height: 360px
}
.homepage__subscribe {
padding-left: 20px;
padding-right: 20px
}
.homepage__subscribe-button {
margin-top: 5px;
padding-top: 10px
}
.homepage__subscribe input {
margin: 0 0 2px
}
.homepage__main .second-col img {
width: 300px
}
}
@media screen and (max-width:665px) {
.homepage__cards_col {
height: 340px
}
}
.tabs__container {
margin-top: 10px;
margin: auto;
position: relative
}
.tabs__container,
.tabs__wrapper {
height: 100%;
width: 100%
}
.tabs__tab-item {
height: 100%;
opacity: .7;
font-size: 16px;
color: #fff;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.tabs__tab-item-active {
opacity: 1
}
.tabs__tab-item--vertical {
padding: 20px 40px !important;
width: 100% !important;
text-align: left !important;
font-size: 22px !important
}
.tabs__selected-indicator {
position: absolute;
background-color: #bbdefb;
bottom: 0;
width: 100px;
height: 8px
}
.tabs__selected-indicator--vertical {
position: absolute;
background-color: #4accf4;
left: 0;
top: 0;
height: 66px;
width: 20px
}
.numberTab__tab-item {
margin: 2px;
padding: 10px;
border-radius: 50%;
width: 18px;
height: 18px;
font-size: 20px;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center
}
.numberTab__tab-item-selected,
div.numberTab__tab-item:hover {
background: #187bb7;
color: #fff
}
div.settingtab__title-wrapper {
margin-top: 3.5em;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
ul.settingtab__labels {
list-style-type: none
}
div.settingtabitem__tab-item,
div.settingtabitem__tab-item-selected {
height: 3.5em;
color: #1b3240;
font-size: 16px;
padding-left: 8px
}
div.settingtabitem__tab-item-selected {
border-left: 8px solid #009ad6;
padding-left: 0
}
div.settingtabitem__icon {
width: 2.5em;
display: inline-block;
text-align: center
}
@media screen and (max-width:767px) {
div.settingtab__title-wrapper {
margin-top: 0
}
}
.legalpage__main {
width: 100%;
background-color: #214a70;
box-sizing: border-box;
color: #fff;
padding: 10% 0 0
}
.legalpage__main .first-col,
.legalpage__main .second-col {
text-align: center
}
.legalpage__main .second-col img {
width: 100%
}
.legalpage__main h1 {
margin: 1% 0
}
.legalpage__main p {
font-weight: bolder
}
.legalpage__terms {
text-align: left;
padding: 6% 0
}
.legalpage__terms .card-container {
max-width: 730px
}
.legalpage__terms h2,
.legalpage__terms h3,
.legalpage__terms h4,
.legalpage__terms p {
margin-top: 0;
padding-top: 0;
font-family: NotoSans-Bold;
color: #000;
width: 100%
}
.legalpage__terms h2 {
line-height: 1;
margin: .5vw
}
.legalpage__terms h3 {
margin: 4% 0 1%;
font-weight: 100
}
.legalpage__terms p {
margin: 1% 0;
padding: 2px;
font-family: NotoSans-Regular
}
.legalpage__terms ol,
.legalpage__terms ul {
padding-left: 1.7vw;
color: #000
}
.legalpage__terms strong {
padding: 2px;
color: #214a70
}
.legalpage__terms .card-content {
color: #555;
padding-left: 5px;
line-height: 20px;
padding-right: 50px
}
.legalpage__terms .card-image {
width: 100%
}
@media screen and (max-width:1050px) {
.legalpage__main h1 {
line-height: 1;
margin: 4% 0
}
.legalpage__terms h2 {
margin: 5px
}
.legalpage__terms ul {
padding-left: 15px
}
}
@media screen and (max-width:767px) {
.legalpage__main {
padding: 90px 1% 0
}
.legalpage__terms {
padding: 5% 1%;
margin: 0
}
.legalpage__terms .card-image {
padding: 5%;
width: 100%;
box-sizing: border-box
}
.legalpage__terms .card-content {
padding: 0 20px
}
}
.speech-bubble {
position: absolute;
border-radius: 20px;
padding: 3px 10px
}
.bubble--blueWhite {
background: #61bbde;
border-color: #61bbde;
color: #fff
}
.bubble--whiteBlue {
background: #fff;
border-color: #fff;
color: #5e84af
}
.bubble--redWhite {
background: #dd2f2f;
border-color: #dd2f2f;
color: #fff
}
.bubble--orangeWhite {
background: #f36521;
border-color: #f36521;
color: #fff
}
.bubble--yellowWhite {
background: #dba319;
border-color: #dba319;
color: #fff
}
.bubble--greenWhite {
background: #4aba6e;
border-color: #4aba6e;
color: #fff
}
.bubble--navyWhite {
background: #214a70;
border-color: #214a70;
color: #fff
}
.speech-bubble-arrow {
content: "";
position: absolute;
width: 0;
height: 0;
border: 35px solid transparent;
/* z-index: -1 */
}
.speech-bubble-arrow-top {
top: 0;
left: 50%;
border-bottom-color: inherit;
border-top: 0;
margin-left: -13px;
margin-top: -26px
}
.speech-bubble-arrow-bottom {
bottom: 0;
left: 50%;
border-bottom: 0;
border-top-color: inherit;
margin-left: -13px;
margin-bottom: -26px
}
.speech-bubble-arrow-left {
left: 0;
border-right-color: inherit;
border-left: 0;
margin-left: -14px
}
.speech-bubble-arrow-right {
right: 5px;
border-left-color: inherit;
border-right: 0;
margin-top: -13px;
margin-right: -26px
}
.speech-bubble .txtt{
position: relative;
z-index: 2;
}
.ladonapppage {
width: 100%;
box-sizing: border-box;
padding: 8% 0;
text-align: left
}
.ladonapppage__banner {
padding-top: 50px;
background: #fff;
background-image: url(../images/pattern-01.png);
height: 100vh;
right: 0;
left: 0;
margin-right: 0
}
div.banner__container {
position: static;
height: 100%;
top: 0;
left: 0;
text-align: center;
color: #000;
width: 100%
}
.ladonapppage__img-phone img {
width: 60%;
padding: 0 20%
}
.ladonapppage li,
.ladonapppage p {
font-size: 18px
}
.ladonapppage li {
text-align: left
}
.ladonapppage__0 {
padding: 5% 0;
background: #fff
}
.ladonapppage__1 {
padding-top: 60px;
padding-bottom: 80px;
background-color: #000;
color: #fff
}
.ladonapppage__1 img {
padding-left: 10%;
width: 60%
}
.ladonapppage__1 h3 {
color: #000;
font-family: NotoSans-Bold;
margin-bottom: 25px
}
.ladonapppage__1 h2 {
color: #214a70;
font-size: 45px;
font-weight: 900;
font-family: NotoSans-Bold
}
.ladonapppage__3 h1,
.ladonapppage__3 h2,
.ladonapppage__3 h3,
.ladonapppage__3 p {
text-align: center
}
.ladonapppage__3 h3 {
color: #000;
font-family: NotoSans-Bold;
margin-bottom: 25px
}
.ladonapppage__3 h2 {
color: #214a70;
font-size: 45px;
font-weight: 900;
font-family: NotoSans-Bold
}
.ladonapppage__3 p {
font-size: 22px;
line-height: 1.5;
font-weight: 100
}
.ladonapppage__awards {
height: 100px;
width: auto;
padding: 5%;
box-sizing: border-box
}
.ladonapppage__awards-large {
height: 150px
}
.ladonapppage__languages {
background-image: url(../images/languages.png);
background-size: cover;
padding-top: 30px
}
.ladonapppage__network {
background: #214a70;
color: #fff;
position: relative;
padding-top: 30px
}
.ladonapppage__network_img {
width: 105vw;
margin-left: -5vw;
min-width: 1000px
}
.ladonapppage__network_img_div {
height: 200px
}
.ladonapppage__phones {
height: 390px;
/* width: 1000px */
}
.ladonapppage__iphone,
.ladonapppage__pixel {
display: inline-block;
padding: 0 30px
}
#subscribetoapp {
position: relative;
background: #64badd;
padding-top: 30px
}
.ladonapppage__card_content {
padding: 0 150px
}
div.appstore_icons {
padding: 2% 13%
}
div.appstore_icons img {
width: 100%
}
@media screen and (max-width:767px) {
.ladonapppage__banner {
background-size: 50%;
height: auto
}
.ladonapppage__img-phone img {
padding: 10% 20%
}
.ladonapppage__1 {
padding: 25% 0 8%
}
.ladonapppage__2 img {
padding-left: 0
}
.ladonapppage__awards {
width: 50px;
height: auto
}
.ladonapppage__awards-large {
width: 100px;
height: auto
}
.ladonapppage__phones {
width: 90vw
}
.ladonapppage__pixel {
display: none
}
.ladonapppage__iphone {
display: inline-block;
padding: 0
}
.ladonapppage__card_content {
padding: 0 10px
}
.ladonapppage__network_img {
min-width: unset
}
.ladonapppage__network_img_div {
height: 140px
}
div.appstore_icons {
padding: 5% 1%
}
}
@keyframes speechBubbleTop {
0% {
opacity: .4;
transform: scale(.1);
z-index: 1
}
3% {
opacity: .9;
transform: scale(1.5);
transform-origin: bottom left
}
6% {
opacity: 1;
transform: scale(1.4);
transform-origin: bottom left
}
25% {
transform: scale(1.4);
transform-origin: bottom left
}
30% {
transform: scale(1);
z-index: 0
}
50% {
opacity: 1;
transform: scale(1)
}
55%,
to {
opacity: .6;
transform: translateY(-180px)
}
}
@keyframes speechBubbleBottom {
0% {
opacity: .4;
transform: scale(.1);
z-index: 1
}
3% {
opacity: .9;
transform: scale(1.5);
transform-origin: top left
}
6% {
opacity: 1;
transform: scale(1.4);
transform-origin: top left
}
25% {
transform: scale(1.4);
transform-origin: top left
}
30% {
transform: scale(1);
z-index: 0
}
50% {
opacity: 1;
transform: scale(1)
}
55%,
to {
opacity: .6;
transform: translateY(180px)
}
}
@keyframes speechBubbleTopPhone {
0% {
opacity: .4;
transform: scale(.1);
z-index: 1
}
3% {
opacity: .9;
transform: scale(1.5);
transform-origin: top left
}
6% {
opacity: 1;
transform: scale(1.4);
transform-origin: top left
}
25% {
transform: scale(1.4);
transform-origin: top left
}
30% {
transform: scale(1) translateY(-90px) translateX(80px);
z-index: 0
}
50% {
opacity: 1;
transform: translateY(-90px) translateX(80px) scale(1)
}
55% {
opacity: 1;
transform: translateY(-180px) translateX(80px) scale(1)
}
75% {
opacity: 1;
transform: translateY(-180px) translateX(80px) scale(1)
}
80% {
opacity: 1;
transform: translateY(-270px) translateX(80px) scale(1)
}
80%,
to {
opacity: .6;
transform: translateY(-270px) translateX(80px)
}
}
@keyframes speechBubbleBottomPhone {
0% {
opacity: .4;
transform: scale(.1);
z-index: 1
}
3% {
opacity: .9;
transform: scale(1.5);
transform-origin: top left
}
6% {
opacity: 1;
transform: scale(1.4);
transform-origin: top left
}
25% {
transform: scale(1.4);
transform-origin: top left
}
30% {
transform: scale(1) translateY(-90px);
z-index: 0
}
50% {
opacity: 1;
transform: translateY(-90px) scale(1)
}
55% {
opacity: 1;
transform: translateY(-180px) scale(1)
}
75% {
opacity: 1;
transform: translateY(-180px) scale(1)
}
80% {
opacity: 1;
transform: translateY(-270px) scale(1)
}
80%,
to {
opacity: .6;
transform: translateY(-270px)
}
}
.phoneslideshow {
height: 740px;
width: 740px;
margin: auto
}
.phoneslideshow__phone {
position: absolute
}
.phoneslideshow__phone_img {
height: 740px;
width: 740px
}
.phoneslideshow__phone_screen {
position: absolute;
width: 254px;
height: 454px;
margin: 134px 234px
}
.phoneslideshow__phone_screen_img {
width: 254px;
height: 454px
}
@media screen and (max-width:767px) {
.phoneslideshow,
.phoneslideshow__phone_img {
height: 370px;
width: 370px
}
.phoneslideshow__phone_screen {
width: 127px;
height: 227px;
margin: 67px 117px
}
.phoneslideshow__phone_screen_img {
width: 127px;
height: 227px
}
}
.accordion__headercontent {
width: calc(100% - 50px);
height: 100%
}
.faqpage__main {
width: 100%;
background-color: #0daed3;
box-sizing: border-box;
color: #fff;
padding: 10% 0 0
}
.faqpage__main .first-col,
.faqpage__main .second-col {
text-align: center
}
.faqpage__main .second-col img {
width: 100%
}
.faqpage__main p {
font-weight: bolder
}
.faqpage__body {
text-align: left;
padding: 6% 0
}
.faqpage__body .card-container {
max-width: 730px
}
.faqpage__body h1,
.faqpage__body h2,
.faqpage__body h3,
.faqpage__body h4,
.faqpage__body p {
margin-top: 0;
padding-top: 0;
font-family: NotoSans-Regular;
color: #333;
width: 100%
}
.faqpage__body h1 {
margin: 0
}
.faqpage__body h2 {
color: #214a70;
margin: 0
}
.faqpage__body h3 {
margin: 0
}
.faqpage__body p {
margin-bottom: 10px
}
.faqpage__body strong {
padding: 2px;
color: #214a70
}
.faqpage__accordion-level1 {
padding: 0 0 3%
}
.faqpage__accordion-level2 {
margin: 1% 0
}
@media screen and (max-width:1050px) {
.faqpage__main h1 {
line-height: 1;
margin: 4% 0
}
.faqpage__body h2 {
margin: 5px
}
}
@media screen and (max-width:767px) {
.faqpage__main {
padding: 90px 1% 0
}
.faqpage__body {
padding: 5% 1%;
margin: 0
}
.faqpage__body .card-image {
padding: 5%;
width: 100%;
box-sizing: border-box
}
.faqpage__body .card-content {
padding: 0 20px
}
}
:root {
--article-offset: -200px
}
.offset-parent {
margin-bottom: var(--article-offset)
}
.offset-child {
position: relative;
top: var(--article-offset)
}
.articlepage__main {
padding: 6% 0 200px;
background: #187bb7
}
.articlepage__main h1 {
color: #fff;
text-align: center
}
.articlepage__main h2 {
margin: 0
}
.articlepage__body {
padding: 0;
background: #f0f0f0;
text-align: left
}
.articlepage__body h1 {
text-align: center;
color: #214a70;
margin: 0;
padding: 3% 0
}
.article__body-content h4:first-child,
.article__body-content p:first-child {
margin-top: 0
}
.article__body-image-wrapper {
text-align: center;
margin: auto;
float: left;
padding-bottom: 2%;
padding-right: 4%;
width: 50%
}
.newspage__main {
width: 100%;
background-color: #187bb7;
box-sizing: border-box;
color: #333;
padding: 12% 0 1%
}
.newspage__main h1,
.newspage__main h2,
.newspage__main h3,
.newspage__main p {
color: #fff;
margin: 0
}
.newspage__main p {
font-family: NotoSans-Regular
}
.newspage__cards {
padding: 4% 0;
background: #fff;
text-align: left;
color: #3a3a3a
}
.newspage__cards h1,
.newspage__cards h2,
.newspage__cards h3,
.newspage__cards h4,
.newspage__cards p {
color: #000
}
.newspage__subscribe {
padding: 5% 0;
background: #214a70
}
.newspage__subscribe h3 {
text-align: center;
color: #fff;
font-weight: 400;
margin-bottom: 20px
}
@media screen and (max-width:767px) {
.articlepage__main {
padding-top: 60px
}
.article__body-image-wrapper {
float: none;
width: 100%
}
.newspage__main {
padding: 10em 1% 10%
}
.newspage__cards {
padding: 18px 0;
margin: 0
}
}
.pagenav__font--NotoSans-Regular {
font-family: NotoSans-Regular
}
@media screen and (max-width:767px) {
.pagenav__button {
min-width: 60px !important
}
}
.divider__wrapper {
margin: 10px 0
}
.divider__wrapper div {
-ms-flex-positive: 1;
flex-grow: 1;
height: 1px;
background-color: grey
}
.divider__wrapper p {
padding: 0 10px;
font-size: 12px;
color: grey
}
.login__content {
padding-top: 100px;
margin-bottom: 100px;
padding-left: 20px;
padding-right: 20px
}
.login__paper {
max-width: 700px;
padding: 0 15px;
padding-bottom: 20px;
padding-top: 10px;
margin-left: auto;
margin-right: auto
}
.login__login-button {
margin-top: 30px;
text-align: center
}
.login__link {
text-align: center;
font-size: 16px;
color: #999;
margin-top: 50px
}
@media screen and (max-width:767px) {
.login__paper {
padding: 0 15px;
padding-bottom: 20px;
padding-top: 10px
}
.login__google-button {
margin-top: 5px
}
.login__content {
margin-bottom: 30px
}
.login__link {
margin-top: 30px
}
.login__login-button {
margin-top: 10px
}
}
.servicespage__main {
width: 100%;
background-color: #64badd;
box-sizing: border-box;
color: #333;
padding: 12% 0 1%
}
.servicespage__main h1,
.servicespage__main h2,
.servicespage__main h3,
.servicespage__main p {
color: #fff;
font-weight: lighter;
margin: 0
}
.servicespage__cards {
padding: 6% 0
}
.servicespage__hotline {
padding: 6% 0;
text-align: center;
font-family: NotoSans-Bold
}
.servicespage__hotline h3 {
margin: 0
}
.servicespage__cards ul li,
.servicespage__cards ul li b {
font-size: 1.9vw
}
.servicespage__cards h1 {
margin-top: 0;
padding-top: 0;
font-weight: lighter;
color: #555
}
.servicespage__cards h1,
.servicespage__cards h2,
.servicespage__cards h3,
.servicespage__cards h4,
.servicespage__cards p {
font-family: NotoSans-Regular;
font-weight: 900;
color: #3a3a3a
}
.servicespage__cards h1 {
margin: 0
}
.servicespage__cards p {
padding: 2px;
color: #393939
}
.servicespage__cards ul>li {
margin: 3% 0
}
.servicespage__cards ul>li>b {
font-family: NotoSans-Bold;
font-weight: 900
}
.servicespage__cards .card-content {
color: #555;
padding-left: 5px;
line-height: 20px;
padding-right: 50px
}
.servicespage__cards .card-image {
width: 100%
}
.servicespage__pricing {
padding: 3.5% 0 5%;
padding-bottom: .5%;
background: #f9f9f9
}
.pricing-wrapper {
padding: 0
}
.pricing__border {
border: 12px solid transparent;
border-left-style: none;
border-right-style: none;
border-bottom-style: none
}
.pricing__border-selected {
border-color: #01a9d5;
border-style: solid;
border-bottom-style: none
}
.pricing__selected-header {
color: #01a9d5;
text-align: center;
padding: 2px;
margin: 0;
font-family: NotoSans-Bold
}
.pricing-header {
height: 8vw
}
.pricing-header h3 {
color: #fff;
padding: 20px;
text-align: center
}
.pricing-init {
height: 15vw;
color: #fff
}
.pricing-init h1 {
font-size: 9vw
}
.pricing-thereafter {
height: 20vw
}
.pricing-thereafter h4 {
font-family: NotoSans-Regular
}
.servicespage__pricing .pricing-wrapper>div>div {
vertical-align: top;
text-align: center;
width: 100%
}
.servicespage__pricing h1 {
font-family: NotoSans-Bold;
margin: 0;
margin-bottom: -.5vw
}
.servicespage__pricing p {
margin: 0
}
.servicespage__pricing h3 {
width: 100%;
margin: 2px 0
}
.servicespage__pricing h4 {
margin: 0;
text-align: center
}
.servicespage__pricing hr {
width: 80%;
border-style: solid;
border-width: 1px
}
.servicespage__notes {
width: 100%;
padding-top: 2%;
padding-bottom: 2%;
font-weight: 900;
background: #f9f9f9;
font-family: NotoSans-Regular
}
.servicespage__notes p {
text-align: center
}
.servicespage__notes span {
font-weight: lighter;
color: #393939
}
.servicespage__notes-input {
position: relative
}
.servicespage__notes-input i {
color: #888;
position: absolute;
top: 8px;
left: 15px
}
.servicespage__notes input {
width: 100%;
height: 50px;
color: #888;
padding-left: 70px;
letter-spacing: 1px;
font-weight: lighter;
box-sizing: border-box;
border-radius: 4px;
border-width: 1px
}
.servicespage__notes input:focus {
box-shadow: none;
outline: none
}
@media screen and (max-width:1050px) {
.servicespage__cards ul li,
.servicespage__cards ul li b {
font-size: 18px
}
.pricing-header {
height: 70px
}
.pricing-init {
height: 160px
}
.pricing-init h1 {
font-size: 80px
}
.pricing-thereafter {
height: 230px
}
.servicespage__pricing h1 {
margin-bottom: -5px
}
}
@media screen and (max-width:767px) {
.servicespage__main {
padding: 10em 1% 10%
}
.servicespage__cards {
padding: 5% 1%;
margin: 0
}
.servicespage__notes {
padding: 5% 0;
margin: auto
}
.servicespage__notes ul {
padding-left: 15px
}
.servicespage__cards .card-image {
padding: 5%;
width: 100%;
box-sizing: border-box
}
}
.translationpage__main {
width: 100%;
box-sizing: border-box;
color: #333;
padding: 6% 0 1%
}
.translationpage__links a {
text-decoration: none;
color: #00609c;
cursor: pointer
}
.translationpage__links a:hover {
color: #64badd
}
@media screen and (max-width:767px) {
.translationpage__main {
width: 100%;
box-sizing: border-box;
color: #333;
padding: 17% 0 1%
}
}
.teampage__main {
width: 100%;
background-color: #b3e8f4;
box-sizing: border-box;
color: #333;
padding: 12% 0 1%
}
.teampage__main h1,
.teampage__main h2,
.teampage__main h3,
.teampage__main p {
color: #3a3a3a;
font-weight: lighter;
margin: 0
}
.teampage__main h3 {
font-weight: 700
}
.teampage__main img {
width: 175px;
height: 175px;
overflow: hidden;
margin: auto;
padding-bottom: 20px;
padding-top: 20px;
border-radius: 100%
}
.teampage__profile {
padding-top: 60px;
padding-bottom: 60px
}
.teampage__profile h3,
.teampage__profile h4 {
margin: 0;
font-weight: 400;
color: #214a70
}
.teampage__quotes {
padding-top: 60px;
padding-bottom: 60px
}
.teampage__quotes img {
width: 150px;
height: 150px;
overflow: hidden;
margin: auto;
margin-bottom: 36px;
border-radius: 100%
}
.teampage__quotes h1 {
margin-bottom: 20px
}
.teampage__quotes p {
font-size: 20px
}
@media screen and (max-width:767px) {
.teampage__main {
padding: 10em 1% 10%
}
.teampage__main img {
width: 36vw;
height: 36vw;
padding-bottom: 20px;
padding-top: 20px
}
.teampage__main img,
.teampage__quotes img {
overflow: hidden;
border-radius: 100%;
margin: auto
}
.teampage__quotes img {
width: 30vw;
height: 30vw;
margin-bottom: 18px
}
}
.aboutuspage__main {
width: 100%;
background-color: #187bb7;
box-sizing: border-box;
color: #333;
padding: 8% 0 2%
}
.aboutuspage__main h1 {
color: #fff
}
.aboutuspage__cards {
padding-top: 60px;
padding-bottom: 80px
}
.aboutuspage__cards h1,
.aboutuspage__cards h2,
.aboutuspage__cards h3,
.aboutuspage__cards p {
text-align: center
}
.aboutuspage__cards h3 {
color: #000;
font-family: NotoSans-Bold;
margin-bottom: 25px
}
.aboutuspage__cards h2 {
color: #214a70;
font-size: 45px;
font-weight: 900;
font-family: NotoSans-Bold
}
.aboutuspage__cards p {
font-size: 22px;
line-height: 1.5;
font-weight: 100
}
@media screen and (max-width:767px) {
.aboutuspage__main {
padding: 80px 1% 20px
}
.aboutuspage__cards {
padding: 60px 10px
}
.aboutuspage__cards h2 {
font-size: 35px
}
.aboutuspage__cards p {
font-family: NotoSans-Regular
}
}
.campaignpage__main {
width: 100%;
background-color: #187bb7;
box-sizing: border-box;
color: #333;
padding: 8% 0 2%
}
.campaignpage__main h1 {
color: #fff;
font-family: NotoSans-Regular;
text-align: center
}
.campaignpage__cards {
padding-top: 30px;
padding-bottom: 30px
}
.campaignpage__cards img {
width: 60%;
display: block;
margin: 0 auto
}
.campaignpage__popup input {
border-color: #b3b3b3;
border-width: 2px
}
.campaignpage__fix-button {
position: fixed;
bottom: 0;
right: 0
}
@media screen and (max-width:767px) {
.campaignpage__main {
padding: 80px 1% 20px
}
.campaignpage__cards img {
width: 100%
}
}
p.paymentsetting__term-and-condition {
color: #999;
size: 8px;
margin-bottom: 0;
font-weight: lighter
}
.login__content {
padding-top: 100px;
margin-bottom: 100px;
padding-left: 20px;
padding-right: 20px
}
.booking__paper {
max-width: 700px;
padding: 0 50px;
padding-bottom: 20px;
padding-top: 10px;
margin-left: auto;
margin-right: auto
}
.login__login-button {
margin-top: 30px;
text-align: center
}
.login__link {
text-align: center;
font-size: 16px;
color: #999;
margin-top: 50px
}
@media screen and (max-width:767px) {
.login__google-button {
margin-top: 5px
}
.login__content {
margin-bottom: 30px
}
.login__link {
margin-top: 30px
}
.login__login-button {
margin-top: 10px
}
}
.la_reactivate__paper {
max-width: 700px;
padding: 0 15px;
padding-bottom: 20px;
padding-top: 10px;
margin-left: auto;
margin-right: auto
}
.signup-switchbar--tab {
margin-left: 20px;
margin-right: 20px;
height: 40px;
font-size: 20px;
color: #b2b2b2 !important
}
.signup-switchbat--tab__active {
border-bottom: 5px solid #addfea
}
.signup-switchbar--tab__1.signup-switchbat--tab__active {
border-bottom: 5px solid #204a70 !important
}
.signup-switchbar--tab .signup-switchbar--tab-content {
color: #b2b2b2
}
.signup-switchbat--tab__active .signup-switchbar--tab-content {
color: #295075 !important
}
@media screen and (max-width:767px) {
.signup-switchbar--tab {
margin-left: 2px;
margin-right: 2px;
font-size: 15px;
height: 30px
}
}
.signup__header {
max-width: 700px;
padding-top: 70px;
padding-bottom: 70px;
text-align: center
}
.signup__header h1 {
color: #214a70;
font-size: 40px
}
.signup__header h4 {
font-size: 25px
}
.signup__phone-input {
height: 100% !important;
font-size: 60px !important;
line-height: 45px !important
}
.signup__paper {
max-width: 700px;
margin: -70px auto 30px;
padding: 10px 30px 20px
}
.signup__paper div {
font-family: NotoSans-Regular
}
.signup__paper h4 {
font-size: 25px;
margin-bottom: 10px
}
.signup__paper h5 {
font-size: 22px;
margin-bottom: 10px
}
.signup__paper p {
font-size: 18px
}
.signup__signup-button {
margin-top: 30px;
text-align: center
}
.signup__link,
.signup__link-mobile {
text-align: center;
font-size: 16px;
color: #999;
margin-top: 30px
}
.signup__link p,
.signup__link span {
font-size: 16px
}
.signup__phone-sign {
font-size: 60px;
padding: 0 5px
}
.signup__verification-radio {
font-size: 20px;
margin-top: 10px
}
.signup__verification-text {
margin-top: 80px
}
.signup__verification-text p {
-webkit-margin-before: 0;
-webkit-margin-after: 0;
font-size: 25px;
text-align: center;
color: #999
}
.signup__popup {
max-width: 500px;
margin-left: auto;
margin-right: auto
}
.signup__phone-number {
font-size: 35px;
color: #999
}
.signup__pop-up-text {
color: #000;
text-align: left
}
.signup__welcome-image {
width: 400px
}
@media screen and (max-width:767px) {
.signup__header h1 {
font-size: 25px
}
.signup__paper {
width: 90%;
margin-left: 5%;
margin-right: 5%;
padding: 10px 15px 20px
}
.signup__welcome-image {
width: 200px
}
.signup__paper h4,
.signup__paper h5 {
font-size: 17px
}
.signup__link p,
.signup__link span {
font-size: 16px
}
.signup__phone-input {
height: 100% !important;
font-size: 30px !important;
line-height: 20px !important
}
.signup__phone-sign {
font-size: 30px;
padding: 0
}
.signup__verification-radio {
font-size: 18px
}
.signup__verification-text>p:first-child>span {
margin-left: -15px;
margin-right: -15px
}
}
.signup__header {
max-width: 700px;
padding-top: 70px;
padding-bottom: 70px;
text-align: center
}
.signup__header h1 {
color: #214a70;
font-size: 40px
}
.signup__header h4 {
font-size: 25px
}
.signup__phone-input {
height: 100% !important;
font-size: 60px !important;
line-height: 45px !important
}
.signup__paper {
max-width: 700px;
margin: -70px auto 30px;
padding: 10px 30px 20px
}
.signup__paper div {
font-family: NotoSans-Regular
}
.signup__paper h4 {
font-size: 25px;
margin-bottom: 10px
}
.signup__paper h5 {
font-size: 22px;
margin-bottom: 10px
}
.signup__paper p {
font-size: 18px
}
.signup__signup-button {
margin-top: 30px;
text-align: center
}
.signup__link,
.signup__link-mobile {
text-align: center;
font-size: 16px;
color: #999;
margin-top: 30px
}
.signup__link p,
.signup__link span {
font-size: 16px
}
.signup__phone-sign {
font-size: 60px;
padding: 0 5px;
padding-top: 8px !important
}
.signup__verification-radio {
font-size: 20px;
margin-top: 10px
}
.signup__verification-text {
margin-top: 80px
}
.signup__verification-text p {
-webkit-margin-before: 0;
-webkit-margin-after: 0;
font-size: 25px;
text-align: center;
color: #999
}
.signup__popup {
max-width: 500px;
margin-left: auto;
margin-right: auto
}
.signup__phone-number {
font-size: 35px;
color: #999
}
.signup__pop-up-text {
color: #000;
text-align: left
}
.signup__welcome-image {
width: 400px
}
@media screen and (max-width:767px) {
.signup__header h1 {
font-size: 25px
}
.signup__paper {
width: 90%;
margin-left: 5%;
margin-right: 5%;
padding: 10px 15px 20px
}
.signup__welcome-image {
width: 200px
}
.signup__paper h4,
.signup__paper h5 {
font-size: 17px
}
.signup__link p,
.signup__link span {
font-size: 16px
}
.signup__phone-input {
height: 100% !important;
font-size: 30px !important;
line-height: 20px !important
}
.signup__phone-sign {
font-size: 30px;
padding: 0;
padding-top: 10px !important
}
.signup__verification-radio {
font-size: 18px
}
.signup__verification-text>p:first-child>span {
margin-left: -15px;
margin-right: -15px
}
}
.resetpassword__content {
max-width: 500px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 100px;
padding-top: 100px
}
.resetpassword__paper {
padding: 0 30px;
padding-bottom: 20px;
padding-top: 10px
}
.resetpassword__button {
margin-top: 30px;
text-align: center
}
.resetpassword__error {
font-size: 15px;
color: red;
font-weight: 700;
margin-top: 100px
}
.pull-right {
float: right !important;
right: 0
}
.support-page__container {
max-width: 1000px
}
.support-page__container--mobile {
padding-left: 10px;
padding-right: 10px;
margin-top: -25px
}
.support-page__paper,
.support-page__paper--mobile {
padding: 0
}
.support-page__h3 {
font-family: NotoSans-Regular;
font-size: 25px;
color: #696969;
margin: 0 0 10px
}
.rating__container {
width: 100%;
text-align: inherit
}
.rating__star {
color: #999;
padding: 0 6px
}
.rating__star--active {
color: #f4c708
}
.rating__star--inactive {
color: #eee
}
.rating__star--large {
font-size: 36px
}
.rating__star--medium {
font-size: 24px
}
.rating__star--small {
font-size: 16px;
padding: 0 2px !important
}
.ratingDialog__rating--center {
text-align: center
}
.ratingDialog__label {
margin-bottom: 0;
font-family: NotoSans-Bold
}
.call-info-dialog__text--medium {
font-size: 1em;
margin: 5px 0;
display: block;
font-family: NotoSans-Regular
}
.call-info-dialog__text--large {
font-size: 2em;
margin: 10px 0;
display: block;
font-family: NotoSans-Regular
}
.call-info-dialog__text--clickable {
color: #3d80ad;
text-decoration: underline
}
.call-info-dialog__text--clickable:hover {
cursor: pointer
}
.call-hist-table__header {
font-size: 1.2em !important;
font-family: NotoSans-Regular;
height: 45px
}
.call-hist-table__row {
font-size: 1em !important;
font-family: NotoSans-Regular
}
.call-hist-table__col {
text-align: left !important;
font-size: inherit !important
}
.call-hist-table__col-0,
.call-hist-table__col-0--la {
width: 50px !important;
text-align: left !important;
font-size: inherit !important
}
.call-hist-table__col-0 a,
.call-hist-table__col-0--la a {
text-decoration: none
}
.call-hist-table__col-1 {
width: 100px !important
}
.call-hist-table__col-1,
.call-hist-table__col-1--la {
text-align: right !important;
font-size: inherit !important
}
.call-hist-table__col-1--la {
width: 40px !important
}
.call-hist-table__col-2 {
width: 100px !important
}
.call-hist-table__col-2,
.call-hist-table__col-2--la {
text-align: right !important;
font-size: inherit !important
}
.call-hist-table__col-2--la {
width: 150px !important
}
.call-hist-table__col-3 {
width: 140px !important;
text-align: right !important;
font-size: inherit !important
}
.call-hist-table__header .call-hist-table__col-3--la {
padding-right: 44px !important
}
.call-hist-table__col-3--la {
width: 100px !important
}
.call-hist-table__col-3--la,
.call-hist-table__col-4 {
text-align: right !important;
font-size: inherit !important
}
.call-hist-table__col-4 {
width: 60px !important
}
.call-row__assistant-name {
font-family: NotoSans-Bold;
font-size: 16px;
color: #3d80ad;
cursor: pointer
}
.call-row__assistant--icon {
height: 1em;
margin-bottom: -2px;
border-radius: 100%
}
.call-row__call-id {
color: #3d80ad;
font-family: NotoSans-Bold;
font-size: 18px
}
.call-row__call-id:hover {
cursor: pointer
}
.call-row__date-time--mobile {
color: #999
}
.call-row__buttonText {
font-family: NotoSans-Bold;
font-size: 18px
}
@media screen and (max-width:767px) {
.call-hist-table__col {
padding-left: 10px !important;
padding-right: 10px !important
}
.call-row__call-id {
font-size: 16px
}
.call-row__buttonText {
font-family: NotoSans-Bold;
font-size: 16px
}
.call-hist-table__header {
font-size: 1em !important;
height: 20px
}
.call-hist-table__header,
.call-hist-table__row {
font-family: NotoSans-Regular;
white-space: inherit;
padding-left: 10px;
padding-right: 10px
}
.call-hist-table__row {
font-size: .8em !important;
height: 40px
}
.call-hist-table__col-0,
.call-hist-table__col-0--la {
padding-left: 11px !important;
width: 60px !important;
text-align: left !important;
font-size: inherit !important
}
.call-hist-table__col-0 a {
text-decoration: none
}
.call-hist-table__col-1,
.call-hist-table__col-1--la {
width: 50px !important;
text-align: right !important;
font-size: inherit !important
}
.call-hist-table__col-2,
.call-hist-table__col-2--la {
width: 30px !important;
text-align: right !important;
font-size: inherit !important
}
.call-hist-table__header .call-hist-table__col-2--la {
padding-right: 18px !important;
padding-left: 18px !important;
overflow: visible !important
}
}
.callhistory-page__container {
padding-left: 20px;
padding-right: 20px
}
.callhistory-page__paper {
padding: 0 50px 20px
}
.callhistory-page__title {
padding-top: 20px;
padding-bottom: 20px
}
.callhistory-page__title h1,
.callhistory-page__title p {
font-weight: 400;
margin-bottom: 0
}
.callhistory-page__title p {
margin-top: 5px;
color: #5b5b5b
}
@media screen and (max-width:767px) {
.callhistory-page__container {
padding-left: 10px;
padding-right: 10px;
margin-top: -25px
}
.callhistory-page__paper {
padding: 0 5px 10px
}
.callhistory-page__title h1 {
font-weight: 400;
margin-bottom: 0
}
.callhistory-page__title {
margin-top: 10px;
margin-bottom: 10px;
padding-left: 10px
}
.callhistory-page__title p {
font-weight: 400;
margin-top: 2px;
margin-bottom: 0;
color: #5b5b5b
}
}
.setting__paper {
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
padding: 50px;
min-height: 450px
}
.setting__paper-mobile {
width: 94%;
margin-left: 3%;
margin-right: 3%;
padding: 18px
}
.setting__container-mobile {
padding: 0
}
.setting__paper-mobile h3,
.setting__paper-mobile h4,
.setting__paper h3,
.setting__paper h4 {
color: #1b3240;
padding-left: 0
}
.setting__item p:first-child {
width: 240px;
color: #1b3240
}
.setting__item p:nth-child(2) {
color: #999
}
@media screen and (max-width:767px) {
.setting__item p:first-child {
width: 30%
}
.setting__item p:nth-child(2) {
width: 70%
}
}
.transaction-row__text {
padding: 5px !important
}
.transaction-table__header {
font-size: 1em !important;
font-family: NotoSans-Regular;
height: 45px
}
.transaction-table__col {
text-align: left !important;
font-size: inherit !important;
padding-left: 5px !important;
padding-right: 5px !important
}
@media screen and (max-width:767px) {
.transaction-row__text {
padding: 2px !important
}
.transaction-table__col {
padding-left: 2px !important;
padding-right: 2px !important
}
.call-hist-table__header {
font-family: NotoSans-Regular;
white-space: inherit;
padding-left: 10px;
padding-right: 10px;
height: 20px
}
}
.makecall__container {
max-width: 1000px
}
.makecall__paper {
padding: 20px 60px
}
.makecall__row {
margin-bottom: 30px
}
.makecall__label-group {
font-weight: 700
}
.makecall__box-container {
margin-left: 4px;
margin-right: 4px
}
.makecall__box {
background-color: #d2d2d2;
width: 180px;
height: 60px;
border-radius: 3px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.makecall__label {
padding-top: 5px;
color: #818181;
font-size: 18px;
font-weight: 700
}
.makecall__box-container__active .makecall__box {
background-color: #3d80ad
}
.makecall__box-container__active .makecall__label {
color: #232323
}
.makecall__call-button {
height: 60px;
width: 100%;
background-color: #214a70;
box-shadow: 0 1px 6px rgba(0, 0, 0, .12), 0 1px 4px rgba(0, 0, 0, .12);
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
font-size: 24px;
font-weight: 700;
color: #fff
}
.makecall__call-button:hover {
cursor: pointer
}
.makecall__call-button>i {
font-size: 40px
}
.makecall__call-button>span {
font-size: 34px;
padding-left: 10px
}
.makecall__box-group {
position: relative
}
.makecall__arrow-left {
left: -30px;
border-right: 20px solid #383838
}
.makecall__arrow-left,
.makecall__arrow-right {
position: absolute;
top: 10px;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
cursor: pointer
}
.makecall__arrow-right {
right: -30px;
border-left: 20px solid #383838
}
@media screen and (max-width:767px) {
.makecall__paper {
padding: 20px
}
.makecall__row {
margin-bottom: 20px
}
.makecall__box {
height: 40px;
width: 120px
}
.makecall__label {
font-size: 16px
}
.makecall__arrow-left {
left: -15px;
border-right: 12px solid #383838
}
.makecall__arrow-left,
.makecall__arrow-right {
top: 8px;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent
}
.makecall__arrow-right {
right: -15px;
border-left: 12px solid #383838
}
}
.client-org-page__container {
max-width: 1000px
}
.client-org-page__paper {
padding: 30px
}
@media screen and (max-width:767px) {
.client-org-page__container {
padding-left: 10px;
padding-right: 10px;
margin-top: -25px
}
.client-org-page__paper {
padding: 10px !important
}
}
.timesheet__table {
margin-left: 30px
}
.timesheet__col {
width: 14%
}
.timesheet__today-indicator {
background-color: #eee;
width: 4px
}
.timesheet__colgrid {
position: relative
}
.timesheet__colgrid--today:after {
width: 2px;
height: 100%;
background-color: #da3737;
position: absolute;
left: 50%;
top: 0;
content: ""
}
.timesheet__colgrid--editing {
cursor: pointer !important
}
.timesheet__cell {
border: 1px solid #eee;
box-sizing: border-box
}
.timesheet__cell:nth-child(3n+4) {
border-top: 4px solid #eee
}
.timesheet__halfcell {
position: relative
}
.timesheet__halfcell--active {
background-color: #cecece
}
.timesheet__halfcell--active.timesheet__halfcell--editing {
background-color: #66b2d8 !important
}
.timesheet__dragindicator {
background: #88d4fa;
z-index: 200;
position: absolute
}
.timesheet__col-label {
text-align: center
}
.timesheet__col-label p:first-child {
color: #5d5d5d;
font-weight: 700;
margin-bottom: 5px
}
.timesheet__col-label p:first-child,
.timesheet__col-label p:nth-child(2) {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default
}
.timesheet__col-label p:nth-child(2) {
color: #aeaeae;
font-size: 12px;
margin-top: 0
}
.timesheet__col-label--today p {
color: #da3737 !important
}
.timesheet__row-label {
left: -50px;
top: -9px;
color: #999;
font-size: 16px
}
.timesheet__cell-begin-label,
.timesheet__cell-end-label,
.timesheet__row-label {
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default
}
.timesheet__cell-begin-label,
.timesheet__cell-end-label {
width: 50%;
background: #5b5b5b;
color: #fff;
text-align: center;
border-radius: 2px;
font-size: 11px;
height: 14px;
line-height: 14px;
z-index: 100
}
.timesheet__cell-begin-label.timesheet__cell-begin-label--editing,
.timesheet__cell-end-label.timesheet__cell-end-label--editing {
background: #214a70;
cursor: pointer
}
.timesheet__cell-begin-label {
top: -7px
}
.timesheet__cell-end-label {
left: 50%;
top: 3px
}
.timesheet__cell-begin-label--mobile {
width: 80%
}
.timesheet__cell-end-label--mobile {
width: 80%;
left: 20%
}
@media screen and (max-width:767px) {
.timesheet__row-label {
left: -43px
}
.timesheet__today-indicator {
width: 2px
}
.timesheet__colgrid--today:after {
width: 1px
}
}
.toggle__wrapper {
position: relative;
cursor: pointer
}
.toggle__track {
width: 100px;
height: 20px;
border-radius: 4px;
color: #fff;
font-size: 12px;
text-align: center;
line-height: 20px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.toggle__track--toggled {
background-color: #28455b
}
.toggle__thump {
width: 30px;
height: 30px;
position: absolute;
left: -15px;
top: -25%;
border-radius: 50%;
box-shadow: 2px 0 5px -1px rgba(0, 0, 0, .69)
}
.toggle__thump--toggled {
background-color: #214a70 !important
}
.timesheet-page__paper {
padding: 40px 50px 20px
}
.timesheet-page__paper--mobile {
padding: 20px
}
.timesheet-page__header {
margin-bottom: 20px
}
.timesheet-page__title p {
font-weight: 400;
margin-top: 10px;
margin-bottom: 0;
color: #5b5b5b
}
.timesheet-page__title p:first-child {
font-size: 14px
}
.timesheet-page__toggle {
padding-right: 20px
}
.callhistory-page__container {
padding-left: 20px;
padding-right: 20px
}
.callhistory-page__paper {
padding: 0 50px 20px
}
.callhistory-page__title {
padding-top: 20px;
padding-bottom: 20px
}
.callhistory-page__title h1,
.callhistory-page__title p {
font-weight: 400;
margin-bottom: 0
}
.callhistory-page__title p {
margin-top: 5px;
color: #5b5b5b
}
@media screen and (max-width:767px) {
.callhistory-page__container {
padding-left: 10px;
padding-right: 10px;
margin-top: -25px
}
.callhistory-page__paper {
padding: 0 5px 10px
}
.callhistory-page__title h1 {
font-weight: 400;
margin-bottom: 0
}
.callhistory-page__title {
margin-top: 10px;
margin-bottom: 10px;
padding-left: 10px
}
.callhistory-page__title p {
font-weight: 400;
margin-top: 2px;
margin-bottom: 0;
color: #5b5b5b
}
}
.booking-page__container {
padding-left: 20px;
padding-right: 20px
}
.booking-page__paper {
padding: 0 50px 20px
}
.booking-page__title {
padding-top: 20px;
padding-bottom: 20px
}
.booking-page__title h1,
.booking-page__title h2,
.booking-page__title p {
font-weight: 400;
margin-bottom: 0
}
.booking-page__title p {
margin-top: 5px;
color: #5b5b5b
}
@media screen and (max-width:767px) {
.booking-page__container {
padding-left: 10px;
padding-right: 10px;
margin-top: -25px
}
.booking-page__paper {
padding: 0 5px 10px
}
.booking-page__title h1,
.booking-page__title h2 {
font-weight: 400;
margin-bottom: 0
}
.booking-page__title {
margin-top: 10px;
margin-bottom: 10px;
padding-left: 10px
}
.booking-page__title p {
font-weight: 400;
margin-top: 2px;
margin-bottom: 0;
color: #5b5b5b
}
}
.booking-info-dialog__text--medium {
font-size: 1em;
margin: 5px 0;
display: block;
font-family: NotoSans-Regular
}
.booking-info-dialog__text--large {
font-size: 2em;
margin: 10px 0;
display: block;
font-family: NotoSans-Regular
}
.booking-info-dialog__text--clickable {
color: #3d80ad;
text-decoration: underline
}
.booking-info-dialog__text--clickable:hover {
cursor: pointer
}
.booking-table__header {
font-size: 1.2em !important;
font-family: NotoSans-Regular;
height: 45px
}
.booking-table__row {
font-size: 1em !important;
font-family: NotoSans-Regular;
cursor: pointer
}
.booking-table__col {
text-align: left !important;
font-size: inherit !important
}
.booking-table__col-0,
.booking-table__col-0--la {
width: 50px !important;
text-align: left !important;
font-size: inherit !important
}
.booking-table__col-0 a,
.booking-table__col-0--la a {
text-decoration: none
}
.booking-table__col-1 {
width: 100px !important
}
.booking-table__col-1,
.booking-table__col-1--la {
text-align: right !important;
font-size: inherit !important
}
.booking-table__col-1--la {
width: 40px !important
}
.booking-table__col-2 {
width: 100px !important
}
.booking-table__col-2,
.booking-table__col-2--la {
text-align: right !important;
font-size: inherit !important
}
.booking-table__col-2--la {
width: 150px !important
}
.booking-table__col-3 {
width: 140px !important;
text-align: right !important;
font-size: inherit !important
}
.booking-table__header .booking-table__col-3--la {
padding-right: 44px !important
}
.booking-table__col-3--la {
width: 100px !important
}
.booking-table__col-3--la,
.booking-table__col-4 {
text-align: right !important;
font-size: inherit !important
}
.booking-table__col-4 {
width: 60px !important
}
.call-row__assistant-name {
font-family: NotoSans-Bold;
font-size: 16px;
color: #3d80ad;
cursor: pointer
}
.call-row__assistant--icon {
height: 1em;
margin-bottom: -2px;
border-radius: 100%
}
.call-row__call-id {
color: #3d80ad;
font-family: NotoSans-Bold;
font-size: 18px
}
.call-row__call-id:hover {
cursor: pointer
}
.call-row__date-time--mobile {
color: #999
}
.call-row__buttonText {
font-family: NotoSans-Bold;
font-size: 18px
}
@media screen and (max-width:767px) {
.booking-table__col {
padding-left: 10px !important;
padding-right: 10px !important
}
.call-row__call-id {
font-size: 14px
}
.call-row__buttonText {
font-family: NotoSans-Bold;
font-size: 14px
}
.booking-table__header {
font-size: 1em !important;
height: 20px
}
.booking-table__header,
.booking-table__row {
font-family: NotoSans-Regular;
white-space: inherit;
padding-left: 10px;
padding-right: 10px
}
.booking-table__row {
font-size: .8em !important;
height: 40px
}
.booking-table__col-0,
.booking-table__col-0--la {
padding-left: 11px !important;
width: 60px !important;
text-align: left !important;
font-size: inherit !important
}
.booking-table__col-0 a {
text-decoration: none
}
.booking-table__col-1,
.booking-table__col-1--la {
width: 50px !important;
text-align: right !important;
font-size: inherit !important
}
.booking-table__col-2,
.booking-table__col-2--la {
width: 30px !important;
text-align: right !important;
font-size: inherit !important
}
.booking-table__header .booking-table__col-2--la {
padding-right: 18px !important;
padding-left: 18px !important;
overflow: visible !important
}
}
.evaluatorroot__header {
background-color: #252525;
height: 57px;
padding-left: 50px;
padding-right: 50px
}
.evaluatorroot__header h2 {
color: #fff
}
.evaluatorroot__header h4 {
color: #fff;
padding-right: 15px
}
.evaluatorroot__navbar {
padding-left: 50px;
padding-right: 50px;
background-color: #006063;
height: 33px
}
.evaluatorroot__content {
background: #fff;
padding: 50px
}
.laonboarding__grade_info {
display: inline-block;
margin: 0 10px;
padding: 14px 21px;
box-shadow: inset 0 0 0 1px rgba(34, 36, 38, .22), 0 0 0 0 transparent;
border-radius: .28571429rem;
background-color: #f8f8f9
}
.laonboarding__grade_info--3 {
background-color: #e5f9e7;
color: #1ebc30;
box-shadow: inset 0 0 0 1px #1ebc30, 0 0 0 0 transparent
}
.laonboarding__grade_info--2 {
background-color: #fbfdef;
color: #8abc1e;
box-shadow: inset 0 0 0 1px #8abc1e, 0 0 0 0 transparent
}
.laonboarding__grade_info--1 {
background-color: #ffe8e6;
color: #db2828;
box-shadow: inset 0 0 0 1px #db2828, 0 0 0 0 transparent
}
.laonboarding__question-container:not(:first-child) {
margin-top: 40px
}
.termtranlation__input {
margin-top: -10px
}
.termtranlation__word {
margin-top: 10px
}
.laonboarding__line-seperator {
height: 30px;
width: 100%
}
.laonboarding__container {
max-width: 850px
}
.laonboarding__container h1,
.laonboarding__container h2 {
text-align: center
}
.laonboarding__paper {
padding: 30px 10%
}
.laonboarding__announcement,
.laonboarding__section-title {
font-size: 20px;
margin-top: 30px
}
.laonboarding__section-title {
color: #999
}
.laonboarding__select-label {
margin-top: 22px;
font-size: 16px
}
.laonboarding__screening-question-label {
font-size: 16px
}
.laonboarding__input-hint {
font-size: 14px;
color: #999;
margin-top: 15px
}
.videoquestion__question-text {
width: 250px;
height: 350px;
display: inline-block
}
.videoquestion__question-text p {
font-size: 16px;
float: left
}
p.videoquestion__note {
font-size: 16px;
color: #999
}
.videoquestion__webcam {
position: absolute;
left: 320px;
top: 25%;
width: 400px;
height: 300px
}
.videoquestion__arabic-phrase {
width: 250px
}
.mcqquestion__question-text p {
font-size: 18px;
color: #999
}
.writtenquestion__paragraph p {
font-size: 14px;
color: #999;
margin-right: 20px
}
.writtenquestion__question-text p {
font-size: 18px
}
.shortpracticequestion__question-text {
width: 270px;
height: 350px;
display: inline-block
}
.shortpracticequestion__question-text p {
font-size: 12px;
text-align: justify
}
.shortpracticequestion__technical-difficulty {
font-size: 16px;
color: #3d80ad;
position: absolute;
width: 270px;
top: 300px
}
.resettest__link {
font-family: NotoSans-Regular;
font-size: 16px;
color: #3d80ad;
cursor: pointer
}
.orglogin__header {
background-color: #252525;
height: 57px;
padding-left: 50px;
padding-right: 50px
}
.orglogin__header h2 {
color: #fff
}
.orglogin__navbar {
padding-left: 50px;
padding-right: 50px;
background-color: #009ad6;
height: 33px
}
.orglogin__content {
background: #fff;
padding: 50px
}
.org-dashboard-page__container {
max-width: 1000px
}
.org-dashboard-page__container--mobile {
padding-left: 10px;
padding-right: 10px;
margin-top: -25px
}
.org-dashboard-page__paper {
padding: 30px
}
.org-dashboard-page__paper--mobile {
padding: 10px
}
.org-dashboard-table__header {
font-size: 1.1em !important;
font-family: NotoSans-Regular
}
.org-dashboard-table-col {
font-size: 15px;
font-family: NotoSans-Regular
}
.org_callhist-table__header {
font-size: 1.1em !important;
font-family: NotoSans-Regular
}
.org-call-hist-table__col {
font-size: 15px;
font-family: NotoSans-Regular
}
.org-call-hist-table__col--id {
font-family: NotoSans-Bold;
color: #3d80ad
}
.org-call-hist-table__col--id:hover {
cursor: pointer
}
.org-call-info-dialog__text--medium {
font-size: 1em;
display: block;
margin: 4px 0
}
.org-call-info-dialog__text--large {
font-size: 2em;
display: block;
margin: 4px 0
}
.org-callhistory-page__container {
max-width: 1000px
}
.org-callhistory-page__paper {
padding: 30px
}
@media screen and (max-width:767px) {
.org-callhistory-page__container {
padding-left: 10px;
padding-right: 10px;
margin-top: -25px
}
.org-callhistory-page__paper {
padding: 10px !important
}
}