@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Lato:300,700);
/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  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;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.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: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  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;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  -webkit-filter: none;
  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: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.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-remove:before,
.fa-close: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-gear:before,
.fa-cog: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-rotate-right:before,
.fa-repeat: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-photo:before,
.fa-image: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-warning:before,
.fa-exclamation-triangle: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-gears:before,
.fa-cogs: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-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars: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-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard: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-unlink:before,
.fa-chain-broken: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-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw: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-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try: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-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap: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-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-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-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-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-soccer-ball-o:before,
.fa-futbol-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-shekel:before,
.fa-sheqel:before,
.fa-ils: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-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator: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 {
  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-stop-o:before,
.fa-hand-paper-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-tv:before,
.fa-television: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-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language: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";
}
.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;
}
@charset "UTF-8";
/*!
  Ionicons, v2.0.0
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/benjsperry  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons

  Android-style icons originally built by Google’s
  Material Design Icons: https://github.com/google/material-design-icons
  used under CC BY http://creativecommons.org/licenses/by/4.0/
  Modified icons to fit ionicon’s grid from original.
*/
@font-face {
  font-family: "Ionicons";
  src: url("../fonts/ionicons.eot?v=2.0.0");
  src: url("../fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"), url("../fonts/ionicons.ttf?v=2.0.0") format("truetype"), url("../fonts/ionicons.woff?v=2.0.0") format("woff"), url("../fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.ion,
.ionicons,
.ion-alert:before,
.ion-alert-circled:before,
.ion-android-add:before,
.ion-android-add-circle:before,
.ion-android-alarm-clock:before,
.ion-android-alert:before,
.ion-android-apps:before,
.ion-android-archive:before,
.ion-android-arrow-back:before,
.ion-android-arrow-down:before,
.ion-android-arrow-dropdown:before,
.ion-android-arrow-dropdown-circle:before,
.ion-android-arrow-dropleft:before,
.ion-android-arrow-dropleft-circle:before,
.ion-android-arrow-dropright:before,
.ion-android-arrow-dropright-circle:before,
.ion-android-arrow-dropup:before,
.ion-android-arrow-dropup-circle:before,
.ion-android-arrow-forward:before,
.ion-android-arrow-up:before,
.ion-android-attach:before,
.ion-android-bar:before,
.ion-android-bicycle:before,
.ion-android-boat:before,
.ion-android-bookmark:before,
.ion-android-bulb:before,
.ion-android-bus:before,
.ion-android-calendar:before,
.ion-android-call:before,
.ion-android-camera:before,
.ion-android-cancel:before,
.ion-android-car:before,
.ion-android-cart:before,
.ion-android-chat:before,
.ion-android-checkbox:before,
.ion-android-checkbox-blank:before,
.ion-android-checkbox-outline:before,
.ion-android-checkbox-outline-blank:before,
.ion-android-checkmark-circle:before,
.ion-android-clipboard:before,
.ion-android-close:before,
.ion-android-cloud:before,
.ion-android-cloud-circle:before,
.ion-android-cloud-done:before,
.ion-android-cloud-outline:before,
.ion-android-color-palette:before,
.ion-android-compass:before,
.ion-android-contact:before,
.ion-android-contacts:before,
.ion-android-contract:before,
.ion-android-create:before,
.ion-android-delete:before,
.ion-android-desktop:before,
.ion-android-document:before,
.ion-android-done:before,
.ion-android-done-all:before,
.ion-android-download:before,
.ion-android-drafts:before,
.ion-android-exit:before,
.ion-android-expand:before,
.ion-android-favorite:before,
.ion-android-favorite-outline:before,
.ion-android-film:before,
.ion-android-folder:before,
.ion-android-folder-open:before,
.ion-android-funnel:before,
.ion-android-globe:before,
.ion-android-hand:before,
.ion-android-hangout:before,
.ion-android-happy:before,
.ion-android-home:before,
.ion-android-image:before,
.ion-android-laptop:before,
.ion-android-list:before,
.ion-android-locate:before,
.ion-android-lock:before,
.ion-android-mail:before,
.ion-android-map:before,
.ion-android-menu:before,
.ion-android-microphone:before,
.ion-android-microphone-off:before,
.ion-android-more-horizontal:before,
.ion-android-more-vertical:before,
.ion-android-navigate:before,
.ion-android-notifications:before,
.ion-android-notifications-none:before,
.ion-android-notifications-off:before,
.ion-android-open:before,
.ion-android-options:before,
.ion-android-people:before,
.ion-android-person:before,
.ion-android-person-add:before,
.ion-android-phone-landscape:before,
.ion-android-phone-portrait:before,
.ion-android-pin:before,
.ion-android-plane:before,
.ion-android-playstore:before,
.ion-android-print:before,
.ion-android-radio-button-off:before,
.ion-android-radio-button-on:before,
.ion-android-refresh:before,
.ion-android-remove:before,
.ion-android-remove-circle:before,
.ion-android-restaurant:before,
.ion-android-sad:before,
.ion-android-search:before,
.ion-android-send:before,
.ion-android-settings:before,
.ion-android-share:before,
.ion-android-share-alt:before,
.ion-android-star:before,
.ion-android-star-half:before,
.ion-android-star-outline:before,
.ion-android-stopwatch:before,
.ion-android-subway:before,
.ion-android-sunny:before,
.ion-android-sync:before,
.ion-android-textsms:before,
.ion-android-time:before,
.ion-android-train:before,
.ion-android-unlock:before,
.ion-android-upload:before,
.ion-android-volume-down:before,
.ion-android-volume-mute:before,
.ion-android-volume-off:before,
.ion-android-volume-up:before,
.ion-android-walk:before,
.ion-android-warning:before,
.ion-android-watch:before,
.ion-android-wifi:before,
.ion-aperture:before,
.ion-archive:before,
.ion-arrow-down-a:before,
.ion-arrow-down-b:before,
.ion-arrow-down-c:before,
.ion-arrow-expand:before,
.ion-arrow-graph-down-left:before,
.ion-arrow-graph-down-right:before,
.ion-arrow-graph-up-left:before,
.ion-arrow-graph-up-right:before,
.ion-arrow-left-a:before,
.ion-arrow-left-b:before,
.ion-arrow-left-c:before,
.ion-arrow-move:before,
.ion-arrow-resize:before,
.ion-arrow-return-left:before,
.ion-arrow-return-right:before,
.ion-arrow-right-a:before,
.ion-arrow-right-b:before,
.ion-arrow-right-c:before,
.ion-arrow-shrink:before,
.ion-arrow-swap:before,
.ion-arrow-up-a:before,
.ion-arrow-up-b:before,
.ion-arrow-up-c:before,
.ion-asterisk:before,
.ion-at:before,
.ion-backspace:before,
.ion-backspace-outline:before,
.ion-bag:before,
.ion-battery-charging:before,
.ion-battery-empty:before,
.ion-battery-full:before,
.ion-battery-half:before,
.ion-battery-low:before,
.ion-beaker:before,
.ion-beer:before,
.ion-bluetooth:before,
.ion-bonfire:before,
.ion-bookmark:before,
.ion-bowtie:before,
.ion-briefcase:before,
.ion-bug:before,
.ion-calculator:before,
.ion-calendar:before,
.ion-camera:before,
.ion-card:before,
.ion-cash:before,
.ion-chatbox:before,
.ion-chatbox-working:before,
.ion-chatboxes:before,
.ion-chatbubble:before,
.ion-chatbubble-working:before,
.ion-chatbubbles:before,
.ion-checkmark:before,
.ion-checkmark-circled:before,
.ion-checkmark-round:before,
.ion-chevron-down:before,
.ion-chevron-left:before,
.ion-chevron-right:before,
.ion-chevron-up:before,
.ion-clipboard:before,
.ion-clock:before,
.ion-close:before,
.ion-close-circled:before,
.ion-close-round:before,
.ion-closed-captioning:before,
.ion-cloud:before,
.ion-code:before,
.ion-code-download:before,
.ion-code-working:before,
.ion-coffee:before,
.ion-compass:before,
.ion-compose:before,
.ion-connection-bars:before,
.ion-contrast:before,
.ion-crop:before,
.ion-cube:before,
.ion-disc:before,
.ion-document:before,
.ion-document-text:before,
.ion-drag:before,
.ion-earth:before,
.ion-easel:before,
.ion-edit:before,
.ion-egg:before,
.ion-eject:before,
.ion-email:before,
.ion-email-unread:before,
.ion-erlenmeyer-flask:before,
.ion-erlenmeyer-flask-bubbles:before,
.ion-eye:before,
.ion-eye-disabled:before,
.ion-female:before,
.ion-filing:before,
.ion-film-marker:before,
.ion-fireball:before,
.ion-flag:before,
.ion-flame:before,
.ion-flash:before,
.ion-flash-off:before,
.ion-folder:before,
.ion-fork:before,
.ion-fork-repo:before,
.ion-forward:before,
.ion-funnel:before,
.ion-gear-a:before,
.ion-gear-b:before,
.ion-grid:before,
.ion-hammer:before,
.ion-happy:before,
.ion-happy-outline:before,
.ion-headphone:before,
.ion-heart:before,
.ion-heart-broken:before,
.ion-help:before,
.ion-help-buoy:before,
.ion-help-circled:before,
.ion-home:before,
.ion-icecream:before,
.ion-image:before,
.ion-images:before,
.ion-information:before,
.ion-information-circled:before,
.ion-ionic:before,
.ion-ios-alarm:before,
.ion-ios-alarm-outline:before,
.ion-ios-albums:before,
.ion-ios-albums-outline:before,
.ion-ios-americanfootball:before,
.ion-ios-americanfootball-outline:before,
.ion-ios-analytics:before,
.ion-ios-analytics-outline:before,
.ion-ios-arrow-back:before,
.ion-ios-arrow-down:before,
.ion-ios-arrow-forward:before,
.ion-ios-arrow-left:before,
.ion-ios-arrow-right:before,
.ion-ios-arrow-thin-down:before,
.ion-ios-arrow-thin-left:before,
.ion-ios-arrow-thin-right:before,
.ion-ios-arrow-thin-up:before,
.ion-ios-arrow-up:before,
.ion-ios-at:before,
.ion-ios-at-outline:before,
.ion-ios-barcode:before,
.ion-ios-barcode-outline:before,
.ion-ios-baseball:before,
.ion-ios-baseball-outline:before,
.ion-ios-basketball:before,
.ion-ios-basketball-outline:before,
.ion-ios-bell:before,
.ion-ios-bell-outline:before,
.ion-ios-body:before,
.ion-ios-body-outline:before,
.ion-ios-bolt:before,
.ion-ios-bolt-outline:before,
.ion-ios-book:before,
.ion-ios-book-outline:before,
.ion-ios-bookmarks:before,
.ion-ios-bookmarks-outline:before,
.ion-ios-box:before,
.ion-ios-box-outline:before,
.ion-ios-briefcase:before,
.ion-ios-briefcase-outline:before,
.ion-ios-browsers:before,
.ion-ios-browsers-outline:before,
.ion-ios-calculator:before,
.ion-ios-calculator-outline:before,
.ion-ios-calendar:before,
.ion-ios-calendar-outline:before,
.ion-ios-camera:before,
.ion-ios-camera-outline:before,
.ion-ios-cart:before,
.ion-ios-cart-outline:before,
.ion-ios-chatboxes:before,
.ion-ios-chatboxes-outline:before,
.ion-ios-chatbubble:before,
.ion-ios-chatbubble-outline:before,
.ion-ios-checkmark:before,
.ion-ios-checkmark-empty:before,
.ion-ios-checkmark-outline:before,
.ion-ios-circle-filled:before,
.ion-ios-circle-outline:before,
.ion-ios-clock:before,
.ion-ios-clock-outline:before,
.ion-ios-close:before,
.ion-ios-close-empty:before,
.ion-ios-close-outline:before,
.ion-ios-cloud:before,
.ion-ios-cloud-download:before,
.ion-ios-cloud-download-outline:before,
.ion-ios-cloud-outline:before,
.ion-ios-cloud-upload:before,
.ion-ios-cloud-upload-outline:before,
.ion-ios-cloudy:before,
.ion-ios-cloudy-night:before,
.ion-ios-cloudy-night-outline:before,
.ion-ios-cloudy-outline:before,
.ion-ios-cog:before,
.ion-ios-cog-outline:before,
.ion-ios-color-filter:before,
.ion-ios-color-filter-outline:before,
.ion-ios-color-wand:before,
.ion-ios-color-wand-outline:before,
.ion-ios-compose:before,
.ion-ios-compose-outline:before,
.ion-ios-contact:before,
.ion-ios-contact-outline:before,
.ion-ios-copy:before,
.ion-ios-copy-outline:before,
.ion-ios-crop:before,
.ion-ios-crop-strong:before,
.ion-ios-download:before,
.ion-ios-download-outline:before,
.ion-ios-drag:before,
.ion-ios-email:before,
.ion-ios-email-outline:before,
.ion-ios-eye:before,
.ion-ios-eye-outline:before,
.ion-ios-fastforward:before,
.ion-ios-fastforward-outline:before,
.ion-ios-filing:before,
.ion-ios-filing-outline:before,
.ion-ios-film:before,
.ion-ios-film-outline:before,
.ion-ios-flag:before,
.ion-ios-flag-outline:before,
.ion-ios-flame:before,
.ion-ios-flame-outline:before,
.ion-ios-flask:before,
.ion-ios-flask-outline:before,
.ion-ios-flower:before,
.ion-ios-flower-outline:before,
.ion-ios-folder:before,
.ion-ios-folder-outline:before,
.ion-ios-football:before,
.ion-ios-football-outline:before,
.ion-ios-game-controller-a:before,
.ion-ios-game-controller-a-outline:before,
.ion-ios-game-controller-b:before,
.ion-ios-game-controller-b-outline:before,
.ion-ios-gear:before,
.ion-ios-gear-outline:before,
.ion-ios-glasses:before,
.ion-ios-glasses-outline:before,
.ion-ios-grid-view:before,
.ion-ios-grid-view-outline:before,
.ion-ios-heart:before,
.ion-ios-heart-outline:before,
.ion-ios-help:before,
.ion-ios-help-empty:before,
.ion-ios-help-outline:before,
.ion-ios-home:before,
.ion-ios-home-outline:before,
.ion-ios-infinite:before,
.ion-ios-infinite-outline:before,
.ion-ios-information:before,
.ion-ios-information-empty:before,
.ion-ios-information-outline:before,
.ion-ios-ionic-outline:before,
.ion-ios-keypad:before,
.ion-ios-keypad-outline:before,
.ion-ios-lightbulb:before,
.ion-ios-lightbulb-outline:before,
.ion-ios-list:before,
.ion-ios-list-outline:before,
.ion-ios-location:before,
.ion-ios-location-outline:before,
.ion-ios-locked:before,
.ion-ios-locked-outline:before,
.ion-ios-loop:before,
.ion-ios-loop-strong:before,
.ion-ios-medical:before,
.ion-ios-medical-outline:before,
.ion-ios-medkit:before,
.ion-ios-medkit-outline:before,
.ion-ios-mic:before,
.ion-ios-mic-off:before,
.ion-ios-mic-outline:before,
.ion-ios-minus:before,
.ion-ios-minus-empty:before,
.ion-ios-minus-outline:before,
.ion-ios-monitor:before,
.ion-ios-monitor-outline:before,
.ion-ios-moon:before,
.ion-ios-moon-outline:before,
.ion-ios-more:before,
.ion-ios-more-outline:before,
.ion-ios-musical-note:before,
.ion-ios-musical-notes:before,
.ion-ios-navigate:before,
.ion-ios-navigate-outline:before,
.ion-ios-nutrition:before,
.ion-ios-nutrition-outline:before,
.ion-ios-paper:before,
.ion-ios-paper-outline:before,
.ion-ios-paperplane:before,
.ion-ios-paperplane-outline:before,
.ion-ios-partlysunny:before,
.ion-ios-partlysunny-outline:before,
.ion-ios-pause:before,
.ion-ios-pause-outline:before,
.ion-ios-paw:before,
.ion-ios-paw-outline:before,
.ion-ios-people:before,
.ion-ios-people-outline:before,
.ion-ios-person:before,
.ion-ios-person-outline:before,
.ion-ios-personadd:before,
.ion-ios-personadd-outline:before,
.ion-ios-photos:before,
.ion-ios-photos-outline:before,
.ion-ios-pie:before,
.ion-ios-pie-outline:before,
.ion-ios-pint:before,
.ion-ios-pint-outline:before,
.ion-ios-play:before,
.ion-ios-play-outline:before,
.ion-ios-plus:before,
.ion-ios-plus-empty:before,
.ion-ios-plus-outline:before,
.ion-ios-pricetag:before,
.ion-ios-pricetag-outline:before,
.ion-ios-pricetags:before,
.ion-ios-pricetags-outline:before,
.ion-ios-printer:before,
.ion-ios-printer-outline:before,
.ion-ios-pulse:before,
.ion-ios-pulse-strong:before,
.ion-ios-rainy:before,
.ion-ios-rainy-outline:before,
.ion-ios-recording:before,
.ion-ios-recording-outline:before,
.ion-ios-redo:before,
.ion-ios-redo-outline:before,
.ion-ios-refresh:before,
.ion-ios-refresh-empty:before,
.ion-ios-refresh-outline:before,
.ion-ios-reload:before,
.ion-ios-reverse-camera:before,
.ion-ios-reverse-camera-outline:before,
.ion-ios-rewind:before,
.ion-ios-rewind-outline:before,
.ion-ios-rose:before,
.ion-ios-rose-outline:before,
.ion-ios-search:before,
.ion-ios-search-strong:before,
.ion-ios-settings:before,
.ion-ios-settings-strong:before,
.ion-ios-shuffle:before,
.ion-ios-shuffle-strong:before,
.ion-ios-skipbackward:before,
.ion-ios-skipbackward-outline:before,
.ion-ios-skipforward:before,
.ion-ios-skipforward-outline:before,
.ion-ios-snowy:before,
.ion-ios-speedometer:before,
.ion-ios-speedometer-outline:before,
.ion-ios-star:before,
.ion-ios-star-half:before,
.ion-ios-star-outline:before,
.ion-ios-stopwatch:before,
.ion-ios-stopwatch-outline:before,
.ion-ios-sunny:before,
.ion-ios-sunny-outline:before,
.ion-ios-telephone:before,
.ion-ios-telephone-outline:before,
.ion-ios-tennisball:before,
.ion-ios-tennisball-outline:before,
.ion-ios-thunderstorm:before,
.ion-ios-thunderstorm-outline:before,
.ion-ios-time:before,
.ion-ios-time-outline:before,
.ion-ios-timer:before,
.ion-ios-timer-outline:before,
.ion-ios-toggle:before,
.ion-ios-toggle-outline:before,
.ion-ios-trash:before,
.ion-ios-trash-outline:before,
.ion-ios-undo:before,
.ion-ios-undo-outline:before,
.ion-ios-unlocked:before,
.ion-ios-unlocked-outline:before,
.ion-ios-upload:before,
.ion-ios-upload-outline:before,
.ion-ios-videocam:before,
.ion-ios-videocam-outline:before,
.ion-ios-volume-high:before,
.ion-ios-volume-low:before,
.ion-ios-wineglass:before,
.ion-ios-wineglass-outline:before,
.ion-ios-world:before,
.ion-ios-world-outline:before,
.ion-ipad:before,
.ion-iphone:before,
.ion-ipod:before,
.ion-jet:before,
.ion-key:before,
.ion-knife:before,
.ion-laptop:before,
.ion-leaf:before,
.ion-levels:before,
.ion-lightbulb:before,
.ion-link:before,
.ion-load-a:before,
.ion-load-b:before,
.ion-load-c:before,
.ion-load-d:before,
.ion-location:before,
.ion-lock-combination:before,
.ion-locked:before,
.ion-log-in:before,
.ion-log-out:before,
.ion-loop:before,
.ion-magnet:before,
.ion-male:before,
.ion-man:before,
.ion-map:before,
.ion-medkit:before,
.ion-merge:before,
.ion-mic-a:before,
.ion-mic-b:before,
.ion-mic-c:before,
.ion-minus:before,
.ion-minus-circled:before,
.ion-minus-round:before,
.ion-model-s:before,
.ion-monitor:before,
.ion-more:before,
.ion-mouse:before,
.ion-music-note:before,
.ion-navicon:before,
.ion-navicon-round:before,
.ion-navigate:before,
.ion-network:before,
.ion-no-smoking:before,
.ion-nuclear:before,
.ion-outlet:before,
.ion-paintbrush:before,
.ion-paintbucket:before,
.ion-paper-airplane:before,
.ion-paperclip:before,
.ion-pause:before,
.ion-person:before,
.ion-person-add:before,
.ion-person-stalker:before,
.ion-pie-graph:before,
.ion-pin:before,
.ion-pinpoint:before,
.ion-pizza:before,
.ion-plane:before,
.ion-planet:before,
.ion-play:before,
.ion-playstation:before,
.ion-plus:before,
.ion-plus-circled:before,
.ion-plus-round:before,
.ion-podium:before,
.ion-pound:before,
.ion-power:before,
.ion-pricetag:before,
.ion-pricetags:before,
.ion-printer:before,
.ion-pull-request:before,
.ion-qr-scanner:before,
.ion-quote:before,
.ion-radio-waves:before,
.ion-record:before,
.ion-refresh:before,
.ion-reply:before,
.ion-reply-all:before,
.ion-ribbon-a:before,
.ion-ribbon-b:before,
.ion-sad:before,
.ion-sad-outline:before,
.ion-scissors:before,
.ion-search:before,
.ion-settings:before,
.ion-share:before,
.ion-shuffle:before,
.ion-skip-backward:before,
.ion-skip-forward:before,
.ion-social-android:before,
.ion-social-android-outline:before,
.ion-social-angular:before,
.ion-social-angular-outline:before,
.ion-social-apple:before,
.ion-social-apple-outline:before,
.ion-social-bitcoin:before,
.ion-social-bitcoin-outline:before,
.ion-social-buffer:before,
.ion-social-buffer-outline:before,
.ion-social-chrome:before,
.ion-social-chrome-outline:before,
.ion-social-codepen:before,
.ion-social-codepen-outline:before,
.ion-social-css3:before,
.ion-social-css3-outline:before,
.ion-social-designernews:before,
.ion-social-designernews-outline:before,
.ion-social-dribbble:before,
.ion-social-dribbble-outline:before,
.ion-social-dropbox:before,
.ion-social-dropbox-outline:before,
.ion-social-euro:before,
.ion-social-euro-outline:before,
.ion-social-facebook:before,
.ion-social-facebook-outline:before,
.ion-social-foursquare:before,
.ion-social-foursquare-outline:before,
.ion-social-freebsd-devil:before,
.ion-social-github:before,
.ion-social-github-outline:before,
.ion-social-google:before,
.ion-social-google-outline:before,
.ion-social-googleplus:before,
.ion-social-googleplus-outline:before,
.ion-social-hackernews:before,
.ion-social-hackernews-outline:before,
.ion-social-html5:before,
.ion-social-html5-outline:before,
.ion-social-instagram:before,
.ion-social-instagram-outline:before,
.ion-social-javascript:before,
.ion-social-javascript-outline:before,
.ion-social-linkedin:before,
.ion-social-linkedin-outline:before,
.ion-social-markdown:before,
.ion-social-nodejs:before,
.ion-social-octocat:before,
.ion-social-pinterest:before,
.ion-social-pinterest-outline:before,
.ion-social-python:before,
.ion-social-reddit:before,
.ion-social-reddit-outline:before,
.ion-social-rss:before,
.ion-social-rss-outline:before,
.ion-social-sass:before,
.ion-social-skype:before,
.ion-social-skype-outline:before,
.ion-social-snapchat:before,
.ion-social-snapchat-outline:before,
.ion-social-tumblr:before,
.ion-social-tumblr-outline:before,
.ion-social-tux:before,
.ion-social-twitch:before,
.ion-social-twitch-outline:before,
.ion-social-twitter:before,
.ion-social-twitter-outline:before,
.ion-social-usd:before,
.ion-social-usd-outline:before,
.ion-social-vimeo:before,
.ion-social-vimeo-outline:before,
.ion-social-whatsapp:before,
.ion-social-whatsapp-outline:before,
.ion-social-windows:before,
.ion-social-windows-outline:before,
.ion-social-wordpress:before,
.ion-social-wordpress-outline:before,
.ion-social-yahoo:before,
.ion-social-yahoo-outline:before,
.ion-social-yen:before,
.ion-social-yen-outline:before,
.ion-social-youtube:before,
.ion-social-youtube-outline:before,
.ion-soup-can:before,
.ion-soup-can-outline:before,
.ion-speakerphone:before,
.ion-speedometer:before,
.ion-spoon:before,
.ion-star:before,
.ion-stats-bars:before,
.ion-steam:before,
.ion-stop:before,
.ion-thermometer:before,
.ion-thumbsdown:before,
.ion-thumbsup:before,
.ion-toggle:before,
.ion-toggle-filled:before,
.ion-transgender:before,
.ion-trash-a:before,
.ion-trash-b:before,
.ion-trophy:before,
.ion-tshirt:before,
.ion-tshirt-outline:before,
.ion-umbrella:before,
.ion-university:before,
.ion-unlocked:before,
.ion-upload:before,
.ion-usb:before,
.ion-videocamera:before,
.ion-volume-high:before,
.ion-volume-low:before,
.ion-volume-medium:before,
.ion-volume-mute:before,
.ion-wand:before,
.ion-waterdrop:before,
.ion-wifi:before,
.ion-wineglass:before,
.ion-woman:before,
.ion-wrench:before,
.ion-xbox:before {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ion-alert:before {
  content: "\f101";
}
.ion-alert-circled:before {
  content: "\f100";
}
.ion-android-add:before {
  content: "\f2c7";
}
.ion-android-add-circle:before {
  content: "\f359";
}
.ion-android-alarm-clock:before {
  content: "\f35a";
}
.ion-android-alert:before {
  content: "\f35b";
}
.ion-android-apps:before {
  content: "\f35c";
}
.ion-android-archive:before {
  content: "\f2c9";
}
.ion-android-arrow-back:before {
  content: "\f2ca";
}
.ion-android-arrow-down:before {
  content: "\f35d";
}
.ion-android-arrow-dropdown:before {
  content: "\f35f";
}
.ion-android-arrow-dropdown-circle:before {
  content: "\f35e";
}
.ion-android-arrow-dropleft:before {
  content: "\f361";
}
.ion-android-arrow-dropleft-circle:before {
  content: "\f360";
}
.ion-android-arrow-dropright:before {
  content: "\f363";
}
.ion-android-arrow-dropright-circle:before {
  content: "\f362";
}
.ion-android-arrow-dropup:before {
  content: "\f365";
}
.ion-android-arrow-dropup-circle:before {
  content: "\f364";
}
.ion-android-arrow-forward:before {
  content: "\f30f";
}
.ion-android-arrow-up:before {
  content: "\f366";
}
.ion-android-attach:before {
  content: "\f367";
}
.ion-android-bar:before {
  content: "\f368";
}
.ion-android-bicycle:before {
  content: "\f369";
}
.ion-android-boat:before {
  content: "\f36a";
}
.ion-android-bookmark:before {
  content: "\f36b";
}
.ion-android-bulb:before {
  content: "\f36c";
}
.ion-android-bus:before {
  content: "\f36d";
}
.ion-android-calendar:before {
  content: "\f2d1";
}
.ion-android-call:before {
  content: "\f2d2";
}
.ion-android-camera:before {
  content: "\f2d3";
}
.ion-android-cancel:before {
  content: "\f36e";
}
.ion-android-car:before {
  content: "\f36f";
}
.ion-android-cart:before {
  content: "\f370";
}
.ion-android-chat:before {
  content: "\f2d4";
}
.ion-android-checkbox:before {
  content: "\f374";
}
.ion-android-checkbox-blank:before {
  content: "\f371";
}
.ion-android-checkbox-outline:before {
  content: "\f373";
}
.ion-android-checkbox-outline-blank:before {
  content: "\f372";
}
.ion-android-checkmark-circle:before {
  content: "\f375";
}
.ion-android-clipboard:before {
  content: "\f376";
}
.ion-android-close:before {
  content: "\f2d7";
}
.ion-android-cloud:before {
  content: "\f37a";
}
.ion-android-cloud-circle:before {
  content: "\f377";
}
.ion-android-cloud-done:before {
  content: "\f378";
}
.ion-android-cloud-outline:before {
  content: "\f379";
}
.ion-android-color-palette:before {
  content: "\f37b";
}
.ion-android-compass:before {
  content: "\f37c";
}
.ion-android-contact:before {
  content: "\f2d8";
}
.ion-android-contacts:before {
  content: "\f2d9";
}
.ion-android-contract:before {
  content: "\f37d";
}
.ion-android-create:before {
  content: "\f37e";
}
.ion-android-delete:before {
  content: "\f37f";
}
.ion-android-desktop:before {
  content: "\f380";
}
.ion-android-document:before {
  content: "\f381";
}
.ion-android-done:before {
  content: "\f383";
}
.ion-android-done-all:before {
  content: "\f382";
}
.ion-android-download:before {
  content: "\f2dd";
}
.ion-android-drafts:before {
  content: "\f384";
}
.ion-android-exit:before {
  content: "\f385";
}
.ion-android-expand:before {
  content: "\f386";
}
.ion-android-favorite:before {
  content: "\f388";
}
.ion-android-favorite-outline:before {
  content: "\f387";
}
.ion-android-film:before {
  content: "\f389";
}
.ion-android-folder:before {
  content: "\f2e0";
}
.ion-android-folder-open:before {
  content: "\f38a";
}
.ion-android-funnel:before {
  content: "\f38b";
}
.ion-android-globe:before {
  content: "\f38c";
}
.ion-android-hand:before {
  content: "\f2e3";
}
.ion-android-hangout:before {
  content: "\f38d";
}
.ion-android-happy:before {
  content: "\f38e";
}
.ion-android-home:before {
  content: "\f38f";
}
.ion-android-image:before {
  content: "\f2e4";
}
.ion-android-laptop:before {
  content: "\f390";
}
.ion-android-list:before {
  content: "\f391";
}
.ion-android-locate:before {
  content: "\f2e9";
}
.ion-android-lock:before {
  content: "\f392";
}
.ion-android-mail:before {
  content: "\f2eb";
}
.ion-android-map:before {
  content: "\f393";
}
.ion-android-menu:before {
  content: "\f394";
}
.ion-android-microphone:before {
  content: "\f2ec";
}
.ion-android-microphone-off:before {
  content: "\f395";
}
.ion-android-more-horizontal:before {
  content: "\f396";
}
.ion-android-more-vertical:before {
  content: "\f397";
}
.ion-android-navigate:before {
  content: "\f398";
}
.ion-android-notifications:before {
  content: "\f39b";
}
.ion-android-notifications-none:before {
  content: "\f399";
}
.ion-android-notifications-off:before {
  content: "\f39a";
}
.ion-android-open:before {
  content: "\f39c";
}
.ion-android-options:before {
  content: "\f39d";
}
.ion-android-people:before {
  content: "\f39e";
}
.ion-android-person:before {
  content: "\f3a0";
}
.ion-android-person-add:before {
  content: "\f39f";
}
.ion-android-phone-landscape:before {
  content: "\f3a1";
}
.ion-android-phone-portrait:before {
  content: "\f3a2";
}
.ion-android-pin:before {
  content: "\f3a3";
}
.ion-android-plane:before {
  content: "\f3a4";
}
.ion-android-playstore:before {
  content: "\f2f0";
}
.ion-android-print:before {
  content: "\f3a5";
}
.ion-android-radio-button-off:before {
  content: "\f3a6";
}
.ion-android-radio-button-on:before {
  content: "\f3a7";
}
.ion-android-refresh:before {
  content: "\f3a8";
}
.ion-android-remove:before {
  content: "\f2f4";
}
.ion-android-remove-circle:before {
  content: "\f3a9";
}
.ion-android-restaurant:before {
  content: "\f3aa";
}
.ion-android-sad:before {
  content: "\f3ab";
}
.ion-android-search:before {
  content: "\f2f5";
}
.ion-android-send:before {
  content: "\f2f6";
}
.ion-android-settings:before {
  content: "\f2f7";
}
.ion-android-share:before {
  content: "\f2f8";
}
.ion-android-share-alt:before {
  content: "\f3ac";
}
.ion-android-star:before {
  content: "\f2fc";
}
.ion-android-star-half:before {
  content: "\f3ad";
}
.ion-android-star-outline:before {
  content: "\f3ae";
}
.ion-android-stopwatch:before {
  content: "\f2fd";
}
.ion-android-subway:before {
  content: "\f3af";
}
.ion-android-sunny:before {
  content: "\f3b0";
}
.ion-android-sync:before {
  content: "\f3b1";
}
.ion-android-textsms:before {
  content: "\f3b2";
}
.ion-android-time:before {
  content: "\f3b3";
}
.ion-android-train:before {
  content: "\f3b4";
}
.ion-android-unlock:before {
  content: "\f3b5";
}
.ion-android-upload:before {
  content: "\f3b6";
}
.ion-android-volume-down:before {
  content: "\f3b7";
}
.ion-android-volume-mute:before {
  content: "\f3b8";
}
.ion-android-volume-off:before {
  content: "\f3b9";
}
.ion-android-volume-up:before {
  content: "\f3ba";
}
.ion-android-walk:before {
  content: "\f3bb";
}
.ion-android-warning:before {
  content: "\f3bc";
}
.ion-android-watch:before {
  content: "\f3bd";
}
.ion-android-wifi:before {
  content: "\f305";
}
.ion-aperture:before {
  content: "\f313";
}
.ion-archive:before {
  content: "\f102";
}
.ion-arrow-down-a:before {
  content: "\f103";
}
.ion-arrow-down-b:before {
  content: "\f104";
}
.ion-arrow-down-c:before {
  content: "\f105";
}
.ion-arrow-expand:before {
  content: "\f25e";
}
.ion-arrow-graph-down-left:before {
  content: "\f25f";
}
.ion-arrow-graph-down-right:before {
  content: "\f260";
}
.ion-arrow-graph-up-left:before {
  content: "\f261";
}
.ion-arrow-graph-up-right:before {
  content: "\f262";
}
.ion-arrow-left-a:before {
  content: "\f106";
}
.ion-arrow-left-b:before {
  content: "\f107";
}
.ion-arrow-left-c:before {
  content: "\f108";
}
.ion-arrow-move:before {
  content: "\f263";
}
.ion-arrow-resize:before {
  content: "\f264";
}
.ion-arrow-return-left:before {
  content: "\f265";
}
.ion-arrow-return-right:before {
  content: "\f266";
}
.ion-arrow-right-a:before {
  content: "\f109";
}
.ion-arrow-right-b:before {
  content: "\f10a";
}
.ion-arrow-right-c:before {
  content: "\f10b";
}
.ion-arrow-shrink:before {
  content: "\f267";
}
.ion-arrow-swap:before {
  content: "\f268";
}
.ion-arrow-up-a:before {
  content: "\f10c";
}
.ion-arrow-up-b:before {
  content: "\f10d";
}
.ion-arrow-up-c:before {
  content: "\f10e";
}
.ion-asterisk:before {
  content: "\f314";
}
.ion-at:before {
  content: "\f10f";
}
.ion-backspace:before {
  content: "\f3bf";
}
.ion-backspace-outline:before {
  content: "\f3be";
}
.ion-bag:before {
  content: "\f110";
}
.ion-battery-charging:before {
  content: "\f111";
}
.ion-battery-empty:before {
  content: "\f112";
}
.ion-battery-full:before {
  content: "\f113";
}
.ion-battery-half:before {
  content: "\f114";
}
.ion-battery-low:before {
  content: "\f115";
}
.ion-beaker:before {
  content: "\f269";
}
.ion-beer:before {
  content: "\f26a";
}
.ion-bluetooth:before {
  content: "\f116";
}
.ion-bonfire:before {
  content: "\f315";
}
.ion-bookmark:before {
  content: "\f26b";
}
.ion-bowtie:before {
  content: "\f3c0";
}
.ion-briefcase:before {
  content: "\f26c";
}
.ion-bug:before {
  content: "\f2be";
}
.ion-calculator:before {
  content: "\f26d";
}
.ion-calendar:before {
  content: "\f117";
}
.ion-camera:before {
  content: "\f118";
}
.ion-card:before {
  content: "\f119";
}
.ion-cash:before {
  content: "\f316";
}
.ion-chatbox:before {
  content: "\f11b";
}
.ion-chatbox-working:before {
  content: "\f11a";
}
.ion-chatboxes:before {
  content: "\f11c";
}
.ion-chatbubble:before {
  content: "\f11e";
}
.ion-chatbubble-working:before {
  content: "\f11d";
}
.ion-chatbubbles:before {
  content: "\f11f";
}
.ion-checkmark:before {
  content: "\f122";
}
.ion-checkmark-circled:before {
  content: "\f120";
}
.ion-checkmark-round:before {
  content: "\f121";
}
.ion-chevron-down:before {
  content: "\f123";
}
.ion-chevron-left:before {
  content: "\f124";
}
.ion-chevron-right:before {
  content: "\f125";
}
.ion-chevron-up:before {
  content: "\f126";
}
.ion-clipboard:before {
  content: "\f127";
}
.ion-clock:before {
  content: "\f26e";
}
.ion-close:before {
  content: "\f12a";
}
.ion-close-circled:before {
  content: "\f128";
}
.ion-close-round:before {
  content: "\f129";
}
.ion-closed-captioning:before {
  content: "\f317";
}
.ion-cloud:before {
  content: "\f12b";
}
.ion-code:before {
  content: "\f271";
}
.ion-code-download:before {
  content: "\f26f";
}
.ion-code-working:before {
  content: "\f270";
}
.ion-coffee:before {
  content: "\f272";
}
.ion-compass:before {
  content: "\f273";
}
.ion-compose:before {
  content: "\f12c";
}
.ion-connection-bars:before {
  content: "\f274";
}
.ion-contrast:before {
  content: "\f275";
}
.ion-crop:before {
  content: "\f3c1";
}
.ion-cube:before {
  content: "\f318";
}
.ion-disc:before {
  content: "\f12d";
}
.ion-document:before {
  content: "\f12f";
}
.ion-document-text:before {
  content: "\f12e";
}
.ion-drag:before {
  content: "\f130";
}
.ion-earth:before {
  content: "\f276";
}
.ion-easel:before {
  content: "\f3c2";
}
.ion-edit:before {
  content: "\f2bf";
}
.ion-egg:before {
  content: "\f277";
}
.ion-eject:before {
  content: "\f131";
}
.ion-email:before {
  content: "\f132";
}
.ion-email-unread:before {
  content: "\f3c3";
}
.ion-erlenmeyer-flask:before {
  content: "\f3c5";
}
.ion-erlenmeyer-flask-bubbles:before {
  content: "\f3c4";
}
.ion-eye:before {
  content: "\f133";
}
.ion-eye-disabled:before {
  content: "\f306";
}
.ion-female:before {
  content: "\f278";
}
.ion-filing:before {
  content: "\f134";
}
.ion-film-marker:before {
  content: "\f135";
}
.ion-fireball:before {
  content: "\f319";
}
.ion-flag:before {
  content: "\f279";
}
.ion-flame:before {
  content: "\f31a";
}
.ion-flash:before {
  content: "\f137";
}
.ion-flash-off:before {
  content: "\f136";
}
.ion-folder:before {
  content: "\f139";
}
.ion-fork:before {
  content: "\f27a";
}
.ion-fork-repo:before {
  content: "\f2c0";
}
.ion-forward:before {
  content: "\f13a";
}
.ion-funnel:before {
  content: "\f31b";
}
.ion-gear-a:before {
  content: "\f13d";
}
.ion-gear-b:before {
  content: "\f13e";
}
.ion-grid:before {
  content: "\f13f";
}
.ion-hammer:before {
  content: "\f27b";
}
.ion-happy:before {
  content: "\f31c";
}
.ion-happy-outline:before {
  content: "\f3c6";
}
.ion-headphone:before {
  content: "\f140";
}
.ion-heart:before {
  content: "\f141";
}
.ion-heart-broken:before {
  content: "\f31d";
}
.ion-help:before {
  content: "\f143";
}
.ion-help-buoy:before {
  content: "\f27c";
}
.ion-help-circled:before {
  content: "\f142";
}
.ion-home:before {
  content: "\f144";
}
.ion-icecream:before {
  content: "\f27d";
}
.ion-image:before {
  content: "\f147";
}
.ion-images:before {
  content: "\f148";
}
.ion-information:before {
  content: "\f14a";
}
.ion-information-circled:before {
  content: "\f149";
}
.ion-ionic:before {
  content: "\f14b";
}
.ion-ios-alarm:before {
  content: "\f3c8";
}
.ion-ios-alarm-outline:before {
  content: "\f3c7";
}
.ion-ios-albums:before {
  content: "\f3ca";
}
.ion-ios-albums-outline:before {
  content: "\f3c9";
}
.ion-ios-americanfootball:before {
  content: "\f3cc";
}
.ion-ios-americanfootball-outline:before {
  content: "\f3cb";
}
.ion-ios-analytics:before {
  content: "\f3ce";
}
.ion-ios-analytics-outline:before {
  content: "\f3cd";
}
.ion-ios-arrow-back:before {
  content: "\f3cf";
}
.ion-ios-arrow-down:before {
  content: "\f3d0";
}
.ion-ios-arrow-forward:before {
  content: "\f3d1";
}
.ion-ios-arrow-left:before {
  content: "\f3d2";
}
.ion-ios-arrow-right:before {
  content: "\f3d3";
}
.ion-ios-arrow-thin-down:before {
  content: "\f3d4";
}
.ion-ios-arrow-thin-left:before {
  content: "\f3d5";
}
.ion-ios-arrow-thin-right:before {
  content: "\f3d6";
}
.ion-ios-arrow-thin-up:before {
  content: "\f3d7";
}
.ion-ios-arrow-up:before {
  content: "\f3d8";
}
.ion-ios-at:before {
  content: "\f3da";
}
.ion-ios-at-outline:before {
  content: "\f3d9";
}
.ion-ios-barcode:before {
  content: "\f3dc";
}
.ion-ios-barcode-outline:before {
  content: "\f3db";
}
.ion-ios-baseball:before {
  content: "\f3de";
}
.ion-ios-baseball-outline:before {
  content: "\f3dd";
}
.ion-ios-basketball:before {
  content: "\f3e0";
}
.ion-ios-basketball-outline:before {
  content: "\f3df";
}
.ion-ios-bell:before {
  content: "\f3e2";
}
.ion-ios-bell-outline:before {
  content: "\f3e1";
}
.ion-ios-body:before {
  content: "\f3e4";
}
.ion-ios-body-outline:before {
  content: "\f3e3";
}
.ion-ios-bolt:before {
  content: "\f3e6";
}
.ion-ios-bolt-outline:before {
  content: "\f3e5";
}
.ion-ios-book:before {
  content: "\f3e8";
}
.ion-ios-book-outline:before {
  content: "\f3e7";
}
.ion-ios-bookmarks:before {
  content: "\f3ea";
}
.ion-ios-bookmarks-outline:before {
  content: "\f3e9";
}
.ion-ios-box:before {
  content: "\f3ec";
}
.ion-ios-box-outline:before {
  content: "\f3eb";
}
.ion-ios-briefcase:before {
  content: "\f3ee";
}
.ion-ios-briefcase-outline:before {
  content: "\f3ed";
}
.ion-ios-browsers:before {
  content: "\f3f0";
}
.ion-ios-browsers-outline:before {
  content: "\f3ef";
}
.ion-ios-calculator:before {
  content: "\f3f2";
}
.ion-ios-calculator-outline:before {
  content: "\f3f1";
}
.ion-ios-calendar:before {
  content: "\f3f4";
}
.ion-ios-calendar-outline:before {
  content: "\f3f3";
}
.ion-ios-camera:before {
  content: "\f3f6";
}
.ion-ios-camera-outline:before {
  content: "\f3f5";
}
.ion-ios-cart:before {
  content: "\f3f8";
}
.ion-ios-cart-outline:before {
  content: "\f3f7";
}
.ion-ios-chatboxes:before {
  content: "\f3fa";
}
.ion-ios-chatboxes-outline:before {
  content: "\f3f9";
}
.ion-ios-chatbubble:before {
  content: "\f3fc";
}
.ion-ios-chatbubble-outline:before {
  content: "\f3fb";
}
.ion-ios-checkmark:before {
  content: "\f3ff";
}
.ion-ios-checkmark-empty:before {
  content: "\f3fd";
}
.ion-ios-checkmark-outline:before {
  content: "\f3fe";
}
.ion-ios-circle-filled:before {
  content: "\f400";
}
.ion-ios-circle-outline:before {
  content: "\f401";
}
.ion-ios-clock:before {
  content: "\f403";
}
.ion-ios-clock-outline:before {
  content: "\f402";
}
.ion-ios-close:before {
  content: "\f406";
}
.ion-ios-close-empty:before {
  content: "\f404";
}
.ion-ios-close-outline:before {
  content: "\f405";
}
.ion-ios-cloud:before {
  content: "\f40c";
}
.ion-ios-cloud-download:before {
  content: "\f408";
}
.ion-ios-cloud-download-outline:before {
  content: "\f407";
}
.ion-ios-cloud-outline:before {
  content: "\f409";
}
.ion-ios-cloud-upload:before {
  content: "\f40b";
}
.ion-ios-cloud-upload-outline:before {
  content: "\f40a";
}
.ion-ios-cloudy:before {
  content: "\f410";
}
.ion-ios-cloudy-night:before {
  content: "\f40e";
}
.ion-ios-cloudy-night-outline:before {
  content: "\f40d";
}
.ion-ios-cloudy-outline:before {
  content: "\f40f";
}
.ion-ios-cog:before {
  content: "\f412";
}
.ion-ios-cog-outline:before {
  content: "\f411";
}
.ion-ios-color-filter:before {
  content: "\f414";
}
.ion-ios-color-filter-outline:before {
  content: "\f413";
}
.ion-ios-color-wand:before {
  content: "\f416";
}
.ion-ios-color-wand-outline:before {
  content: "\f415";
}
.ion-ios-compose:before {
  content: "\f418";
}
.ion-ios-compose-outline:before {
  content: "\f417";
}
.ion-ios-contact:before {
  content: "\f41a";
}
.ion-ios-contact-outline:before {
  content: "\f419";
}
.ion-ios-copy:before {
  content: "\f41c";
}
.ion-ios-copy-outline:before {
  content: "\f41b";
}
.ion-ios-crop:before {
  content: "\f41e";
}
.ion-ios-crop-strong:before {
  content: "\f41d";
}
.ion-ios-download:before {
  content: "\f420";
}
.ion-ios-download-outline:before {
  content: "\f41f";
}
.ion-ios-drag:before {
  content: "\f421";
}
.ion-ios-email:before {
  content: "\f423";
}
.ion-ios-email-outline:before {
  content: "\f422";
}
.ion-ios-eye:before {
  content: "\f425";
}
.ion-ios-eye-outline:before {
  content: "\f424";
}
.ion-ios-fastforward:before {
  content: "\f427";
}
.ion-ios-fastforward-outline:before {
  content: "\f426";
}
.ion-ios-filing:before {
  content: "\f429";
}
.ion-ios-filing-outline:before {
  content: "\f428";
}
.ion-ios-film:before {
  content: "\f42b";
}
.ion-ios-film-outline:before {
  content: "\f42a";
}
.ion-ios-flag:before {
  content: "\f42d";
}
.ion-ios-flag-outline:before {
  content: "\f42c";
}
.ion-ios-flame:before {
  content: "\f42f";
}
.ion-ios-flame-outline:before {
  content: "\f42e";
}
.ion-ios-flask:before {
  content: "\f431";
}
.ion-ios-flask-outline:before {
  content: "\f430";
}
.ion-ios-flower:before {
  content: "\f433";
}
.ion-ios-flower-outline:before {
  content: "\f432";
}
.ion-ios-folder:before {
  content: "\f435";
}
.ion-ios-folder-outline:before {
  content: "\f434";
}
.ion-ios-football:before {
  content: "\f437";
}
.ion-ios-football-outline:before {
  content: "\f436";
}
.ion-ios-game-controller-a:before {
  content: "\f439";
}
.ion-ios-game-controller-a-outline:before {
  content: "\f438";
}
.ion-ios-game-controller-b:before {
  content: "\f43b";
}
.ion-ios-game-controller-b-outline:before {
  content: "\f43a";
}
.ion-ios-gear:before {
  content: "\f43d";
}
.ion-ios-gear-outline:before {
  content: "\f43c";
}
.ion-ios-glasses:before {
  content: "\f43f";
}
.ion-ios-glasses-outline:before {
  content: "\f43e";
}
.ion-ios-grid-view:before {
  content: "\f441";
}
.ion-ios-grid-view-outline:before {
  content: "\f440";
}
.ion-ios-heart:before {
  content: "\f443";
}
.ion-ios-heart-outline:before {
  content: "\f442";
}
.ion-ios-help:before {
  content: "\f446";
}
.ion-ios-help-empty:before {
  content: "\f444";
}
.ion-ios-help-outline:before {
  content: "\f445";
}
.ion-ios-home:before {
  content: "\f448";
}
.ion-ios-home-outline:before {
  content: "\f447";
}
.ion-ios-infinite:before {
  content: "\f44a";
}
.ion-ios-infinite-outline:before {
  content: "\f449";
}
.ion-ios-information:before {
  content: "\f44d";
}
.ion-ios-information-empty:before {
  content: "\f44b";
}
.ion-ios-information-outline:before {
  content: "\f44c";
}
.ion-ios-ionic-outline:before {
  content: "\f44e";
}
.ion-ios-keypad:before {
  content: "\f450";
}
.ion-ios-keypad-outline:before {
  content: "\f44f";
}
.ion-ios-lightbulb:before {
  content: "\f452";
}
.ion-ios-lightbulb-outline:before {
  content: "\f451";
}
.ion-ios-list:before {
  content: "\f454";
}
.ion-ios-list-outline:before {
  content: "\f453";
}
.ion-ios-location:before {
  content: "\f456";
}
.ion-ios-location-outline:before {
  content: "\f455";
}
.ion-ios-locked:before {
  content: "\f458";
}
.ion-ios-locked-outline:before {
  content: "\f457";
}
.ion-ios-loop:before {
  content: "\f45a";
}
.ion-ios-loop-strong:before {
  content: "\f459";
}
.ion-ios-medical:before {
  content: "\f45c";
}
.ion-ios-medical-outline:before {
  content: "\f45b";
}
.ion-ios-medkit:before {
  content: "\f45e";
}
.ion-ios-medkit-outline:before {
  content: "\f45d";
}
.ion-ios-mic:before {
  content: "\f461";
}
.ion-ios-mic-off:before {
  content: "\f45f";
}
.ion-ios-mic-outline:before {
  content: "\f460";
}
.ion-ios-minus:before {
  content: "\f464";
}
.ion-ios-minus-empty:before {
  content: "\f462";
}
.ion-ios-minus-outline:before {
  content: "\f463";
}
.ion-ios-monitor:before {
  content: "\f466";
}
.ion-ios-monitor-outline:before {
  content: "\f465";
}
.ion-ios-moon:before {
  content: "\f468";
}
.ion-ios-moon-outline:before {
  content: "\f467";
}
.ion-ios-more:before {
  content: "\f46a";
}
.ion-ios-more-outline:before {
  content: "\f469";
}
.ion-ios-musical-note:before {
  content: "\f46b";
}
.ion-ios-musical-notes:before {
  content: "\f46c";
}
.ion-ios-navigate:before {
  content: "\f46e";
}
.ion-ios-navigate-outline:before {
  content: "\f46d";
}
.ion-ios-nutrition:before {
  content: "\f470";
}
.ion-ios-nutrition-outline:before {
  content: "\f46f";
}
.ion-ios-paper:before {
  content: "\f472";
}
.ion-ios-paper-outline:before {
  content: "\f471";
}
.ion-ios-paperplane:before {
  content: "\f474";
}
.ion-ios-paperplane-outline:before {
  content: "\f473";
}
.ion-ios-partlysunny:before {
  content: "\f476";
}
.ion-ios-partlysunny-outline:before {
  content: "\f475";
}
.ion-ios-pause:before {
  content: "\f478";
}
.ion-ios-pause-outline:before {
  content: "\f477";
}
.ion-ios-paw:before {
  content: "\f47a";
}
.ion-ios-paw-outline:before {
  content: "\f479";
}
.ion-ios-people:before {
  content: "\f47c";
}
.ion-ios-people-outline:before {
  content: "\f47b";
}
.ion-ios-person:before {
  content: "\f47e";
}
.ion-ios-person-outline:before {
  content: "\f47d";
}
.ion-ios-personadd:before {
  content: "\f480";
}
.ion-ios-personadd-outline:before {
  content: "\f47f";
}
.ion-ios-photos:before {
  content: "\f482";
}
.ion-ios-photos-outline:before {
  content: "\f481";
}
.ion-ios-pie:before {
  content: "\f484";
}
.ion-ios-pie-outline:before {
  content: "\f483";
}
.ion-ios-pint:before {
  content: "\f486";
}
.ion-ios-pint-outline:before {
  content: "\f485";
}
.ion-ios-play:before {
  content: "\f488";
}
.ion-ios-play-outline:before {
  content: "\f487";
}
.ion-ios-plus:before {
  content: "\f48b";
}
.ion-ios-plus-empty:before {
  content: "\f489";
}
.ion-ios-plus-outline:before {
  content: "\f48a";
}
.ion-ios-pricetag:before {
  content: "\f48d";
}
.ion-ios-pricetag-outline:before {
  content: "\f48c";
}
.ion-ios-pricetags:before {
  content: "\f48f";
}
.ion-ios-pricetags-outline:before {
  content: "\f48e";
}
.ion-ios-printer:before {
  content: "\f491";
}
.ion-ios-printer-outline:before {
  content: "\f490";
}
.ion-ios-pulse:before {
  content: "\f493";
}
.ion-ios-pulse-strong:before {
  content: "\f492";
}
.ion-ios-rainy:before {
  content: "\f495";
}
.ion-ios-rainy-outline:before {
  content: "\f494";
}
.ion-ios-recording:before {
  content: "\f497";
}
.ion-ios-recording-outline:before {
  content: "\f496";
}
.ion-ios-redo:before {
  content: "\f499";
}
.ion-ios-redo-outline:before {
  content: "\f498";
}
.ion-ios-refresh:before {
  content: "\f49c";
}
.ion-ios-refresh-empty:before {
  content: "\f49a";
}
.ion-ios-refresh-outline:before {
  content: "\f49b";
}
.ion-ios-reload:before {
  content: "\f49d";
}
.ion-ios-reverse-camera:before {
  content: "\f49f";
}
.ion-ios-reverse-camera-outline:before {
  content: "\f49e";
}
.ion-ios-rewind:before {
  content: "\f4a1";
}
.ion-ios-rewind-outline:before {
  content: "\f4a0";
}
.ion-ios-rose:before {
  content: "\f4a3";
}
.ion-ios-rose-outline:before {
  content: "\f4a2";
}
.ion-ios-search:before {
  content: "\f4a5";
}
.ion-ios-search-strong:before {
  content: "\f4a4";
}
.ion-ios-settings:before {
  content: "\f4a7";
}
.ion-ios-settings-strong:before {
  content: "\f4a6";
}
.ion-ios-shuffle:before {
  content: "\f4a9";
}
.ion-ios-shuffle-strong:before {
  content: "\f4a8";
}
.ion-ios-skipbackward:before {
  content: "\f4ab";
}
.ion-ios-skipbackward-outline:before {
  content: "\f4aa";
}
.ion-ios-skipforward:before {
  content: "\f4ad";
}
.ion-ios-skipforward-outline:before {
  content: "\f4ac";
}
.ion-ios-snowy:before {
  content: "\f4ae";
}
.ion-ios-speedometer:before {
  content: "\f4b0";
}
.ion-ios-speedometer-outline:before {
  content: "\f4af";
}
.ion-ios-star:before {
  content: "\f4b3";
}
.ion-ios-star-half:before {
  content: "\f4b1";
}
.ion-ios-star-outline:before {
  content: "\f4b2";
}
.ion-ios-stopwatch:before {
  content: "\f4b5";
}
.ion-ios-stopwatch-outline:before {
  content: "\f4b4";
}
.ion-ios-sunny:before {
  content: "\f4b7";
}
.ion-ios-sunny-outline:before {
  content: "\f4b6";
}
.ion-ios-telephone:before {
  content: "\f4b9";
}
.ion-ios-telephone-outline:before {
  content: "\f4b8";
}
.ion-ios-tennisball:before {
  content: "\f4bb";
}
.ion-ios-tennisball-outline:before {
  content: "\f4ba";
}
.ion-ios-thunderstorm:before {
  content: "\f4bd";
}
.ion-ios-thunderstorm-outline:before {
  content: "\f4bc";
}
.ion-ios-time:before {
  content: "\f4bf";
}
.ion-ios-time-outline:before {
  content: "\f4be";
}
.ion-ios-timer:before {
  content: "\f4c1";
}
.ion-ios-timer-outline:before {
  content: "\f4c0";
}
.ion-ios-toggle:before {
  content: "\f4c3";
}
.ion-ios-toggle-outline:before {
  content: "\f4c2";
}
.ion-ios-trash:before {
  content: "\f4c5";
}
.ion-ios-trash-outline:before {
  content: "\f4c4";
}
.ion-ios-undo:before {
  content: "\f4c7";
}
.ion-ios-undo-outline:before {
  content: "\f4c6";
}
.ion-ios-unlocked:before {
  content: "\f4c9";
}
.ion-ios-unlocked-outline:before {
  content: "\f4c8";
}
.ion-ios-upload:before {
  content: "\f4cb";
}
.ion-ios-upload-outline:before {
  content: "\f4ca";
}
.ion-ios-videocam:before {
  content: "\f4cd";
}
.ion-ios-videocam-outline:before {
  content: "\f4cc";
}
.ion-ios-volume-high:before {
  content: "\f4ce";
}
.ion-ios-volume-low:before {
  content: "\f4cf";
}
.ion-ios-wineglass:before {
  content: "\f4d1";
}
.ion-ios-wineglass-outline:before {
  content: "\f4d0";
}
.ion-ios-world:before {
  content: "\f4d3";
}
.ion-ios-world-outline:before {
  content: "\f4d2";
}
.ion-ipad:before {
  content: "\f1f9";
}
.ion-iphone:before {
  content: "\f1fa";
}
.ion-ipod:before {
  content: "\f1fb";
}
.ion-jet:before {
  content: "\f295";
}
.ion-key:before {
  content: "\f296";
}
.ion-knife:before {
  content: "\f297";
}
.ion-laptop:before {
  content: "\f1fc";
}
.ion-leaf:before {
  content: "\f1fd";
}
.ion-levels:before {
  content: "\f298";
}
.ion-lightbulb:before {
  content: "\f299";
}
.ion-link:before {
  content: "\f1fe";
}
.ion-load-a:before {
  content: "\f29a";
}
.ion-load-b:before {
  content: "\f29b";
}
.ion-load-c:before {
  content: "\f29c";
}
.ion-load-d:before {
  content: "\f29d";
}
.ion-location:before {
  content: "\f1ff";
}
.ion-lock-combination:before {
  content: "\f4d4";
}
.ion-locked:before {
  content: "\f200";
}
.ion-log-in:before {
  content: "\f29e";
}
.ion-log-out:before {
  content: "\f29f";
}
.ion-loop:before {
  content: "\f201";
}
.ion-magnet:before {
  content: "\f2a0";
}
.ion-male:before {
  content: "\f2a1";
}
.ion-man:before {
  content: "\f202";
}
.ion-map:before {
  content: "\f203";
}
.ion-medkit:before {
  content: "\f2a2";
}
.ion-merge:before {
  content: "\f33f";
}
.ion-mic-a:before {
  content: "\f204";
}
.ion-mic-b:before {
  content: "\f205";
}
.ion-mic-c:before {
  content: "\f206";
}
.ion-minus:before {
  content: "\f209";
}
.ion-minus-circled:before {
  content: "\f207";
}
.ion-minus-round:before {
  content: "\f208";
}
.ion-model-s:before {
  content: "\f2c1";
}
.ion-monitor:before {
  content: "\f20a";
}
.ion-more:before {
  content: "\f20b";
}
.ion-mouse:before {
  content: "\f340";
}
.ion-music-note:before {
  content: "\f20c";
}
.ion-navicon:before {
  content: "\f20e";
}
.ion-navicon-round:before {
  content: "\f20d";
}
.ion-navigate:before {
  content: "\f2a3";
}
.ion-network:before {
  content: "\f341";
}
.ion-no-smoking:before {
  content: "\f2c2";
}
.ion-nuclear:before {
  content: "\f2a4";
}
.ion-outlet:before {
  content: "\f342";
}
.ion-paintbrush:before {
  content: "\f4d5";
}
.ion-paintbucket:before {
  content: "\f4d6";
}
.ion-paper-airplane:before {
  content: "\f2c3";
}
.ion-paperclip:before {
  content: "\f20f";
}
.ion-pause:before {
  content: "\f210";
}
.ion-person:before {
  content: "\f213";
}
.ion-person-add:before {
  content: "\f211";
}
.ion-person-stalker:before {
  content: "\f212";
}
.ion-pie-graph:before {
  content: "\f2a5";
}
.ion-pin:before {
  content: "\f2a6";
}
.ion-pinpoint:before {
  content: "\f2a7";
}
.ion-pizza:before {
  content: "\f2a8";
}
.ion-plane:before {
  content: "\f214";
}
.ion-planet:before {
  content: "\f343";
}
.ion-play:before {
  content: "\f215";
}
.ion-playstation:before {
  content: "\f30a";
}
.ion-plus:before {
  content: "\f218";
}
.ion-plus-circled:before {
  content: "\f216";
}
.ion-plus-round:before {
  content: "\f217";
}
.ion-podium:before {
  content: "\f344";
}
.ion-pound:before {
  content: "\f219";
}
.ion-power:before {
  content: "\f2a9";
}
.ion-pricetag:before {
  content: "\f2aa";
}
.ion-pricetags:before {
  content: "\f2ab";
}
.ion-printer:before {
  content: "\f21a";
}
.ion-pull-request:before {
  content: "\f345";
}
.ion-qr-scanner:before {
  content: "\f346";
}
.ion-quote:before {
  content: "\f347";
}
.ion-radio-waves:before {
  content: "\f2ac";
}
.ion-record:before {
  content: "\f21b";
}
.ion-refresh:before {
  content: "\f21c";
}
.ion-reply:before {
  content: "\f21e";
}
.ion-reply-all:before {
  content: "\f21d";
}
.ion-ribbon-a:before {
  content: "\f348";
}
.ion-ribbon-b:before {
  content: "\f349";
}
.ion-sad:before {
  content: "\f34a";
}
.ion-sad-outline:before {
  content: "\f4d7";
}
.ion-scissors:before {
  content: "\f34b";
}
.ion-search:before {
  content: "\f21f";
}
.ion-settings:before {
  content: "\f2ad";
}
.ion-share:before {
  content: "\f220";
}
.ion-shuffle:before {
  content: "\f221";
}
.ion-skip-backward:before {
  content: "\f222";
}
.ion-skip-forward:before {
  content: "\f223";
}
.ion-social-android:before {
  content: "\f225";
}
.ion-social-android-outline:before {
  content: "\f224";
}
.ion-social-angular:before {
  content: "\f4d9";
}
.ion-social-angular-outline:before {
  content: "\f4d8";
}
.ion-social-apple:before {
  content: "\f227";
}
.ion-social-apple-outline:before {
  content: "\f226";
}
.ion-social-bitcoin:before {
  content: "\f2af";
}
.ion-social-bitcoin-outline:before {
  content: "\f2ae";
}
.ion-social-buffer:before {
  content: "\f229";
}
.ion-social-buffer-outline:before {
  content: "\f228";
}
.ion-social-chrome:before {
  content: "\f4db";
}
.ion-social-chrome-outline:before {
  content: "\f4da";
}
.ion-social-codepen:before {
  content: "\f4dd";
}
.ion-social-codepen-outline:before {
  content: "\f4dc";
}
.ion-social-css3:before {
  content: "\f4df";
}
.ion-social-css3-outline:before {
  content: "\f4de";
}
.ion-social-designernews:before {
  content: "\f22b";
}
.ion-social-designernews-outline:before {
  content: "\f22a";
}
.ion-social-dribbble:before {
  content: "\f22d";
}
.ion-social-dribbble-outline:before {
  content: "\f22c";
}
.ion-social-dropbox:before {
  content: "\f22f";
}
.ion-social-dropbox-outline:before {
  content: "\f22e";
}
.ion-social-euro:before {
  content: "\f4e1";
}
.ion-social-euro-outline:before {
  content: "\f4e0";
}
.ion-social-facebook:before {
  content: "\f231";
}
.ion-social-facebook-outline:before {
  content: "\f230";
}
.ion-social-foursquare:before {
  content: "\f34d";
}
.ion-social-foursquare-outline:before {
  content: "\f34c";
}
.ion-social-freebsd-devil:before {
  content: "\f2c4";
}
.ion-social-github:before {
  content: "\f233";
}
.ion-social-github-outline:before {
  content: "\f232";
}
.ion-social-google:before {
  content: "\f34f";
}
.ion-social-google-outline:before {
  content: "\f34e";
}
.ion-social-googleplus:before {
  content: "\f235";
}
.ion-social-googleplus-outline:before {
  content: "\f234";
}
.ion-social-hackernews:before {
  content: "\f237";
}
.ion-social-hackernews-outline:before {
  content: "\f236";
}
.ion-social-html5:before {
  content: "\f4e3";
}
.ion-social-html5-outline:before {
  content: "\f4e2";
}
.ion-social-instagram:before {
  content: "\f351";
}
.ion-social-instagram-outline:before {
  content: "\f350";
}
.ion-social-javascript:before {
  content: "\f4e5";
}
.ion-social-javascript-outline:before {
  content: "\f4e4";
}
.ion-social-linkedin:before {
  content: "\f239";
}
.ion-social-linkedin-outline:before {
  content: "\f238";
}
.ion-social-markdown:before {
  content: "\f4e6";
}
.ion-social-nodejs:before {
  content: "\f4e7";
}
.ion-social-octocat:before {
  content: "\f4e8";
}
.ion-social-pinterest:before {
  content: "\f2b1";
}
.ion-social-pinterest-outline:before {
  content: "\f2b0";
}
.ion-social-python:before {
  content: "\f4e9";
}
.ion-social-reddit:before {
  content: "\f23b";
}
.ion-social-reddit-outline:before {
  content: "\f23a";
}
.ion-social-rss:before {
  content: "\f23d";
}
.ion-social-rss-outline:before {
  content: "\f23c";
}
.ion-social-sass:before {
  content: "\f4ea";
}
.ion-social-skype:before {
  content: "\f23f";
}
.ion-social-skype-outline:before {
  content: "\f23e";
}
.ion-social-snapchat:before {
  content: "\f4ec";
}
.ion-social-snapchat-outline:before {
  content: "\f4eb";
}
.ion-social-tumblr:before {
  content: "\f241";
}
.ion-social-tumblr-outline:before {
  content: "\f240";
}
.ion-social-tux:before {
  content: "\f2c5";
}
.ion-social-twitch:before {
  content: "\f4ee";
}
.ion-social-twitch-outline:before {
  content: "\f4ed";
}
.ion-social-twitter:before {
  content: "\f243";
}
.ion-social-twitter-outline:before {
  content: "\f242";
}
.ion-social-usd:before {
  content: "\f353";
}
.ion-social-usd-outline:before {
  content: "\f352";
}
.ion-social-vimeo:before {
  content: "\f245";
}
.ion-social-vimeo-outline:before {
  content: "\f244";
}
.ion-social-whatsapp:before {
  content: "\f4f0";
}
.ion-social-whatsapp-outline:before {
  content: "\f4ef";
}
.ion-social-windows:before {
  content: "\f247";
}
.ion-social-windows-outline:before {
  content: "\f246";
}
.ion-social-wordpress:before {
  content: "\f249";
}
.ion-social-wordpress-outline:before {
  content: "\f248";
}
.ion-social-yahoo:before {
  content: "\f24b";
}
.ion-social-yahoo-outline:before {
  content: "\f24a";
}
.ion-social-yen:before {
  content: "\f4f2";
}
.ion-social-yen-outline:before {
  content: "\f4f1";
}
.ion-social-youtube:before {
  content: "\f24d";
}
.ion-social-youtube-outline:before {
  content: "\f24c";
}
.ion-soup-can:before {
  content: "\f4f4";
}
.ion-soup-can-outline:before {
  content: "\f4f3";
}
.ion-speakerphone:before {
  content: "\f2b2";
}
.ion-speedometer:before {
  content: "\f2b3";
}
.ion-spoon:before {
  content: "\f2b4";
}
.ion-star:before {
  content: "\f24e";
}
.ion-stats-bars:before {
  content: "\f2b5";
}
.ion-steam:before {
  content: "\f30b";
}
.ion-stop:before {
  content: "\f24f";
}
.ion-thermometer:before {
  content: "\f2b6";
}
.ion-thumbsdown:before {
  content: "\f250";
}
.ion-thumbsup:before {
  content: "\f251";
}
.ion-toggle:before {
  content: "\f355";
}
.ion-toggle-filled:before {
  content: "\f354";
}
.ion-transgender:before {
  content: "\f4f5";
}
.ion-trash-a:before {
  content: "\f252";
}
.ion-trash-b:before {
  content: "\f253";
}
.ion-trophy:before {
  content: "\f356";
}
.ion-tshirt:before {
  content: "\f4f7";
}
.ion-tshirt-outline:before {
  content: "\f4f6";
}
.ion-umbrella:before {
  content: "\f2b7";
}
.ion-university:before {
  content: "\f357";
}
.ion-unlocked:before {
  content: "\f254";
}
.ion-upload:before {
  content: "\f255";
}
.ion-usb:before {
  content: "\f2b8";
}
.ion-videocamera:before {
  content: "\f256";
}
.ion-volume-high:before {
  content: "\f257";
}
.ion-volume-low:before {
  content: "\f258";
}
.ion-volume-medium:before {
  content: "\f259";
}
.ion-volume-mute:before {
  content: "\f25a";
}
.ion-wand:before {
  content: "\f358";
}
.ion-waterdrop:before {
  content: "\f25b";
}
.ion-wifi:before {
  content: "\f25c";
}
.ion-wineglass:before {
  content: "\f2b9";
}
.ion-woman:before {
  content: "\f25d";
}
.ion-wrench:before {
  content: "\f2ba";
}
.ion-xbox:before {
  content: "\f30c";
}
@font-face {
  font-family: 'Pe-icon-7-stroke';
  src: url('../fonts/Pe-icon-7-stroke.eot?d7yf1v');
  src: url('../fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'), url('../fonts/Pe-icon-7-stroke.woff?d7yf1v') format('woff'), url('../fonts/Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'), url('../fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="pe-7s-"],
[class*=" pe-7s-"] {
  display: inline-block;
  font-family: 'Pe-icon-7-stroke';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pe-7s-album:before {
  content: "\e6aa";
}
.pe-7s-arc:before {
  content: "\e6ab";
}
.pe-7s-back-2:before {
  content: "\e6ac";
}
.pe-7s-bandaid:before {
  content: "\e6ad";
}
.pe-7s-car:before {
  content: "\e6ae";
}
.pe-7s-diamond:before {
  content: "\e6af";
}
.pe-7s-door-lock:before {
  content: "\e6b0";
}
.pe-7s-eyedropper:before {
  content: "\e6b1";
}
.pe-7s-female:before {
  content: "\e6b2";
}
.pe-7s-gym:before {
  content: "\e6b3";
}
.pe-7s-hammer:before {
  content: "\e6b4";
}
.pe-7s-headphones:before {
  content: "\e6b5";
}
.pe-7s-helm:before {
  content: "\e6b6";
}
.pe-7s-hourglass:before {
  content: "\e6b7";
}
.pe-7s-leaf:before {
  content: "\e6b8";
}
.pe-7s-magic-wand:before {
  content: "\e6b9";
}
.pe-7s-male:before {
  content: "\e6ba";
}
.pe-7s-map-2:before {
  content: "\e6bb";
}
.pe-7s-next-2:before {
  content: "\e6bc";
}
.pe-7s-paint-bucket:before {
  content: "\e6bd";
}
.pe-7s-pendrive:before {
  content: "\e6be";
}
.pe-7s-photo:before {
  content: "\e6bf";
}
.pe-7s-piggy:before {
  content: "\e6c0";
}
.pe-7s-plugin:before {
  content: "\e6c1";
}
.pe-7s-refresh-2:before {
  content: "\e6c2";
}
.pe-7s-rocket:before {
  content: "\e6c3";
}
.pe-7s-settings:before {
  content: "\e6c4";
}
.pe-7s-shield:before {
  content: "\e6c5";
}
.pe-7s-smile:before {
  content: "\e6c6";
}
.pe-7s-usb:before {
  content: "\e6c7";
}
.pe-7s-vector:before {
  content: "\e6c8";
}
.pe-7s-wine:before {
  content: "\e6c9";
}
.pe-7s-cloud-upload:before {
  content: "\e68a";
}
.pe-7s-cash:before {
  content: "\e68c";
}
.pe-7s-close:before {
  content: "\e680";
}
.pe-7s-bluetooth:before {
  content: "\e68d";
}
.pe-7s-cloud-download:before {
  content: "\e68b";
}
.pe-7s-way:before {
  content: "\e68e";
}
.pe-7s-close-circle:before {
  content: "\e681";
}
.pe-7s-id:before {
  content: "\e68f";
}
.pe-7s-angle-up:before {
  content: "\e682";
}
.pe-7s-wristwatch:before {
  content: "\e690";
}
.pe-7s-angle-up-circle:before {
  content: "\e683";
}
.pe-7s-world:before {
  content: "\e691";
}
.pe-7s-angle-right:before {
  content: "\e684";
}
.pe-7s-volume:before {
  content: "\e692";
}
.pe-7s-angle-right-circle:before {
  content: "\e685";
}
.pe-7s-users:before {
  content: "\e693";
}
.pe-7s-angle-left:before {
  content: "\e686";
}
.pe-7s-user-female:before {
  content: "\e694";
}
.pe-7s-angle-left-circle:before {
  content: "\e687";
}
.pe-7s-up-arrow:before {
  content: "\e695";
}
.pe-7s-angle-down:before {
  content: "\e688";
}
.pe-7s-switch:before {
  content: "\e696";
}
.pe-7s-angle-down-circle:before {
  content: "\e689";
}
.pe-7s-scissors:before {
  content: "\e697";
}
.pe-7s-wallet:before {
  content: "\e600";
}
.pe-7s-safe:before {
  content: "\e698";
}
.pe-7s-volume2:before {
  content: "\e601";
}
.pe-7s-volume1:before {
  content: "\e602";
}
.pe-7s-voicemail:before {
  content: "\e603";
}
.pe-7s-video:before {
  content: "\e604";
}
.pe-7s-user:before {
  content: "\e605";
}
.pe-7s-upload:before {
  content: "\e606";
}
.pe-7s-unlock:before {
  content: "\e607";
}
.pe-7s-umbrella:before {
  content: "\e608";
}
.pe-7s-trash:before {
  content: "\e609";
}
.pe-7s-tools:before {
  content: "\e60a";
}
.pe-7s-timer:before {
  content: "\e60b";
}
.pe-7s-ticket:before {
  content: "\e60c";
}
.pe-7s-target:before {
  content: "\e60d";
}
.pe-7s-sun:before {
  content: "\e60e";
}
.pe-7s-study:before {
  content: "\e60f";
}
.pe-7s-stopwatch:before {
  content: "\e610";
}
.pe-7s-star:before {
  content: "\e611";
}
.pe-7s-speaker:before {
  content: "\e612";
}
.pe-7s-signal:before {
  content: "\e613";
}
.pe-7s-shuffle:before {
  content: "\e614";
}
.pe-7s-shopbag:before {
  content: "\e615";
}
.pe-7s-share:before {
  content: "\e616";
}
.pe-7s-server:before {
  content: "\e617";
}
.pe-7s-search:before {
  content: "\e618";
}
.pe-7s-film:before {
  content: "\e6a5";
}
.pe-7s-science:before {
  content: "\e619";
}
.pe-7s-disk:before {
  content: "\e6a6";
}
.pe-7s-ribbon:before {
  content: "\e61a";
}
.pe-7s-repeat:before {
  content: "\e61b";
}
.pe-7s-refresh:before {
  content: "\e61c";
}
.pe-7s-add-user:before {
  content: "\e6a9";
}
.pe-7s-refresh-cloud:before {
  content: "\e61d";
}
.pe-7s-paperclip:before {
  content: "\e69c";
}
.pe-7s-radio:before {
  content: "\e61e";
}
.pe-7s-note2:before {
  content: "\e69d";
}
.pe-7s-print:before {
  content: "\e61f";
}
.pe-7s-network:before {
  content: "\e69e";
}
.pe-7s-prev:before {
  content: "\e620";
}
.pe-7s-mute:before {
  content: "\e69f";
}
.pe-7s-power:before {
  content: "\e621";
}
.pe-7s-medal:before {
  content: "\e6a0";
}
.pe-7s-portfolio:before {
  content: "\e622";
}
.pe-7s-like2:before {
  content: "\e6a1";
}
.pe-7s-plus:before {
  content: "\e623";
}
.pe-7s-left-arrow:before {
  content: "\e6a2";
}
.pe-7s-play:before {
  content: "\e624";
}
.pe-7s-key:before {
  content: "\e6a3";
}
.pe-7s-plane:before {
  content: "\e625";
}
.pe-7s-joy:before {
  content: "\e6a4";
}
.pe-7s-photo-gallery:before {
  content: "\e626";
}
.pe-7s-pin:before {
  content: "\e69b";
}
.pe-7s-phone:before {
  content: "\e627";
}
.pe-7s-plug:before {
  content: "\e69a";
}
.pe-7s-pen:before {
  content: "\e628";
}
.pe-7s-right-arrow:before {
  content: "\e699";
}
.pe-7s-paper-plane:before {
  content: "\e629";
}
.pe-7s-delete-user:before {
  content: "\e6a7";
}
.pe-7s-paint:before {
  content: "\e62a";
}
.pe-7s-bottom-arrow:before {
  content: "\e6a8";
}
.pe-7s-notebook:before {
  content: "\e62b";
}
.pe-7s-note:before {
  content: "\e62c";
}
.pe-7s-next:before {
  content: "\e62d";
}
.pe-7s-news-paper:before {
  content: "\e62e";
}
.pe-7s-musiclist:before {
  content: "\e62f";
}
.pe-7s-music:before {
  content: "\e630";
}
.pe-7s-mouse:before {
  content: "\e631";
}
.pe-7s-more:before {
  content: "\e632";
}
.pe-7s-moon:before {
  content: "\e633";
}
.pe-7s-monitor:before {
  content: "\e634";
}
.pe-7s-micro:before {
  content: "\e635";
}
.pe-7s-menu:before {
  content: "\e636";
}
.pe-7s-map:before {
  content: "\e637";
}
.pe-7s-map-marker:before {
  content: "\e638";
}
.pe-7s-mail:before {
  content: "\e639";
}
.pe-7s-mail-open:before {
  content: "\e63a";
}
.pe-7s-mail-open-file:before {
  content: "\e63b";
}
.pe-7s-magnet:before {
  content: "\e63c";
}
.pe-7s-loop:before {
  content: "\e63d";
}
.pe-7s-look:before {
  content: "\e63e";
}
.pe-7s-lock:before {
  content: "\e63f";
}
.pe-7s-lintern:before {
  content: "\e640";
}
.pe-7s-link:before {
  content: "\e641";
}
.pe-7s-like:before {
  content: "\e642";
}
.pe-7s-light:before {
  content: "\e643";
}
.pe-7s-less:before {
  content: "\e644";
}
.pe-7s-keypad:before {
  content: "\e645";
}
.pe-7s-junk:before {
  content: "\e646";
}
.pe-7s-info:before {
  content: "\e647";
}
.pe-7s-home:before {
  content: "\e648";
}
.pe-7s-help2:before {
  content: "\e649";
}
.pe-7s-help1:before {
  content: "\e64a";
}
.pe-7s-graph3:before {
  content: "\e64b";
}
.pe-7s-graph2:before {
  content: "\e64c";
}
.pe-7s-graph1:before {
  content: "\e64d";
}
.pe-7s-graph:before {
  content: "\e64e";
}
.pe-7s-global:before {
  content: "\e64f";
}
.pe-7s-gleam:before {
  content: "\e650";
}
.pe-7s-glasses:before {
  content: "\e651";
}
.pe-7s-gift:before {
  content: "\e652";
}
.pe-7s-folder:before {
  content: "\e653";
}
.pe-7s-flag:before {
  content: "\e654";
}
.pe-7s-filter:before {
  content: "\e655";
}
.pe-7s-file:before {
  content: "\e656";
}
.pe-7s-expand1:before {
  content: "\e657";
}
.pe-7s-exapnd2:before {
  content: "\e658";
}
.pe-7s-edit:before {
  content: "\e659";
}
.pe-7s-drop:before {
  content: "\e65a";
}
.pe-7s-drawer:before {
  content: "\e65b";
}
.pe-7s-download:before {
  content: "\e65c";
}
.pe-7s-display2:before {
  content: "\e65d";
}
.pe-7s-display1:before {
  content: "\e65e";
}
.pe-7s-diskette:before {
  content: "\e65f";
}
.pe-7s-date:before {
  content: "\e660";
}
.pe-7s-cup:before {
  content: "\e661";
}
.pe-7s-culture:before {
  content: "\e662";
}
.pe-7s-crop:before {
  content: "\e663";
}
.pe-7s-credit:before {
  content: "\e664";
}
.pe-7s-copy-file:before {
  content: "\e665";
}
.pe-7s-config:before {
  content: "\e666";
}
.pe-7s-compass:before {
  content: "\e667";
}
.pe-7s-comment:before {
  content: "\e668";
}
.pe-7s-coffee:before {
  content: "\e669";
}
.pe-7s-cloud:before {
  content: "\e66a";
}
.pe-7s-clock:before {
  content: "\e66b";
}
.pe-7s-check:before {
  content: "\e66c";
}
.pe-7s-chat:before {
  content: "\e66d";
}
.pe-7s-cart:before {
  content: "\e66e";
}
.pe-7s-camera:before {
  content: "\e66f";
}
.pe-7s-call:before {
  content: "\e670";
}
.pe-7s-calculator:before {
  content: "\e671";
}
.pe-7s-browser:before {
  content: "\e672";
}
.pe-7s-box2:before {
  content: "\e673";
}
.pe-7s-box1:before {
  content: "\e674";
}
.pe-7s-bookmarks:before {
  content: "\e675";
}
.pe-7s-bicycle:before {
  content: "\e676";
}
.pe-7s-bell:before {
  content: "\e677";
}
.pe-7s-battery:before {
  content: "\e678";
}
.pe-7s-ball:before {
  content: "\e679";
}
.pe-7s-back:before {
  content: "\e67a";
}
.pe-7s-attention:before {
  content: "\e67b";
}
.pe-7s-anchor:before {
  content: "\e67c";
}
.pe-7s-albums:before {
  content: "\e67d";
}
.pe-7s-alarm:before {
  content: "\e67e";
}
.pe-7s-airplay:before {
  content: "\e67f";
}
@font-face {
  font-family: 'icon-toolbar';
  src: url('../fonts/icon-toolbar.eot?kouw65');
  src: url('../fonts/icon-toolbar.eot?kouw65#iefix') format('embedded-opentype'), url('../fonts/icon-toolbar.ttf?kouw65') format('truetype'), url('../fonts/icon-toolbar.woff?kouw65') format('woff'), url('../fonts/icon-toolbar.svg?kouw65#icon-toolbar') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icon-toolbar' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-picture:before {
  content: "\e900";
}
.icon-pen:before {
  content: "\e901";
}
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
/* No Js */
.no-js .owl-carousel {
  display: block;
}
/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}
div.tagsinput {
  border: 1px solid #CCC;
  background: #FFF;
  padding: 5px;
  width: 300px;
  height: 100px;
  overflow-y: auto;
}
div.tagsinput span.tag {
  border: 1px solid #a5d24a;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  display: block;
  float: left;
  padding: 5px;
  text-decoration: none;
  background: #cde69c;
  color: #638421;
  margin-right: 5px;
  margin-bottom: 5px;
  font-family: helvetica;
  font-size: 13px;
}
div.tagsinput span.tag a {
  font-weight: bold;
  color: #82ad2b;
  text-decoration: none;
  font-size: 11px;
}
div.tagsinput input {
  width: 80px;
  margin: 0px;
  font-family: helvetica;
  font-size: 13px;
  border: 1px solid transparent;
  padding: 5px;
  background: transparent;
  color: #000;
  outline: 0px;
  margin-right: 5px;
  margin-bottom: 5px;
}
div.tagsinput div {
  display: block;
  float: left;
}
.tags_clear {
  clear: both;
  width: 100%;
  height: 0px;
}
.not_valid {
  background: #FBD8DB !important;
  color: #90111A !important;
}
/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
}
.scroll-wrapper > .scroll-content {
  border: none !important;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.scroll-element {
  display: none;
}
.scroll-element,
.scroll-element div {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}
.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}
/*************** SIMPLE INNER SCROLLBAR ***************/
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}
.scrollbar-inner > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.scrollbar-inner > .scroll-element.scroll-x {
  bottom: 2px;
  height: 8px;
  left: 0;
  width: 100%;
}
.scrollbar-inner > .scroll-element.scroll-y {
  height: 100%;
  right: 2px;
  top: 0;
  width: 8px;
}
.scrollbar-inner > .scroll-element .scroll-element_outer {
  overflow: hidden;
}
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  border-radius: 8px;
}
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}
.scrollbar-inner > .scroll-element .scroll-element_track {
  background-color: #e0e0e0;
}
.scrollbar-inner > .scroll-element .scroll-bar {
  background-color: #c2c2c2;
}
.scrollbar-inner > .scroll-element:hover .scroll-bar {
  background-color: #919191;
}
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}
/* update scrollbar offset if both scrolls are visible */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -12px;
}
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -12px;
}
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -12px;
}
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -12px;
}
/*************** SIMPLE OUTER SCROLLBAR ***************/
.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}
.scrollbar-outer > .scroll-element {
  background-color: #ffffff;
}
.scrollbar-outer > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.scrollbar-outer > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  width: 100%;
}
.scrollbar-outer > .scroll-element.scroll-y {
  height: 100%;
  right: 0;
  top: 0;
  width: 12px;
}
.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
  height: 8px;
  top: 2px;
}
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  width: 8px;
}
.scrollbar-outer > .scroll-element .scroll-element_outer {
  overflow: hidden;
}
.scrollbar-outer > .scroll-element .scroll-element_track {
  background-color: #eeeeee;
}
.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
  border-radius: 8px;
}
.scrollbar-outer > .scroll-element .scroll-bar {
  background-color: #d9d9d9;
}
.scrollbar-outer > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2;
}
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}
/* scrollbar height/width & offset from container borders */
.scrollbar-outer > .scroll-content.scroll-scrolly_visible {
  left: -12px;
  margin-left: 12px;
}
.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
  top: -12px;
  margin-top: 12px;
}
.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
  min-width: 10px;
}
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
  min-height: 10px;
}
/* update scrollbar offset if both scrolls are visible */
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -14px;
}
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -14px;
}
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -14px;
}
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -14px;
}
/*************** SCROLLBAR MAC OS X ***************/
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}
.scrollbar-macosx > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.scrollbar-macosx > .scroll-element .scroll-element_track {
  display: none;
}
.scrollbar-macosx > .scroll-element .scroll-bar {
  background-color: #6C6E71;
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  border-radius: 7px;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.scrollbar-macosx > .scroll-element.scroll-x {
  bottom: 0px;
  height: 0px;
  left: 0;
  min-width: 100%;
  overflow: visible;
  width: 100%;
}
.scrollbar-macosx > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0px;
  top: 0;
  width: 0px;
}
/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {
  height: 7px;
  min-width: 10px;
  top: -9px;
}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
  left: -9px;
  min-height: 10px;
  width: 7px;
}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer {
  left: 2px;
}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {
  top: 2px;
}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}
/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px;
}
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px;
}
/*************** SCROLLBAR LIGHT ***************/
.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}
.scrollbar-light > .scroll-element {
  background-color: #ffffff;
}
.scrollbar-light > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.scrollbar-light > .scroll-element .scroll-element_outer {
  border-radius: 10px;
}
.scrollbar-light > .scroll-element .scroll-element_size {
  background: #dbdbdb;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #dbdbdb), color-stop(100%, #e8e8e8));
  background: -webkit-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#dbdbdb), to(#e8e8e8));
  background: linear-gradient(to right, #dbdbdb 0%, #e8e8e8 100%);
  border-radius: 10px;
}
.scrollbar-light > .scroll-element.scroll-x {
  bottom: 0;
  height: 17px;
  left: 0;
  min-width: 100%;
  width: 100%;
}
.scrollbar-light > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 17px;
}
.scrollbar-light > .scroll-element .scroll-bar {
  background: #fefefe;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
  background: -webkit-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: -webkit-gradient(linear, left top, right top, from(#fefefe), to(#f5f5f5));
  background: linear-gradient(to right, #fefefe 0%, #f5f5f5 100%);
  border: 1px solid #dbdbdb;
  border-radius: 10px;
}
/* scrollbar height/width & offset from container borders */
.scrollbar-light > .scroll-content.scroll-scrolly_visible {
  left: -17px;
  margin-left: 17px;
}
.scrollbar-light > .scroll-content.scroll-scrollx_visible {
  top: -17px;
  margin-top: 17px;
}
.scrollbar-light > .scroll-element.scroll-x .scroll-bar {
  height: 10px;
  min-width: 10px;
  top: 0px;
}
.scrollbar-light > .scroll-element.scroll-y .scroll-bar {
  left: 0px;
  min-height: 10px;
  width: 10px;
}
.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer {
  height: 12px;
  left: 2px;
  top: 2px;
}
.scrollbar-light > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}
.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  top: 2px;
  width: 12px;
}
.scrollbar-light > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}
/* update scrollbar offset if both scrolls are visible */
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -19px;
}
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -19px;
}
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -19px;
}
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -19px;
}
/*************** SCROLLBAR RAIL ***************/
.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}
.scrollbar-rail > .scroll-element {
  background-color: #ffffff;
}
.scrollbar-rail > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.scrollbar-rail > .scroll-element .scroll-element_size {
  background-color: #999;
  background-color: rgba(0, 0, 0, 0.3);
}
.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
  background-color: #666;
  background-color: rgba(0, 0, 0, 0.5);
}
.scrollbar-rail > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  min-width: 100%;
  padding: 3px 0 2px;
  width: 100%;
}
.scrollbar-rail > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  padding: 0 2px 0 3px;
  right: 0;
  top: 0;
  width: 12px;
}
.scrollbar-rail > .scroll-element .scroll-bar {
  background-color: #d0b9a0;
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}
/* scrollbar height/width & offset from container borders */
.scrollbar-rail > .scroll-content.scroll-scrolly_visible {
  left: -17px;
  margin-left: 17px;
}
.scrollbar-rail > .scroll-content.scroll-scrollx_visible {
  margin-top: 17px;
  top: -17px;
}
.scrollbar-rail > .scroll-element.scroll-x .scroll-bar {
  height: 10px;
  min-width: 10px;
  top: 1px;
}
.scrollbar-rail > .scroll-element.scroll-y .scroll-bar {
  left: 1px;
  min-height: 10px;
  width: 10px;
}
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer {
  height: 15px;
  left: 5px;
}
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size {
  height: 2px;
  left: -10px;
  top: 5px;
}
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer {
  top: 5px;
  width: 15px;
}
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size {
  left: 5px;
  top: -10px;
  width: 2px;
}
/* update scrollbar offset if both scrolls are visible */
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -25px;
}
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -25px;
}
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -25px;
}
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -25px;
}
/*************** SCROLLBAR DYNAMIC ***************/
.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}
.scrollbar-dynamic > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.scrollbar-dynamic > .scroll-element.scroll-x {
  bottom: 2px;
  height: 7px;
  left: 0;
  min-width: 100%;
  width: 100%;
}
.scrollbar-dynamic > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 2px;
  top: 0;
  width: 7px;
}
.scrollbar-dynamic > .scroll-element .scroll-element_outer {
  opacity: 0.3;
  border-radius: 12px;
}
.scrollbar-dynamic > .scroll-element .scroll-element_size {
  background-color: #cccccc;
  opacity: 0;
  border-radius: 12px;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.scrollbar-dynamic > .scroll-element .scroll-bar {
  background-color: #6c6e71;
  border-radius: 7px;
}
/* scrollbar height/width & offset from container borders */
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
  bottom: 0;
  height: 7px;
  min-width: 24px;
  top: auto;
}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
  left: auto;
  min-height: 24px;
  right: 0;
  width: 7px;
}
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
  bottom: 0;
  top: auto;
  left: 2px;
  -webkit-transition: height 0.2s;
  transition: height 0.2s;
}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
  left: auto;
  right: 0;
  top: 2px;
  -webkit-transition: width 0.2s;
  transition: width 0.2s;
}
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}
/* update scrollbar offset if both scrolls are visible */
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px;
}
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px;
}
/* hover & drag */
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
  overflow: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
  opacity: 1;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
  height: 100%;
  width: 100%;
  border-radius: 12px;
}
.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
  height: 20px;
  min-height: 7px;
}
.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
  min-width: 7px;
  width: 20px;
}
/*************** SCROLLBAR GOOGLE CHROME ***************/
.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}
.scrollbar-chrome > .scroll-element {
  background-color: #ffffff;
}
.scrollbar-chrome > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.scrollbar-chrome > .scroll-element .scroll-element_track {
  background: #f1f1f1;
  border: 1px solid #dbdbdb;
}
.scrollbar-chrome > .scroll-element.scroll-x {
  bottom: 0;
  height: 16px;
  left: 0;
  min-width: 100%;
  width: 100%;
}
.scrollbar-chrome > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 16px;
}
.scrollbar-chrome > .scroll-element .scroll-bar {
  background-color: #d9d9d9;
  border: 1px solid #bdbdbd;
  cursor: default;
  border-radius: 2px;
}
.scrollbar-chrome > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2;
  border-color: #a9a9a9;
}
.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
  border-color: #7e7e7e;
}
/* scrollbar height/width & offset from container borders */
.scrollbar-chrome > .scroll-content.scroll-scrolly_visible {
  left: -16px;
  margin-left: 16px;
}
.scrollbar-chrome > .scroll-content.scroll-scrollx_visible {
  top: -16px;
  margin-top: 16px;
}
.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar {
  height: 8px;
  min-width: 10px;
  top: 3px;
}
.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar {
  left: 3px;
  min-height: 10px;
  width: 8px;
}
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer {
  border-left: 1px solid #dbdbdb;
}
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track {
  height: 14px;
  left: -3px;
}
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size {
  height: 14px;
  left: -4px;
}
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer {
  border-top: 1px solid #dbdbdb;
}
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track {
  top: -3px;
  width: 14px;
}
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
  width: 14px;
}
/* update scrollbar offset if both scrolls are visible */
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -19px;
}
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -19px;
}
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -19px;
}
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -19px;
}
/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.37
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
  list-style: none;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  margin: 2px 0;
  padding: 4px;
  width: 19em;
}
@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: '';
  display: inline-block;
  position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #cccccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #cccccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle AM/PM";
}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Clear the picker";
}
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Set the date to today";
}
.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle Date and Time Screens";
}
.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%;
}
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px;
}
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Previous Month";
}
.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Next Month";
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td {
  height: 54px;
  line-height: 54px;
  width: 54px;
}
.bootstrap-datetimepicker-widget table td.cw {
  font-size: .8em;
  height: 20px;
  line-height: 20px;
  color: #777777;
}
.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background: #eeeeee;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td.today {
  position: relative;
}
.bootstrap-datetimepicker-widget table td.today:before {
  content: '';
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: #337ab7;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #337ab7;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget table td span:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td span.active {
  background-color: #337ab7;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td span.old {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px;
}
.bootstrap-datetimepicker-widget.wider {
  width: 21em;
}
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
  line-height: 1.8em !important;
}
.input-group.date .input-group-addon {
  cursor: pointer;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.37
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
.dropdown-menu {
  position: absolute;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
/*

A library of transitions for revealing the loaded images
(Heavily) Inspired by http://tympanus.net/codrops/2013/07/02/loading-effects-for-grid-items-with-css-animations/

*/
.effect-parent {
  -webkit-perspective: 1300px;
  perspective: 1300px;
}
/* EFFECT 1 */
.effect-1 {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50% -300px;
  -ms-transform-origin: 50% 50% -300px;
  transform-origin: 50% 50% -300px;
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
  -webkit-animation: fly ease-in-out forwards;
  animation: fly ease-in-out forwards;
}
@-webkit-keyframes fly {
  100% {
    -webkit-transform: rotateX(0deg);
    opacity: 1;
    -webkit-transform-origin: 50% 50% 0;
  }
}
@keyframes fly {
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
  }
}
/* EFFECT 2 */
.effect-2 {
  -webkit-transform: translateY(200px);
  -ms-transform: translateY(200px);
  transform: translateY(200px);
  -webkit-animation: moveUp ease forwards;
  animation: moveUp ease forwards;
}
@-webkit-keyframes moveUp {
  to {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes moveUp {
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
/* EFFECT 3 */
.effect-3 {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
  transform: translateZ(400px) translateY(300px) rotateX(-90deg);
  -webkit-animation: fallPerspective ease-in-out forwards;
  animation: fallPerspective ease-in-out forwards;
}
@-webkit-keyframes fallPerspective {
  100% {
    -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes fallPerspective {
  100% {
    -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
    transform: translateZ(0px) translateY(0px) rotateX(0deg);
    opacity: 1;
  }
}
/* EFFECT 4 */
.effect-4 {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: rotateX(-80deg);
  transform: rotateX(-80deg);
  -webkit-animation: flip ease-in-out forwards;
  animation: flip ease-in-out forwards;
}
@-webkit-keyframes flip {
  100% {
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flip {
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
  }
}
/* EFFECT 5 */
.effect-5 {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-animation: moveUp ease-in-out forwards;
  animation: moveUp ease-in-out forwards;
}
/* EFFECT 6 */
.effect-6 {
  -webkit-transform: scale(0.638) translate(-179px);
  -ms-transform: scale(0.638) translate(-179px);
  transform: scale(0.638) translate(-179px);
  -webkit-animation: moveUp ease-in-out forwards;
  animation: moveUp ease-in-out forwards;
}
/* Universal durations */
.effect-duration-1 {
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
}
.effect-duration-2 {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
}
.effect-duration-3 {
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
}
.effect-duration-4 {
  -webkit-animation-duration: .7s;
  animation-duration: .7s;
}
.effect-duration-5 {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
}
.effect-duration-6 {
  -webkit-animation-duration: .9s;
  animation-duration: .9s;
}
.effect-duration-7 {
  -webkit-animation-duration: .95s;
  animation-duration: .95s;
}
.effect-duration-8 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.effect-duration-9 {
  -webkit-animation-duration: 1.05s;
  animation-duration: 1.05s;
}
.effect-duration-10 {
  -webkit-animation-duration: 1.1s;
  animation-duration: 1.1s;
}
/* ===========================================================
 *
 *  Name:          selectordie_dev.css
 *  Updated:       2014-10-10
 *  Created by:    Per V @ Vst.mn
 *  What?:         Base CSS for Select or Die
 *
 *  Copyright (c) 2014 Per Vestman
 *  Dual licensed under the MIT and GPL licenses.
 *
 *  No, I don't usually comment my CSS, but in this
 *  case it might "help" someone.
 *
 *  Oddny | Cogs 'n Kegs
 * =========================================================== */
/* Remove, change to fit your needs */
.sod_select,
.sod_select * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* The SoD - Please keep this first three lines intact, otherwise all hell will break looooooose */
.sod_select {
  display: inline-block;
  position: relative;
  line-height: 1;
  width: 200px;
  padding: 15px 10px;
  border: 3px solid #5e5e5e;
  background: #ffffff;
  color: #444444;
  font-size: 11px;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
  outline: 0;
  outline-offset: -2px;
  /* Opera */
  cursor: default;
}
/* Up/Down arrows */
.sod_select:before,
.sod_select:after {
  content: "\25B2";
  position: absolute;
  right: 10px;
  top: 12px;
  font-size: 7px;
}
/* Down arrow */
.sod_select:after {
  content: "\25BC";
  top: auto;
  bottom: 12px;
}
/* Change the border color on hover, focus and when open */
.sod_select:hover,
.sod_select.open,
.sod_select.focus {
  border-color: #000000;
}
.sod_select.open {
  color: #919191;
}
.sod_select.focus {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
/* When the entire SoD is disabled, go crazy! */
.sod_select.disabled {
  border-color: #828282;
  color: #b2b2b2;
  cursor: not-allowed;
}
/* The "label", or whatever we should call it. Keep the first three lines for truncating. */
.sod_select .sod_label {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 15px;
}
.sod_select .sod_prefix {
  /* Use this if you're using a prefix and want to style it */
}
.sod_select .sod_placeholder {
  /* Use this if you're using a placeholder and want to style it */
}
/* Options list wrapper */
.sod_select .sod_list_wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  height: auto;
  width: 200px;
  margin: 0 0 0 -3px;
  background: #ffffff;
  border: 3px solid #000000;
  border-top: none;
  color: #444444;
  font-weight: 300;
  z-index: 1;
}
/* Shows the option list (don't edit) */
.sod_select.open .sod_list_wrapper {
  display: block;
}
/* Don't display the options when  */
.sod_select.disabled.open .sod_list_wrapper {
  display: none;
}
/* When the option list is displayed above the SoD */
.sod_select.above .sod_list_wrapper {
  top: auto;
  bottom: 100%;
  border-top: 3px solid #000000;
  border-bottom: none;
}
/* Options list container */
.sod_select .sod_list {
  display: block;
  overflow-y: auto;
  padding: 0;
  margin: 0;
}
/* All the options. Keep the first three lines for truncating... */
.sod_select .sod_option {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  padding: 10px 10px;
  list-style-type: none;
}
/* Optgroups */
.sod_select .sod_option.optgroup,
.sod_select .sod_option.optgroup.disabled {
  background: inherit;
  color: #939393;
  font-size: 10px;
  font-style: italic;
}
/* Children of an optgroup */
.sod_select .sod_option.groupchild {
  padding-left: 20px;
}
/* Used together with placeholderOption / data-placeholder-option */
.sod_select .sod_option.is-placeholder {
  display: none;
}
/* Disabled option */
.sod_select .sod_option.disabled {
  background: inherit;
  color: #cccccc;
}
/* Hover state for options, also used when a user uses his/hers up/down keys */
.sod_select .sod_option.active {
  background: #f7f7f7;
  color: #333333;
}
/*Make room for the check mark */
.sod_select .sod_option.selected {
  font-weight: 700;
  padding-right: 25px;
}
/* Displays a check mark for the selected option */
.sod_select .sod_option.selected:before {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  color: #808080;
  height: 9px;
  width: 10px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDlEOUQ4IiBkPSJNNCw2LjdDMy42LDYuMywzLjUsNi4xLDMuMSw1LjdDMi42LDUuMiwyLDQuNiwxLjUsNC4xYy0wLjgtMC44LTIsMC40LTEuMiwxLjJjMC45LDAuOSwxLjksMS45LDIuOCwyLjgNCgkJYzAuNywwLjcsMS4zLDEsMiwwQzYuNyw2LDguMywzLjcsOS44LDEuNUMxMC41LDAuNSw5LTAuMyw4LjMsMC42bDAsMEM2LjcsMi45LDUuNyw0LjQsNCw2LjciLz4NCjwvZz4NCjwvc3ZnPg0K);
}
/* Add a .no_highlight class to you SoD to hide the check mark and don't bold the option */
.sod_select.no_highlight .sod_option.selected {
  font-weight: 300;
}
.sod_select.no_highlight .sod_option.selected:before {
  display: none;
}
.sod_select .sod_option.link {
  /* If data-link is set on a specific option */
}
.sod_select .sod_option.linkexternal {
  /* If data-link-external is set on a specific option */
}
/* Hide native select */
.sod_select select {
  display: none !important;
}
/* The native select in touch mode. Keep this first line. Sorry, keep everything. */
.sod_select.touch select {
  -webkit-appearance: menulist-button;
  position: absolute;
  top: 0;
  left: 0;
  display: block !important;
  height: 100%;
  width: 100%;
  opacity: 0;
  z-index: 1;
}
/* www.menucool.com/tooltip/javascript-tooltip */
/*For tooltip target element that has set class="tooltip" */
.tooltip {
  text-decoration: none;
  border-bottom: 1px dotted #004B6B;
  color: #004B6B;
  outline: none;
}
/*For tooltip box*/
#mcTooltip {
  line-height: 16px;
  border-width: 1px;
  color: #333;
  border-color: #BBB;
  padding: 20px;
  font-size: 12px;
  font-family: Verdana, Arial;
  border-radius: 6px;
  background-color: #F6F6F6;
}
#mcTooltip.no-padding {
  padding: 0;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}
#mcTooltip,
#mcttCo b {
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
}
/* For hyperlink within tooltip */
#mcTooltip a {
  color: #069;
}
/*Close button. Available when sticky or overlay has been set to true, or is on touch-enabled devices. */
#mcttCloseButton {
  border-radius: 4px;
  width: 18px;
  height: 18px;
  margin-right: 2px;
  margin-top: 2px;
  background: black;
}
/*Close button X symbol*/
#mcttCloseButton:after {
  font: normal 38px/18px arial, sans-serif;
  color: white;
  top: 0;
  left: -2px;
}
/*Give the close button a bigger size on smaller devices*/
@media only screen and (max-width: 736px) {
  #mcttCloseButton {
    width: 28px;
    height: 28px;
  }
  #mcttCloseButton:after {
    font-size: 48px;
    line-height: 28px;
  }
}
/* Useful when overlay has been set to true or 1 in JS */
#mcOverlay {
  background-color: rgba(255, 255, 255, 0.8);
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  z-index: 4;
}
#mcTooltip img {
  border: 0;
  vertical-align: middle;
}
/*The settings below should remain unchanged*/
#mcTooltipWrapper {
  position: absolute;
  visibility: hidden;
  overflow: visible;
  z-index: 9999999999;
  top: -2000px;
}
#mcTooltip {
  float: left;
  border-style: solid;
  position: relative;
  overflow: hidden;
}
.mcTooltipInner {
  float: left;
  position: relative;
  width: auto;
  height: auto;
}
#mcttCo,
#mcttCo b {
  position: absolute;
  overflow: hidden;
}
/*compatible with bootstrap*/
#mcTooltip,
#mcTooltip div {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
nav ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
html,
body {
  overflow: hidden;
}
.viewport {
  height: 100vh;
  overflow: hidden;
  width: -webkit-calc( 100% + 300px );
  width: calc( 100% + 300px );
  position: relative;
  -webkit-transition: .5s -webkit-transform;
  transition: .5s transform;
  -webkit-transform: translateX(-300px);
  -ms-transform: translateX(-300px);
  transform: translateX(-300px);
}
@media (max-width: 768px) {
  .viewport {
    -webkit-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    transform: translateX(-200px);
  }
}
.viewport.show-nav {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
@media (max-width: 768px) {
  .viewport.show-nav .menu-wrapper .mob-menu ul li a.btn-menu-toggle .burger span:nth-child(3) {
    visibility: hidden;
    opacity: 0;
  }
  .viewport.show-nav .menu-wrapper .mob-menu ul li a.btn-menu-toggle .burger span:nth-child(2) {
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transform: translateY(6px) translateX(-5px) rotate(-45deg);
    -ms-transform: translateY(6px) translateX(-5px) rotate(-45deg);
    transform: translateY(6px) translateX(-5px) rotate(-45deg);
  }
  .viewport.show-nav .menu-wrapper .mob-menu ul li a.btn-menu-toggle .burger span:nth-child(1) {
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transform: translateY(0px) translateX(-5px) rotate(45deg);
    -ms-transform: translateY(0px) translateX(-5px) rotate(45deg);
    transform: translateY(0px) translateX(-5px) rotate(45deg);
  }
}
.viewport.landing {
  height: 100vh;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.viewport.landing .login-area .scroll-inner {
  height: -webkit-calc( 100vh - 40px );
  height: calc( 100vh - 40px );
}
.viewport:not(.landing) .menu-wrapper {
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 99;
  -webkit-transform: translateX(300px);
  -ms-transform: translateX(300px);
  transform: translateX(300px);
}
@media (max-width: 768px) {
  .viewport:not(.landing) .menu-wrapper {
    -webkit-transform: translateX(200px);
    -ms-transform: translateX(200px);
    transform: translateX(200px);
  }
}
@media (max-width: 768px) {
  .viewport:not(.landing) .menu-wrapper {
    background: #4384ef;
    width: 100%;
    left: 0;
    top: 0;
    height: 50px;
  }
}
@media (max-width: 768px) {
  .viewport:not(.landing) .menu-wrapper .desktop-menu {
    display: none;
  }
}
.viewport:not(.landing) .menu-wrapper .desktop-menu .menu-buttons .burger {
  visibility: visible;
  opacity: 1;
}
.viewport:not(.landing) .menu-wrapper .desktop-menu .menu-buttons .burger a {
  display: block;
  text-decoration: none;
  width: 24px;
  height: 16px;
}
@media (max-width: 768px) {
  .viewport:not(.landing) .menu-wrapper .desktop-menu .menu-buttons .burger a {
    width: 17px;
    height: 12px;
  }
}
.viewport:not(.landing) .menu-wrapper .desktop-menu .menu-buttons .burger a span {
  display: block;
  background: #6e6f72;
  height: 2px;
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  .viewport:not(.landing) .menu-wrapper .desktop-menu .menu-buttons .burger a span {
    background: #ffffff;
    height: 1px;
    margin-bottom: 4px;
  }
}
.viewport:not(.landing) .menu-wrapper .desktop-menu .menu-buttons .burger a span:last-child {
  margin-bottom: 0;
}
.viewport:not(.landing) .menu-wrapper .desktop-menu .menu-buttons .composer {
  margin-top: 35px;
  -webkit-transition: .5s;
  transition: .5s;
  visibility: hidden;
  opacity: 0;
}
.viewport:not(.landing) .menu-wrapper .desktop-menu .menu-buttons .composer.show {
  opacity: 1;
  visibility: visible;
}
.viewport:not(.landing) .menu-wrapper .desktop-menu .menu-buttons .composer a {
  background-image: url('../img/compose/pencil.png');
  display: block;
  width: 24px;
  height: 48px;
  -webkit-background-size: contain;
  background-size: contain;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .viewport:not(.landing) .menu-wrapper .desktop-menu .menu-buttons .composer a {
    background-image: url("../img/compose/pencil@2x.png");
    -webkit-background-size: 24px 48px;
    background-size: 24px 48px;
  }
}
.viewport:not(.landing) .menu-wrapper .mob-menu {
  display: none;
  background: transparent;
}
@media (max-width: 768px) {
  .viewport:not(.landing) .menu-wrapper .mob-menu {
    display: block;
    padding: 0;
  }
}
.viewport:not(.landing) .menu-wrapper .mob-menu.show-scroll ul li.btn-scrollup-wrapper {
  display: inline-block;
}
.viewport:not(.landing) .menu-wrapper .mob-menu.show-scroll ul li.btn-detailed-delete-wrapper {
  margin-left: -webkit-calc( 100% - 200px );
  margin-left: calc( 100% - 200px );
}
.viewport:not(.landing) .menu-wrapper .mob-menu.show-composer {
  background: #ffffff;
  border-bottom: 1px solid #e2e3e5;
}
.viewport:not(.landing) .menu-wrapper .mob-menu.show-composer ul li.btn-composer-wrapper,
.viewport:not(.landing) .menu-wrapper .mob-menu.show-composer ul li.btn-search-wrapper,
.viewport:not(.landing) .menu-wrapper .mob-menu.show-composer ul li.btn-scrollup-wrapper {
  display: none;
}
.viewport:not(.landing) .menu-wrapper .mob-menu.show-composer ul li .btn-menu-toggle .burger span {
  background: #313131;
}
.viewport:not(.landing) .menu-wrapper .mob-menu.show-composer ul li .btn-menu-toggle .burger span:nth-child(3) {
  visibility: hidden;
  opacity: 0;
}
.viewport:not(.landing) .menu-wrapper .mob-menu.show-composer ul li .btn-menu-toggle .burger span:nth-child(2) {
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  -webkit-transform: translateY(6px) translateX(-5px) rotate(-45deg);
  -ms-transform: translateY(6px) translateX(-5px) rotate(-45deg);
  transform: translateY(6px) translateX(-5px) rotate(-45deg);
}
.viewport:not(.landing) .menu-wrapper .mob-menu.show-composer ul li .btn-menu-toggle .burger span:nth-child(1) {
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  -webkit-transform: translateY(0px) translateX(-5px) rotate(45deg);
  -ms-transform: translateY(0px) translateX(-5px) rotate(45deg);
  transform: translateY(0px) translateX(-5px) rotate(45deg);
}
.viewport:not(.landing) .menu-wrapper .mob-menu.show-composer ul li.btn-composer-logo-wrapper,
.viewport:not(.landing) .menu-wrapper .mob-menu.show-composer ul li.btn-composer-add-wrapper {
  display: inline-block;
}
.viewport:not(.landing) .menu-wrapper .mob-menu.show-page {
  background: #ffffff;
  border-bottom: 1px solid #e2e3e5;
}
.viewport:not(.landing) .menu-wrapper .mob-menu.show-page ul li.btn-composer-wrapper,
.viewport:not(.landing) .menu-wrapper .mob-menu.show-page ul li.btn-search-wrapper,
.viewport:not(.landing) .menu-wrapper .mob-menu.show-page ul li.btn-scrollup-wrapper {
  display: none;
}
.viewport:not(.landing) .menu-wrapper .mob-menu.show-page ul li .btn-menu-toggle .burger span {
  background: #313131;
}
.viewport:not(.landing) .menu-wrapper .mob-menu.show-page ul li.btn-composer-logo-wrapper {
  display: inline-block;
}
.viewport:not(.landing) .menu-wrapper .mob-menu.show-page ul li.btn-composer-add-wrapper {
  display: inline-block;
  opacity: 0;
  visibility: hidden;
}
.viewport:not(.landing) .menu-wrapper .mob-menu.show-post {
  background: #ffffff;
  border-bottom: 1px solid #e2e3e5;
}
.viewport:not(.landing) .menu-wrapper .mob-menu.show-post ul li.btn-composer-wrapper,
.viewport:not(.landing) .menu-wrapper .mob-menu.show-post ul li.btn-search-wrapper,
.viewport:not(.landing) .menu-wrapper .mob-menu.show-post ul li.btn-composer-logo-wrapper,
.viewport:not(.landing) .menu-wrapper .mob-menu.show-post ul li.btn-composer-add-wrapper,
.viewport:not(.landing) .menu-wrapper .mob-menu.show-post ul li.btn-edit-save-wrapper {
  display: none;
}
.viewport:not(.landing) .menu-wrapper .mob-menu.show-post ul li .btn-menu-toggle .burger span {
  background: #313131;
}
.viewport:not(.landing) .menu-wrapper .mob-menu.show-post ul li .btn-menu-toggle .burger span:nth-child(3) {
  visibility: hidden;
  opacity: 0;
}
.viewport:not(.landing) .menu-wrapper .mob-menu.show-post ul li .btn-menu-toggle .burger span:nth-child(2) {
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  -webkit-transform: translateY(6px) translateX(-5px) rotate(-45deg);
  -ms-transform: translateY(6px) translateX(-5px) rotate(-45deg);
  transform: translateY(6px) translateX(-5px) rotate(-45deg);
}
.viewport:not(.landing) .menu-wrapper .mob-menu.show-post ul li .btn-menu-toggle .burger span:nth-child(1) {
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  -webkit-transform: translateY(0px) translateX(-5px) rotate(45deg);
  -ms-transform: translateY(0px) translateX(-5px) rotate(45deg);
  transform: translateY(0px) translateX(-5px) rotate(45deg);
}
.viewport:not(.landing) .menu-wrapper .mob-menu.show-post ul li.btn-detailed-edit-wrapper,
.viewport:not(.landing) .menu-wrapper .mob-menu.show-post ul li.btn-detailed-delete-wrapper,
.viewport:not(.landing) .menu-wrapper .mob-menu.show-post ul li.btn-composer-add-wraper {
  display: inline-block;
}
.viewport:not(.landing) .menu-wrapper .mob-menu.show-post ul li a {
  color: #313131;
}
.viewport:not(.landing) .menu-wrapper .mob-menu.show-post.editor ul li.btn-edit-save-wrapper {
  display: inline-block;
}
.viewport:not(.landing) .menu-wrapper .mob-menu.show-post.editor ul li.btn-detailed-edit-wrapper,
.viewport:not(.landing) .menu-wrapper .mob-menu.show-post.editor ul li.btn-detailed-delete-wrapper {
  display: none;
}
.viewport:not(.landing) .menu-wrapper .mob-menu.show-search {
  background: #ffffff;
  border-bottom: 1px solid #e2e3e5;
}
.viewport:not(.landing) .menu-wrapper .mob-menu.show-search ul li.btn-composer-wrapper,
.viewport:not(.landing) .menu-wrapper .mob-menu.show-search ul li.btn-edit-save-wrapper,
.viewport:not(.landing) .menu-wrapper .mob-menu.show-search ul li.btn-scrollup-wrapper,
.viewport:not(.landing) .menu-wrapper .mob-menu.show-search ul li.btn-composer-logo-wrapper,
.viewport:not(.landing) .menu-wrapper .mob-menu.show-search ul li.btn-composer-add-wrapper {
  display: none;
}
.viewport:not(.landing) .menu-wrapper .mob-menu.show-search ul li .btn-menu-toggle .burger span {
  background: #313131;
}
.viewport:not(.landing) .menu-wrapper .mob-menu.show-search ul li .btn-menu-toggle .burger span:nth-child(3) {
  visibility: hidden;
  opacity: 0;
}
.viewport:not(.landing) .menu-wrapper .mob-menu.show-search ul li .btn-menu-toggle .burger span:nth-child(2) {
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  -webkit-transform: translateY(6px) translateX(-5px) rotate(-45deg);
  -ms-transform: translateY(6px) translateX(-5px) rotate(-45deg);
  transform: translateY(6px) translateX(-5px) rotate(-45deg);
}
.viewport:not(.landing) .menu-wrapper .mob-menu.show-search ul li .btn-menu-toggle .burger span:nth-child(1) {
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  -webkit-transform: translateY(0px) translateX(-5px) rotate(45deg);
  -ms-transform: translateY(0px) translateX(-5px) rotate(45deg);
  transform: translateY(0px) translateX(-5px) rotate(45deg);
}
.viewport:not(.landing) .menu-wrapper .mob-menu.show-search ul li.btn-search-wrapper {
  display: inline-block;
}
.viewport:not(.landing) .menu-wrapper .mob-menu.show-search ul li.btn-search-wrapper .search-input-wrapper {
  display: block;
  border: 1px solid #313131;
}
.viewport:not(.landing) .menu-wrapper .mob-menu.show-search ul li.btn-search-wrapper a.btn-search {
  background-image: url('../img/mob-menu-search-dark.png');
  background-color: #fff;
  height: 32px;
  width: 40px;
  margin-right: 12px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .viewport:not(.landing) .menu-wrapper .mob-menu.show-search ul li.btn-search-wrapper a.btn-search {
    background-image: url("../img/mob-menu-search-dark@2x.png");
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
  }
}
.viewport:not(.landing) .menu-wrapper .mob-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.viewport:not(.landing) .menu-wrapper .mob-menu ul li {
  -webkit-transition: .5s;
  transition: .5s;
}
.viewport:not(.landing) .menu-wrapper .mob-menu ul li.btn-scrollup-wrapper,
.viewport:not(.landing) .menu-wrapper .mob-menu ul li.btn-composer-logo-wrapper,
.viewport:not(.landing) .menu-wrapper .mob-menu ul li.btn-edit-save-wrapper,
.viewport:not(.landing) .menu-wrapper .mob-menu ul li.btn-detailed-edit-wrapper,
.viewport:not(.landing) .menu-wrapper .mob-menu ul li.btn-detailed-delete-wrapper,
.viewport:not(.landing) .menu-wrapper .mob-menu ul li.btn-composer-add-wrapper {
  display: none;
}
.viewport:not(.landing) .menu-wrapper .mob-menu ul li.btn-search-wrapper .search-input-wrapper {
  display: none;
  width: -webkit-calc(100vw - 50px - 10px);
  width: calc(100vw - 50px - 10px);
  height: 35px;
  position: absolute;
  top: 7px;
  left: 50px;
  padding-right: 40px;
  border-radius: 1px;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
  overflow-y: hidden;
}
.viewport:not(.landing) .menu-wrapper .mob-menu ul li.btn-search-wrapper .search-input-wrapper .search-field-wrapper {
  display: inline-block;
  width: -webkit-calc(100vw - 50px - 10px - 60px);
  width: calc(100vw - 50px - 10px - 60px);
  height: 25px;
  vertical-align: middle;
}
.viewport:not(.landing) .menu-wrapper .mob-menu ul li.btn-search-wrapper .search-input-wrapper .search-field-wrapper input {
  position: relative;
  height: 25px;
  width: 100%;
  border: none;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}
.viewport:not(.landing) .menu-wrapper .mob-menu ul li.btn-search-wrapper .search-input-wrapper .search-field-wrapper input:focus,
.viewport:not(.landing) .menu-wrapper .mob-menu ul li.btn-search-wrapper .search-input-wrapper .search-field-wrapper input:active {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}
.viewport:not(.landing) .menu-wrapper .mob-menu ul li.btn-search-wrapper .search-input-wrapper .search-tags-wrapper {
  padding-left: 5px;
  display: inline-block;
  vertical-align: middle;
  min-height: 33px;
}
.viewport:not(.landing) .menu-wrapper .mob-menu ul li.btn-search-wrapper .search-input-wrapper .search-tags-wrapper .filter {
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  color: #313131;
  font-size: 12px;
  line-height: 22px;
  min-height: 22px;
  margin: 5px 5px 4px 0;
  padding: 0 28px 0 10px;
  border: 1px solid #313131;
  vertical-align: middle;
  position: relative;
}
.viewport:not(.landing) .menu-wrapper .mob-menu ul li.btn-search-wrapper .search-input-wrapper .search-tags-wrapper .filter a {
  display: inline-block;
  border-left: 1px solid #313131;
  overflow: hidden;
  width: 17px;
  vertical-align: middle;
  height: 22px;
  position: absolute;
  right: 0;
  top: 0;
  text-indent: 100px;
}
.viewport:not(.landing) .menu-wrapper .mob-menu ul li.btn-search-wrapper .search-input-wrapper .search-tags-wrapper .filter a:after {
  content: "\f2d7";
  font-family: "Ionicons";
  color: #313131;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  font-size: 15px;
  text-align: center;
  text-indent: 0;
  background: #e2e3e5;
}
.viewport:not(.landing) .menu-wrapper .mob-menu ul li.btn-search-wrapper .search-input-wrapper .search-tags-wrapper .filter.filter-color.color-fe4556 {
  background: #fe4556;
}
.viewport:not(.landing) .menu-wrapper .mob-menu ul li.btn-search-wrapper .search-input-wrapper .search-tags-wrapper .filter.filter-color.color-ff9100 {
  background: #ff9100;
}
.viewport:not(.landing) .menu-wrapper .mob-menu ul li.btn-search-wrapper .search-input-wrapper .search-tags-wrapper .filter.filter-color.color-ffce00 {
  background: #ffce00;
}
.viewport:not(.landing) .menu-wrapper .mob-menu ul li.btn-search-wrapper .search-input-wrapper .search-tags-wrapper .filter.filter-color.color-5dd8a0 {
  background: #5dd8a0;
}
.viewport:not(.landing) .menu-wrapper .mob-menu ul li.btn-search-wrapper .search-input-wrapper .search-tags-wrapper .filter.filter-color.color-58a8e1 {
  background: #58a8e1;
}
.viewport:not(.landing) .menu-wrapper .mob-menu ul li.btn-search-wrapper .search-input-wrapper .search-tags-wrapper .filter.filter-color.color-a86ae2 {
  background: #a86ae2;
}
.viewport:not(.landing) .menu-wrapper .mob-menu ul li.btn-search-wrapper .search-input-wrapper .search-tags-wrapper input.search-tag-filter-field {
  outline: none;
  padding: 0;
  border: none;
  color: #313131;
  font-size: 12px;
  line-height: 22px;
  min-height: 22px;
  margin: 5px 5px 4px 0;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 20px;
  font-family: 'Roboto', sans-serif;
}
.viewport:not(.landing) .menu-wrapper .mob-menu ul li.btn-search-wrapper .search-input-wrapper .search-tags-wrapper span.fake {
  display: block;
  position: absolute;
  padding: 0 5px;
  border: none;
  color: #313131;
  font-size: 12px;
  line-height: 22px;
  min-height: 22px;
  visibility: hidden;
  min-width: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Roboto', sans-serif;
}
.viewport:not(.landing) .menu-wrapper .mob-menu ul li.btn-detailed-delete-wrapper {
  margin-left: -webkit-calc( 100% - 150px );
  margin-left: calc( 100% - 150px );
  -webkit-transition: none;
  transition: none;
}
.viewport:not(.landing) .menu-wrapper .mob-menu ul li span,
.viewport:not(.landing) .menu-wrapper .mob-menu ul li a {
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  color: #ffffff;
}
.viewport:not(.landing) .menu-wrapper .mob-menu ul li span.disabled,
.viewport:not(.landing) .menu-wrapper .mob-menu ul li a.disabled {
  cursor: default;
}
.viewport:not(.landing) .menu-wrapper .mob-menu ul li span.btn-menu-toggle .burger,
.viewport:not(.landing) .menu-wrapper .mob-menu ul li a.btn-menu-toggle .burger {
  display: inline-block;
  text-decoration: none;
  width: 17px;
  height: 12px;
  overflow: hidden;
  margin-top: 17px;
}
.viewport:not(.landing) .menu-wrapper .mob-menu ul li span.btn-menu-toggle .burger span,
.viewport:not(.landing) .menu-wrapper .mob-menu ul li a.btn-menu-toggle .burger span {
  display: block;
  background: #ffffff;
  height: 1px;
  margin-bottom: 4px;
  -webkit-transition: .2s;
  transition: .2s;
}
.viewport:not(.landing) .menu-wrapper .mob-menu ul li span.btn-menu-toggle .burger span:last-child,
.viewport:not(.landing) .menu-wrapper .mob-menu ul li a.btn-menu-toggle .burger span:last-child {
  margin-bottom: 0;
}
.viewport:not(.landing) .menu-wrapper .mob-menu ul li span.btn-composer,
.viewport:not(.landing) .menu-wrapper .mob-menu ul li a.btn-composer {
  background-image: url('../img/mob-menu-coposer.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .viewport:not(.landing) .menu-wrapper .mob-menu ul li span.btn-composer,
  .viewport:not(.landing) .menu-wrapper .mob-menu ul li a.btn-composer {
    background-image: url("../img/mob-menu-coposer@2x.png");
    -webkit-background-size: 42px 42px;
    background-size: 42px 42px;
  }
}
.viewport:not(.landing) .menu-wrapper .mob-menu ul li span.btn-search,
.viewport:not(.landing) .menu-wrapper .mob-menu ul li a.btn-search {
  -webkit-transition: .2s;
  transition: .2s;
  background-image: url('../img/mob-menu-search.png');
  position: relative;
  z-index: 3;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .viewport:not(.landing) .menu-wrapper .mob-menu ul li span.btn-search,
  .viewport:not(.landing) .menu-wrapper .mob-menu ul li a.btn-search {
    background-image: url("../img/mob-menu-search@2x.png");
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
  }
}
.viewport:not(.landing) .menu-wrapper .mob-menu ul li span.btn-scrollup i,
.viewport:not(.landing) .menu-wrapper .mob-menu ul li a.btn-scrollup i {
  font-size: 35px;
  line-height: 50px;
}
.viewport:not(.landing) .menu-wrapper .mob-menu ul li span.btn-composer-logo,
.viewport:not(.landing) .menu-wrapper .mob-menu ul li a.btn-composer-logo {
  background-image: url('../img/mob-menu-coposer.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .viewport:not(.landing) .menu-wrapper .mob-menu ul li span.btn-composer-logo,
  .viewport:not(.landing) .menu-wrapper .mob-menu ul li a.btn-composer-logo {
    background-image: url("../img/mob-menu-coposer@2x.png");
    -webkit-background-size: 42px 42px;
    background-size: 42px 42px;
  }
}
.viewport:not(.landing) .menu-wrapper .mob-menu ul li span.btn-composer-add,
.viewport:not(.landing) .menu-wrapper .mob-menu ul li a.btn-composer-add {
  background-color: #4384ef;
  background-image: url('../img/mob-menu-add.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .viewport:not(.landing) .menu-wrapper .mob-menu ul li span.btn-composer-add,
  .viewport:not(.landing) .menu-wrapper .mob-menu ul li a.btn-composer-add {
    background-image: url("../img/mob-menu-add@2x.png");
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
  }
}
.viewport:not(.landing) .menu-wrapper .mob-menu ul li span.btn-edit-save i,
.viewport:not(.landing) .menu-wrapper .mob-menu ul li a.btn-edit-save i {
  font-size: 23px;
  line-height: 50px;
}
.viewport:not(.landing) .menu-wrapper .mob-menu ul li span.btn-detailed-edit,
.viewport:not(.landing) .menu-wrapper .mob-menu ul li a.btn-detailed-edit {
  background-image: url('../img/menu-edit.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .viewport:not(.landing) .menu-wrapper .mob-menu ul li span.btn-detailed-edit,
  .viewport:not(.landing) .menu-wrapper .mob-menu ul li a.btn-detailed-edit {
    background-image: url("../img/menu-edit@2x.png");
    -webkit-background-size: 22px 21px;
    background-size: 22px 21px;
  }
}
.viewport:not(.landing) .menu-wrapper .mob-menu ul li span.btn-detailed-delete,
.viewport:not(.landing) .menu-wrapper .mob-menu ul li a.btn-detailed-delete {
  background-image: url('../img/menu-delete.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .viewport:not(.landing) .menu-wrapper .mob-menu ul li span.btn-detailed-delete,
  .viewport:not(.landing) .menu-wrapper .mob-menu ul li a.btn-detailed-delete {
    background-image: url("../img/menu-delete@2x.png");
    -webkit-background-size: 17px 21px;
    background-size: 17px 21px;
  }
}
.viewport .viewport-pan {
  min-width: 100%;
  height: 100%;
  width: 166.68vw;
  -webkit-transition: .5s;
  transition: .5s;
  position: relative;
}
.viewport .viewport-pan:before,
.viewport .viewport-pan:after {
  content: " ";
  display: table;
}
.viewport .viewport-pan:after {
  clear: both;
}
.viewport .viewport-pan.page {
  width: 100vw;
}
.viewport .viewport-pan.no-transition {
  -webkit-transition: none;
  transition: none;
}
@media (max-width: 768px) {
  .viewport .viewport-pan.landing {
    width: 200vw;
    -webkit-transform: translateX(-100vw);
    -ms-transform: translateX(-100vw);
    transform: translateX(-100vw);
  }
}
@media (max-width: 768px) {
  .viewport .viewport-pan.landing.mob-sidebar-view {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@media (max-width: 768px) {
  .viewport .viewport-pan.bits-area {
    width: -webkit-calc(300vw + 300px);
    width: calc(300vw + 300px);
    -webkit-transform: translateX(-100vw);
    -ms-transform: translateX(-100vw);
    transform: translateX(-100vw);
  }
}
@media (max-width: 768px) {
  .viewport .viewport-pan.bits-area.mob-sidebar-view {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.viewport .viewport-pan.composer-expand {
  width: 200vw;
}
.viewport .viewport-pan.composer-expand .compose-area {
  width: 100vw;
}
.viewport .viewport-pan.composer-expand .compose-area .view-expand {
  opacity: 0;
  visibility: hidden;
}
.viewport .viewport-pan.composer-expand .compose-area .view-unexpand {
  opacity: 1;
  visibility: visible;
}
.viewport .viewport-pan.composer-expand .compose-area .footer-sidebar {
  max-width: 100vw;
  width: 100%;
}
.viewport .viewport-pan.composer-expand .compose-area .form-wrapper {
  max-width: 100%;
}
.viewport .menu-area {
  width: 300px;
  height: 100vh;
  float: left;
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff;
  position: relative;
  background: #4384ef;
  z-index: 99;
}
@media (max-width: 768px) {
  .viewport .menu-area {
    width: 200px;
  }
}
.viewport .menu-area .menu {
  padding: 20px 30px;
}
@media (max-width: 768px) {
  .viewport .menu-area .menu {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #286ad7;
    padding: 20px;
  }
}
.viewport .menu-area .menu h1.name {
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  font-weight: 500;
  margin: 0;
  text-transform: capitalize;
}
.viewport .menu-area .menu span.sep {
  display: block;
  height: 1px;
  width: 100%;
  background: #ffffff;
  margin: 25px 0;
}
@media (max-width: 768px) {
  .viewport .menu-area .menu span.sep {
    margin: 20px 0;
  }
}
.viewport .menu-area .menu a {
  display: block;
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  line-height: 30px;
  font-weight: normal;
  margin: 15px 0;
  text-decoration: none;
  height: 30px;
  padding-left: 35px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: left center;
}
.viewport .menu-area .menu a.settings {
  background-image: url('../img/menu-settings.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .viewport .menu-area .menu a.settings {
    background-image: url("../img/menu-settings@2x.png");
    -webkit-background-size: 26px 26px;
    background-size: 26px 26px;
  }
}
.viewport .menu-area .menu a.tips {
  background-image: url('../img/menu-tips.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .viewport .menu-area .menu a.tips {
    background-image: url("../img/menu-tips@2x.png");
    -webkit-background-size: 21px 31px;
    background-size: 21px 31px;
  }
}
.viewport .menu-area .menu a.terms {
  background-image: url('../img/menu-terms.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .viewport .menu-area .menu a.terms {
    background-image: url("../img/menu-terms@2x.png");
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
  }
}
.viewport .menu-area .menu a.logout {
  background-image: url('../img/menu-logout.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .viewport .menu-area .menu a.logout {
    background-image: url("../img/menu-logout@2x.png");
    -webkit-background-size: 27px 26px;
    background-size: 27px 26px;
  }
}
.viewport .settings-area,
.viewport .legal-area {
  height: 100%;
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #e3e3e5;
  position: relative;
  float: left;
  width: 100vw;
}
.viewport .settings-area .container,
.viewport .legal-area .container {
  max-width: 600px;
  padding: 70px 30px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 768px) {
  .viewport .settings-area .container,
  .viewport .legal-area .container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px 20px 0 20px;
  }
}
.viewport .settings-area .container.wide,
.viewport .legal-area .container.wide {
  max-width: 800px;
}
.viewport .sidebar,
.viewport .compose-area {
  height: 100%;
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff;
  position: relative;
  float: left;
  width: 33.32vw;
}
.viewport .sidebar .scroll-inner,
.viewport .compose-area .scroll-inner {
  height: -webkit-calc( 100vh - 40px );
  height: calc( 100vh - 40px );
}
@media (max-width: 768px) {
  .viewport .sidebar,
  .viewport .compose-area {
    width: 100vw;
  }
}
.viewport .page-content,
.viewport .timeline-area {
  height: 100%;
  background: #e2e3e5;
  float: left;
  position: relative;
  width: 66.68vw;
}
@media (max-width: 768px) {
  .viewport .page-content,
  .viewport .timeline-area {
    width: 100vw;
  }
}
.viewport .page-content .container,
.viewport .timeline-area .container {
  max-width: 600px;
  padding: 0 30px;
  width: 100%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .viewport .page-content .container,
  .viewport .timeline-area .container {
    padding: 0 10px 40px 10px;
  }
  .viewport .page-content .container br,
  .viewport .timeline-area .container br {
    display: none;
  }
}
.viewport .page-content.login-content .container,
.viewport .timeline-area.login-content .container {
  max-width: 800px;
}
.viewport .page-content.login-content .container.legal,
.viewport .timeline-area.login-content .container.legal {
  max-width: 660px;
  padding: 50px 0;
}
@media (max-width: 768px) {
  .viewport .page-content.login-content .container.legal,
  .viewport .timeline-area.login-content .container.legal {
    padding: 30px 25px;
  }
}
.viewport .page-content .mob-btn-addbit,
.viewport .timeline-area .mob-btn-addbit {
  display: none;
  position: absolute;
  bottom: 75px;
  right: 25px;
  background: #ffffff;
  width: 50px;
  height: 50px;
  z-index: 999;
  border-radius: 50px;
  -webkit-box-shadow: 2px 2px 10px -2px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 10px -2px rgba(0, 0, 0, 0.5);
}
.viewport .page-content .mob-btn-addbit a,
.viewport .timeline-area .mob-btn-addbit a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.viewport .page-content .mob-btn-addbit a:before,
.viewport .timeline-area .mob-btn-addbit a:before {
  content: " ";
  position: absolute;
  left: 24px;
  top: 15px;
  width: 2px;
  height: 20px;
  background: #333;
}
.viewport .page-content .mob-btn-addbit a:after,
.viewport .timeline-area .mob-btn-addbit a:after {
  content: " ";
  position: absolute;
  top: 24px;
  left: 15px;
  height: 2px;
  width: 20px;
  background: #333;
}
@media (max-width: 768px) {
  .viewport .page-content .mob-btn-addbit,
  .viewport .timeline-area .mob-btn-addbit {
    display: block;
  }
}
.viewport .detailed-area {
  min-width: 346px;
  height: 100%;
  background: #ffffff;
  float: left;
  position: relative;
  width: -webkit-calc( 66.68vw - 67px );
  width: calc( 66.68vw - 67px );
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 768px) {
  .viewport .detailed-area {
    width: 100vw;
    min-width: 0;
  }
}
.viewport .detailed-area .container {
  max-width: 600px;
  padding: 0 30px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .viewport .detailed-area .container {
    padding: 0 25px 40px 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.viewport .sidebar,
.viewport .compose-area,
.viewport .page-content,
.viewport .timeline-area,
.viewport .detailed-area,
.viewport .legal-area,
.viewport .settings-area {
  -webkit-transition: .5s;
  transition: .5s;
}
@media (max-width: 768px) {
  .viewport .sidebar,
  .viewport .compose-area,
  .viewport .page-content,
  .viewport .timeline-area,
  .viewport .detailed-area,
  .viewport .legal-area,
  .viewport .settings-area {
    padding-top: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.viewport .sidebar.animate,
.viewport .compose-area.animate,
.viewport .page-content.animate,
.viewport .timeline-area.animate,
.viewport .detailed-area.animate,
.viewport .legal-area.animate,
.viewport .settings-area.animate {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.viewport .sidebar .scroll-inner,
.viewport .compose-area .scroll-inner,
.viewport .page-content .scroll-inner,
.viewport .timeline-area .scroll-inner,
.viewport .detailed-area .scroll-inner,
.viewport .legal-area .scroll-inner,
.viewport .settings-area .scroll-inner {
  max-height: 100%;
}
@media (max-width: 768px) {
  .viewport .sidebar .scroll-inner,
  .viewport .compose-area .scroll-inner,
  .viewport .page-content .scroll-inner,
  .viewport .timeline-area .scroll-inner,
  .viewport .detailed-area .scroll-inner,
  .viewport .legal-area .scroll-inner,
  .viewport .settings-area .scroll-inner {
    overflow: auto;
  }
}
.viewport .sidebar .scroll-element.scroll-y,
.viewport .compose-area .scroll-element.scroll-y,
.viewport .page-content .scroll-element.scroll-y,
.viewport .timeline-area .scroll-element.scroll-y,
.viewport .detailed-area .scroll-element.scroll-y,
.viewport .legal-area .scroll-element.scroll-y,
.viewport .settings-area .scroll-element.scroll-y {
  position: absolute;
  top: 0;
  right: 5px;
  height: 100%;
  width: 4px;
  z-index: 10;
  background: transparent;
}
.viewport .sidebar .scroll-element.scroll-y .scroll-element_outer,
.viewport .compose-area .scroll-element.scroll-y .scroll-element_outer,
.viewport .page-content .scroll-element.scroll-y .scroll-element_outer,
.viewport .timeline-area .scroll-element.scroll-y .scroll-element_outer,
.viewport .detailed-area .scroll-element.scroll-y .scroll-element_outer,
.viewport .legal-area .scroll-element.scroll-y .scroll-element_outer,
.viewport .settings-area .scroll-element.scroll-y .scroll-element_outer {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.viewport .sidebar .scroll-element.scroll-y .scroll-element_outer .scroll-element_size,
.viewport .compose-area .scroll-element.scroll-y .scroll-element_outer .scroll-element_size,
.viewport .page-content .scroll-element.scroll-y .scroll-element_outer .scroll-element_size,
.viewport .timeline-area .scroll-element.scroll-y .scroll-element_outer .scroll-element_size,
.viewport .detailed-area .scroll-element.scroll-y .scroll-element_outer .scroll-element_size,
.viewport .legal-area .scroll-element.scroll-y .scroll-element_outer .scroll-element_size,
.viewport .settings-area .scroll-element.scroll-y .scroll-element_outer .scroll-element_size,
.viewport .sidebar .scroll-element.scroll-y .scroll-element_outer .scroll-element_track,
.viewport .compose-area .scroll-element.scroll-y .scroll-element_outer .scroll-element_track,
.viewport .page-content .scroll-element.scroll-y .scroll-element_outer .scroll-element_track,
.viewport .timeline-area .scroll-element.scroll-y .scroll-element_outer .scroll-element_track,
.viewport .detailed-area .scroll-element.scroll-y .scroll-element_outer .scroll-element_track,
.viewport .legal-area .scroll-element.scroll-y .scroll-element_outer .scroll-element_track,
.viewport .settings-area .scroll-element.scroll-y .scroll-element_outer .scroll-element_track {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.viewport .sidebar .scroll-element.scroll-y .scroll-element_outer .scroll-element_track,
.viewport .compose-area .scroll-element.scroll-y .scroll-element_outer .scroll-element_track,
.viewport .page-content .scroll-element.scroll-y .scroll-element_outer .scroll-element_track,
.viewport .timeline-area .scroll-element.scroll-y .scroll-element_outer .scroll-element_track,
.viewport .detailed-area .scroll-element.scroll-y .scroll-element_outer .scroll-element_track,
.viewport .legal-area .scroll-element.scroll-y .scroll-element_outer .scroll-element_track,
.viewport .settings-area .scroll-element.scroll-y .scroll-element_outer .scroll-element_track {
  height: 70px;
}
.viewport .sidebar .scroll-element.scroll-y .scroll-element_outer .scroll-bar,
.viewport .compose-area .scroll-element.scroll-y .scroll-element_outer .scroll-bar,
.viewport .page-content .scroll-element.scroll-y .scroll-element_outer .scroll-bar,
.viewport .timeline-area .scroll-element.scroll-y .scroll-element_outer .scroll-bar,
.viewport .detailed-area .scroll-element.scroll-y .scroll-element_outer .scroll-bar,
.viewport .legal-area .scroll-element.scroll-y .scroll-element_outer .scroll-bar,
.viewport .settings-area .scroll-element.scroll-y .scroll-element_outer .scroll-bar {
  background: #c2c3c7;
  position: relative;
  border-radius: 5px;
}
@media (max-width: 768px) {
  .viewport .sidebar .scroll-element.scroll-y .scroll-element_outer .scroll-bar,
  .viewport .compose-area .scroll-element.scroll-y .scroll-element_outer .scroll-bar,
  .viewport .page-content .scroll-element.scroll-y .scroll-element_outer .scroll-bar,
  .viewport .timeline-area .scroll-element.scroll-y .scroll-element_outer .scroll-bar,
  .viewport .detailed-area .scroll-element.scroll-y .scroll-element_outer .scroll-bar,
  .viewport .legal-area .scroll-element.scroll-y .scroll-element_outer .scroll-bar,
  .viewport .settings-area .scroll-element.scroll-y .scroll-element_outer .scroll-bar {
    display: none;
  }
}
.viewport.detailed-view .menu-wrapper .desktop-menu .menu-buttons .composer {
  visibility: visible;
  opacity: 1;
}
.viewport.detailed-view .sidebar,
.viewport.detailed-view .compose-area {
  opacity: 0;
}
.viewport.detailed-view .page-content,
.viewport.detailed-view .timeline-area {
  max-width: 640px;
  width: 33.32vw;
  margin-left: 67px;
}
@media (max-width: 768px) {
  .viewport.detailed-view .page-content,
  .viewport.detailed-view .timeline-area {
    width: 100vw;
    margin-left: 0;
  }
}
.viewport.detailed-view .detailed-area {
  opacity: 1;
  visibility: visible;
}
span.tooltip {
  display: block;
  padding: 15px;
  background: #eeeeee;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #eeeeee;
  width: 250px;
  text-align: left;
  position: fixed;
  z-index: 999;
}
@media (max-width: 768px) {
  span.tooltip {
    display: none !important;
  }
}
span.tooltip:after {
  content: " ";
  display: block;
  border: 8px solid #eeeeee;
  border-color: transparent transparent #eeeeee transparent;
  position: absolute;
  top: -16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
span.tooltip h4 {
  color: #505050;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 5px;
}
span.tooltip p {
  color: #505050;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  line-height: 18px;
  font-weight: 300;
}
footer {
  background: #ffffff;
  overflow: hidden;
  padding: 10px 30px;
}
footer.footer-landing {
  width: 33.32vw;
  max-width: 640px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  left: 0;
}
@media (max-width: 768px) {
  footer.footer-landing {
    display: none;
  }
}
footer.footer-sidebar {
  width: 33.32vw;
  max-width: 640px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  left: 300px;
}
@media (max-width: 768px) {
  footer.footer-sidebar {
    display: none;
  }
}
footer .text {
  float: left;
  font-family: 'Roboto', sans-serif;
}
footer .text p {
  color: #9d9ea8;
  font-size: 12px;
  line-height: 20px;
}
footer .text a {
  color: inherit;
  text-decoration: none;
}
footer .text a.contact-us {
  margin-left: 15px;
}
footer .social {
  float: right;
}
footer .social ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-right: -12px;
}
footer .social ul li {
  display: inline-block;
}
footer .social ul li a {
  color: #9d9ea8;
  text-decoration: none;
  line-height: 20px;
  padding: 0 12px;
  display: inline-block;
}
.timeline-search {
  padding-top: 70px;
  padding-bottom: 70px;
}
@media (max-width: 768px) {
  .timeline-search {
    position: fixed;
    left: -webkit-calc(100vw + 200px );
    left: calc(100vw + 200px );
    top: 50px;
    background: #e2e3e5;
    height: -webkit-calc(100vh - 50px );
    height: calc(100vh - 50px );
    width: 100vw;
    z-index: 99;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
  }
}
.timeline-search input.search-field {
  display: none;
}
.timeline-search span.three-dots {
  display: block;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  color: #313131;
  font-size: 22px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .timeline-search span.three-dots {
    display: none;
  }
}
.timeline-search .search-box {
  background: transparent;
  border-bottom: 1px solid #313131;
  overflow: hidden;
  cursor: text;
  position: relative;
}
@media (max-width: 768px) {
  .timeline-search .search-box {
    display: none;
  }
}
.timeline-search .search-box span.placeholder {
  font-family: 'Roboto', sans-serif;
  color: #313131;
  font-size: 16px;
  font-weight: 500;
  font-style: italic;
  line-height: 22px;
  margin-bottom: 9px;
  display: inline-block;
}
.timeline-search .search-box input.simple-text {
  text-align: left;
  font-family: 'Roboto', sans-serif;
  color: #313131;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 9px;
  display: none;
  width: 25px;
  padding-left: 2px;
}
.timeline-search .search-box span.fake {
  position: absolute;
  min-width: 25px;
  display: block;
  text-align: left;
  font-family: 'Roboto', sans-serif;
  color: #313131;
  font-size: 16px;
  line-height: 22px;
  outline: 1px dotted red;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 10px;
  visibility: hidden;
  padding-left: 2px;
}
.timeline-search .search-box .search-box-inner {
  padding-right: 40px;
}
.timeline-search .search-box .search-box-inner.focus span.placeholder {
  display: none !important;
}
.timeline-search .search-box .search-box-inner.focus input.simple-text {
  display: inline-block;
}
.timeline-search .search-box .search-box-inner .filter {
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  color: #313131;
  font-size: 12px;
  line-height: 22px;
  min-height: 22px;
  margin-bottom: 6px;
  margin-right: 8px;
  padding: 0 28px 0 10px;
  border: 1px solid #313131;
  vertical-align: middle;
  position: relative;
}
.timeline-search .search-box .search-box-inner .filter a {
  display: inline-block;
  border-left: 1px solid #313131;
  overflow: hidden;
  width: 17px;
  vertical-align: middle;
  height: 22px;
  position: absolute;
  right: 0;
  top: 0;
  text-indent: 100px;
}
.timeline-search .search-box .search-box-inner .filter a:after {
  content: "\f2d7";
  font-family: "Ionicons";
  color: #313131;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  font-size: 15px;
  text-align: center;
  text-indent: 0;
  background: #e2e3e5;
}
.timeline-search .search-box .search-box-inner .filter.filter-color.color-fe4556 {
  background: #fe4556;
}
.timeline-search .search-box .search-box-inner .filter.filter-color.color-ff9100 {
  background: #ff9100;
}
.timeline-search .search-box .search-box-inner .filter.filter-color.color-ffce00 {
  background: #ffce00;
}
.timeline-search .search-box .search-box-inner .filter.filter-color.color-5dd8a0 {
  background: #5dd8a0;
}
.timeline-search .search-box .search-box-inner .filter.filter-color.color-58a8e1 {
  background: #58a8e1;
}
.timeline-search .search-box .search-box-inner .filter.filter-color.color-a86ae2 {
  background: #a86ae2;
}
.timeline-search .search-box span.button {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 100%;
  color: #313131;
  font-size: 25px;
  padding-left: 15px;
  text-align: center;
  cursor: pointer;
}
.timeline-search .search-options {
  display: none;
}
@media (max-width: 768px) {
  .timeline-search .search-options {
    display: block !important;
  }
}
.timeline-search .search-options .options-group {
  border-bottom: 1px solid #c2c3c7;
}
.timeline-search .search-options .options-group .label-area .icon {
  color: #000000;
  font-size: 25px;
  display: inline-block;
  line-height: 46px;
  height: 40px;
  vertical-align: middle;
  overflow: hidden;
  padding-left: 30px;
  width: 65px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .timeline-search .search-options .options-group .label-area .icon {
    padding-left: 15px;
    width: 50px;
    height: auto;
    line-height: 1em;
  }
}
.timeline-search .search-options .options-group .label-area .icon span {
  line-height: 42px;
}
.timeline-search .search-options .options-group .label-area .label {
  color: #3e3b43;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
  line-height: 40px;
  height: 40px;
  vertical-align: middle;
}
@media (max-width: 768px) {
  .timeline-search .search-options .options-group .label-area .label {
    height: 45px;
    line-height: 45px;
  }
}
.timeline-search .search-options .options-group.dropdown {
  position: relative;
  overflow: hidden;
}
.timeline-search .search-options .options-group.dropdown:after {
  content: "\e688";
  font-family: 'Pe-icon-7-stroke';
  font-weight: bold;
  color: #231f20;
  font-size: 25px;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  line-height: 40px;
  overflow: hidden;
  padding-right: 23px;
  pointer-events: none;
}
@media (max-width: 768px) {
  .timeline-search .search-options .options-group.dropdown:after {
    padding-right: 5px;
  }
}
.timeline-search .search-options .options-group.dropdown.active {
  border-bottom: none;
}
.timeline-search .search-options .options-group.dropdown.active:after {
  content: "\e682";
}
.timeline-search .search-options .options-group.dropdown .label-area {
  cursor: pointer;
}
.timeline-search .search-options .options-group.dropdown .dropdown-section {
  padding: 0 70px;
  border-top: 1px solid #313131;
  border-bottom: 1px solid #313131;
  display: none;
}
@media (max-width: 768px) {
  .timeline-search .search-options .options-group.dropdown .dropdown-section {
    padding: 0 20px;
  }
}
.timeline-search .search-options .options-group.color-tags {
  overflow: hidden;
}
.timeline-search .search-options .options-group.color-tags ul.colors {
  float: right;
  list-style: none;
  padding: 11px 30px 11px 0;
}
@media (max-width: 768px) {
  .timeline-search .search-options .options-group.color-tags ul.colors {
    padding: 14px 15px 13px 0;
  }
}
.timeline-search .search-options .options-group.color-tags ul.colors li {
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
}
.timeline-search .search-options .options-group.color-tags ul.colors li:first-child {
  padding-left: 0;
}
.timeline-search .search-options .options-group.color-tags ul.colors li span {
  display: block;
  width: 17px;
  height: 17px;
  border-radius: 17px;
  overflow: hidden;
  background: #ccc;
  position: relative;
  cursor: pointer;
}
.timeline-search .search-options .options-group.color-tags ul.colors li span span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: transparent;
  border: 1px solid #313131;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-size: 15px;
  text-indent: -1px;
  font-weight: bold;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .2s;
  transition: .2s;
}
.timeline-search .search-options .options-group.color-tags ul.colors li span.active span {
  opacity: 1;
  visibility: visible;
}
.timeline-search .search-options .options-group.color-tags ul.colors li span.color-fe4556 {
  background-color: #fe4556;
}
.timeline-search .search-options .options-group.color-tags ul.colors li span.color-xxxx {
  background-color: #xxxx;
}
.timeline-search .search-options .options-group.color-tags ul.colors li span.color-ff9100 {
  background-color: #ff9100;
}
.timeline-search .search-options .options-group.color-tags ul.colors li span.color-ffce00 {
  background-color: #ffce00;
}
.timeline-search .search-options .options-group.color-tags ul.colors li span.color-5dd8a0 {
  background-color: #5dd8a0;
}
.timeline-search .search-options .options-group.color-tags ul.colors li span.color-58a8e1 {
  background-color: #58a8e1;
}
.timeline-search .search-options .options-group.color-tags ul.colors li span.color-a86ae2 {
  background-color: #a86ae2;
}
.timeline-search .search-options .options-group.my-tags .dropdown-section ul.tags {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 200px;
}
.timeline-search .search-options .options-group.my-tags .dropdown-section ul.tags li {
  border-bottom: 1px solid #c2c3c7;
}
.timeline-search .search-options .options-group.my-tags .dropdown-section ul.tags li:last-child {
  border-bottom: none;
}
.timeline-search .search-options .options-group.my-tags .dropdown-section ul.tags li span {
  display: block;
  font-size: 14px;
  color: #505050;
  font-family: 'Roboto', sans-serif;
  line-height: 20px;
  padding: 10px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.timeline-search .search-options .options-group.my-tags .dropdown-section ul.tags li span.no-tags {
  opacity: 0.3;
  cursor: default;
}
.timeline-search .search-options .options-group.my-tags .dropdown-section ul.tags li.active span {
  opacity: .5;
}
.timeline-search .search-options .options-group.my-tags .dropdown-section .scroll-element.scroll-y {
  position: absolute;
  top: 0;
  right: 10px;
  height: 100%;
  width: 3px;
  z-index: 10;
  background: transparent;
}
.timeline-search .search-options .options-group.my-tags .dropdown-section .scroll-element.scroll-y .scroll-element_outer {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.timeline-search .search-options .options-group.my-tags .dropdown-section .scroll-element.scroll-y .scroll-element_outer .scroll-element_size,
.timeline-search .search-options .options-group.my-tags .dropdown-section .scroll-element.scroll-y .scroll-element_outer .scroll-element_track {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.timeline-search .search-options .options-group.my-tags .dropdown-section .scroll-element.scroll-y .scroll-element_outer .scroll-element_track {
  height: 70px;
}
.timeline-search .search-options .options-group.my-tags .dropdown-section .scroll-element.scroll-y .scroll-element_outer .scroll-bar {
  background: #c2c3c7;
  position: relative;
}
.timeline-search .search-options .options-group.date {
  overflow: initial;
}
.timeline-search .search-options .options-group.date .dropdown-section {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
}
.timeline-search .search-options .options-group.date .dropdown-section .date-field {
  display: inline-block;
  position: relative;
  width: 145px;
}
@media (max-width: 768px) {
  .timeline-search .search-options .options-group.date .dropdown-section .date-field {
    display: block;
    width: 200px;
    margin: 0 auto;
  }
}
.timeline-search .search-options .options-group.date .dropdown-section .date-field:before {
  content: " ";
  width: 20px;
  height: 20px;
  background-image: url('../img/searchbar/datepicker.png');
  position: absolute;
  left: 10px;
  top: 10px;
  pointer-events: none;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .timeline-search .search-options .options-group.date .dropdown-section .date-field:before {
    background-image: url("../img/searchbar/datepicker@2x.png");
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
  }
}
.timeline-search .search-options .options-group.date .dropdown-section .date-field:after {
  content: "\e688";
  font-family: 'Pe-icon-7-stroke';
  color: #313131;
  font-size: 25px;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
  pointer-events: none;
}
.timeline-search .search-options .options-group.date .dropdown-section .date-field.focused:after {
  content: "\e682";
}
.timeline-search .search-options .options-group.date .dropdown-section .date-field input {
  width: 145px;
  height: 40px;
  border: 1px solid #313131;
  color: #313131;
  padding-left: 40px;
  padding-right: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: transparent;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: normal;
}
@media (max-width: 768px) {
  .timeline-search .search-options .options-group.date .dropdown-section .date-field input {
    width: 200px;
  }
}
.timeline-search .search-options .options-group.date .dropdown-section .date-field input::-webkit-input-placeholder {
  color: #313131;
}
.timeline-search .search-options .options-group.date .dropdown-section .date-field input:-moz-placeholder {
  color: #313131;
}
.timeline-search .search-options .options-group.date .dropdown-section .date-field input::-moz-placeholder {
  color: #313131;
}
.timeline-search .search-options .options-group.date .dropdown-section .date-field input:-ms-input-placeholder {
  color: #313131;
}
.timeline-search .search-options .options-group.date .dropdown-section .date-field input:focus {
  outline: none;
}
.timeline-search .search-options .options-group.date .dropdown-section .date-field .bootstrap-datetimepicker-widget {
  width: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 17px;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  left: 50% !important;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin: 12px 0;
  background: #ffffff;
}
@media (max-width: 768px) {
  .timeline-search .search-options .options-group.date .dropdown-section .date-field .bootstrap-datetimepicker-widget {
    background: #ffffff;
  }
}
.timeline-search .search-options .options-group.date .dropdown-section .date-field .bootstrap-datetimepicker-widget.top:before {
  border: 7px solid;
  border-color: #ffffff transparent transparent transparent;
  bottom: -14px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.timeline-search .search-options .options-group.date .dropdown-section .date-field .bootstrap-datetimepicker-widget.top:after {
  display: none;
}
.timeline-search .search-options .options-group.date .dropdown-section .date-field .bootstrap-datetimepicker-widget.bottom:before {
  border: 7px solid;
  border-color: transparent transparent #ffffff transparent;
  top: -14px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.timeline-search .search-options .options-group.date .dropdown-section .date-field .bootstrap-datetimepicker-widget.bottom:after {
  display: none;
}
.timeline-search .search-options .options-group.date .dropdown-section .date-field .bootstrap-datetimepicker-widget .table-condensed {
  width: 210px;
}
.timeline-search .search-options .options-group.date .dropdown-section .date-field .bootstrap-datetimepicker-widget .table-condensed thead tr th.dow {
  color: #4384ef;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: normal;
  text-transform: uppercase;
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.timeline-search .search-options .options-group.date .dropdown-section .date-field .bootstrap-datetimepicker-widget .table-condensed thead tr th.prev,
.timeline-search .search-options .options-group.date .dropdown-section .date-field .bootstrap-datetimepicker-widget .table-condensed thead tr th.picker-switch,
.timeline-search .search-options .options-group.date .dropdown-section .date-field .bootstrap-datetimepicker-widget .table-condensed thead tr th.next {
  color: #313131;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: normal;
  height: 30px;
  padding: 0;
  vertical-align: middle;
}
.timeline-search .search-options .options-group.date .dropdown-section .date-field .bootstrap-datetimepicker-widget .table-condensed thead tr th.prev:hover,
.timeline-search .search-options .options-group.date .dropdown-section .date-field .bootstrap-datetimepicker-widget .table-condensed thead tr th.picker-switch:hover,
.timeline-search .search-options .options-group.date .dropdown-section .date-field .bootstrap-datetimepicker-widget .table-condensed thead tr th.next:hover {
  background: transparent;
}
.timeline-search .search-options .options-group.date .dropdown-section .date-field .bootstrap-datetimepicker-widget .table-condensed thead tr th.prev,
.timeline-search .search-options .options-group.date .dropdown-section .date-field .bootstrap-datetimepicker-widget .table-condensed thead tr th.next {
  font-size: 25px;
}
.timeline-search .search-options .options-group.date .dropdown-section .date-field .bootstrap-datetimepicker-widget .table-condensed tbody tr td.day {
  color: #313131;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 300;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  line-height: 30px;
  position: relative;
}
.timeline-search .search-options .options-group.date .dropdown-section .date-field .bootstrap-datetimepicker-widget .table-condensed tbody tr td.day:before {
  display: none;
}
.timeline-search .search-options .options-group.date .dropdown-section .date-field .bootstrap-datetimepicker-widget .table-condensed tbody tr td.day:after {
  content: " ";
  border-radius: 100%;
  width: 28px;
  height: 28px;
  border: 1px solid #313131;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}
.timeline-search .search-options .options-group.date .dropdown-section .date-field .bootstrap-datetimepicker-widget .table-condensed tbody tr td.day:hover {
  background: inherit;
}
.timeline-search .search-options .options-group.date .dropdown-section .date-field .bootstrap-datetimepicker-widget .table-condensed tbody tr td.day.old,
.timeline-search .search-options .options-group.date .dropdown-section .date-field .bootstrap-datetimepicker-widget .table-condensed tbody tr td.day.new {
  color: #a7a8aa;
}
.timeline-search .search-options .options-group.date .dropdown-section .date-field .bootstrap-datetimepicker-widget .table-condensed tbody tr td.day.active {
  background: transparent;
}
.timeline-search .search-options .options-group.date .dropdown-section .date-field .bootstrap-datetimepicker-widget .table-condensed tbody tr td.day.active:after {
  display: block;
}
.timeline-search .search-options .options-group.date .dropdown-section .date-field .bootstrap-datetimepicker-widget .table-condensed tbody tr td.day.today {
  background: #f0f0f0;
}
.timeline-search .search-options .options-group.date .dropdown-section .date-field .bootstrap-datetimepicker-widget .table-condensed tbody tr td span.month {
  color: #313131;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: normal;
}
.timeline-search .search-options .options-group.date .dropdown-section .date-field .bootstrap-datetimepicker-widget .table-condensed tbody tr td span.month:hover {
  background: transparent;
}
.timeline-search .search-options .options-group.date .dropdown-section .date-field .bootstrap-datetimepicker-widget .table-condensed tbody tr td span.month.active {
  background: transparent;
  border: 1px solid #313131;
}
.timeline-search .search-options .options-group.date .dropdown-section span.txt {
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: normal;
  padding: 0 30px;
  line-height: 40px;
}
.timeline-search .search-options .options-group.advanced .dropdown-section {
  padding-top: 10px;
  padding-bottom: 10px;
}
.timeline-search .search-options .options-group.advanced .dropdown-section .field-group {
  display: table;
  width: 100%;
  border-bottom: 1px solid #c2c3c7;
  margin: 20px 0;
}
.timeline-search .search-options .options-group.advanced .dropdown-section .field-group .field-align {
  display: table-row;
  width: 100%;
}
.timeline-search .search-options .options-group.advanced .dropdown-section .field-group .field-align label {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  line-height: 20px;
  font-weight: normal;
  font-style: italic;
  color: #313131;
  display: table-cell;
  white-space: nowrap;
  text-align: left;
  width: 1px;
  padding: 0 15px 0 0;
}
.timeline-search .search-options .options-group.advanced .dropdown-section .field-group .field-align input {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  line-height: 20px;
  font-weight: normal;
  color: #7f7f7f;
  background: transparent;
  display: table-cell;
  clear: left;
  width: 100%;
  border: none;
}
.timeline-search .search-options .options-group.advanced .dropdown-section .field-group .field-align input:focus {
  outline: none;
}
@media (max-width: 768px) {
  .timeline-search .search-options.tags-only .options-group:not(.my-tags) {
    display: none;
  }
  .timeline-search .search-options.tags-only .options-group.my-tags {
    padding-right: 0;
    border-bottom: none;
  }
  .timeline-search .search-options.tags-only .options-group.my-tags:after {
    display: none;
  }
  .timeline-search .search-options.tags-only .options-group.my-tags .label-area {
    display: none;
  }
  .timeline-search .search-options.tags-only .options-group.my-tags .dropdown-section {
    display: block;
    border-top: none;
    border-bottom: none;
    padding-left: 0;
  }
  .timeline-search .search-options.tags-only .options-group.my-tags .dropdown-section ul li {
    display: none;
    border-bottom: 1px solid #c2c3c7;
  }
  .timeline-search .search-options.tags-only .options-group.my-tags .dropdown-section ul li.visible {
    display: block;
  }
  .timeline-search .search-options.tags-only .options-group.my-tags .dropdown-section ul li span {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.timeline-search.show-search {
  display: block;
  visibility: visible;
  opacity: 1;
}
.timeline-head {
  position: relative;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .timeline-head {
    margin-bottom: 0;
  }
}
.timeline-head h1 {
  font-family: 'Roboto', sans-serif;
  color: #313131;
  font-size: 30px;
  font-weight: normal;
  line-height: 30px;
}
@media (max-width: 768px) {
  .timeline-head h1 {
    font-size: 22px;
    line-height: 50px;
    margin-bottom: 0;
  }
}
.timeline-head h1 a.minimize {
  display: inline-block;
  font-size: 25px;
  line-height: 30px;
  float: right;
  color: #313131;
  text-decoration: none;
}
@media (max-width: 768px) {
  .timeline-head h1 a.minimize {
    font-size: 20px;
  }
  .timeline-head h1 a.minimize span {
    line-height: 50px;
  }
}
.timeline .timeline-stamp {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #959595;
  position: relative;
  padding: 10px 30px;
  margin-bottom: 30px;
  -webkit-transition: .3s;
  transition: .3s;
}
@media (max-width: 768px) {
  .timeline .timeline-stamp {
    margin-bottom: 20px;
  }
}
.timeline .timeline-stamp.animate-fade {
  visibility: hidden;
  opacity: 0;
}
.timeline .timeline-stamp.animate-standby {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
}
.timeline .timeline-stamp:after {
  content: " ";
  position: absolute;
  width: 1px;
  height: 30px;
  background: #ffffff;
  left: 50%;
  bottom: -30px;
}
.timeline .timeline-stamp span.timestamp {
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  font-size: 18px;
  line-height: 30px;
  font-weight: 300;
  text-align: center;
  display: block;
}
@media (max-width: 768px) {
  .timeline .timeline-stamp span.timestamp {
    line-height: 25px;
    font-size: 16px;
  }
}
.timeline .timeline-group .timeline-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff;
  border: 1px solid #ffffff;
  position: relative;
  margin-bottom: 30px;
  -webkit-transition: .3s;
  transition: .3s;
}
@media (max-width: 768px) {
  .timeline .timeline-group .timeline-item {
    margin-bottom: 20px;
  }
}
.timeline .timeline-group .timeline-item .minimize-wrapper {
  max-height: 500px;
  overflow: hidden;
  visibility: visible;
  opacity: 1;
  -webkit-transition: .5s;
  transition: .5s;
}
.timeline .timeline-group .timeline-item.animate-standby {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
}
.timeline .timeline-group .timeline-item:after {
  content: " ";
  position: absolute;
  width: 1px;
  height: 30px;
  background: #ffffff;
  left: 50%;
  bottom: -30px;
}
.timeline .timeline-group .timeline-item .upload {
  background: rgba(204, 204, 204, 0.2);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
.timeline .timeline-group .timeline-item .upload .upload-progress-bar {
  height: 3px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #e6e6e6;
}
.timeline .timeline-group .timeline-item .upload .upload-progress-bar .upload-pointer {
  height: 3px;
  width: 0%;
  background: #959595;
  -webkit-transition: .1s;
  transition: .1s;
}
.timeline .timeline-group .timeline-item .upload .upload-progress-bar .upload-pointer.color-fe4556 {
  background-color: #fe4556;
}
.timeline .timeline-group .timeline-item .upload .upload-progress-bar .upload-pointer.color-ff9100 {
  background-color: #ff9100;
}
.timeline .timeline-group .timeline-item .upload .upload-progress-bar .upload-pointer.color-ffce00 {
  background-color: #ffce00;
}
.timeline .timeline-group .timeline-item .upload .upload-progress-bar .upload-pointer.color-5dd8a0 {
  background-color: #5dd8a0;
}
.timeline .timeline-group .timeline-item .upload .upload-progress-bar .upload-pointer.color-58a8e1 {
  background-color: #58a8e1;
}
.timeline .timeline-group .timeline-item .upload .upload-progress-bar .upload-pointer.color-a86ae2 {
  background-color: #a86ae2;
}
.timeline .timeline-group .timeline-item .upload .loading {
  border-top-color: #959595;
}
.timeline .timeline-group .timeline-item .upload .loading.color-fe4556 {
  border-top-color: rgba(249, 83, 98, 0.6);
}
.timeline .timeline-group .timeline-item .upload .loading.color-ff9100 {
  border-top-color: rgba(250, 151, 20, 0.6);
}
.timeline .timeline-group .timeline-item .upload .loading.color-ffce00 {
  border-top-color: rgba(250, 206, 20, 0.6);
}
.timeline .timeline-group .timeline-item .upload .loading.color-5dd8a0 {
  border-top-color: rgba(104, 215, 164, 0.6);
}
.timeline .timeline-group .timeline-item .upload .loading.color-58a8e1 {
  border-top-color: rgba(100, 172, 223, 0.6);
}
.timeline .timeline-group .timeline-item .upload .loading.color-a86ae2 {
  border-top-color: rgba(172, 116, 224, 0.6);
}
.timeline .timeline-group .timeline-item .upload .loader {
  height: -webkit-calc(100% - 48px );
  height: calc(100% - 48px );
  max-height: 260px;
}
.timeline .timeline-group .timeline-item .content-wrapper {
  position: relative;
  padding: 30px;
}
@media (max-width: 768px) {
  .timeline .timeline-group .timeline-item .content-wrapper {
    padding: 20px;
  }
}
.timeline .timeline-group .timeline-item .content-wrapper h1.title {
  font-family: 'Roboto', sans-serif;
  color: #313131;
  font-size: 22px;
  line-height: 28px;
  font-weight: normal;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  cursor: pointer;
}
@media (max-width: 768px) {
  .timeline .timeline-group .timeline-item .content-wrapper h1.title {
    font-size: 18px;
    line-height: 24px;
    -webkit-background-size: auto 24px;
    background-size: auto 24px;
    margin-bottom: 13px;
  }
}
.timeline .timeline-group .timeline-item .content-wrapper span.timestamp {
  display: block;
  font-family: 'Roboto', sans-serif;
  color: #313131;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  .timeline .timeline-group .timeline-item .content-wrapper span.timestamp {
    margin-bottom: 13px;
  }
}
.timeline .timeline-group .timeline-item .content-wrapper .excerpt {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  line-height: 22px;
  color: #848589;
  font-weight: normal;
}
.timeline .timeline-group .timeline-item .content-wrapper .excerpt p {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  line-height: 22px;
  color: #848589;
  font-weight: normal;
}
.timeline .timeline-group .timeline-item .content-wrapper .excerpt p strong {
  font-size: 500;
}
.timeline .timeline-group .timeline-item .content-wrapper .excerpt > * :last-child {
  margin-bottom: 0;
}
.timeline .timeline-group .timeline-item .content-wrapper .img-wrapper {
  position: absolute;
  width: 200px;
  height: 100%;
  top: 0;
  right: 0;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  cursor: pointer;
}
@media (max-width: 768px) {
  .timeline .timeline-group .timeline-item .content-wrapper .img-wrapper {
    width: 100%;
    top: auto;
    bottom: 0;
    height: 100px;
  }
}
.timeline .timeline-group .timeline-item .content-wrapper .medias {
  margin-top: 25px;
  margin-bottom: -10px;
}
@media (max-width: 768px) {
  .timeline .timeline-group .timeline-item .content-wrapper .medias {
    margin-top: 15px;
  }
}
.timeline .timeline-group .timeline-item .content-wrapper > .actions {
  position: absolute;
  right: -41px;
  top: 30px;
  z-index: 1;
  -webkit-transition: .2s;
  transition: .2s;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 768px) {
  .timeline .timeline-group .timeline-item .content-wrapper > .actions {
    visibility: visible;
    opacity: 1;
    right: auto;
    top: auto;
    left: auto;
    width: 120px;
    height: 100px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: none;
    transition: none;
  }
  .timeline .timeline-group .timeline-item .content-wrapper > .actions.show {
    visibility: visible;
    opacity: 1;
  }
  .timeline .timeline-group .timeline-item .content-wrapper > .actions:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 1px solid #4384ef;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    background: transparent;
  }
  .timeline .timeline-group .timeline-item .content-wrapper > .actions span {
    position: absolute;
  }
  .timeline .timeline-group .timeline-item .content-wrapper > .actions span.edit {
    left: 0;
  }
  .timeline .timeline-group .timeline-item .content-wrapper > .actions span.remove {
    right: 0;
  }
  .timeline .timeline-group .timeline-item .content-wrapper > .actions.top span {
    position: absolute;
  }
  .timeline .timeline-group .timeline-item .content-wrapper > .actions.top span.edit {
    left: 0;
    bottom: 0;
  }
  .timeline .timeline-group .timeline-item .content-wrapper > .actions.top span.remove {
    right: 0;
    bottom: 0;
  }
  .timeline .timeline-group .timeline-item .content-wrapper > .actions.right span {
    position: absolute;
  }
  .timeline .timeline-group .timeline-item .content-wrapper > .actions.right span.edit {
    left: 0;
  }
  .timeline .timeline-group .timeline-item .content-wrapper > .actions.right span.remove {
    right: auto;
    bottom: 0;
  }
  .timeline .timeline-group .timeline-item .content-wrapper > .actions.bottom span {
    position: absolute;
  }
  .timeline .timeline-group .timeline-item .content-wrapper > .actions.bottom span.edit {
    left: 0;
    top: 0;
  }
  .timeline .timeline-group .timeline-item .content-wrapper > .actions.bottom span.remove {
    right: 0;
    left: auto;
    top: 0;
  }
  .timeline .timeline-group .timeline-item .content-wrapper > .actions.left span {
    position: absolute;
  }
  .timeline .timeline-group .timeline-item .content-wrapper > .actions.left span.edit {
    right: 0;
    left: auto;
    top: 0;
  }
  .timeline .timeline-group .timeline-item .content-wrapper > .actions.left span.remove {
    right: 0;
    bottom: 0;
  }
  .timeline .timeline-group .timeline-item .content-wrapper > .actions.top.right span {
    position: absolute;
  }
  .timeline .timeline-group .timeline-item .content-wrapper > .actions.top.right span.edit {
    bottom: -18px;
    left: -webkit-calc(50% - 20px);
    left: calc(50% - 20px);
    top: auto;
    right: auto;
  }
  .timeline .timeline-group .timeline-item .content-wrapper > .actions.top.right span.remove {
    left: -10px;
    top: -webkit-calc(50% - 20px);
    top: calc(50% - 20px);
    bottom: auto;
    right: auto;
  }
  .timeline .timeline-group .timeline-item .content-wrapper > .actions.bottom.right span {
    position: absolute;
  }
  .timeline .timeline-group .timeline-item .content-wrapper > .actions.bottom.right span.edit {
    left: -10px;
    top: -webkit-calc(50% - 20px);
    top: calc(50% - 20px);
    right: auto;
    bottom: auto;
  }
  .timeline .timeline-group .timeline-item .content-wrapper > .actions.bottom.right span.remove {
    top: -18px;
    left: -webkit-calc(50% - 20px);
    left: calc(50% - 20px);
    bottom: auto;
    right: auto;
  }
  .timeline .timeline-group .timeline-item .content-wrapper > .actions.bottom.left span {
    position: absolute;
  }
  .timeline .timeline-group .timeline-item .content-wrapper > .actions.bottom.left span.edit {
    top: -18px;
    left: -webkit-calc(50% - 20px);
    left: calc(50% - 20px);
    bottom: auto;
    right: auto;
  }
  .timeline .timeline-group .timeline-item .content-wrapper > .actions.bottom.left span.remove {
    right: -10px;
    top: -webkit-calc(30%);
    top: calc(30%);
    left: auto;
    bottom: auto;
  }
  .timeline .timeline-group .timeline-item .content-wrapper > .actions.top.left span {
    position: absolute;
  }
  .timeline .timeline-group .timeline-item .content-wrapper > .actions.top.left span.edit {
    right: -10px;
    top: -webkit-calc(50% - 20px);
    top: calc(50% - 20px);
    left: auto;
    bottom: auto;
  }
  .timeline .timeline-group .timeline-item .content-wrapper > .actions.top.left span.remove {
    bottom: -18px;
    left: -webkit-calc(50% - 20px);
    left: calc(50% - 20px);
    right: auto;
    top: auto;
  }
}
.timeline .timeline-group .timeline-item .content-wrapper > .actions.left {
  right: auto;
  left: -41px;
}
@media (min-width: 769px) {
  .timeline .timeline-group .timeline-item .content-wrapper > .actions.left {
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 768px) {
  .timeline .timeline-group .timeline-item .content-wrapper > .actions.left {
    right: auto;
    left: 50px;
    top: 50px;
  }
}
.timeline .timeline-group .timeline-item .content-wrapper > .actions span {
  display: block;
  width: 40px;
  height: 40px;
  background: #ffffff;
  margin-bottom: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  background-image: url('../img/note/timeline-hover.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .timeline .timeline-group .timeline-item .content-wrapper > .actions span {
    background-image: url("../img/note/timeline-hover@2x.png");
    -webkit-background-size: 40px 120px;
    background-size: 40px 120px;
  }
}
@media (max-width: 768px) {
  .timeline .timeline-group .timeline-item .content-wrapper > .actions span {
    border-radius: 100%;
    overflow: hidden;
    margin-bottom: 0;
  }
}
.timeline .timeline-group .timeline-item .content-wrapper > .actions span span.txt {
  width: 40px;
  height: 20px;
  background: transparent;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #313131;
  position: relative;
  margin-top: 40px;
  line-height: 20px;
}
.timeline .timeline-group .timeline-item .content-wrapper > .actions span.edit {
  background-position: 0 0;
  border: 1px solid #4384ef;
  border-left: 0;
}
@media (max-width: 768px) {
  .timeline .timeline-group .timeline-item .content-wrapper > .actions span.edit {
    border-left: 1px solid #4384ef;
  }
}
.timeline .timeline-group .timeline-item .content-wrapper > .actions span.remove {
  background-position: 0 -40px;
  border: 1px solid #fe4556;
  border-left: 0;
}
@media (max-width: 768px) {
  .timeline .timeline-group .timeline-item .content-wrapper > .actions span.remove {
    border-left: 1px solid #fe4556;
  }
}
.timeline .timeline-group .timeline-item .content-wrapper > .actions span.lock {
  background-position: 0 -80px;
  border: 1px solid #ef4859;
  background-color: #ef4859;
  border-right: 0;
}
.timeline .timeline-group .timeline-item .content-wrapper.has-image {
  padding-right: 230px;
}
@media (max-width: 768px) {
  .timeline .timeline-group .timeline-item .content-wrapper.has-image {
    padding-right: 20px;
    padding-bottom: 120px;
  }
}
.timeline .timeline-group .timeline-item .tags {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px 30px 6px 30px;
  background: #e2e3e5;
  min-height: 48px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .timeline .timeline-group .timeline-item .tags {
    min-height: 40px;
    padding: 8px 20px 2px 20px;
  }
}
.timeline .timeline-group .timeline-item .tags.color-fe4556 {
  background-color: #fe4556;
}
.timeline .timeline-group .timeline-item .tags.color-ff9100 {
  background-color: #ff9100;
}
.timeline .timeline-group .timeline-item .tags.color-ffce00 {
  background-color: #ffce00;
}
.timeline .timeline-group .timeline-item .tags.color-5dd8a0 {
  background-color: #5dd8a0;
}
.timeline .timeline-group .timeline-item .tags.color-58a8e1 {
  background-color: #58a8e1;
}
.timeline .timeline-group .timeline-item .tags.color-a86ae2 {
  background-color: #a86ae2;
}
.timeline .timeline-group .timeline-item .tags .tag {
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  color: #313131;
  font-size: 12px;
  font-weight: normal;
  padding: 6px 10px;
  background: #ffffff;
  margin-right: 6px;
  margin-bottom: 6px;
  vertical-align: middle;
}
.timeline .timeline-group .timeline-item .unlocker {
  background: #4384ef;
  height: 46px;
  padding: 0 30px;
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: none;
}
@-webkit-keyframes shake {
  10%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}
@keyframes shake {
  10%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}
.timeline .timeline-group .timeline-item .unlocker input {
  background: transparent;
  border: none;
  outline: none;
  border-bottom: 1px solid #ffffff;
  height: 25px;
  color: #ffffff;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
  float: left;
  margin-top: 11px;
  width: -webkit-calc(100% - 110px);
  width: calc(100% - 110px);
  border-radius: 0;
}
.timeline .timeline-group .timeline-item .unlocker input::-webkit-input-placeholder {
  font-style: italic;
  color: #ffffff;
}
.timeline .timeline-group .timeline-item .unlocker input:-moz-placeholder {
  font-style: italic;
  color: #ffffff;
}
.timeline .timeline-group .timeline-item .unlocker input::-moz-placeholder {
  font-style: italic;
  color: #ffffff;
}
.timeline .timeline-group .timeline-item .unlocker input:-ms-input-placeholder {
  font-style: italic;
  color: #ffffff;
}
.timeline .timeline-group .timeline-item .unlocker input.error-shake {
  -webkit-animation: shake 0.8s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  animation: shake 0.8s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.timeline .timeline-group .timeline-item .unlocker button {
  background: transparent;
  border: none;
  outline: none;
  color: #ffffff;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
  height: 46px;
  width: 110px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  cursor: pointer;
  -webkit-transition: .2s;
  transition: .2s;
}
.timeline .timeline-group .timeline-item .unlocker button.disabled {
  opacity: .8;
}
.timeline .timeline-group .timeline-item.lockable:not(.unlocked) .content-wrapper {
  padding-top: 11px;
  padding-bottom: 11px;
}
@media (max-width: 768px) {
  .timeline .timeline-group .timeline-item.lockable:not(.unlocked) .content-wrapper {
    padding-top: 13px;
    padding-bottom: 13px;
  }
}
.timeline .timeline-group .timeline-item.lockable:not(.unlocked) .content-wrapper .title {
  margin-bottom: 0;
  background-image: url('../img/timeline-locked-icon.png');
  background-repeat: no-repeat;
  padding-left: 35px;
  padding-right: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .timeline .timeline-group .timeline-item.lockable:not(.unlocked) .content-wrapper .title {
    background-image: url("../img/timeline-locked-icon@2x.png");
    -webkit-background-size: 20px 27px;
    background-size: 20px 27px;
  }
}
@media (max-width: 768px) {
  .timeline .timeline-group .timeline-item.lockable:not(.unlocked) .content-wrapper .title {
    -webkit-background-size: auto 24px;
    background-size: auto 24px;
  }
}
.timeline .timeline-group .timeline-item.lockable:not(.unlocked) .content-wrapper .title:after {
  content: " ";
  position: absolute;
  width: 10px;
  height: 6px;
  background-image: url('../img/timeline-locked-arrowup.png');
  right: 0;
  top: -webkit-calc( 50% - 3px );
  top: calc( 50% - 3px );
  -webkit-transition: .2s;
  transition: .2s;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .timeline .timeline-group .timeline-item.lockable:not(.unlocked) .content-wrapper .title:after {
    background-image: url("../img/timeline-locked-arrowup@2x.png");
    -webkit-background-size: 10px 6px;
    background-size: 10px 6px;
  }
}
.timeline .timeline-group .timeline-item.lockable:not(.unlocked) .content-wrapper .timestamp {
  display: none;
}
.timeline .timeline-group .timeline-item.lockable:not(.unlocked) .content-wrapper .actions {
  display: none;
}
.timeline .timeline-group .timeline-item.lockable:not(.unlocked) .unlocker {
  display: block;
  overflow: hidden;
  height: 0;
  -webkit-transition: 0.4s cubic-bezier(0.43, 0.17, 0.11, 1.05);
  transition: 0.4s cubic-bezier(0.43, 0.17, 0.11, 1.05);
}
@media (max-width: 768px) {
  .timeline .timeline-group .timeline-item.lockable:not(.unlocked).hover .content-wrapper .title:after {
    background-image: url('../img/timeline-locked-arrowdown.png');
  }
  .timeline .timeline-group .timeline-item.lockable:not(.unlocked).hover .unlocker {
    height: 46px;
  }
}
@media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .timeline .timeline-group .timeline-item.lockable:not(.unlocked).hover .content-wrapper .title:after {
    background-image: url("../img/timeline-locked-arrowdown@2x.png");
    -webkit-background-size: 10px 6px;
    background-size: 10px 6px;
  }
}
@media (min-width: 769px) {
  .timeline .timeline-group .timeline-item.lockable:not(.unlocked):hover .content-wrapper .title:after {
    background-image: url('../img/timeline-locked-arrowdown.png');
  }
  .timeline .timeline-group .timeline-item.lockable:not(.unlocked):hover .unlocker {
    height: 46px;
  }
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .timeline .timeline-group .timeline-item.lockable:not(.unlocked):hover .content-wrapper .title:after {
    background-image: url("../img/timeline-locked-arrowdown@2x.png");
    -webkit-background-size: 10px 6px;
    background-size: 10px 6px;
  }
}
.timeline .timeline-group .timeline-item:not(.uploading):hover,
.timeline .timeline-group .timeline-item:not(.uploading).active {
  border-color: #c2c3c7;
}
@media (min-width: 769px) {
  .timeline .timeline-group .timeline-item:not(.uploading):hover .content-wrapper > .actions,
  .timeline .timeline-group .timeline-item:not(.uploading).active .content-wrapper > .actions {
    opacity: 1;
    visibility: visible;
  }
}
.timeline .timeline-group .timeline-item:not(.uploading):hover.color-fe4556,
.timeline .timeline-group .timeline-item:not(.uploading).active.color-fe4556 {
  border-color: #fe4556;
}
.timeline .timeline-group .timeline-item:not(.uploading):hover.color-ff9100,
.timeline .timeline-group .timeline-item:not(.uploading).active.color-ff9100 {
  border-color: #ff9100;
}
.timeline .timeline-group .timeline-item:not(.uploading):hover.color-ffce00,
.timeline .timeline-group .timeline-item:not(.uploading).active.color-ffce00 {
  border-color: #ffce00;
}
.timeline .timeline-group .timeline-item:not(.uploading):hover.color-5dd8a0,
.timeline .timeline-group .timeline-item:not(.uploading).active.color-5dd8a0 {
  border-color: #5dd8a0;
}
.timeline .timeline-group .timeline-item:not(.uploading):hover.color-58a8e1,
.timeline .timeline-group .timeline-item:not(.uploading).active.color-58a8e1 {
  border-color: #58a8e1;
}
.timeline .timeline-group .timeline-item:not(.uploading):hover.color-a86ae2,
.timeline .timeline-group .timeline-item:not(.uploading).active.color-a86ae2 {
  border-color: #a86ae2;
}
.timeline .timeline-group .timeline-item.minimized {
  cursor: pointer;
}
.timeline .timeline-group .timeline-item.minimized .minimize-wrapper {
  max-height: 0;
  visibility: hidden;
  opacity: 0;
  margin-bottom: -15px;
}
.timeline .timeline-group:last-child .timeline-item:last-child {
  margin-bottom: 100px;
}
.timeline .timeline-group:last-child .timeline-item:last-child:before {
  content: " ";
  width: 21px;
  height: 21px;
  border-radius: 21px;
  overflow: hidden;
  display: block;
  background: #ffffff;
  position: absolute;
  left: -webkit-calc( 50% - 10px );
  left: calc( 50% - 10px );
  bottom: -50px;
}
.viewport.detailed-view .timeline .timeline-item:hover .content-wrapper .actions,
.viewport.detailed-view .timeline .timeline-item.active .content-wrapper .actions {
  display: none;
}
.viewport.detailed-view .timeline .timeline-item .content-wrapper .img-wrapper {
  width: 135px;
}
.viewport.detailed-view .timeline .timeline-item .content-wrapper .actions span.lock {
  visibility: hidden;
}
.viewport.detailed-view .timeline .timeline-item .content-wrapper.has-image {
  padding-right: 165px;
}
.details-toolbar {
  position: relative;
  margin: 0 -7px;
}
@media (max-width: 768px) {
  .details-toolbar {
    margin-left: -7px;
    margin-right: -22px;
    display: none;
  }
  .details-toolbar.editing {
    display: block;
  }
}
.details-toolbar ul.default,
.details-toolbar ul.edit {
  list-style: none;
  padding: 20px 0;
  margin: 0;
}
.details-toolbar ul.default:before,
.details-toolbar ul.edit:before,
.details-toolbar ul.default:after,
.details-toolbar ul.edit:after {
  content: " ";
  display: table;
}
.details-toolbar ul.default:after,
.details-toolbar ul.edit:after {
  clear: both;
}
.details-toolbar ul.default li,
.details-toolbar ul.edit li {
  display: inline-block;
  margin-right: 20px;
}
.details-toolbar ul.default li.right,
.details-toolbar ul.edit li.right {
  float: right;
  margin-right: -5px;
}
@media (max-width: 768px) {
  .details-toolbar ul.default li.right,
  .details-toolbar ul.edit li.right {
    display: none;
  }
}
.details-toolbar ul.default li a,
.details-toolbar ul.edit li a {
  color: #565656;
  font-size: 25px;
  text-decoration: none;
  line-height: 45px;
  height: 45px;
  width: 45px;
  display: inline-block;
  border-radius: 45px;
  text-align: center;
  border: 1px solid transparent;
}
.details-toolbar ul.default li a span,
.details-toolbar ul.edit li a span {
  margin: 0 auto;
  display: block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-repeat: no-repeat;
  -webkit-transition: .2s;
  transition: .2s;
}
.details-toolbar ul.default li a span.edit-icon,
.details-toolbar ul.edit li a span.edit-icon {
  width: 24px;
  height: 24px;
  background-image: url('../img/details-toolbar-edit.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .details-toolbar ul.default li a span.edit-icon,
  .details-toolbar ul.edit li a span.edit-icon {
    background-image: url("../img/details-toolbar-edit@2x.png");
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
  }
}
.details-toolbar ul.default li a span.remove-icon,
.details-toolbar ul.edit li a span.remove-icon {
  width: 17px;
  height: 21px;
  background-image: url('../img/details-toolbar-remove.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .details-toolbar ul.default li a span.remove-icon,
  .details-toolbar ul.edit li a span.remove-icon {
    background-image: url("../img/details-toolbar-remove@2x.png");
    -webkit-background-size: 17px 21px;
    background-size: 17px 21px;
  }
}
.details-toolbar ul.default li a span.close-icon,
.details-toolbar ul.edit li a span.close-icon {
  font-size: 30px;
}
.details-toolbar ul.default li a.active,
.details-toolbar ul.edit li a.active {
  border: 1px solid #565656;
}
.details-toolbar ul.edit {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .3s;
  transition: .3s;
  z-index: 1;
  background: #ffffff;
  -webkit-transform: translateY(-20%);
  -ms-transform: translateY(-20%);
  transform: translateY(-20%);
}
@media (max-width: 768px) {
  .details-toolbar ul.edit {
    position: relative;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.details-toolbar ul.edit .tooltip-content {
  display: none;
}
@media (max-width: 768px) {
  .details-toolbar ul.edit li {
    display: block;
    width: 16.66666%;
    text-align: center;
    float: left;
    margin-right: 0;
  }
}
.details-toolbar ul.edit li:first-child {
  margin-left: -10px;
}
.details-toolbar ul.edit li.disabled {
  opacity: .5;
}
.details-toolbar ul.edit li.disabled a {
  cursor: default;
}
.details-toolbar ul.edit li a {
  text-decoration: none;
}
.details-toolbar ul.edit li a span {
  margin: 0 auto;
  display: block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-repeat: no-repeat;
  -webkit-transition: .2s;
  transition: .2s;
}
.details-toolbar ul.edit li a span.recorder-icon {
  width: 18px;
  height: 31px;
  background-image: url('../img/compose/opt-voice.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .details-toolbar ul.edit li a span.recorder-icon {
    background-image: url("../img/compose/opt-voice@2x.png");
    -webkit-background-size: 18px 31px;
    background-size: 18px 31px;
  }
}
.details-toolbar ul.edit li a span.image-icon {
  width: 25px;
  height: 24px;
  background-image: url('../img/compose/opt-pic.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .details-toolbar ul.edit li a span.image-icon {
    background-image: url("../img/compose/opt-pic@2x.png");
    -webkit-background-size: 25px 24px;
    background-size: 25px 24px;
  }
}
.details-toolbar ul.edit li a span.document-icon {
  width: 18px;
  height: 25px;
  background-image: url('../img/compose/opt-doc.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .details-toolbar ul.edit li a span.document-icon {
    background-image: url("../img/compose/opt-doc@2x.png");
    -webkit-background-size: 18px 25px;
    background-size: 18px 25px;
  }
}
.details-toolbar ul.edit li a span.color-icon {
  width: 25px;
  height: 29px;
  background-image: url('../img/compose/opt-color.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .details-toolbar ul.edit li a span.color-icon {
    background-image: url("../img/compose/opt-color@2x.png");
    -webkit-background-size: 25px 29px;
    background-size: 25px 29px;
  }
}
.details-toolbar ul.edit li a span.reminder-icon {
  width: 25px;
  height: 27px;
  background-image: url('../img/compose/opt-reminder.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .details-toolbar ul.edit li a span.reminder-icon {
    background-image: url("../img/compose/opt-reminder@2x.png");
    -webkit-background-size: 25px 27px;
    background-size: 25px 27px;
  }
}
.details-toolbar ul.edit li a span.lock-icon {
  width: 21px;
  height: 27px;
  background-image: url('../img/compose/opt-lock.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .details-toolbar ul.edit li a span.lock-icon {
    background-image: url("../img/compose/opt-lock@2x.png");
    -webkit-background-size: 21px 27px;
    background-size: 21px 27px;
  }
}
.details-toolbar ul.edit li a span.unlock-icon {
  width: 21px;
  height: 27px;
  background-image: url('../img/compose/opt-unlock.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .details-toolbar ul.edit li a span.unlock-icon {
    background-image: url("../img/compose/opt-unlock@2x.png");
    -webkit-background-size: 21px 27px;
    background-size: 21px 27px;
  }
}
.details-toolbar ul.edit li a span.save-icon {
  width: 30px;
  height: 30px;
  background-image: url('../img/details-toolbar-save.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .details-toolbar ul.edit li a span.save-icon {
    background-image: url("../img/details-toolbar-save@2x.png");
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
  }
}
.details-toolbar ul.edit li a.active:not(.lock) {
  border: 1px solid #565656;
}
.details-toolbar ul.edit li a.active.lock {
  border-color: transparent;
}
.details-toolbar ul.edit li a.active.lock span.lock-icon {
  background-image: url('../img/compose/opt-unlock.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .details-toolbar ul.edit li a.active.lock span.lock-icon {
    background-image: url("../img/compose/opt-unlock@2x.png");
    -webkit-background-size: 21px 27px;
    background-size: 21px 27px;
  }
}
@media (max-width: 768px) {
  .details-toolbar ul.default {
    display: none;
  }
}
.details-toolbar.editing ul.edit {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.details-editor-area .voice-recorder {
  margin: 0;
  padding-bottom: 40px;
}
@media (max-width: 768px) {
  .details-editor-area .voice-recorder {
    padding-bottom: 0px;
  }
}
.details-editor-area .media-uploader {
  margin: 0;
}
.details-editor-area .color-chooser {
  margin: 0;
  padding-top: 40px;
  padding-bottom: 43px;
}
@media (max-width: 768px) {
  .details-editor-area .color-chooser {
    padding-top: 8px;
    padding-bottom: 12px;
  }
}
.details-editor-area .reminder-editor {
  max-width: 350px;
  margin: 30px auto;
}
@media (max-width: 768px) {
  .details-editor-area .reminder-editor {
    margin: 0 auto;
  }
}
.detailed-area .loader {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: inherit;
  z-index: 99;
  background: #ffffff;
}
.detailed-area .loader.progress {
  background: rgba(255, 255, 255, 0.15);
}
.detailed-area .loader .progress {
  width: 100%;
  height: 3px;
}
.detailed-area .loader .progress .progress-bar {
  float: left;
  width: 0px;
  height: 3px;
  background: #959595;
  -webkit-transition: .1s;
  transition: .1s;
}
.detailed-area .loader .progress .progress-bar.color-fe4556 {
  background-color: #fe4556;
}
.detailed-area .loader .progress .progress-bar.color-ff9100 {
  background-color: #ff9100;
}
.detailed-area .loader .progress .progress-bar.color-ffce00 {
  background-color: #ffce00;
}
.detailed-area .loader .progress .progress-bar.color-5dd8a0 {
  background-color: #5dd8a0;
}
.detailed-area .loader .progress .progress-bar.color-58a8e1 {
  background-color: #58a8e1;
}
.detailed-area .loader .progress .progress-bar.color-a86ae2 {
  background-color: #a86ae2;
}
.details-note {
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .details-note {
    margin-bottom: 25px;
  }
}
.details-note h1.title {
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-size: 35px;
  color: #313131;
  margin-bottom: 15px;
  -webkit-transition: .2s;
  transition: .2s;
}
.details-note h1.title[contenteditable="true"] {
  border-bottom: 1px solid #313131;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .details-note h1.title {
    padding-top: 20px;
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 15px;
  }
}
.details-note span.timestamp {
  display: block;
  font-family: 'Roboto', sans-serif;
  color: #646464;
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .details-note span.timestamp {
    margin-bottom: 10px;
  }
}
.details-note .content {
  font-family: 'Roboto', sans-serif;
  color: #848589;
  font-weight: normal;
  font-size: 13px;
  line-height: 22px;
  margin: 20px 0;
  -webkit-transition: .2s;
  transition: .2s;
}
@media (max-width: 768px) {
  .details-note .content {
    margin: 15px 0;
  }
}
.details-note .content p {
  font-family: 'Roboto', sans-serif;
  color: #848589;
  font-weight: normal;
  font-size: 13px;
  line-height: 22px;
  margin: 20px 0;
  -webkit-transition: .2s;
  transition: .2s;
}
.details-note .content p:first-child {
  margin-top: 0;
}
.details-note .content[contenteditable="true"] {
  line-height: 30px;
  background-image: url('../img/note/line.png');
  margin-bottom: 25px;
}
.details-note .content[contenteditable="true"] p {
  line-height: 30px;
  background-image: url('../img/note/line.png');
  margin-bottom: 25px;
}
.details-note.color-fe4556 h1.title {
  color: #fe4556;
}
.details-note.color-ff9100 h1.title {
  color: #ff9100;
}
.details-note.color-ffce00 h1.title {
  color: #ffce00;
}
.details-note.color-5dd8a0 h1.title {
  color: #5dd8a0;
}
.details-note.color-58a8e1 h1.title {
  color: #58a8e1;
}
.details-note.color-a86ae2 h1.title {
  color: #a86ae2;
}
.details-gallery {
  margin: 0;
  margin-bottom: 10px;
  margin-top: -15px;
}
.details-tags {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .details-tags {
    margin-top: 20px;
    margin-bottom: 30px;
  }
}
.details-tags .tags {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px 6px 6px 12px;
  background: #e2e3e5;
  min-height: 48px;
}
.details-tags .tags.color-fe4556 {
  background-color: #fe4556;
}
.details-tags .tags.color-ff9100 {
  background-color: #ff9100;
}
.details-tags .tags.color-ffce00 {
  background-color: #ffce00;
}
.details-tags .tags.color-5dd8a0 {
  background-color: #5dd8a0;
}
.details-tags .tags.color-58a8e1 {
  background-color: #58a8e1;
}
.details-tags .tags.color-a86ae2 {
  background-color: #a86ae2;
}
.details-tags .tags .tag {
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  color: #313131;
  font-size: 12px;
  font-weight: normal;
  padding: 6px 10px;
  background: #ffffff;
  margin-right: 6px;
  margin-bottom: 6px;
  vertical-align: middle;
}
.details-tags .tags-group {
  margin-top: 60px;
  margin-bottom: 40px;
  display: none;
}
.details-tags .tags-group input.field-tags {
  font-family: 'Roboto', sans-serif;
  color: #313131;
  font-size: 16px;
  font-weight: normal;
  line-height: 26px;
  width: 100%;
  border: none;
  border-bottom: 1px solid #313131;
  display: none;
  border-radius: 0;
}
.details-tags .tags-group input.field-tags::-webkit-input-placeholder {
  color: #313131;
  font-style: italic;
}
.details-tags .tags-group input.field-tags:-moz-placeholder {
  color: #313131;
  font-style: italic;
}
.details-tags .tags-group input.field-tags::-moz-placeholder {
  color: #313131;
  font-style: italic;
}
.details-tags .tags-group input.field-tags:-ms-input-placeholder {
  color: #313131;
  font-style: italic;
}
.details-tags .tags-group input.field-tags:focus {
  outline: none;
}
.details-tags .tags-group .tagsinput {
  font-family: 'Roboto', sans-serif;
  color: #313131;
  font-size: 16px;
  width: 100%;
  border: none;
  margin: 0;
  border-bottom: 1px solid #313131;
  padding: 0;
  min-height: 35px !important;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.details-tags .tags-group .tagsinput .tag {
  color: #313131;
  font-size: 12px;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  padding: 0 24px 0 10px;
  line-height: 24px;
  border: 1px solid #313131;
  background: transparent;
  border-radius: 0;
  margin-bottom: 7px;
  margin-right: 7px;
  position: relative;
}
.details-tags .tags-group .tagsinput .tag a {
  display: inline-block;
  border-left: 1px solid #313131;
  overflow: hidden;
  width: 17px;
  vertical-align: middle;
  line-height: 24px;
  position: absolute;
  right: 0;
  top: 0;
  text-indent: 100px;
}
.details-tags .tags-group .tagsinput .tag a:after {
  content: "\f2d7";
  font-family: "Ionicons";
  color: #313131;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  font-size: 15px;
  text-align: center;
  text-indent: 0;
}
.details-tags .tags-group .tagsinput input {
  font-family: 'Roboto', sans-serif;
  color: #313131 !important;
  font-size: 16px;
  font-weight: normal;
  padding: 4px;
  color: red;
  border-radius: 0;
}
.details-tags .tags-group .tagsinput input.placeholder {
  color: #313131;
  font-style: italic;
  width: 100px !important;
}
.details-tags .tags-group .tagsinput .tag + div input {
  height: 1px;
  width: 20px;
  margin-right: 0;
  padding: 2px 0;
  opacity: 0;
  position: absolute;
  left: -9999px;
  z-index: -988;
}
.details-tags .tags-group .tagsinput .tag + div input:focus {
  opacity: 1;
  height: auto;
  width: 20px;
  position: relative;
  left: auto;
  z-index: 1;
}
.details-tags .tags-group .ul-wrapper {
  display: none;
}
.details-tags .tags-group ul.tags-list {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 200px;
}
.details-tags .tags-group ul.tags-list li {
  max-width: 400px;
  margin: 0 auto;
}
.details-tags .tags-group ul.tags-list li span {
  display: block;
  font-size: 14px;
  color: #505050;
  font-family: 'Roboto', sans-serif;
  line-height: 20px;
  padding: 10px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  border-bottom: 1px solid #c2c3c7;
}
.details-tags .tags-group ul.tags-list li span.no-tags {
  opacity: 0.3;
  cursor: default;
}
.details-tags .tags-group ul.tags-list li:last-child span {
  border-bottom: none;
}
.details-tags .tags-group ul.tags-list li.active span {
  opacity: .5;
}
.details-tags .tags-group ul.tags-list.scroll-element.scroll-y {
  position: absolute;
  top: 0;
  right: 10px;
  height: 100%;
  width: 3px;
  z-index: 10;
  background: transparent;
}
.details-tags .tags-group ul.tags-list.scroll-element.scroll-y .scroll-element_outer {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.details-tags .tags-group ul.tags-list.scroll-element.scroll-y .scroll-element_outer .scroll-element_size,
.details-tags .tags-group ul.tags-list.scroll-element.scroll-y .scroll-element_outer .scroll-element_track {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.details-tags .tags-group ul.tags-list.scroll-element.scroll-y .scroll-element_outer .scroll-element_track {
  height: 70px;
}
.details-tags .tags-group ul.tags-list.scroll-element.scroll-y .scroll-element_outer .scroll-bar {
  background: #c2c3c7;
  position: relative;
}
.details-tags .tags-group span.three-dots {
  display: block;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  color: #313131;
  font-size: 22px;
  cursor: pointer;
  border-top: 1px solid #313131;
  margin-top: -1px;
  position: relative;
  z-index: 9;
}
.details-tags.editor-mode .tags {
  display: none;
}
.details-tags.editor-mode .tags-group {
  display: block;
}
.details-tags.color-fe4556 .tags {
  background-color: #fe4556;
}
.details-tags.color-ff9100 .tags {
  background-color: #ff9100;
}
.details-tags.color-ffce00 .tags {
  background-color: #ffce00;
}
.details-tags.color-5dd8a0 .tags {
  background-color: #5dd8a0;
}
.details-tags.color-58a8e1 .tags {
  background-color: #58a8e1;
}
.details-tags.color-a86ae2 .tags {
  background-color: #a86ae2;
}
.details-media-area {
  margin: 0 0 30px 0;
}
@media (max-width: 768px) {
  .details-media-area {
    margin-bottom: 15px;
  }
}
.details-media-area .doc-viewer span.actions a.dl,
.details-media-area .doc-viewer span.actions a.view {
  display: inline-block;
}
.details-media-area .doc-viewer span.actions a.delete {
  display: none;
}
.details-media-area .voice-player {
  padding-right: 30px;
}
.details-media-area .voice-player .actions {
  display: none;
}
.details-media-area.edit-mode .doc-viewer span.actions a.dl,
.details-media-area.edit-mode .doc-viewer span.actions a.view {
  display: none;
}
.details-media-area.edit-mode .doc-viewer span.actions a.delete {
  display: inline-block;
}
.details-media-area.edit-mode .voice-player {
  padding-right: 50px;
}
.details-media-area.edit-mode .voice-player .actions {
  display: block;
}
.compose-area .logo {
  text-align: center;
  padding-bottom: 40px;
  padding-top: 74px;
}
@media (max-width: 768px) {
  .compose-area .logo {
    display: none;
  }
}
.compose-area .view-unexpand {
  display: block;
  width: 45px;
  height: 45px;
  background: #e2e3e5;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  background-image: url('../img/compose/icon-unexpand.png');
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  z-index: 99;
  position: absolute;
  top: -webkit-calc(50vh - 22px);
  top: calc(50vh - 22px);
  right: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .5s;
  transition: .5s;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .compose-area .view-unexpand {
    background-image: url("../img/compose/icon-unexpand@2x.png");
    -webkit-background-size: 21px 21px;
    background-size: 21px 21px;
  }
}
@media (max-width: 768px) {
  .compose-area .view-unexpand {
    display: none !important;
  }
}
.compose-area .view-expand {
  display: block;
  width: 45px;
  height: 45px;
  background: #fff;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  background-image: url('../img/compose/icon-expand.png');
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  z-index: 99;
  position: absolute;
  top: -webkit-calc(50vh - 22px);
  top: calc(50vh - 22px);
  right: -45px;
  -webkit-transition: .5s;
  transition: .5s;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .compose-area .view-expand {
    background-image: url("../img/compose/icon-expand@2x.png");
    -webkit-background-size: 21px 21px;
    background-size: 21px 21px;
  }
}
@media (max-width: 768px) {
  .compose-area .view-expand {
    display: none !important;
  }
}
.compose-area .footer-sidebar {
  -webkit-transition: .5s;
  transition: .5s;
}
.compose-area .form-wrapper {
  max-width: 460px;
  padding: 67px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: .5s;
  transition: .5s;
}
@media (max-width: 768px) {
  .compose-area .form-wrapper {
    padding: 50px 25px;
  }
}
.compose-area .form-wrapper form .form-group {
  margin-bottom: 15px;
}
.compose-area .form-wrapper form .form-group input.field-title {
  font-family: 'Roboto', sans-serif;
  color: #313131;
  font-size: 20px;
  font-weight: normal;
  width: 100%;
  border: none;
  border-bottom: 1px solid #313131;
  line-height: 34px;
  border-radius: 0;
  -webkit-appearance: none;
  padding: 1px 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.compose-area .form-wrapper form .form-group input.field-title::-webkit-input-placeholder {
  color: #313131;
  font-style: italic;
}
.compose-area .form-wrapper form .form-group input.field-title:-moz-placeholder {
  color: #313131;
  font-style: italic;
}
.compose-area .form-wrapper form .form-group input.field-title::-moz-placeholder {
  color: #313131;
  font-style: italic;
}
.compose-area .form-wrapper form .form-group input.field-title:-ms-input-placeholder {
  color: #313131;
  font-style: italic;
}
.compose-area .form-wrapper form .form-group input.field-title:active,
.compose-area .form-wrapper form .form-group input.field-title:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.compose-area .form-wrapper form .form-group textarea.field-content {
  background-image: url('../img/compose/lines.png');
  background-attachment: local;
  line-height: 30px;
  border: none;
  width: 100%;
  padding: 0;
  font-family: 'Roboto', sans-serif;
  color: #313131;
  font-weight: normal;
  font-size: 13px;
  resize: none;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .compose-area .form-wrapper form .form-group textarea.field-content {
    background-image: url("../img/compose/lines@2x.png");
    -webkit-background-size: 6px 30px;
    background-size: 6px 30px;
  }
}
.compose-area .form-wrapper form .form-group textarea.field-content::-webkit-input-placeholder {
  color: #313131;
  font-style: italic;
}
.compose-area .form-wrapper form .form-group textarea.field-content:-moz-placeholder {
  color: #313131;
  font-style: italic;
}
.compose-area .form-wrapper form .form-group textarea.field-content::-moz-placeholder {
  color: #313131;
  font-style: italic;
}
.compose-area .form-wrapper form .form-group textarea.field-content:-ms-input-placeholder {
  color: #313131;
  font-style: italic;
}
.compose-area .form-wrapper form .form-group textarea.field-content:focus {
  outline: none;
}
.compose-area .form-wrapper form .form-group.has-error input.field-title::-webkit-input-placeholder {
  color: #ff4343;
}
.compose-area .form-wrapper form .form-group.has-error input.field-title:-moz-placeholder {
  color: #ff4343;
}
.compose-area .form-wrapper form .form-group.has-error input.field-title::-moz-placeholder {
  color: #ff4343;
}
.compose-area .form-wrapper form .form-group.has-error input.field-title:-ms-input-placeholder {
  color: #ff4343;
}
.compose-area .form-wrapper form .form-group.has-error textarea.field-content::-webkit-input-placeholder {
  color: #ff4343;
}
.compose-area .form-wrapper form .form-group.has-error textarea.field-content:-moz-placeholder {
  color: #ff4343;
}
.compose-area .form-wrapper form .form-group.has-error textarea.field-content::-moz-placeholder {
  color: #ff4343;
}
.compose-area .form-wrapper form .form-group.has-error textarea.field-content:-ms-input-placeholder {
  color: #ff4343;
}
.compose-area .form-wrapper form .media-options {
  margin: 0 auto;
  margin-bottom: 32px;
  max-width: 360px;
}
@media (max-width: 768px) {
  .compose-area .form-wrapper form .media-options {
    margin-bottom: 20px;
    max-width: none;
  }
}
.compose-area .form-wrapper form .media-options ul.switch {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left: -12px;
  margin-right: -34px;
}
@media (max-width: 768px) {
  .compose-area .form-wrapper form .media-options ul.switch {
    margin-right: -12px;
  }
}
.compose-area .form-wrapper form .media-options ul.switch:before,
.compose-area .form-wrapper form .media-options ul.switch:after {
  content: " ";
  display: table;
}
.compose-area .form-wrapper form .media-options ul.switch:after {
  clear: both;
}
.compose-area .form-wrapper form .media-options ul.switch li {
  display: block;
  width: 16.66666%;
  text-align: center;
  float: left;
  position: relative;
}
.compose-area .form-wrapper form .media-options ul.switch li.disabled {
  opacity: .5;
}
.compose-area .form-wrapper form .media-options ul.switch li.disabled a {
  cursor: default;
}
.compose-area .form-wrapper form .media-options ul.switch li .tooltip-content {
  display: none;
}
.compose-area .form-wrapper form .media-options ul.switch li a {
  display: block;
  width: 45px;
  height: 45px;
  border-radius: 45px;
  line-height: 45px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid transparent;
  -webkit-transition: .2s;
  transition: .2s;
  color: #565656;
  text-decoration: none;
  font-size: 30px;
  vertical-align: middle;
  position: relative;
}
.compose-area .form-wrapper form .media-options ul.switch li a span {
  margin: 0 auto;
  display: block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-repeat: no-repeat;
  -webkit-transition: .2s;
  transition: .2s;
}
.compose-area .form-wrapper form .media-options ul.switch li a span.recorder-icon {
  width: 18px;
  height: 31px;
  background-image: url('../img/compose/opt-voice.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .compose-area .form-wrapper form .media-options ul.switch li a span.recorder-icon {
    background-image: url("../img/compose/opt-voice@2x.png");
    -webkit-background-size: 18px 31px;
    background-size: 18px 31px;
  }
}
.compose-area .form-wrapper form .media-options ul.switch li a span.image-icon {
  width: 25px;
  height: 24px;
  background-image: url('../img/compose/opt-pic.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .compose-area .form-wrapper form .media-options ul.switch li a span.image-icon {
    background-image: url("../img/compose/opt-pic@2x.png");
    -webkit-background-size: 25px 24px;
    background-size: 25px 24px;
  }
}
.compose-area .form-wrapper form .media-options ul.switch li a span.document-icon {
  width: 20px;
  height: 25px;
  background-image: url('../img/compose/opt-doc.png');
  background-position: center right;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .compose-area .form-wrapper form .media-options ul.switch li a span.document-icon {
    background-image: url("../img/compose/opt-doc@2x.png");
    -webkit-background-size: 18px 25px;
    background-size: 18px 25px;
  }
}
.compose-area .form-wrapper form .media-options ul.switch li a span.color-icon {
  width: 25px;
  height: 29px;
  background-image: url('../img/compose/opt-color.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .compose-area .form-wrapper form .media-options ul.switch li a span.color-icon {
    background-image: url("../img/compose/opt-color@2x.png");
    -webkit-background-size: 25px 29px;
    background-size: 25px 29px;
  }
}
.compose-area .form-wrapper form .media-options ul.switch li a span.reminder-icon {
  width: 25px;
  height: 27px;
  background-image: url('../img/compose/opt-reminder.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .compose-area .form-wrapper form .media-options ul.switch li a span.reminder-icon {
    background-image: url("../img/compose/opt-reminder@2x.png");
    -webkit-background-size: 25px 27px;
    background-size: 25px 27px;
  }
}
.compose-area .form-wrapper form .media-options ul.switch li a span.lock-icon {
  width: 21px;
  height: 27px;
  background-image: url('../img/compose/opt-lock.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .compose-area .form-wrapper form .media-options ul.switch li a span.lock-icon {
    background-image: url("../img/compose/opt-lock@2x.png");
    -webkit-background-size: 21px 27px;
    background-size: 21px 27px;
  }
}
.compose-area .form-wrapper form .media-options ul.switch li a span.unlock-icon {
  width: 21px;
  height: 27px;
  background-image: url('../img/compose/opt-unlock.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .compose-area .form-wrapper form .media-options ul.switch li a span.unlock-icon {
    background-image: url("../img/compose/opt-unlock@2x.png");
    -webkit-background-size: 21px 27px;
    background-size: 21px 27px;
  }
}
.compose-area .form-wrapper form .media-options ul.switch li a div.tool-tip {
  position: absolute;
  width: 200px;
  height: 200px;
  overflow: hidden;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: rebeccapurple;
}
.compose-area .form-wrapper form .media-options ul.switch li a.active:not(.lock) {
  border: 1px solid #565656;
}
.compose-area .form-wrapper form .media-options ul.switch li a.active.lock span.lock-icon {
  background-image: url('../img/compose/opt-unlock.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .compose-area .form-wrapper form .media-options ul.switch li a.active.lock span.lock-icon {
    background-image: url("../img/compose/opt-unlock@2x.png");
    -webkit-background-size: 21px 27px;
    background-size: 21px 27px;
  }
}
.compose-area .form-wrapper form .tags-group {
  margin-bottom: 35px;
}
@media (max-width: 768px) {
  .compose-area .form-wrapper form .tags-group {
    margin-bottom: 0;
  }
}
.compose-area .form-wrapper form .tags-group input.field-tags {
  font-family: 'Roboto', sans-serif;
  color: #313131;
  font-size: 16px;
  font-weight: normal;
  line-height: 26px;
  width: 100%;
  border: none;
  border-bottom: 1px solid #313131;
  display: none;
  border-radius: 0;
}
.compose-area .form-wrapper form .tags-group input.field-tags::-webkit-input-placeholder {
  color: #313131;
  font-style: italic;
}
.compose-area .form-wrapper form .tags-group input.field-tags:-moz-placeholder {
  color: #313131;
  font-style: italic;
}
.compose-area .form-wrapper form .tags-group input.field-tags::-moz-placeholder {
  color: #313131;
  font-style: italic;
}
.compose-area .form-wrapper form .tags-group input.field-tags:-ms-input-placeholder {
  color: #313131;
  font-style: italic;
}
.compose-area .form-wrapper form .tags-group input.field-tags:focus {
  outline: none;
}
.compose-area .form-wrapper form .tags-group .tagsinput {
  font-family: 'Roboto', sans-serif;
  color: #313131;
  font-size: 16px;
  width: 100%;
  border: none;
  margin: 0;
  border-bottom: 1px solid #313131;
  padding: 0;
  min-height: 35px !important;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.compose-area .form-wrapper form .tags-group .tagsinput .tag {
  color: #313131;
  font-size: 12px;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  padding: 0 24px 0 10px;
  line-height: 24px;
  border: 1px solid #313131;
  background: transparent;
  border-radius: 0;
  margin-bottom: 7px;
  margin-right: 7px;
  position: relative;
}
.compose-area .form-wrapper form .tags-group .tagsinput .tag a {
  display: inline-block;
  border-left: 1px solid #313131;
  overflow: hidden;
  width: 17px;
  vertical-align: middle;
  line-height: 24px;
  position: absolute;
  right: 0;
  top: 0;
  text-indent: 100px;
}
.compose-area .form-wrapper form .tags-group .tagsinput .tag a:after {
  content: "\f2d7";
  font-family: "Ionicons";
  color: #313131;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  font-size: 15px;
  text-align: center;
  text-indent: 0;
}
.compose-area .form-wrapper form .tags-group .tagsinput input {
  font-family: 'Roboto', sans-serif;
  color: #313131 !important;
  font-size: 16px;
  font-weight: normal;
  padding: 4px;
  width: 50px;
}
.compose-area .form-wrapper form .tags-group .tagsinput input.placeholder {
  color: #313131;
  font-style: italic;
  width: 100px !important;
}
.compose-area .form-wrapper form .tags-group .tagsinput .tag + div input {
  height: 1px;
  width: 20px;
  margin-right: 0;
  padding: 2px 0;
  opacity: 0;
  position: absolute;
  left: -9999px;
  z-index: -988;
}
.compose-area .form-wrapper form .tags-group .tagsinput .tag + div input:focus {
  opacity: 1;
  height: auto;
  width: 20px;
  position: relative;
  left: auto;
  z-index: 1;
}
.compose-area .form-wrapper form .tags-group ul.tags {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 200px;
  display: none;
}
.compose-area .form-wrapper form .tags-group ul.tags li {
  border-bottom: 1px solid #c2c3c7;
}
.compose-area .form-wrapper form .tags-group ul.tags li:last-child {
  border-bottom: none;
}
.compose-area .form-wrapper form .tags-group ul.tags li span {
  display: block;
  font-size: 14px;
  color: #505050;
  font-family: 'Roboto', sans-serif;
  line-height: 20px;
  padding: 10px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.compose-area .form-wrapper form .tags-group ul.tags li span.no-tags {
  opacity: 0.3;
  cursor: default;
}
.compose-area .form-wrapper form .tags-group ul.tags li.active span {
  opacity: .5;
}
.compose-area .form-wrapper form .tags-group ul.tags.scroll-element.scroll-y {
  position: absolute;
  top: 0;
  right: 10px;
  height: 100%;
  width: 3px;
  z-index: 10;
  background: transparent;
}
.compose-area .form-wrapper form .tags-group ul.tags.scroll-element.scroll-y .scroll-element_outer {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.compose-area .form-wrapper form .tags-group ul.tags.scroll-element.scroll-y .scroll-element_outer .scroll-element_size,
.compose-area .form-wrapper form .tags-group ul.tags.scroll-element.scroll-y .scroll-element_outer .scroll-element_track {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.compose-area .form-wrapper form .tags-group ul.tags.scroll-element.scroll-y .scroll-element_outer .scroll-element_track {
  height: 70px;
}
.compose-area .form-wrapper form .tags-group ul.tags.scroll-element.scroll-y .scroll-element_outer .scroll-bar {
  background: #c2c3c7;
  position: relative;
}
.compose-area .form-wrapper form .tags-group span.three-dots {
  display: block;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  color: #313131;
  font-size: 22px;
  cursor: pointer;
}
.compose-area .form-wrapper .submit-group {
  text-align: center;
}
@media (max-width: 768px) {
  .compose-area .form-wrapper .submit-group {
    display: none;
  }
}
.compose-area .form-wrapper .submit-group input {
  width: 100%;
  background: #4384ef;
  border: 1px solid #4384ef;
  height: 50px;
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  color: #ffffff;
  cursor: pointer;
  -webkit-transition: .2s;
  transition: .2s;
  border-radius: 0;
  max-width: 360px;
}
.compose-area .form-wrapper .submit-group input:hover {
  background: #226bd4;
  border-collapse: #226bd4;
}
.compose-area .form-wrapper .submit-group input:active,
.compose-area .form-wrapper .submit-group input:focus {
  outline: none;
}
.compose-area .form-wrapper .editor-area {
  margin-bottom: 30px;
}
.compose-area .form-wrapper .media-area {
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .compose-area .form-wrapper .media-area {
    margin-bottom: 20px;
  }
}
.compose-area .form-wrapper .gallery-area {
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .compose-area .form-wrapper .gallery-area {
    margin-bottom: 20px;
  }
}
.voice-recorder .recorder-penel {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.voice-recorder .recorder-penel .option-wrapper {
  display: table-cell;
  max-width: 50%;
  text-align: center;
  vertical-align: middle;
}
.voice-recorder .recorder-penel .option-wrapper.record {
  width: 68px;
  min-height: 45px;
}
.voice-recorder .recorder-penel .option-wrapper span.option {
  font-size: 30px;
  color: #565656;
  cursor: pointer;
  -webkit-transition: .2s;
  transition: .2s;
  opacity: 0;
  visibility: hidden;
}
.voice-recorder .recorder-penel .option-wrapper span.option.record {
  display: block;
  width: 68px;
  height: 45px;
  background-image: url('../img/tools/recorder-sprite.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  vertical-align: middle;
  position: relative;
  opacity: 1;
  visibility: visible;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .voice-recorder .recorder-penel .option-wrapper span.option.record {
    background-image: url("../img/tools/recorder-sprite@2x.png");
    -webkit-background-size: 68px 90px;
    background-size: 68px 90px;
  }
}
.voice-recorder .recorder-penel .option-wrapper span.option.record .overlay {
  background-color: #ffffff;
  background-image: url('../img/tools/recorder-sprite.png');
  background-position: 0 -45px;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: 0;
  display: block;
  -webkit-transition: .2s;
  transition: .2s;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .voice-recorder .recorder-penel .option-wrapper span.option.record .overlay {
    background-image: url("../img/tools/recorder-sprite@2x.png");
    -webkit-background-size: 68px 90px;
    background-size: 68px 90px;
  }
}
.voice-recorder .recorder-text {
  text-align: center;
  padding-top: 10px;
}
.voice-recorder .recorder-text .timer,
.voice-recorder .recorder-text .click-to-record {
  display: inline-block;
  color: #565656;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
}
.voice-recorder .recorder-text .timer {
  display: none;
  font-style: italic;
}
.voice-recorder.recording .recorder-penel .option-wrapper span.option {
  opacity: 1;
  visibility: visible;
}
.voice-recorder.recording .recorder-penel .option-wrapper span.option.record .overlay {
  opacity: 1;
  visibility: visible;
}
.voice-recorder.recording .recorder-text .click-to-record {
  display: none;
}
.voice-recorder.recording .recorder-text .timer {
  display: inline-block;
}
.voice-player {
  background: #eeeeee;
  position: relative;
  padding: 10px 50px 10px 60px;
  margin-bottom: 10px;
  min-height: 45px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .voice-player {
    padding: 10px 15px 10px 40px;
    min-height: 40px;
  }
}
.voice-player span.player-control {
  display: inline-block;
  width: 60px;
  text-align: center;
  font-size: 30px;
  line-height: 30px;
  vertical-align: middle;
  color: #525252;
  position: absolute;
  left: 0;
  top: 7px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .voice-player span.player-control {
    font-size: 25px;
    line-height: 25px;
    width: 40px;
  }
}
.voice-player span.player-control span.pe-7s-play {
  display: inline-block;
}
.voice-player span.player-control span.pe-7s-power {
  display: none;
}
.voice-player span.progress-wrapper {
  display: block;
  width: 100%;
  overflow: hidden;
  margin-top: 5px;
}
@media (max-width: 768px) {
  .voice-player span.progress-wrapper {
    margin-top: 1px;
  }
}
.voice-player span.progress-wrapper span.current-time,
.voice-player span.progress-wrapper span.total-time {
  display: block;
  float: left;
  font-family: 'Roboto', sans-serif;
  color: #565656;
  font-size: 13px;
  line-height: 15px;
  font-weight: normal;
  width: 45px;
}
.voice-player span.progress-wrapper span.current-time {
  text-align: left;
}
.voice-player span.progress-wrapper span.total-time {
  text-align: right;
}
.voice-player span.progress-wrapper span.progress {
  display: block;
  width: -webkit-calc( 100% - 90px );
  width: calc( 100% - 90px );
  float: left;
  position: relative;
  height: 15px;
}
.voice-player span.progress-wrapper span.progress:after {
  content: " ";
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  background: #c2c3c7;
  top: 7px;
  left: 0;
}
.voice-player span.progress-wrapper span.progress span.progress-pointer {
  display: block;
  left: 0;
  top: 0;
  height: 15px;
  width: 2px;
  background: #565656;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.voice-player span.progress-wrapper span.progress span.progress-pointer.no-transition {
  -webkit-transition: initial;
  transition: initial;
}
.voice-player span.actions {
  position: absolute;
  right: 16px;
  top: 11px;
}
.voice-player span.actions .delete {
  font-size: 25px;
  color: #525252;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
}
.voice-player.playing span.player-control span.pe-7s-play {
  display: none;
}
.voice-player.playing span.player-control span.pe-7s-power {
  display: inline-block;
}
.media-uploader {
  padding-top: 3px;
}
.media-uploader .media-dropzone {
  padding: 30px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .media-uploader .media-dropzone {
    padding: 5px 15px;
  }
}
.media-uploader .media-dropzone.dragover {
  outline: dashed 2px #a5a5a5;
}
.media-uploader .media-dropzone .text-wrapper {
  display: table;
  table-layout: fixed;
  width: 100%;
}
@media (max-width: 768px) {
  .media-uploader .media-dropzone .text-wrapper {
    display: block;
  }
}
.media-uploader .media-dropzone .text-wrapper .text,
.media-uploader .media-dropzone .text-wrapper .or,
.media-uploader .media-dropzone .text-wrapper .file-chooser {
  display: table-cell;
  width: 50%;
}
@media (max-width: 768px) {
  .media-uploader .media-dropzone .text-wrapper .text,
  .media-uploader .media-dropzone .text-wrapper .or,
  .media-uploader .media-dropzone .text-wrapper .file-chooser {
    width: 100%;
    display: block;
  }
}
.media-uploader .media-dropzone .text-wrapper .text span,
.media-uploader .media-dropzone .text-wrapper .or span,
.media-uploader .media-dropzone .text-wrapper .file-chooser span {
  display: inline-block;
  color: #565656;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: normal;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .media-uploader .media-dropzone .text-wrapper .text span,
  .media-uploader .media-dropzone .text-wrapper .or span,
  .media-uploader .media-dropzone .text-wrapper .file-chooser span {
    width: 100%;
    text-align: center;
  }
}
.media-uploader .media-dropzone .text-wrapper .text span.choose-a-file,
.media-uploader .media-dropzone .text-wrapper .or span.choose-a-file,
.media-uploader .media-dropzone .text-wrapper .file-chooser span.choose-a-file {
  border: 1px solid #565656;
  line-height: 40px;
  padding: 0 20px;
  cursor: pointer;
}
.media-uploader .media-dropzone .text-wrapper .text {
  text-align: right;
}
@media (max-width: 768px) {
  .media-uploader .media-dropzone .text-wrapper .text {
    display: none;
  }
}
.media-uploader .media-dropzone .text-wrapper .or {
  width: 65px;
  text-align: center;
}
@media (max-width: 768px) {
  .media-uploader .media-dropzone .text-wrapper .or {
    display: none;
  }
}
.details-gallery,
.gallery-area {
  margin: 0;
  margin-top: -15px;
}
.details-gallery .college-view,
.gallery-area .college-view,
.details-gallery .college,
.gallery-area .college {
  list-style: none;
  padding: 0;
  overflow: hidden;
  margin-left: -15px;
}
.details-gallery .college-view li,
.gallery-area .college-view li,
.details-gallery .college li,
.gallery-area .college li {
  float: left;
  position: relative;
  overflow: hidden;
}
.details-gallery .college-view li img,
.gallery-area .college-view li img,
.details-gallery .college li img,
.gallery-area .college li img {
  vertical-align: bottom;
  -webkit-transition: .3s;
  transition: .3s;
  max-width: 100%;
  height: auto;
  padding: 15px;
  float: left;
}
.details-gallery .college-view li span.overlay,
.gallery-area .college-view li span.overlay,
.details-gallery .college li span.overlay,
.gallery-area .college li span.overlay {
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 20px;
  right: 5px;
  background: #ffffff;
  border-radius: 24px;
  font-size: 25px;
  line-height: 20px;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .2s;
  transition: .2s;
}
.details-gallery .college-view.edit-mode li span.overlay,
.gallery-area .college-view.edit-mode li span.overlay,
.details-gallery .college.edit-mode li span.overlay,
.gallery-area .college.edit-mode li span.overlay {
  visibility: visible;
  opacity: 1;
}
.doc-viewer {
  background: #eeeeee;
  position: relative;
  padding: 10px 112px 10px 60px;
  margin-bottom: 10px;
  min-height: 45px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .doc-viewer {
    padding: 10px 74px 10px 40px;
    min-height: 40px;
  }
}
.doc-viewer span.file-icon {
  display: inline-block;
  width: 60px;
  text-align: center;
  font-size: 30px;
  line-height: 30px;
  vertical-align: middle;
  color: #525252;
  position: absolute;
  left: 0;
  top: 7px;
}
@media (max-width: 768px) {
  .doc-viewer span.file-icon {
    width: 40px;
    font-size: 25px;
    line-height: 25px;
  }
}
.doc-viewer span.actions {
  display: inline-block;
  padding: 0 20px;
  position: absolute;
  right: 0;
  top: 10px;
}
@media (max-width: 768px) {
  .doc-viewer span.actions {
    padding: 0 10px;
  }
}
.doc-viewer span.actions a {
  font-size: 25px;
  margin-right: 22px;
  color: #525252;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 768px) {
  .doc-viewer span.actions a {
    font-size: 22px;
    margin-right: 10px;
  }
}
.doc-viewer span.actions a:last-child {
  margin-right: 0;
}
.doc-viewer span.title {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 25px;
  color: #525252;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: -webkit-calc(100% + 20px);
  width: calc(100% + 20px);
  position: relative;
}
.doc-viewer span.title:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 20px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(238, 238, 238, 0)), color-stop(70%, #eeeeee), to(#eeeeee));
  background: -webkit-linear-gradient(left, rgba(238, 238, 238, 0) 0%, #eeeeee 70%, #eeeeee 100%);
  background: linear-gradient(to right, rgba(238, 238, 238, 0) 0%, #eeeeee 70%, #eeeeee 100%);
  top: 0;
  right: 0;
}
@media (max-width: 768px) {
  .doc-viewer span.title {
    font-size: 13px;
    line-height: 20px;
  }
}
.color-chooser {
  overflow: hidden;
  text-align: center;
}
.color-chooser ul.colors {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
}
.color-chooser ul.colors li {
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
}
.color-chooser ul.colors li:first-child {
  padding-left: 0;
}
.color-chooser ul.colors li span {
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  overflow: hidden;
  background: #ccc;
  position: relative;
  cursor: pointer;
}
.color-chooser ul.colors li span span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: transparent;
  border: 1px solid #231f20;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-size: 24px;
  font-weight: normal;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .2s;
  transition: .2s;
}
.color-chooser ul.colors li span.active span {
  opacity: 1;
  visibility: visible;
}
.color-chooser ul.colors li span.color-fe4556 {
  background-color: #fe4556;
}
.color-chooser ul.colors li span.color-xxxx {
  background-color: #xxxx;
}
.color-chooser ul.colors li span.color-ff9100 {
  background-color: #ff9100;
}
.color-chooser ul.colors li span.color-ffce00 {
  background-color: #ffce00;
}
.color-chooser ul.colors li span.color-5dd8a0 {
  background-color: #5dd8a0;
}
.color-chooser ul.colors li span.color-58a8e1 {
  background-color: #58a8e1;
}
.color-chooser ul.colors li span.color-a86ae2 {
  background-color: #a86ae2;
}
.color-viewer {
  height: 35px;
  background: #cccccc;
  position: relative;
}
.color-viewer.color-fe4556 {
  background-color: #fe4556;
}
.color-viewer.color-xxxx {
  background-color: #xxxx;
}
.color-viewer.color-ff9100 {
  background-color: #ff9100;
}
.color-viewer.color-ffce00 {
  background-color: #ffce00;
}
.color-viewer.color-5dd8a0 {
  background-color: #5dd8a0;
}
.color-viewer.color-58a8e1 {
  background-color: #58a8e1;
}
.color-viewer.color-a86ae2 {
  background-color: #a86ae2;
}
.color-viewer span.actions {
  display: inline-block;
  padding: 0 20px;
  position: absolute;
  right: 0;
  top: 5px;
}
.color-viewer span.actions a {
  font-size: 25px;
  color: #525252;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
}
.reminder-editor {
  position: relative;
  margin: 30 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.reminder-editor .reminder-row {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .reminder-editor .reminder-row {
    display: block;
    margin-bottom: 15px;
  }
}
.reminder-editor .reminder-row:last-child {
  margin-bottom: 0;
}
.reminder-editor .reminder-row.hidden {
  display: none;
}
.reminder-editor .reminder-row .reminder-col {
  display: table-cell;
  vertical-align: middle;
  min-width: 140px;
  width: 100%;
}
@media (max-width: 768px) {
  .reminder-editor .reminder-row .reminder-col {
    display: block;
    margin-bottom: 10px;
  }
}
.reminder-editor .reminder-row .reminder-col:first-child {
  width: 140px;
  color: #565656;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-size: 13px;
}
.reminder-editor .reminder-row .reminder-col span.btn-set {
  width: 100%;
  border: 1px solid #313131;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
  line-height: 40px;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-size: 13px;
  text-align: center;
  cursor: pointer;
  display: block;
  -webkit-transition: .2s;
  transition: .2s;
}
.reminder-editor .reminder-row .reminder-col span.btn-set:hover {
  background: #313131;
  color: #ffffff;
}
.date-field {
  position: relative;
  width: 100%;
}
.date-field:before {
  content: " ";
  width: 20px;
  height: 20px;
  background-image: url('../img/searchbar/datepicker.png');
  position: absolute;
  left: 10px;
  top: 10px;
  pointer-events: none;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .date-field:before {
    background-image: url("../img/searchbar/datepicker@2x.png");
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
  }
}
.date-field:after {
  content: "\e688";
  font-family: 'Pe-icon-7-stroke';
  color: #313131;
  font-size: 25px;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
  pointer-events: none;
}
.date-field.focused:after {
  content: "\e682";
}
.date-field input {
  width: -webkit-calc( 100% );
  width: calc( 100% );
  height: 40px;
  border: 1px solid #313131;
  color: #313131;
  padding: 0 30px 0 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: transparent;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: normal;
}
.date-field input::-webkit-input-placeholder {
  color: #313131;
}
.date-field input:-moz-placeholder {
  color: #313131;
}
.date-field input::-moz-placeholder {
  color: #313131;
}
.date-field input:-ms-input-placeholder {
  color: #313131;
}
.date-field input:focus {
  outline: none;
}
.date-field .bootstrap-datetimepicker-widget {
  width: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 17px;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  left: 50% !important;
  right: auto !important;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin: 12px 0;
  background: #e2e3e5;
  position: absolute;
  z-index: 9;
}
.date-field .bootstrap-datetimepicker-widget.top:before {
  display: block;
  content: " ";
  position: absolute;
  border: 7px solid;
  border-color: #e2e3e5 transparent transparent transparent;
  bottom: -14px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.date-field .bootstrap-datetimepicker-widget.top:after {
  display: none;
}
.date-field .bootstrap-datetimepicker-widget.bottom:before {
  display: block;
  content: " ";
  position: absolute;
  border: 7px solid;
  border-color: transparent transparent #e2e3e5 transparent;
  top: -14px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.date-field .bootstrap-datetimepicker-widget.bottom:after {
  display: none;
}
.date-field .bootstrap-datetimepicker-widget.timepicker-sbs {
  width: auto !important;
}
.date-field .bootstrap-datetimepicker-widget .datepicker .table-condensed {
  width: 210px;
}
.date-field .bootstrap-datetimepicker-widget .datepicker .table-condensed thead tr th.dow {
  color: #4384ef;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: normal;
  text-transform: uppercase;
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.date-field .bootstrap-datetimepicker-widget .datepicker .table-condensed thead tr th.prev,
.date-field .bootstrap-datetimepicker-widget .datepicker .table-condensed thead tr th.picker-switch,
.date-field .bootstrap-datetimepicker-widget .datepicker .table-condensed thead tr th.next {
  color: #313131;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: normal;
  height: 30px;
  padding: 0;
  vertical-align: middle;
}
.date-field .bootstrap-datetimepicker-widget .datepicker .table-condensed thead tr th.prev:hover,
.date-field .bootstrap-datetimepicker-widget .datepicker .table-condensed thead tr th.picker-switch:hover,
.date-field .bootstrap-datetimepicker-widget .datepicker .table-condensed thead tr th.next:hover {
  background: transparent;
}
.date-field .bootstrap-datetimepicker-widget .datepicker .table-condensed thead tr th.prev,
.date-field .bootstrap-datetimepicker-widget .datepicker .table-condensed thead tr th.next {
  font-size: 25px;
}
.date-field .bootstrap-datetimepicker-widget .datepicker .table-condensed tbody tr td.day {
  color: #313131;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 300;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  line-height: 30px;
  position: relative;
}
.date-field .bootstrap-datetimepicker-widget .datepicker .table-condensed tbody tr td.day:before {
  display: none;
}
.date-field .bootstrap-datetimepicker-widget .datepicker .table-condensed tbody tr td.day:after {
  content: " ";
  border-radius: 100%;
  width: 28px;
  height: 28px;
  border: 1px solid #313131;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}
.date-field .bootstrap-datetimepicker-widget .datepicker .table-condensed tbody tr td.day:hover {
  background: inherit;
}
.date-field .bootstrap-datetimepicker-widget .datepicker .table-condensed tbody tr td.day.old,
.date-field .bootstrap-datetimepicker-widget .datepicker .table-condensed tbody tr td.day.new {
  color: #a7a8aa;
}
.date-field .bootstrap-datetimepicker-widget .datepicker .table-condensed tbody tr td.day.active {
  background: transparent;
}
.date-field .bootstrap-datetimepicker-widget .datepicker .table-condensed tbody tr td.day.active:after {
  display: block;
}
.date-field .bootstrap-datetimepicker-widget .datepicker .table-condensed tbody tr td.day.today {
  background: #f0f0f0;
}
.date-field .bootstrap-datetimepicker-widget .datepicker .table-condensed tbody tr td span.month {
  color: #313131;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: normal;
}
.date-field .bootstrap-datetimepicker-widget .datepicker .table-condensed tbody tr td span.month:hover {
  background: transparent;
}
.date-field .bootstrap-datetimepicker-widget .datepicker .table-condensed tbody tr td span.month.active {
  background: transparent;
  border: 1px solid #313131;
}
.date-field .bootstrap-datetimepicker-widget .timepicker .table-condensed {
  max-width: 100px;
  margin: 0 auto;
}
.date-field .bootstrap-datetimepicker-widget .timepicker .table-condensed td {
  height: auto;
  line-height: inherit;
  width: auto;
}
.date-field .bootstrap-datetimepicker-widget .timepicker .table-condensed td.separator {
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-size: 25px;
  line-height: 25px;
  height: auto;
}
.date-field .bootstrap-datetimepicker-widget .timepicker .table-condensed td a.btn {
  padding: 0;
}
.date-field .bootstrap-datetimepicker-widget .timepicker .table-condensed td a.btn span {
  color: #313131;
  font-size: 20px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  margin: 0;
  font-weight: normal;
}
.date-field .bootstrap-datetimepicker-widget .timepicker .table-condensed td a.btn span:hover {
  background: inherit;
}
.date-field .bootstrap-datetimepicker-widget .timepicker .table-condensed td span.timepicker-hour,
.date-field .bootstrap-datetimepicker-widget .timepicker .table-condensed td span.timepicker-minute {
  color: #313131;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-size: 25px;
  line-height: 25px;
  height: auto;
  width: 35px;
}
.date-field .bootstrap-datetimepicker-widget .timepicker .table-condensed td span.timepicker-hour:hover,
.date-field .bootstrap-datetimepicker-widget .timepicker .table-condensed td span.timepicker-minute:hover {
  background: inherit;
}
.dropdown-field {
  position: relative;
}
.dropdown-field:before {
  content: "\e60b";
  font-family: 'Pe-icon-7-stroke';
  color: #313131;
  font-size: 25px;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 10px;
  top: 10px;
  pointer-events: none;
  font-weight: normal;
  line-height: 19px;
}
.dropdown-field .sod_select {
  border: 1px solid #313131;
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 30px 0 40px;
  min-height: 40px;
  position: relative;
  background: transparent;
}
.dropdown-field .sod_select:after {
  content: "\e688";
  font-family: 'Pe-icon-7-stroke';
  color: #313131;
  font-size: 25px;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
  pointer-events: none;
  font-weight: normal;
  line-height: 19px;
}
.dropdown-field .sod_select:before {
  display: none;
  content: " ";
  position: absolute;
  border: 7px solid;
  border-color: transparent transparent #e2e3e5 transparent;
  width: 0px;
  height: 0px;
  left: 50%;
  top: auto;
  bottom: -14px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.dropdown-field .sod_select.above:before {
  border-color: #e2e3e5 transparent transparent transparent;
  bottom: auto;
  top: -14px;
}
.dropdown-field .sod_select.above .sod_list_wrapper {
  margin-top: 0;
  margin-bottom: 14px;
}
.dropdown-field .sod_select.open:after {
  content: "\e682";
}
.dropdown-field .sod_select.open .sod_list_wrapper {
  display: inline-block;
}
.dropdown-field .sod_select.open:before {
  display: block;
}
.dropdown-field .sod_select .sod_label {
  line-height: 40px;
  font-family: 'Roboto', sans-serif;
  color: #313131;
  font-weight: normal;
  font-size: 13px;
  text-transform: none;
}
.dropdown-field .sod_select .sod_list_wrapper {
  width: auto;
  margin: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background: #e2e3e5;
  border: 1px solid #e2e3e5;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 14px;
  z-index: 99;
}
.dropdown-field .sod_select .sod_list_wrapper .sod_list {
  padding: 10px 0;
}
.dropdown-field .sod_select .sod_list_wrapper .sod_list .sod_option {
  font-family: 'Roboto', sans-serif;
  color: #313131;
  font-weight: normal;
  font-size: 13px;
  text-transform: none;
  padding: 10px 25px;
  cursor: pointer;
}
.dropdown-field .sod_select .sod_list_wrapper .sod_list .sod_option:before {
  display: none;
}
.dropdown-field .sod_select .sod_list_wrapper .sod_list .sod_option.active {
  background: inherit;
}
.dropdown-field .sod_select .sod_list_wrapper .sod_list .sod_option.selected {
  background: inherit;
  font-style: italic;
  font-weight: 500;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes pulse {
  50% {
    background: #959595;
  }
}
@keyframes pulse {
  50% {
    background: #959595;
  }
}
.loading {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  border: 0.25rem solid rgba(149, 149, 149, 0.15);
  border-top-color: #959595;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
  border-style: double;
  border-width: .5rem;
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.loading-pulse {
  position: relative;
  width: 6px;
  height: 24px;
  background: rgba(149, 149, 149, 0.15);
  -webkit-animation: pulse 750ms infinite;
  animation: pulse 750ms infinite;
  -webkit-animation-delay: 250ms;
  animation-delay: 250ms;
}
.loading-pulse:before,
.loading-pulse:after {
  content: '';
  position: absolute;
  display: block;
  height: 16px;
  width: 6px;
  background: rgba(149, 149, 149, 0.15);
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-animation: pulse 750ms infinite;
  animation: pulse 750ms infinite;
}
.loading-pulse:before {
  left: -12px;
}
.loading-pulse:after {
  left: 12px;
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
}
.popup-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .5s;
  transition: .5s;
  z-index: 99;
}
.popup-modal.show {
  visibility: visible;
  opacity: 1;
}
.popup-modal .popup {
  position: relative;
  max-width: 500px;
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 50px);
  margin: 0 auto;
  background: #ffffff;
  top: 50%;
  -webkit-transform: translateY(-50.5%);
  -ms-transform: translateY(-50.5%);
  transform: translateY(-50.5%);
  padding: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media (max-width: 768px) {
  .popup-modal .popup {
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    padding: 15px;
  }
}
.popup-modal .popup a.popup-close {
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 22px;
  color: #313131;
  text-decoration: none;
}
@media (max-width: 768px) {
  .popup-modal .popup a.popup-close {
    top: 5px;
    right: 5px;
  }
}
.popup-modal .popup .popup-head {
  font-size: 23px;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  color: #313131;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .popup-modal .popup .popup-head {
    font-size: 18px;
    margin-bottom: 15px;
  }
}
.popup-modal .popup .popup-head i {
  color: #313131;
  font-size: 33px;
  vertical-align: middle;
  margin-top: -5px;
  margin-right: 5px;
}
@media (max-width: 768px) {
  .popup-modal .popup .popup-head i {
    font-size: 26px;
  }
}
.popup-modal .popup .popup-text p {
  color: #505050;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 30px 0;
}
@media (max-width: 768px) {
  .popup-modal .popup .popup-text p {
    margin: 15px 0;
  }
}
.popup-modal .popup .popup-text p strong {
  font-weight: 500;
}
.popup-modal .popup .popup-contact {
  position: relative;
}
.popup-modal .popup .popup-contact .popup-contact-form {
  overflow: hidden;
  margin-bottom: 20px;
}
.popup-modal .popup .popup-contact .popup-contact-form .form-group {
  margin-bottom: 15px;
}
.popup-modal .popup .popup-contact .popup-contact-form .form-group input {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  border-bottom: 1px solid #c2c3c7;
  padding: 5px 0;
}
.popup-modal .popup .popup-contact .popup-contact-form .form-group input::-webkit-input-placeholder {
  color: #313131;
  font-style: italic;
}
.popup-modal .popup .popup-contact .popup-contact-form .form-group input:-moz-placeholder {
  color: #313131;
  font-style: italic;
}
.popup-modal .popup .popup-contact .popup-contact-form .form-group input::-moz-placeholder {
  color: #313131;
  font-style: italic;
}
.popup-modal .popup .popup-contact .popup-contact-form .form-group input:-ms-input-placeholder {
  color: #313131;
  font-style: italic;
}
.popup-modal .popup .popup-contact .popup-contact-form .form-group input:active,
.popup-modal .popup .popup-contact .popup-contact-form .form-group input:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.popup-modal .popup .popup-contact .popup-contact-form .form-group textarea {
  background-image: url('../img/compose/lines.png');
  background-attachment: local;
  line-height: 30px;
  border: none;
  width: 100%;
  padding: 0;
  font-family: 'Roboto', sans-serif;
  color: #313131;
  font-weight: normal;
  font-size: 13px;
  resize: none;
  padding-bottom: 4px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .popup-modal .popup .popup-contact .popup-contact-form .form-group textarea {
    background-image: url("../img/compose/lines@2x.png");
    -webkit-background-size: 6px 30px;
    background-size: 6px 30px;
  }
}
.popup-modal .popup .popup-contact .popup-contact-form .form-group textarea::-webkit-input-placeholder {
  color: #313131;
  font-style: italic;
}
.popup-modal .popup .popup-contact .popup-contact-form .form-group textarea:-moz-placeholder {
  color: #313131;
  font-style: italic;
}
.popup-modal .popup .popup-contact .popup-contact-form .form-group textarea::-moz-placeholder {
  color: #313131;
  font-style: italic;
}
.popup-modal .popup .popup-contact .popup-contact-form .form-group textarea:-ms-input-placeholder {
  color: #313131;
  font-style: italic;
}
.popup-modal .popup .popup-contact .popup-contact-form .form-group textarea:focus {
  outline: none;
}
.popup-modal .popup .popup-contact .popup-contact-form .form-group.has-error input,
.popup-modal .popup .popup-contact .popup-contact-form .form-group.has-error textarea {
  color: #ff4343;
}
.popup-modal .popup .popup-contact .popup-contact-form .form-group.has-error input::-webkit-input-placeholder,
.popup-modal .popup .popup-contact .popup-contact-form .form-group.has-error textarea::-webkit-input-placeholder {
  color: #ff4343;
}
.popup-modal .popup .popup-contact .popup-contact-form .form-group.has-error input:-moz-placeholder,
.popup-modal .popup .popup-contact .popup-contact-form .form-group.has-error textarea:-moz-placeholder {
  color: #ff4343;
}
.popup-modal .popup .popup-contact .popup-contact-form .form-group.has-error input::-moz-placeholder,
.popup-modal .popup .popup-contact .popup-contact-form .form-group.has-error textarea::-moz-placeholder {
  color: #ff4343;
}
.popup-modal .popup .popup-contact .popup-contact-form .form-group.has-error input:-ms-input-placeholder,
.popup-modal .popup .popup-contact .popup-contact-form .form-group.has-error textarea:-ms-input-placeholder {
  color: #ff4343;
}
.popup-modal .popup .popup-contact .popup-contact-success {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  background: rgba(255, 255, 255, 0.75);
}
.popup-modal .popup .popup-contact .popup-contact-success.show {
  opacity: 1;
  visibility: visible;
  -webkit-animation: zoom-in 0.5s normal forwards ease-in-out;
  animation: zoom-in 0.5s normal forwards ease-in-out;
}
.popup-modal .popup .popup-contact .popup-contact-success.show .checkmark {
  -webkit-animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
  animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}
.popup-modal .popup .popup-contact .popup-contact-success.show .checkmark__check {
  -webkit-animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
@-webkit-keyframes zoom-in {
  from {
    -webkit-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
  }
  50% {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes zoom-in {
  from {
    -webkit-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
  }
  50% {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
.popup-modal .popup .popup-contact .popup-contact-success .checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  -webkit-animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.popup-modal .popup .popup-contact .popup-contact-success .checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: auto;
  -webkit-box-shadow: inset 0px 0px 0px #7ac142;
  box-shadow: inset 0px 0px 0px #7ac142;
}
.popup-modal .popup .popup-contact .popup-contact-success .checkmark__check {
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
}
@-webkit-keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes scale {
  0%,
  100% {
    -webkit-transform: none;
    transform: none;
  }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes scale {
  0%,
  100% {
    -webkit-transform: none;
    transform: none;
  }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
  }
}
@-webkit-keyframes fill {
  100% {
    -webkit-box-shadow: inset 0px 0px 0px 30px #7ac142;
    box-shadow: inset 0px 0px 0px 30px #7ac142;
  }
}
@keyframes fill {
  100% {
    -webkit-box-shadow: inset 0px 0px 0px 30px #7ac142;
    box-shadow: inset 0px 0px 0px 30px #7ac142;
  }
}
.popup-modal .popup .popup-contact .popup-contact-success .checkmark-wrapper {
  margin: 35px 0;
}
.popup-modal .popup .popup-contact .popup-contact-success .heading {
  margin: 35px 0;
}
.popup-modal .popup .popup-contact .popup-contact-success .heading h3 {
  text-align: center;
  font-family: 'Roboto', sans-serif;
  color: #313131;
  font-size: 18px;
  font-weight: 500;
}
.popup-modal .popup .popup-actions {
  overflow: hidden;
}
.popup-modal .popup .popup-actions a {
  display: inline-block;
  padding: 0 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 13px;
  color: #4384ef;
  border: 1px solid #4384ef;
  line-height: 40px;
  text-decoration: none;
  font-family: 'Roboto', sans-serif;
  -webkit-transition: .2s;
  transition: .2s;
}
.popup-modal .popup .popup-actions a.disabled {
  opacity: 0.7;
  cursor: default;
}
@media (max-width: 768px) {
  .popup-modal .popup .popup-actions a {
    clear: both;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
    line-height: 35px;
  }
  .popup-modal .popup .popup-actions a:last-child {
    margin-bottom: 0;
  }
}
.popup-modal .popup .popup-actions a:hover:not(.disabled) {
  background: #4384ef;
  color: #ffffff;
}
.popup-modal .popup .popup-actions a.solid {
  background: #4384ef;
  color: #ffffff;
}
.popup-modal .popup .popup-actions a.solid:hover {
  background: transparent;
  color: #4384ef;
}
.popup-modal .popup .popup-actions a.left {
  float: left;
}
.popup-modal .popup .popup-actions a.right {
  float: right;
}
.popup-modal .popup .popup-actions .checkbox {
  float: left;
  clear: both;
  margin-top: 25px;
}
@media (max-width: 768px) {
  .popup-modal .popup .popup-actions .checkbox {
    margin-top: 0;
  }
}
.popup-modal .popup .popup-actions .checkbox input {
  visibility: hidden;
  opacity: 0;
  display: none;
}
.popup-modal .popup .popup-actions .checkbox input:checked + label {
  background-position: 0px 0px;
}
.popup-modal .popup .popup-actions .checkbox label {
  padding-left: 35px;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  color: #313131;
  background-image: url('../img/checkbox-sprite.png');
  display: inline-block;
  line-height: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: 0px -20px;
  -webkit-background-size: 20px 40px;
  background-size: 20px 40px;
  cursor: pointer;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .popup-modal .popup .popup-actions .checkbox label {
    background-image: url("../img/checkbox-sprite@2x.png");
    -webkit-background-size: 20px 40px;
    background-size: 20px 40px;
  }
}
@media (max-width: 768px) {
  .popup-modal .popup .popup-actions .checkbox label {
    height: 15px;
    line-height: 15px;
    background-position: 0px -15px;
    -webkit-background-size: 15px 30px !important;
    background-size: 15px 30px !important;
  }
}
@media (max-width: 768px) {
  .home-left,
  .login-area {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 50px;
  }
}
.home-left .logo-wrapper,
.login-area .logo-wrapper {
  padding: 30px;
}
@media (max-width: 768px) {
  .home-left .logo-wrapper,
  .login-area .logo-wrapper {
    display: none;
  }
}
.home-left .notice,
.login-area .notice {
  background: #efefef;
  padding: 10px 10px;
  border-radius: 2px;
  border: 1px solid #bcbcbc;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
}
.home-left .notice.success,
.login-area .notice.success {
  background: #93eac0;
  border-color: #3ed98e;
}
.home-left .forms-wrapper,
.login-area .forms-wrapper {
  max-width: 350px;
  padding: 40px 30px 10px 30px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .home-left .forms-wrapper,
  .login-area .forms-wrapper {
    padding-top: 25px;
  }
}
.home-left .forms-wrapper h1,
.login-area .forms-wrapper h1 {
  color: #3b77f1;
  font-size: 32px;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  text-align: center;
  margin-bottom: 30px;
}
.home-left .forms-wrapper h1 a.closeForgotPassword,
.login-area .forms-wrapper h1 a.closeForgotPassword {
  position: absolute;
  color: #313131;
  top: 30px;
  right: 30px;
}
@media (max-width: 768px) {
  .home-left .forms-wrapper h1 a.closeForgotPassword,
  .login-area .forms-wrapper h1 a.closeForgotPassword {
    display: none;
  }
}
.home-left .forms-wrapper form .form-group,
.login-area .forms-wrapper form .form-group {
  position: relative;
  padding-top: 18px;
}
.home-left .forms-wrapper form .form-group span.msg,
.login-area .forms-wrapper form .form-group span.msg {
  height: 15px;
  display: inline-block;
  position: absolute;
  color: #fe4556;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 13px;
  line-height: 15px;
  top: 8px;
  left: 0;
}
.home-left .forms-wrapper form .form-group span.msg a,
.login-area .forms-wrapper form .form-group span.msg a {
  color: #fe4556;
}
.home-left .forms-wrapper form .form-group input,
.login-area .forms-wrapper form .form-group input {
  width: 100%;
  height: 35px;
  padding: 0;
  border: none;
  border-bottom: 1px solid #313131;
  border-radius: 0;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #313131;
  font-size: 16px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.home-left .forms-wrapper form .form-group input::-webkit-input-placeholder,
.login-area .forms-wrapper form .form-group input::-webkit-input-placeholder {
  color: #313131;
  font-style: italic;
}
.home-left .forms-wrapper form .form-group input:-moz-placeholder,
.login-area .forms-wrapper form .form-group input:-moz-placeholder {
  color: #313131;
  font-style: italic;
}
.home-left .forms-wrapper form .form-group input::-moz-placeholder,
.login-area .forms-wrapper form .form-group input::-moz-placeholder {
  color: #313131;
  font-style: italic;
}
.home-left .forms-wrapper form .form-group input:-ms-input-placeholder,
.login-area .forms-wrapper form .form-group input:-ms-input-placeholder {
  color: #313131;
  font-style: italic;
}
.home-left .forms-wrapper form .form-group input:active,
.login-area .forms-wrapper form .form-group input:active,
.home-left .forms-wrapper form .form-group input:focus,
.login-area .forms-wrapper form .form-group input:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.home-left .forms-wrapper form .form-group input[name="password"],
.login-area .forms-wrapper form .form-group input[name="password"] {
  padding-right: 36px;
}
.home-left .forms-wrapper form .form-group .password-toggle,
.login-area .forms-wrapper form .form-group .password-toggle {
  position: absolute;
  display: block;
  height: 36px;
  width: 36px;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  z-index: 2;
  -webkit-transition: .25s;
  transition: .25s;
  background-image: url('../img/password-view.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .home-left .forms-wrapper form .form-group .password-toggle,
  .login-area .forms-wrapper form .form-group .password-toggle {
    background-image: url("../img/password-view@2x.png");
    -webkit-background-size: 25px 15px;
    background-size: 25px 15px;
  }
}
.home-left .forms-wrapper form .form-group .password-toggle.show,
.login-area .forms-wrapper form .form-group .password-toggle.show {
  background-image: url('../img/password-hide.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .home-left .forms-wrapper form .form-group .password-toggle.show,
  .login-area .forms-wrapper form .form-group .password-toggle.show {
    background-image: url("../img/password-hide@2x.png");
    -webkit-background-size: 25px 21px;
    background-size: 25px 21px;
  }
}
.home-left .forms-wrapper form .submit-group,
.login-area .forms-wrapper form .submit-group {
  margin-top: 40px;
  margin-bottom: 25px;
  text-align: center;
  position: relative;
}
.home-left .forms-wrapper form .submit-group span.msg,
.login-area .forms-wrapper form .submit-group span.msg {
  height: 15px;
  display: inline-block;
  position: absolute;
  color: #fe4556;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 13px;
  line-height: 15px;
  top: -20px;
  left: 0;
  width: 100%;
}
.home-left .forms-wrapper form .submit-group input,
.login-area .forms-wrapper form .submit-group input {
  background: #3b77f1;
  border: 1px solid #3b77f1;
  height: 50px;
  min-width: 145px;
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  text-align: center;
  font-weight: normal;
  font-size: 20px;
  cursor: pointer;
  -webkit-transition: .2s;
  transition: .2s;
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.home-left .forms-wrapper form .submit-group input:hover,
.login-area .forms-wrapper form .submit-group input:hover {
  background: #226bd4;
}
.home-left .forms-wrapper .terms,
.login-area .forms-wrapper .terms,
.home-left .forms-wrapper .forgot,
.login-area .forms-wrapper .forgot {
  color: #999999;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  text-align: center;
}
.home-left .forms-wrapper .terms a,
.login-area .forms-wrapper .terms a,
.home-left .forms-wrapper .forgot a,
.login-area .forms-wrapper .forgot a {
  color: #999999;
  cursor: pointer;
}
.home-left .forms-wrapper .forgot a,
.login-area .forms-wrapper .forgot a {
  text-decoration: none;
}
.home-left .forms-wrapper .forgot + .forgot,
.login-area .forms-wrapper .forgot + .forgot {
  margin-top: 15px;
}
.home-left .forms-wrapper .forgot + .forgot a,
.login-area .forms-wrapper .forgot + .forgot a {
  text-decoration: underline;
}
.home-left .forms-wrapper .form-switch-wrapper,
.login-area .forms-wrapper .form-switch-wrapper {
  text-align: center;
}
.home-left .forms-wrapper .form-switch-wrapper h3,
.login-area .forms-wrapper .form-switch-wrapper h3 {
  color: #3b77f1;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-style: italic;
  text-align: center;
  margin: 44px 0 40px 0;
}
.home-left .forms-wrapper .form-switch-wrapper button,
.login-area .forms-wrapper .form-switch-wrapper button {
  background: #ffffff;
  border: 1px solid #3b77f1;
  height: 50px;
  min-width: 145px;
  font-family: 'Roboto', sans-serif;
  color: #3b77f1;
  text-align: center;
  font-weight: normal;
  font-size: 20px;
  cursor: pointer;
  -webkit-transition: .2s;
  transition: .2s;
}
.home-left .forms-wrapper .form-switch-wrapper button:hover,
.login-area .forms-wrapper .form-switch-wrapper button:hover {
  background: #226bd4;
  color: #ffffff;
}
.home-left .forms-wrapper .form-switch-wrapper + .terms,
.login-area .forms-wrapper .form-switch-wrapper + .terms {
  margin-top: 25px;
  margin-bottom: 15px;
}
.home-left .steps-wrapper,
.login-area .steps-wrapper {
  max-width: 350px;
  padding: 40px 30px;
  margin: 0 auto;
}
.home-left .steps-wrapper .signup-steps h1,
.login-area .steps-wrapper .signup-steps h1 {
  color: #3b77f1;
  font-size: 32px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  text-align: left;
  margin-bottom: 40px;
}
.home-left .steps-wrapper .signup-steps h1 strong,
.login-area .steps-wrapper .signup-steps h1 strong {
  font-weight: normal;
}
.home-left .steps-wrapper .signup-steps ul.steps,
.login-area .steps-wrapper .signup-steps ul.steps {
  list-style: none;
  padding: 0;
  margin: 0;
}
.home-left .steps-wrapper .signup-steps ul.steps li,
.login-area .steps-wrapper .signup-steps ul.steps li {
  margin-bottom: 15px;
}
.home-left .steps-wrapper .signup-steps ul.steps li:last-child,
.login-area .steps-wrapper .signup-steps ul.steps li:last-child {
  margin-bottom: 0;
}
.home-left .steps-wrapper .signup-steps ul.steps li span,
.login-area .steps-wrapper .signup-steps ul.steps li span {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  font-weight: 300;
  color: #313131;
  line-height: 35px;
  text-decoration: none;
  display: inline-block;
  position: relative;
  padding-left: 60px;
  -webkit-transition: .2s;
  transition: .2s;
}
.home-left .steps-wrapper .signup-steps ul.steps li span:before,
.login-area .steps-wrapper .signup-steps ul.steps li span:before {
  content: " ";
  display: block;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  border: 1px solid #4384ef;
  position: absolute;
  left: 0;
  top: 0;
  color: #4384ef;
  font-weight: bold;
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  text-align: center;
  line-height: 35px;
  -webkit-transition: .2s;
  transition: .2s;
}
.home-left .steps-wrapper .signup-steps ul.steps li span.step-one:before,
.login-area .steps-wrapper .signup-steps ul.steps li span.step-one:before {
  content: "1";
}
.home-left .steps-wrapper .signup-steps ul.steps li span.step-two:before,
.login-area .steps-wrapper .signup-steps ul.steps li span.step-two:before {
  content: "2";
}
.home-left .steps-wrapper .signup-steps ul.steps li span.step-three:before,
.login-area .steps-wrapper .signup-steps ul.steps li span.step-three:before {
  content: "3";
}
.home-left .steps-wrapper .signup-steps ul.steps li span.step-four:before,
.login-area .steps-wrapper .signup-steps ul.steps li span.step-four:before {
  content: "4";
}
.home-left .steps-wrapper .signup-steps ul.steps li span.step-five:before,
.login-area .steps-wrapper .signup-steps ul.steps li span.step-five:before {
  content: "5";
}
.home-left .steps-wrapper .signup-steps ul.steps li span.active,
.login-area .steps-wrapper .signup-steps ul.steps li span.active {
  color: #4384ef;
  font-weight: bold;
}
.home-left .steps-wrapper .signup-steps ul.steps li span.active:before,
.login-area .steps-wrapper .signup-steps ul.steps li span.active:before {
  background: #4384ef;
  color: #ffffff;
}
.home-right,
.login-content {
  position: relative;
}
.home-right .nav,
.login-content .nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px;
  z-index: 50;
}
.home-right .nav:before,
.login-content .nav:before,
.home-right .nav:after,
.login-content .nav:after {
  content: " ";
  display: table;
}
.home-right .nav:after,
.login-content .nav:after {
  clear: both;
}
@media (max-width: 768px) {
  .home-right .nav,
  .login-content .nav {
    display: none;
  }
}
.home-right .nav .nav-wrapper,
.login-content .nav .nav-wrapper {
  max-width: 740px;
  margin: 0 auto;
}
.home-right .nav .nav-wrapper:before,
.login-content .nav .nav-wrapper:before,
.home-right .nav .nav-wrapper:after,
.login-content .nav .nav-wrapper:after {
  content: " ";
  display: table;
}
.home-right .nav .nav-wrapper:after,
.login-content .nav .nav-wrapper:after {
  clear: both;
}
.home-right .nav ul,
.login-content .nav ul {
  float: right;
  list-style: none;
  padding: 0;
  margin: 0;
  min-height: 18px;
}
.home-right .nav ul li,
.login-content .nav ul li {
  display: inline-block;
  position: relative;
  padding-right: 30px;
}
.home-right .nav ul li:after,
.login-content .nav ul li:after {
  content: "\00a0\00a0\00a0\00a0|\00a0\00a0\00a0\00a0";
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #313131;
  font-weight: 300;
  position: absolute;
  right: 0;
  display: inline-block;
}
.home-right .nav ul li:last-child,
.login-content .nav ul li:last-child {
  padding-right: 0;
}
.home-right .nav ul li:last-child:after,
.login-content .nav ul li:last-child:after {
  content: none;
}
.home-right .nav ul li span,
.login-content .nav ul li span,
.home-right .nav ul li a,
.login-content .nav ul li a {
  color: #313131;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 300;
  text-decoration: none;
}
.home-right .nav ul li span strong,
.login-content .nav ul li span strong,
.home-right .nav ul li a strong,
.login-content .nav ul li a strong {
  font-weight: 500;
}
.home-right .nav ul li div,
.login-content .nav ul li div {
  display: inline-block;
  position: relative;
}
.home-right .nav ul li div:hover ul,
.login-content .nav ul li div:hover ul {
  visibility: visible;
  opacity: 1;
}
.home-right .nav ul li div span.dropdown,
.login-content .nav ul li div span.dropdown {
  display: inline-block;
  padding-right: 0;
}
.home-right .nav ul li div span.dropdown:after,
.login-content .nav ul li div span.dropdown:after {
  content: "\00a0\00a0\f107";
  font-size: 14px;
  font-weight: 500;
  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;
}
.home-right .nav ul li ul,
.login-content .nav ul li ul {
  position: absolute;
  display: inline-block;
  top: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #f5f5f5;
  border: 1px solid #ccc;
  overflow: hidden;
  border-radius: 4px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .3s;
  transition: .3s;
}
.home-right .nav ul li ul li,
.login-content .nav ul li ul li {
  display: block;
  padding-right: 0;
  min-width: 100px;
}
.home-right .nav ul li ul li:after,
.login-content .nav ul li ul li:after {
  content: none;
}
.home-right .nav ul li ul li a,
.login-content .nav ul li ul li a {
  display: block;
  padding: 6px 12px;
  text-align: center;
}
.home-right .nav ul li ul li.active a,
.login-content .nav ul li ul li.active a {
  background: #ECECEC;
}
.home-right .banner,
.login-content .banner {
  height: 100vh;
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
  .home-right .banner,
  .login-content .banner {
    height: -webkit-calc( 100vh - 50px );
    height: calc( 100vh - 50px );
  }
}
@-webkit-keyframes bounce {
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes fadeinout {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.25;
  }
}
@keyframes fadeinout {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.25;
  }
}
.home-right .banner .banner-nav,
.login-content .banner .banner-nav {
  position: absolute;
  overflow: hidden;
  bottom: 0;
  left: -webkit-calc( 50% - 25px );
  left: calc( 50% - 25px );
  height: 35px;
  z-index: 50;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
@media (max-width: 768px) {
  .home-right .banner .banner-nav,
  .login-content .banner .banner-nav {
    display: none;
  }
}
.home-right .banner .banner-nav .scroll-down,
.login-content .banner .banner-nav .scroll-down {
  width: 100%;
  text-align: center;
}
.home-right .banner .banner-nav .scroll-down a,
.login-content .banner .banner-nav .scroll-down a {
  color: #313131;
  font-size: 32px;
  padding: 0 15px;
  position: relative;
}
.home-right .banner .banner-nav-right,
.login-content .banner .banner-nav-right,
.home-right .banner .banner-nav-left,
.login-content .banner .banner-nav-left {
  position: absolute;
  overflow: hidden;
  top: -webkit-calc( 50% + 25px );
  top: calc( 50% + 25px );
  height: 35px;
  z-index: 50;
}
@media (max-width: 768px) {
  .home-right .banner .banner-nav-right,
  .login-content .banner .banner-nav-right,
  .home-right .banner .banner-nav-left,
  .login-content .banner .banner-nav-left {
    top: -webkit-calc( 50% - 25px );
    top: calc( 50% - 25px );
  }
}
.home-right .banner .banner-nav-right a,
.login-content .banner .banner-nav-right a,
.home-right .banner .banner-nav-left a,
.login-content .banner .banner-nav-left a {
  color: #313131;
  font-size: 32px;
  padding: 0 15px;
  position: relative;
}
.home-right .banner .banner-nav-right,
.login-content .banner .banner-nav-right {
  right: 15px;
}
@media (max-width: 768px) {
  .home-right .banner .banner-nav-right,
  .login-content .banner .banner-nav-right {
    right: 8px;
  }
}
.home-right .banner .banner-nav-left,
.login-content .banner .banner-nav-left {
  left: 15px;
}
@media (max-width: 768px) {
  .home-right .banner .banner-nav-left,
  .login-content .banner .banner-nav-left {
    left: 8px;
  }
}
.home-right .banner .banner_slide,
.login-content .banner .banner_slide {
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: #ccc;
  background-position: center bottom;
  padding-top: 96px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .home-right .banner .banner_slide,
  .login-content .banner .banner_slide {
    padding-top: 0;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
}
.home-right .banner .banner_slide.current,
.login-content .banner .banner_slide.current {
  opacity: 1;
  visibility: visible;
  z-index: 20;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.home-right .banner .banner_slide.next-in,
.login-content .banner .banner_slide.next-in {
  opacity: 1;
  visibility: visible;
  z-index: 30;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.home-right .banner .banner_slide.next-in.transitioning,
.login-content .banner .banner_slide.next-in.transitioning {
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.home-right .banner .banner_slide.next-in-2,
.login-content .banner .banner_slide.next-in-2 {
  opacity: 1;
  visibility: visible;
  z-index: 30;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.home-right .banner .banner_slide.next-in-2.transitioning,
.login-content .banner .banner_slide.next-in-2.transitioning {
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.home-right .banner .banner_slide.next-out-2,
.login-content .banner .banner_slide.next-out-2 {
  opacity: 1;
  visibility: visible;
  z-index: 25;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.home-right .banner .banner_slide.next-out-2.transitioning,
.login-content .banner .banner_slide.next-out-2.transitioning {
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 1;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.home-right .banner .banner_slide.next-out,
.login-content .banner .banner_slide.next-out {
  opacity: 1;
  visibility: visible;
  z-index: 25;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.home-right .banner .banner_slide.next-out.transitioning,
.login-content .banner .banner_slide.next-out.transitioning {
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 1;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.home-right .banner .banner_slide .banner-content,
.login-content .banner .banner_slide .banner-content {
  max-width: 730px;
  padding-top: 30px;
}
@media (max-width: 768px) {
  .home-right .banner .banner_slide .banner-content,
  .login-content .banner .banner_slide .banner-content {
    padding-top: 40px;
  }
}
.home-right .banner .banner_slide .banner-content h1,
.login-content .banner .banner_slide .banner-content h1 {
  font-size: 55px;
  line-height: 1.2em;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #313131;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .home-right .banner .banner_slide .banner-content h1,
  .login-content .banner .banner_slide .banner-content h1 {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 15px;
  }
}
.home-right .banner .banner_slide .banner-content h1 strong,
.login-content .banner .banner_slide .banner-content h1 strong {
  font-weight: 500;
}
.home-right .banner .banner_slide .banner-content p,
.login-content .banner .banner_slide .banner-content p {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  line-height: 27px;
  font-weight: 300;
  color: #000000;
  margin-bottom: 20px;
  display: none;
}
@media (max-width: 768px) {
  .home-right .banner .banner_slide .banner-content p,
  .login-content .banner .banner_slide .banner-content p {
    font-size: 12px;
    line-height: 16px;
    display: none;
  }
}
.home-right .banner .banner_slide .banner-content .yt-btn,
.login-content .banner .banner_slide .banner-content .yt-btn {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 120px;
  -webkit-animation: fadeinout 1s infinite;
  animation: fadeinout 1s infinite;
}
@media (max-width: 768px) {
  .home-right .banner .banner_slide .banner-content .yt-btn,
  .login-content .banner .banner_slide .banner-content .yt-btn {
    bottom: 60px;
  }
}
.home-right .container,
.login-content .container {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}
.home-right .container .container-small,
.login-content .container .container-small {
  padding: 0;
}
.home-right .container.legal,
.login-content .container.legal {
  max-width: 600px;
}
.home-right .container-small,
.login-content .container-small {
  max-width: 530px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .home-right .container-small,
  .login-content .container-small {
    padding: 0 25px;
  }
}
.home-right .microsite,
.login-content .microsite {
  position: relative;
}
.home-right .microsite .micro-nav,
.login-content .microsite .micro-nav {
  height: 70px;
  position: fixed;
  width: 66.68vw;
  min-width: 346px;
  top: 0;
  z-index: 99;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transition: .2s;
  transition: .2s;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-nav,
  .login-content .microsite .micro-nav {
    display: none;
  }
}
.home-right .microsite .micro-nav .container,
.login-content .microsite .micro-nav .container {
  height: 100%;
}
.home-right .microsite .micro-nav .container:before,
.login-content .microsite .micro-nav .container:before,
.home-right .microsite .micro-nav .container:after,
.login-content .microsite .micro-nav .container:after {
  content: " ";
  display: table;
}
.home-right .microsite .micro-nav .container:after,
.login-content .microsite .micro-nav .container:after {
  clear: both;
}
.home-right .microsite .micro-nav .container ul.nav-left,
.login-content .microsite .micro-nav .container ul.nav-left {
  float: left;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0;
  margin: 0;
}
.home-right .microsite .micro-nav .container ul.nav-left li,
.login-content .microsite .micro-nav .container ul.nav-left li {
  display: inline-block;
  padding: 0 20px;
}
.home-right .microsite .micro-nav .container ul.nav-left li:first-child,
.login-content .microsite .micro-nav .container ul.nav-left li:first-child {
  padding-left: 0;
}
.home-right .microsite .micro-nav .container ul.nav-left li:last-child,
.login-content .microsite .micro-nav .container ul.nav-left li:last-child {
  padding-right: 0;
}
.home-right .microsite .micro-nav .container ul.nav-left li a,
.login-content .microsite .micro-nav .container ul.nav-left li a {
  color: #313131;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 300;
  text-decoration: none;
  display: inline-block;
  padding: 8px 0;
  position: relative;
  -webkit-transition: .2s;
  transition: .2s;
  border-bottom: 1px solid transparent;
}
.home-right .microsite .micro-nav .container ul.nav-left li a:after,
.login-content .microsite .micro-nav .container ul.nav-left li a:after {
  content: " ";
  width: 20px;
  height: 1px;
  background: #312121;
  position: absolute;
  left: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .2s;
  transition: .2s;
}
.home-right .microsite .micro-nav .container ul.nav-left li a:hover:after,
.login-content .microsite .micro-nav .container ul.nav-left li a:hover:after,
.home-right .microsite .micro-nav .container ul.nav-left li a.active:after,
.login-content .microsite .micro-nav .container ul.nav-left li a.active:after {
  visibility: visible;
  opacity: 1;
}
.home-right .microsite .micro-nav .container ul.nav-right,
.login-content .microsite .micro-nav .container ul.nav-right {
  float: right;
  list-style: none;
  padding: 0;
  margin: 0;
  min-height: 18px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.home-right .microsite .micro-nav .container ul.nav-right > li,
.login-content .microsite .micro-nav .container ul.nav-right > li {
  display: inline-block;
  position: relative;
  padding-right: 30px;
}
.home-right .microsite .micro-nav .container ul.nav-right > li:after,
.login-content .microsite .micro-nav .container ul.nav-right > li:after {
  content: "\00a0\00a0\00a0\00a0|\00a0\00a0\00a0\00a0";
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #313131;
  font-weight: 300;
  position: absolute;
  right: 0;
  display: inline-block;
  -webkit-transition: .2s;
  transition: .2s;
}
.home-right .microsite .micro-nav .container ul.nav-right > li:last-child,
.login-content .microsite .micro-nav .container ul.nav-right > li:last-child {
  padding-right: 0;
}
.home-right .microsite .micro-nav .container ul.nav-right > li:last-child:after,
.login-content .microsite .micro-nav .container ul.nav-right > li:last-child:after {
  content: none;
}
.home-right .microsite .micro-nav .container ul.nav-right > li > span,
.login-content .microsite .micro-nav .container ul.nav-right > li > span,
.home-right .microsite .micro-nav .container ul.nav-right > li > a,
.login-content .microsite .micro-nav .container ul.nav-right > li > a {
  color: #313131;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 300;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
}
.home-right .microsite .micro-nav .container ul.nav-right > li > span strong,
.login-content .microsite .micro-nav .container ul.nav-right > li > span strong,
.home-right .microsite .micro-nav .container ul.nav-right > li > a strong,
.login-content .microsite .micro-nav .container ul.nav-right > li > a strong {
  font-weight: 500;
}
.home-right .microsite .micro-nav .container ul.nav-right > li > span.white,
.login-content .microsite .micro-nav .container ul.nav-right > li > span.white,
.home-right .microsite .micro-nav .container ul.nav-right > li > a.white,
.login-content .microsite .micro-nav .container ul.nav-right > li > a.white {
  color: #313131;
}
.home-right .microsite .micro-nav .container ul.nav-right > li div,
.login-content .microsite .micro-nav .container ul.nav-right > li div {
  display: inline-block;
  position: relative;
}
.home-right .microsite .micro-nav .container ul.nav-right > li div:hover ul,
.login-content .microsite .micro-nav .container ul.nav-right > li div:hover ul {
  visibility: visible;
  opacity: 1;
}
.home-right .microsite .micro-nav .container ul.nav-right > li div span.dropdown,
.login-content .microsite .micro-nav .container ul.nav-right > li div span.dropdown {
  display: inline-block;
  padding-right: 0;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 300;
  text-decoration: none;
}
.home-right .microsite .micro-nav .container ul.nav-right > li div span.dropdown:after,
.login-content .microsite .micro-nav .container ul.nav-right > li div span.dropdown:after {
  content: "\00a0\00a0\f107";
  font-size: 14px;
  font-weight: 500;
  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;
}
.home-right .microsite .micro-nav .container ul.nav-right > li ul,
.login-content .microsite .micro-nav .container ul.nav-right > li ul {
  position: absolute;
  display: inline-block;
  top: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #f5f5f5;
  border: 1px solid #ccc;
  overflow: hidden;
  border-radius: 4px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .3s;
  transition: .3s;
}
.home-right .microsite .micro-nav .container ul.nav-right > li ul li,
.login-content .microsite .micro-nav .container ul.nav-right > li ul li {
  display: block;
  padding-right: 0;
  min-width: 100px;
}
.home-right .microsite .micro-nav .container ul.nav-right > li ul li:after,
.login-content .microsite .micro-nav .container ul.nav-right > li ul li:after {
  content: none;
}
.home-right .microsite .micro-nav .container ul.nav-right > li ul li a,
.login-content .microsite .micro-nav .container ul.nav-right > li ul li a {
  display: block;
  padding: 6px 12px;
  text-align: center;
  color: #313131;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 300;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
}
.home-right .microsite .micro-nav .container ul.nav-right > li ul li.active a,
.login-content .microsite .micro-nav .container ul.nav-right > li ul li.active a {
  background: #ECECEC;
}
.home-right .microsite.sticky-nav .micro-nav,
.login-content .microsite.sticky-nav .micro-nav {
  background: #3060c2;
}
.home-right .microsite.sticky-nav .micro-nav .container ul.nav-left li a,
.login-content .microsite.sticky-nav .micro-nav .container ul.nav-left li a {
  color: #ffffff;
}
.home-right .microsite.sticky-nav .micro-nav .container ul.nav-left li a:after,
.login-content .microsite.sticky-nav .micro-nav .container ul.nav-left li a:after {
  background: #ffffff;
}
.home-right .microsite.sticky-nav .micro-nav .container ul.nav-right > li:after,
.login-content .microsite.sticky-nav .micro-nav .container ul.nav-right > li:after {
  color: #889ed7;
}
.home-right .microsite.sticky-nav .micro-nav .container ul.nav-right > li > span,
.login-content .microsite.sticky-nav .micro-nav .container ul.nav-right > li > span,
.home-right .microsite.sticky-nav .micro-nav .container ul.nav-right > li > a,
.login-content .microsite.sticky-nav .micro-nav .container ul.nav-right > li > a {
  color: #889ed7;
}
.home-right .microsite.sticky-nav .micro-nav .container ul.nav-right > li > span.white,
.login-content .microsite.sticky-nav .micro-nav .container ul.nav-right > li > span.white,
.home-right .microsite.sticky-nav .micro-nav .container ul.nav-right > li > a.white,
.login-content .microsite.sticky-nav .micro-nav .container ul.nav-right > li > a.white {
  color: #ffffff;
}
.home-right .microsite .micro-howitworks,
.login-content .microsite .micro-howitworks {
  background: #3b77f1;
  min-height: 300px;
  padding-top: 100px;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-howitworks,
  .login-content .microsite .micro-howitworks {
    padding-top: 40px;
  }
}
.home-right .microsite .micro-howitworks h1,
.login-content .microsite .micro-howitworks h1 {
  color: #fef232;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 56px;
  margin-bottom: 30px;
}
.home-right .microsite .micro-howitworks h1 strong,
.login-content .microsite .micro-howitworks h1 strong {
  font-weight: 500;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-howitworks h1,
  .login-content .microsite .micro-howitworks h1 {
    font-size: 35px;
    margin-bottom: 15px;
  }
}
.home-right .microsite .micro-howitworks p,
.login-content .microsite .micro-howitworks p {
  font-size: 18px;
  line-height: 27px;
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  font-weight: 300;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-howitworks p,
  .login-content .microsite .micro-howitworks p {
    font-size: 13px;
    line-height: 16px;
  }
}
.home-right .microsite .micro-howitworks .steps,
.login-content .microsite .micro-howitworks .steps {
  padding-bottom: 170px;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-howitworks .steps,
  .login-content .microsite .micro-howitworks .steps {
    padding-bottom: 90px;
  }
}
.home-right .microsite .micro-howitworks .steps .step,
.login-content .microsite .micro-howitworks .steps .step {
  background-repeat: no-repeat;
  background-position: right center;
  height: 280px;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-howitworks .steps .step,
  .login-content .microsite .micro-howitworks .steps .step {
    height: auto;
    background-position: right bottom;
    padding-bottom: 170px;
    -webkit-background-size: auto 180px !important;
    background-size: auto 180px !important;
    margin-bottom: 40px;
  }
  .home-right .microsite .micro-howitworks .steps .step:last-child,
  .login-content .microsite .micro-howitworks .steps .step:last-child {
    margin-bottom: 0;
  }
}
.home-right .microsite .micro-howitworks .steps .step .container,
.login-content .microsite .micro-howitworks .steps .step .container {
  height: 100%;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-howitworks .steps .step .container,
  .login-content .microsite .micro-howitworks .steps .step .container {
    height: auto;
  }
}
.home-right .microsite .micro-howitworks .steps .step.step-1,
.login-content .microsite .micro-howitworks .steps .step.step-1 {
  background-image: url('../img/steps/step1.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .home-right .microsite .micro-howitworks .steps .step.step-1,
  .login-content .microsite .micro-howitworks .steps .step.step-1 {
    background-image: url("../img/steps/step1@2x.png");
    -webkit-background-size: 221px 202px;
    background-size: 221px 202px;
  }
}
.home-right .microsite .micro-howitworks .steps .step.step-2,
.login-content .microsite .micro-howitworks .steps .step.step-2 {
  background-image: url('../img/steps/step2.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .home-right .microsite .micro-howitworks .steps .step.step-2,
  .login-content .microsite .micro-howitworks .steps .step.step-2 {
    background-image: url("../img/steps/step2@2x.png");
    -webkit-background-size: 247px 256px;
    background-size: 247px 256px;
  }
}
.home-right .microsite .micro-howitworks .steps .step.step-3,
.login-content .microsite .micro-howitworks .steps .step.step-3 {
  background-image: url('../img/steps/step3.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .home-right .microsite .micro-howitworks .steps .step.step-3,
  .login-content .microsite .micro-howitworks .steps .step.step-3 {
    background-image: url("../img/steps/step3@2x.png");
    -webkit-background-size: 259px 276px;
    background-size: 259px 276px;
  }
}
.home-right .microsite .micro-howitworks .steps .step.right,
.login-content .microsite .micro-howitworks .steps .step.right {
  background-position: left center;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-howitworks .steps .step.right,
  .login-content .microsite .micro-howitworks .steps .step.right {
    background-position: left bottom;
  }
}
.home-right .microsite .micro-howitworks .steps .step .step-content,
.login-content .microsite .micro-howitworks .steps .step .step-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 70%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .home-right .microsite .micro-howitworks .steps .step .step-content,
  .login-content .microsite .micro-howitworks .steps .step .step-content {
    display: block;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    overflow: hidden;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .home-right .microsite .micro-howitworks .steps .step .step-content .number,
  .login-content .microsite .micro-howitworks .steps .step .step-content .number {
    float: left;
    width: 65px;
  }
}
.home-right .microsite .micro-howitworks .steps .step .step-content .number span,
.login-content .microsite .micro-howitworks .steps .step .step-content .number span {
  display: block;
  width: 66px;
  height: 66px;
  line-height: 66px;
  font-family: 'Roboto', sans-serif;
  color: #fef232;
  font-size: 35px;
  text-align: center;
  border-radius: 100%;
  border: 1px solid #fef232;
  overflow: hidden;
  margin-right: 25px;
  margin-top: 5px;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-howitworks .steps .step .step-content .number span,
  .login-content .microsite .micro-howitworks .steps .step .step-content .number span {
    width: 50px;
    height: 50px;
    font-size: 27px;
    line-height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0;
  }
}
.home-right .microsite .micro-howitworks .steps .step .step-content .content,
.login-content .microsite .micro-howitworks .steps .step .step-content .content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-howitworks .steps .step .step-content .content,
  .login-content .microsite .micro-howitworks .steps .step .step-content .content {
    float: left;
    width: -webkit-calc(100% - 65px);
    width: calc(100% - 65px);
  }
}
.home-right .microsite .micro-howitworks .steps .step .step-content .content h2,
.login-content .microsite .micro-howitworks .steps .step .step-content .content h2 {
  font-family: 'Roboto', sans-serif;
  font-size: 32px;
  color: #ffffff;
  font-weight: 300;
  margin-bottom: 5px;
}
.home-right .microsite .micro-howitworks .steps .step .step-content .content h2 strong,
.login-content .microsite .micro-howitworks .steps .step .step-content .content h2 strong {
  font-weight: 500;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-howitworks .steps .step .step-content .content h2,
  .login-content .microsite .micro-howitworks .steps .step .step-content .content h2 {
    font-size: 20px;
  }
}
.home-right .microsite .micro-howitworks .steps .step .step-content .content p,
.login-content .microsite .micro-howitworks .steps .step .step-content .content p {
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  font-size: 15px;
  line-height: 32px;
  font-weight: 300;
  margin-bottom: 10px;
}
.home-right .microsite .micro-howitworks .steps .step .step-content .content p a,
.login-content .microsite .micro-howitworks .steps .step .step-content .content p a {
  color: #ffde36;
  text-decoration: none;
  font-weight: normal;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-howitworks .steps .step .step-content .content p,
  .login-content .microsite .micro-howitworks .steps .step .step-content .content p {
    font-size: 12px;
    line-height: 17px;
  }
}
.home-right .microsite .micro-howitworks .steps .step.right .step-content,
.login-content .microsite .micro-howitworks .steps .step.right .step-content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  text-align: right;
  margin-left: auto;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-howitworks .steps .step.right .step-content .number,
  .login-content .microsite .micro-howitworks .steps .step.right .step-content .number {
    float: right;
  }
}
.home-right .microsite .micro-howitworks .steps .step.right .step-content .number span,
.login-content .microsite .micro-howitworks .steps .step.right .step-content .number span {
  margin-left: 25px;
  margin-right: 0;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-howitworks .steps .step.right .step-content .number span,
  .login-content .microsite .micro-howitworks .steps .step.right .step-content .number span {
    margin-left: 15px;
  }
}
@media (max-width: 768px) {
  .home-right .microsite .micro-howitworks .steps .step.right .step-content .content,
  .login-content .microsite .micro-howitworks .steps .step.right .step-content .content {
    float: right;
  }
}
.home-right .microsite .micro-carousel,
.login-content .microsite .micro-carousel {
  position: relative;
  z-index: 1;
  background: #3b77f1;
  padding-bottom: 70px;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-carousel,
  .login-content .microsite .micro-carousel {
    padding-bottom: 0;
  }
}
.home-right .microsite .micro-carousel:before,
.login-content .microsite .micro-carousel:before {
  content: " ";
  position: absolute;
  display: block;
  background: #4d5e77;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 320px;
  z-index: -1;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-carousel:before,
  .login-content .microsite .micro-carousel:before {
    height: 210px;
  }
}
.home-right .microsite .micro-carousel .owl-carousel-nav,
.login-content .microsite .micro-carousel .owl-carousel-nav {
  position: absolute;
  display: block;
  padding: 15px;
  color: #ffffff;
  z-index: 5;
  font-size: 24px;
  top: -webkit-calc(50% - 130px);
  top: calc(50% - 130px);
}
@media (max-width: 768px) {
  .home-right .microsite .micro-carousel .owl-carousel-nav,
  .login-content .microsite .micro-carousel .owl-carousel-nav {
    top: -webkit-calc(50% - 90px);
    top: calc(50% - 90px);
  }
}
.home-right .microsite .micro-carousel .owl-carousel-nav.nav-prev,
.login-content .microsite .micro-carousel .owl-carousel-nav.nav-prev {
  left: 0;
}
.home-right .microsite .micro-carousel .owl-carousel-nav.nav-next,
.login-content .microsite .micro-carousel .owl-carousel-nav.nav-next {
  right: 0;
}
.home-right .microsite .micro-carousel .owl-carousel-wrapper,
.login-content .microsite .micro-carousel .owl-carousel-wrapper {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-carousel .owl-carousel-wrapper .carousel-item,
  .login-content .microsite .micro-carousel .owl-carousel-wrapper .carousel-item {
    padding: 0 30px;
  }
}
.home-right .microsite .micro-carousel .owl-carousel-wrapper .carousel-item .img-wrapper,
.login-content .microsite .micro-carousel .owl-carousel-wrapper .carousel-item .img-wrapper {
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-carousel .owl-carousel-wrapper .carousel-item .img-wrapper,
  .login-content .microsite .micro-carousel .owl-carousel-wrapper .carousel-item .img-wrapper {
    margin-bottom: 20px;
    padding: 0 30px;
  }
}
.home-right .microsite .micro-carousel .owl-carousel-wrapper .carousel-item .text,
.login-content .microsite .micro-carousel .owl-carousel-wrapper .carousel-item .text {
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 17px;
  line-height: 20px;
  text-align: center;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-carousel .owl-carousel-wrapper .carousel-item .text br,
  .login-content .microsite .micro-carousel .owl-carousel-wrapper .carousel-item .text br {
    display: none;
  }
}
.home-right .microsite .micro-features,
.login-content .microsite .micro-features {
  background: #4d5e77;
  padding-top: 70px;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-features,
  .login-content .microsite .micro-features {
    padding-top: 45px;
  }
}
.home-right .microsite .micro-features h1,
.login-content .microsite .micro-features h1 {
  color: #44b6fa;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 56px;
  margin-bottom: 80px;
}
.home-right .microsite .micro-features h1 strong,
.login-content .microsite .micro-features h1 strong {
  font-weight: 500;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-features h1,
  .login-content .microsite .micro-features h1 {
    font-size: 35px;
    margin-bottom: 15px;
  }
}
.home-right .microsite .micro-features .features-grid,
.login-content .microsite .micro-features .features-grid {
  padding-bottom: 60px;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-features .features-grid,
  .login-content .microsite .micro-features .features-grid {
    padding-bottom: 25px;
  }
}
.home-right .microsite .micro-features .features-grid .features-row,
.login-content .microsite .micro-features .features-grid .features-row {
  margin: 0 -20px;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-features .features-grid .features-row,
  .login-content .microsite .micro-features .features-grid .features-row {
    margin: 0 -10px;
  }
}
.home-right .microsite .micro-features .features-grid .features-row:before,
.login-content .microsite .micro-features .features-grid .features-row:before,
.home-right .microsite .micro-features .features-grid .features-row:after,
.login-content .microsite .micro-features .features-grid .features-row:after {
  content: " ";
  display: table;
}
.home-right .microsite .micro-features .features-grid .features-row:after,
.login-content .microsite .micro-features .features-grid .features-row:after {
  clear: both;
}
.home-right .microsite .micro-features .features-grid .features-row .feature-col,
.login-content .microsite .micro-features .features-grid .features-row .feature-col {
  float: left;
  width: 33.333%;
  padding: 0 20px;
  margin-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-features .features-grid .features-row .feature-col,
  .login-content .microsite .micro-features .features-grid .features-row .feature-col {
    width: 100%;
    margin-bottom: 20px;
  }
}
.home-right .microsite .micro-features .features-grid .features-row .feature-col .feature-thumb,
.login-content .microsite .micro-features .features-grid .features-row .feature-col .feature-thumb {
  min-height: 130px;
}
.home-right .microsite .micro-features .features-grid .features-row .feature-col .feature-thumb img,
.login-content .microsite .micro-features .features-grid .features-row .feature-col .feature-thumb img {
  max-height: 110px;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-features .features-grid .features-row .feature-col .feature-thumb,
  .login-content .microsite .micro-features .features-grid .features-row .feature-col .feature-thumb {
    min-height: 0;
    padding: 20px 0;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .home-right .microsite .micro-features .features-grid .features-row .feature-col .feature-text,
  .login-content .microsite .micro-features .features-grid .features-row .feature-col .feature-text {
    text-align: center;
  }
}
.home-right .microsite .micro-features .features-grid .features-row .feature-col .feature-text h3,
.login-content .microsite .micro-features .features-grid .features-row .feature-col .feature-text h3 {
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  color: #ffffff;
  margin: 0;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-features .features-grid .features-row .feature-col .feature-text h3,
  .login-content .microsite .micro-features .features-grid .features-row .feature-col .feature-text h3 {
    font-size: 15px;
  }
}
.home-right .microsite .micro-features .features-grid .features-row .feature-col .feature-text p,
.login-content .microsite .micro-features .features-grid .features-row .feature-col .feature-text p {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #dbdde0;
  font-weight: 300;
  margin: 8px 0;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-features .features-grid .features-row .feature-col .feature-text p,
  .login-content .microsite .micro-features .features-grid .features-row .feature-col .feature-text p {
    font-size: 12px;
    line-height: 17px;
  }
}
.home-right .microsite .micro-plans,
.login-content .microsite .micro-plans {
  background: #e2e3e5;
  padding-top: 90px;
  padding-bottom: 100px;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-plans,
  .login-content .microsite .micro-plans {
    padding-top: 40px;
    padding-bottom: 50px;
  }
}
.home-right .microsite .micro-plans h1,
.login-content .microsite .micro-plans h1 {
  color: #3b77f1;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 56px;
  margin-bottom: 80px;
}
.home-right .microsite .micro-plans h1 strong,
.login-content .microsite .micro-plans h1 strong {
  font-weight: 500;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-plans h1,
  .login-content .microsite .micro-plans h1 {
    font-size: 35px;
    margin-bottom: 35px;
  }
}
.home-right .microsite .micro-plans .plans,
.login-content .microsite .micro-plans .plans {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.home-right .microsite .micro-plans .plans:before,
.login-content .microsite .micro-plans .plans:before,
.home-right .microsite .micro-plans .plans:after,
.login-content .microsite .micro-plans .plans:after {
  content: " ";
  display: table;
}
.home-right .microsite .micro-plans .plans:after,
.login-content .microsite .micro-plans .plans:after {
  clear: both;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-plans .plans,
  .login-content .microsite .micro-plans .plans {
    display: block;
  }
}
.home-right .microsite .micro-plans .plans .plan,
.login-content .microsite .micro-plans .plans .plan {
  margin-bottom: 40px;
  padding: 40px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ffffff;
  width: -webkit-calc(50% - 20px);
  width: calc(50% - 20px);
}
@media (max-width: 768px) {
  .home-right .microsite .micro-plans .plans .plan,
  .login-content .microsite .micro-plans .plans .plan {
    float: none;
    width: auto;
    padding: 30px;
    margin-bottom: 25px;
  }
}
.home-right .microsite .micro-plans .plans .plan.blue,
.login-content .microsite .micro-plans .plans .plan.blue {
  background: #3b77f1;
  margin-right: 20px;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-plans .plans .plan.blue,
  .login-content .microsite .micro-plans .plans .plan.blue {
    margin-right: 0;
  }
}
.home-right .microsite .micro-plans .plans .plan.blue .select a,
.login-content .microsite .micro-plans .plans .plan.blue .select a {
  color: #3b77f1;
}
.home-right .microsite .micro-plans .plans .plan.blue .select a:hover,
.login-content .microsite .micro-plans .plans .plan.blue .select a:hover {
  background: #3b77f1;
  color: #ffffff;
}
.home-right .microsite .micro-plans .plans .plan.green,
.login-content .microsite .micro-plans .plans .plan.green {
  background: #28cf82;
  margin-left: 20px;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-plans .plans .plan.green,
  .login-content .microsite .micro-plans .plans .plan.green {
    margin-left: 0;
  }
}
.home-right .microsite .micro-plans .plans .plan.green .select a,
.login-content .microsite .micro-plans .plans .plan.green .select a {
  color: #28cf82;
}
.home-right .microsite .micro-plans .plans .plan.green .select a:hover,
.login-content .microsite .micro-plans .plans .plan.green .select a:hover {
  background: #28cf82;
  color: #ffffff;
}
.home-right .microsite .micro-plans .plans .plan .plan-head,
.login-content .microsite .micro-plans .plans .plan .plan-head {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ffffff;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-plans .plans .plan .plan-head,
  .login-content .microsite .micro-plans .plans .plan .plan-head {
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
}
.home-right .microsite .micro-plans .plans .plan .plan-head h2,
.login-content .microsite .micro-plans .plans .plan .plan-head h2 {
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  font-weight: 100;
  font-size: 40px;
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-plans .plans .plan .plan-head h2,
  .login-content .microsite .micro-plans .plans .plan .plan-head h2 {
    font-size: 27px;
    margin-bottom: 5px;
  }
}
.home-right .microsite .micro-plans .plans .plan .plan-head h2 strong,
.login-content .microsite .micro-plans .plans .plan .plan-head h2 strong {
  font-weight: 500;
}
.home-right .microsite .micro-plans .plans .plan .plan-head h2 em,
.login-content .microsite .micro-plans .plans .plan .plan-head h2 em {
  font-weight: 300;
  font-size: 25px;
  font-style: normal;
}
.home-right .microsite .micro-plans .plans .plan .plan-head p,
.login-content .microsite .micro-plans .plans .plan .plan-head p {
  color: #ffffff;
  font-weight: 300;
  font-size: 20px;
  line-height: 24px;
  font-family: 'Roboto', sans-serif;
  margin: 0;
}
.home-right .microsite .micro-plans .plans .plan .plan-head p strong,
.login-content .microsite .micro-plans .plans .plan .plan-head p strong {
  font-weight: bold;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-plans .plans .plan .plan-head p,
  .login-content .microsite .micro-plans .plans .plan .plan-head p {
    font-size: 14px;
    line-height: 20px;
  }
}
.home-right .microsite .micro-plans .plans .plan .plan-features p,
.login-content .microsite .micro-plans .plans .plan .plan-features p {
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  line-height: 20px;
  font-weight: 300;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-plans .plans .plan .plan-features p,
  .login-content .microsite .micro-plans .plans .plan .plan-features p {
    font-size: 12px;
    line-height: 17px;
  }
}
.home-right .microsite .micro-plans .plans .plan .plan-features p strong,
.login-content .microsite .micro-plans .plans .plan .plan-features p strong {
  font-weight: 900;
}
.home-right .microsite .micro-plans .plans .plan .plan-features ul.features,
.login-content .microsite .micro-plans .plans .plan .plan-features ul.features {
  list-style: none;
  padding: 0;
  margin: 10px 0 30px 0;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-plans .plans .plan .plan-features ul.features,
  .login-content .microsite .micro-plans .plans .plan .plan-features ul.features {
    margin: 5px 0 15px 0;
  }
}
.home-right .microsite .micro-plans .plans .plan .plan-features ul.features li,
.login-content .microsite .micro-plans .plans .plan .plan-features ul.features li {
  font-size: 15px;
  font-weight: 300;
  line-height: 30px;
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  padding-left: 30px;
  position: relative;
  display: block;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-plans .plans .plan .plan-features ul.features li,
  .login-content .microsite .micro-plans .plans .plan .plan-features ul.features li {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 2px;
  }
}
.home-right .microsite .micro-plans .plans .plan .plan-features ul.features li:before,
.login-content .microsite .micro-plans .plans .plan .plan-features ul.features li:before {
  content: "\f383";
  font-family: "Ionicons";
  font-size: 14px;
  color: #ffffff;
  display: block;
  text-align: center;
  line-height: 20px;
  width: 20px;
  height: 20px;
  border: 1px solid #ffffff;
  position: absolute;
  left: 0;
  top: 4px;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-plans .plans .plan .plan-features ul.features li:before,
  .login-content .microsite .micro-plans .plans .plan .plan-features ul.features li:before {
    width: 15px;
    height: 15px;
    font-size: 11px;
    line-height: 15px;
    top: 2px;
  }
}
.home-right .microsite .micro-plans .plans .plan .plan-features ul.features li.locked,
.login-content .microsite .micro-plans .plans .plan .plan-features ul.features li.locked {
  color: #89b0ff;
}
.home-right .microsite .micro-plans .plans .plan .plan-features ul.features li.locked:before,
.login-content .microsite .micro-plans .plans .plan .plan-features ul.features li.locked:before {
  content: "\f392";
  color: #89b0ff;
  border-color: #89b0ff;
}
.home-right .microsite .micro-plans .plans .plan .select,
.login-content .microsite .micro-plans .plans .plan .select {
  margin-top: 30px;
}
.home-right .microsite .micro-plans .plans .plan .select a,
.login-content .microsite .micro-plans .plans .plan .select a {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  width: 100%;
  text-decoration: none;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: .3s;
  transition: .3s;
}
.home-right .microsite .micro-plans .to-signup,
.login-content .microsite .micro-plans .to-signup {
  border: 1px solid #3b77f1;
  color: #3b77f1;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  width: 100%;
  text-decoration: none;
  display: block;
  -webkit-transition: .2s;
  transition: .2s;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-plans .to-signup,
  .login-content .microsite .micro-plans .to-signup {
    line-height: 40px;
    font-size: 18px;
  }
}
.home-right .microsite .micro-plans .to-signup:hover,
.login-content .microsite .micro-plans .to-signup:hover {
  background: #3b77f1;
  color: #ffffff;
}
.home-right .microsite .micro-plans .to-signup .icon,
.login-content .microsite .micro-plans .to-signup .icon {
  margin-right: 40px;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-plans .to-signup .icon,
  .login-content .microsite .micro-plans .to-signup .icon {
    display: none;
  }
}
.home-right .microsite .micro-reviews,
.login-content .microsite .micro-reviews {
  background: #5dd79f;
  padding-top: 90px;
}
.home-right .microsite .micro-reviews:before,
.login-content .microsite .micro-reviews:before,
.home-right .microsite .micro-reviews:after,
.login-content .microsite .micro-reviews:after {
  content: " ";
  display: table;
}
.home-right .microsite .micro-reviews:after,
.login-content .microsite .micro-reviews:after {
  clear: both;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-reviews,
  .login-content .microsite .micro-reviews {
    padding-top: 40px;
    padding-bottom: 0;
  }
}
.home-right .microsite .micro-reviews h1,
.login-content .microsite .micro-reviews h1 {
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 56px;
  margin-bottom: 80px;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-reviews h1,
  .login-content .microsite .micro-reviews h1 {
    font-size: 35px;
    margin-bottom: 35px;
  }
}
.home-right .microsite .micro-reviews h1 strong,
.login-content .microsite .micro-reviews h1 strong {
  font-weight: 500;
}
.home-right .microsite .micro-reviews .review-carousel,
.login-content .microsite .micro-reviews .review-carousel {
  position: relative;
}
.home-right .microsite .micro-reviews .review-carousel .owl-carousel-nav,
.login-content .microsite .micro-reviews .review-carousel .owl-carousel-nav {
  position: absolute;
  display: block;
  padding: 15px;
  color: #ffffff;
  z-index: 5;
  font-size: 24px;
  top: -webkit-calc(50% - 80px);
  top: calc(50% - 80px);
}
@media (max-width: 768px) {
  .home-right .microsite .micro-reviews .review-carousel .owl-carousel-nav,
  .login-content .microsite .micro-reviews .review-carousel .owl-carousel-nav {
    padding: 10px;
  }
}
.home-right .microsite .micro-reviews .review-carousel .owl-carousel-nav.nav-prev,
.login-content .microsite .micro-reviews .review-carousel .owl-carousel-nav.nav-prev {
  left: 0;
}
.home-right .microsite .micro-reviews .review-carousel .owl-carousel-nav.nav-next,
.login-content .microsite .micro-reviews .review-carousel .owl-carousel-nav.nav-next {
  right: 0;
}
.home-right .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper,
.login-content .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}
.home-right .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper .review,
.login-content .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper .review {
  padding: 40px 40px 0 40px;
  background: #ffffff;
  overflow: hidden;
  border: 1px solid #ffffff;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper .review,
  .login-content .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper .review {
    margin: 0 30px;
    padding: 30px 30px 0 30px;
  }
}
.home-right .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper .review h3,
.login-content .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper .review h3 {
  color: #313131;
  font-size: 22px;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  margin: 0 0 5px 0;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper .review h3,
  .login-content .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper .review h3 {
    font-size: 17px;
  }
}
.home-right .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper .review h4,
.login-content .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper .review h4 {
  color: #313131;
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  margin: 0 0 5px 0;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper .review h4,
  .login-content .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper .review h4 {
    font-size: 12px;
  }
}
.home-right .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper .review p,
.login-content .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper .review p {
  color: #848589;
  font-size: 14px;
  line-height: 22px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  margin: 10px 0;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper .review p,
  .login-content .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper .review p {
    font-size: 12px;
    line-height: 17px;
  }
}
.home-right .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper .review .rating,
.login-content .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper .review .rating {
  background: #5dd79f;
  padding: 0 39px;
  margin: 35px -40px 0px -40px;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  color: #ffffff;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper .review .rating,
  .login-content .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper .review .rating {
    height: 40px;
    margin: 35px -30px 0px -30px;
    padding: 0 30px;
  }
}
.home-right .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper .review .rating i,
.login-content .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper .review .rating i {
  line-height: 60px;
  margin-right: 4px;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper .review .rating i,
  .login-content .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper .review .rating i {
    line-height: 40px;
    font-size: 17px;
  }
}
.home-right .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper .owl-controls .owl-dots,
.login-content .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper .owl-controls .owl-dots {
  padding: 42px 0;
  text-align: center;
}
@media (max-width: 768px) {
  .home-right .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper .owl-controls .owl-dots,
  .login-content .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper .owl-controls .owl-dots {
    padding: 29px 0;
  }
}
.home-right .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper .owl-controls .owl-dots .owl-dot,
.login-content .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper .owl-controls .owl-dots .owl-dot {
  display: inline-block;
  margin: 0 7px;
}
.home-right .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper .owl-controls .owl-dots .owl-dot span,
.login-content .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper .owl-controls .owl-dots .owl-dot span {
  display: block;
  width: 13px;
  height: 13px;
  background: #00ac6d;
  border-radius: 13px;
  overflow: hidden;
  -webkit-transition: .2s;
  transition: .2s;
}
.home-right .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper .owl-controls .owl-dots .owl-dot.active span,
.login-content .microsite .micro-reviews .review-carousel .owl-review-carousel-wrapper .owl-controls .owl-dots .owl-dot.active span {
  background: #ffffff;
}
.home-right .signup-step-content,
.login-content .signup-step-content {
  padding-top: 135px;
  padding-bottom: 100px;
}
@media (max-width: 768px) {
  .home-right .signup-step-content,
  .login-content .signup-step-content {
    padding-top: 80px;
    padding-bottom: 40px;
  }
}
.home-right .signup-step-content h1,
.login-content .signup-step-content h1 {
  color: #3b77f1;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 56px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .home-right .signup-step-content h1,
  .login-content .signup-step-content h1 {
    font-size: 30px;
    margin-bottom: 15px;
  }
}
.home-right .signup-step-content p,
.login-content .signup-step-content p {
  color: #313131;
  font-size: 18px;
  line-height: 28px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  margin: 30px 0;
}
@media (max-width: 768px) {
  .home-right .signup-step-content p,
  .login-content .signup-step-content p {
    font-size: 13px;
    line-height: 17px;
    margin: 15px 0 20px 0;
  }
}
.home-right .signup-step-content p strong,
.login-content .signup-step-content p strong {
  font-weight: bold;
}
.home-right .signup-step-content .share-card,
.login-content .signup-step-content .share-card {
  background: #ffffff;
  padding: 15px 50px;
  margin-bottom: 15px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .home-right .signup-step-content .share-card,
  .login-content .signup-step-content .share-card {
    padding: 18px 30px 30px 30px;
    margin-bottom: 25px;
  }
}
.home-right .signup-step-content .share-card .small-icon-wrapper,
.login-content .signup-step-content .share-card .small-icon-wrapper {
  float: left;
  width: 40px;
}
.home-right .signup-step-content .share-card .small-icon-wrapper i,
.login-content .signup-step-content .share-card .small-icon-wrapper i {
  color: #565656;
  font-size: 30px;
  line-height: 40px;
}
.home-right .signup-step-content .share-card .small-icon-wrapper i.ion-social-facebook-outline,
.login-content .signup-step-content .share-card .small-icon-wrapper i.ion-social-facebook-outline {
  margin-left: 6px;
}
.home-right .signup-step-content .share-card .small-icon-wrapper i:before,
.login-content .signup-step-content .share-card .small-icon-wrapper i:before {
  line-height: 40px;
}
.home-right .signup-step-content .share-card .heading-wrapper,
.login-content .signup-step-content .share-card .heading-wrapper {
  float: left;
  width: -webkit-calc( 100% - 40px );
  width: calc( 100% - 40px );
}
.home-right .signup-step-content .share-card .heading-wrapper h3,
.login-content .signup-step-content .share-card .heading-wrapper h3 {
  color: #313131;
  font-size: 22px;
  font-weight: normal;
  font-family: 'Roboto', sans-serif;
  line-height: 28px;
  padding: 6px 0;
}
@media (max-width: 768px) {
  .home-right .signup-step-content .share-card .heading-wrapper h3,
  .login-content .signup-step-content .share-card .heading-wrapper h3 {
    font-size: 18px;
    line-height: 24px;
    padding-top: 8px;
  }
}
.home-right .signup-step-content .share-card .button-wrapper,
.login-content .signup-step-content .share-card .button-wrapper {
  float: left;
  width: 100%;
  text-align: right;
}
.home-right .signup-step-content .share-card .button-wrapper i,
.login-content .signup-step-content .share-card .button-wrapper i {
  display: none;
}
.home-right .signup-step-content .share-card .button-wrapper a,
.login-content .signup-step-content .share-card .button-wrapper a {
  display: inline-block;
  width: 80px;
  height: 40px;
  background: #4384ef;
  border: 1px solid #4384ef;
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-size: 13px;
  text-align: center;
  line-height: 40px;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: .2s;
  transition: .2s;
}
@media (max-width: 768px) {
  .home-right .signup-step-content .share-card .button-wrapper a,
  .login-content .signup-step-content .share-card .button-wrapper a {
    width: 100%;
  }
}
.home-right .signup-step-content .share-card .button-wrapper a.disabled,
.login-content .signup-step-content .share-card .button-wrapper a.disabled {
  opacity: .4;
  cursor: default;
}
.home-right .signup-step-content .share-card .button-wrapper a:hover:not(.disabled),
.login-content .signup-step-content .share-card .button-wrapper a:hover:not(.disabled) {
  background: #226bd4;
  border-color: #4384ef;
}
.home-right .signup-step-content .share-card .fields-wrapper,
.login-content .signup-step-content .share-card .fields-wrapper {
  float: left;
  margin-top: 20px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .home-right .signup-step-content .share-card .fields-wrapper,
  .login-content .signup-step-content .share-card .fields-wrapper {
    margin-top: 10px;
    margin-bottom: 30px;
  }
}
.home-right .signup-step-content .share-card .fields-wrapper p,
.login-content .signup-step-content .share-card .fields-wrapper p {
  margin: 0;
  font-size: 13px;
  line-height: 20px;
  font-family: 'Roboto', sans-serif;
  color: #505050;
  font-weight: 300;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .home-right .signup-step-content .share-card .fields-wrapper p,
  .login-content .signup-step-content .share-card .fields-wrapper p {
    font-size: 12px;
  }
}
.home-right .signup-step-content .share-card .fields-wrapper .field-group,
.login-content .signup-step-content .share-card .fields-wrapper .field-group {
  margin-bottom: 15px;
}
.home-right .signup-step-content .share-card .fields-wrapper .field-group:last-child,
.login-content .signup-step-content .share-card .fields-wrapper .field-group:last-child {
  margin-bottom: 0;
}
.home-right .signup-step-content .share-card .fields-wrapper .field-group input,
.login-content .signup-step-content .share-card .fields-wrapper .field-group input {
  width: 100%;
  border: none;
  border-bottom: 1px solid #313131;
  background: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  height: 25px;
  font-weight: normal;
  color: #313131;
  border-radius: 0;
}
.home-right .signup-step-content .share-card .fields-wrapper .field-group input::-webkit-input-placeholder,
.login-content .signup-step-content .share-card .fields-wrapper .field-group input::-webkit-input-placeholder {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: normal;
  font-style: italic;
  color: #313131;
}
.home-right .signup-step-content .share-card .fields-wrapper .field-group input:-moz-placeholder,
.login-content .signup-step-content .share-card .fields-wrapper .field-group input:-moz-placeholder {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: normal;
  font-style: italic;
  color: #313131;
}
.home-right .signup-step-content .share-card .fields-wrapper .field-group input::-moz-placeholder,
.login-content .signup-step-content .share-card .fields-wrapper .field-group input::-moz-placeholder {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: normal;
  font-style: italic;
  color: #313131;
}
.home-right .signup-step-content .share-card .fields-wrapper .field-group input:-ms-input-placeholder,
.login-content .signup-step-content .share-card .fields-wrapper .field-group input:-ms-input-placeholder {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: normal;
  font-style: italic;
  color: #313131;
}
.home-right .signup-step-content .share-card .fields-wrapper .field-group input:focus,
.login-content .signup-step-content .share-card .fields-wrapper .field-group input:focus {
  outline: none;
}
.home-right .signup-step-content .share-card.small .heading-wrapper,
.login-content .signup-step-content .share-card.small .heading-wrapper {
  width: -webkit-calc( 100% - 40px - 80px );
  width: calc( 100% - 40px - 80px );
}
@media (max-width: 768px) {
  .home-right .signup-step-content .share-card.small .heading-wrapper,
  .login-content .signup-step-content .share-card.small .heading-wrapper {
    width: -webkit-calc( 100% - 40px );
    width: calc( 100% - 40px );
  }
}
.home-right .signup-step-content .share-card.small .button-wrapper,
.login-content .signup-step-content .share-card.small .button-wrapper {
  width: 80px;
}
@media (max-width: 768px) {
  .home-right .signup-step-content .share-card.small .button-wrapper,
  .login-content .signup-step-content .share-card.small .button-wrapper {
    width: 100%;
    clear: both;
    padding-top: 10px;
  }
  .home-right .signup-step-content .share-card.small .button-wrapper a,
  .login-content .signup-step-content .share-card.small .button-wrapper a {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.home-right .signup-step-content .share-card.done .button-wrapper a,
.login-content .signup-step-content .share-card.done .button-wrapper a {
  display: none;
}
.home-right .signup-step-content .share-card.done .button-wrapper i,
.login-content .signup-step-content .share-card.done .button-wrapper i {
  display: inline-block;
  font-size: 40px;
  line-height: 40px;
  color: #28cf82;
}
.home-right .signup-step-content .step-skipper,
.login-content .signup-step-content .step-skipper {
  margin-top: 30px;
  border-top: 1px solid #313131;
  padding: 30px 0;
}
.home-right .signup-step-content .step-skipper a,
.login-content .signup-step-content .step-skipper a {
  display: inline-block;
  width: 100%;
  height: 50px;
  background: #4384ef;
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-size: 20px;
  text-align: center;
  line-height: 50px;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
}
@media (max-width: 768px) {
  .home-right .signup-step-content .step-skipper a,
  .login-content .signup-step-content .step-skipper a {
    line-height: 40px;
    font-size: 13px;
    height: 40px;
  }
}
.home-right .signup-step-content .step-skipper a.disabled,
.login-content .signup-step-content .step-skipper a.disabled {
  opacity: .4;
  cursor: default;
}
.home-right .signup-step-content .step-skipper a:hover:not(.disabled),
.login-content .signup-step-content .step-skipper a:hover:not(.disabled) {
  background: #226bd4;
}
.home-right .signup-step-content .plans,
.login-content .signup-step-content .plans {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.home-right .signup-step-content .plans:before,
.login-content .signup-step-content .plans:before,
.home-right .signup-step-content .plans:after,
.login-content .signup-step-content .plans:after {
  content: " ";
  display: table;
}
.home-right .signup-step-content .plans:after,
.login-content .signup-step-content .plans:after {
  clear: both;
}
@media (max-width: 768px) {
  .home-right .signup-step-content .plans,
  .login-content .signup-step-content .plans {
    display: block;
  }
}
.home-right .signup-step-content .plans .plan,
.login-content .signup-step-content .plans .plan {
  margin-bottom: 40px;
  padding: 40px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ffffff;
  width: -webkit-calc(50% - 20px);
  width: calc(50% - 20px);
}
@media (max-width: 768px) {
  .home-right .signup-step-content .plans .plan,
  .login-content .signup-step-content .plans .plan {
    float: none;
    width: auto;
    padding: 30px;
    margin-bottom: 25px;
  }
}
.home-right .signup-step-content .plans .plan.blue,
.login-content .signup-step-content .plans .plan.blue {
  background: #3b77f1;
  margin-right: 20px;
}
@media (max-width: 768px) {
  .home-right .signup-step-content .plans .plan.blue,
  .login-content .signup-step-content .plans .plan.blue {
    margin-right: 0;
  }
}
.home-right .signup-step-content .plans .plan.blue .select a,
.login-content .signup-step-content .plans .plan.blue .select a {
  color: #3b77f1;
}
.home-right .signup-step-content .plans .plan.blue .select a:hover,
.login-content .signup-step-content .plans .plan.blue .select a:hover {
  background: #3b77f1;
  color: #ffffff;
}
.home-right .signup-step-content .plans .plan.green,
.login-content .signup-step-content .plans .plan.green {
  background: #28cf82;
  margin-left: 20px;
}
@media (max-width: 768px) {
  .home-right .signup-step-content .plans .plan.green,
  .login-content .signup-step-content .plans .plan.green {
    margin-left: 0;
  }
}
.home-right .signup-step-content .plans .plan.green .select a,
.login-content .signup-step-content .plans .plan.green .select a {
  color: #28cf82;
}
.home-right .signup-step-content .plans .plan.green .select a:hover,
.login-content .signup-step-content .plans .plan.green .select a:hover {
  background: #28cf82;
  color: #ffffff;
}
.home-right .signup-step-content .plans .plan .plan-head,
.login-content .signup-step-content .plans .plan .plan-head {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ffffff;
}
@media (max-width: 768px) {
  .home-right .signup-step-content .plans .plan .plan-head,
  .login-content .signup-step-content .plans .plan .plan-head {
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
}
.home-right .signup-step-content .plans .plan .plan-head h2,
.login-content .signup-step-content .plans .plan .plan-head h2 {
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  font-weight: 100;
  font-size: 40px;
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .home-right .signup-step-content .plans .plan .plan-head h2,
  .login-content .signup-step-content .plans .plan .plan-head h2 {
    font-size: 27px;
    margin-bottom: 5px;
  }
}
.home-right .signup-step-content .plans .plan .plan-head h2 strong,
.login-content .signup-step-content .plans .plan .plan-head h2 strong {
  font-weight: 500;
}
.home-right .signup-step-content .plans .plan .plan-head h2 em,
.login-content .signup-step-content .plans .plan .plan-head h2 em {
  font-weight: 300;
  font-size: 25px;
  font-style: normal;
}
.home-right .signup-step-content .plans .plan .plan-head p,
.login-content .signup-step-content .plans .plan .plan-head p {
  color: #ffffff;
  font-weight: 300;
  font-size: 20px;
  line-height: 24px;
  font-family: 'Roboto', sans-serif;
  margin: 0;
}
.home-right .signup-step-content .plans .plan .plan-head p strong,
.login-content .signup-step-content .plans .plan .plan-head p strong {
  font-weight: bold;
}
@media (max-width: 768px) {
  .home-right .signup-step-content .plans .plan .plan-head p,
  .login-content .signup-step-content .plans .plan .plan-head p {
    font-size: 14px;
    line-height: 20px;
  }
}
.home-right .signup-step-content .plans .plan .plan-features p,
.login-content .signup-step-content .plans .plan .plan-features p {
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  line-height: 20px;
  font-weight: 300;
}
@media (max-width: 768px) {
  .home-right .signup-step-content .plans .plan .plan-features p,
  .login-content .signup-step-content .plans .plan .plan-features p {
    font-size: 12px;
    line-height: 17px;
  }
}
.home-right .signup-step-content .plans .plan .plan-features p strong,
.login-content .signup-step-content .plans .plan .plan-features p strong {
  font-weight: 900;
}
.home-right .signup-step-content .plans .plan .plan-features ul.features,
.login-content .signup-step-content .plans .plan .plan-features ul.features {
  list-style: none;
  padding: 0;
  margin: 10px 0 30px 0;
}
@media (max-width: 768px) {
  .home-right .signup-step-content .plans .plan .plan-features ul.features,
  .login-content .signup-step-content .plans .plan .plan-features ul.features {
    margin: 5px 0 15px 0;
  }
}
.home-right .signup-step-content .plans .plan .plan-features ul.features li,
.login-content .signup-step-content .plans .plan .plan-features ul.features li {
  font-size: 15px;
  font-weight: 300;
  line-height: 30px;
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  padding-left: 30px;
  position: relative;
  display: block;
}
@media (max-width: 768px) {
  .home-right .signup-step-content .plans .plan .plan-features ul.features li,
  .login-content .signup-step-content .plans .plan .plan-features ul.features li {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 2px;
  }
}
.home-right .signup-step-content .plans .plan .plan-features ul.features li:before,
.login-content .signup-step-content .plans .plan .plan-features ul.features li:before {
  content: "\f383";
  font-family: "Ionicons";
  font-size: 14px;
  color: #ffffff;
  display: block;
  text-align: center;
  line-height: 20px;
  width: 20px;
  height: 20px;
  border: 1px solid #ffffff;
  position: absolute;
  left: 0;
  top: 4px;
}
@media (max-width: 768px) {
  .home-right .signup-step-content .plans .plan .plan-features ul.features li:before,
  .login-content .signup-step-content .plans .plan .plan-features ul.features li:before {
    width: 15px;
    height: 15px;
    font-size: 11px;
    line-height: 15px;
    top: 2px;
  }
}
.home-right .signup-step-content .plans .plan .plan-features ul.features li.locked,
.login-content .signup-step-content .plans .plan .plan-features ul.features li.locked {
  color: #89b0ff;
}
.home-right .signup-step-content .plans .plan .plan-features ul.features li.locked:before,
.login-content .signup-step-content .plans .plan .plan-features ul.features li.locked:before {
  content: "\f392";
  color: #89b0ff;
  border-color: #89b0ff;
}
.home-right .signup-step-content .plans .plan .select,
.login-content .signup-step-content .plans .plan .select {
  margin-top: 30px;
}
.home-right .signup-step-content .plans .plan .select a,
.login-content .signup-step-content .plans .plan .select a {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  width: 100%;
  text-decoration: none;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: .3s;
  transition: .3s;
}
.home-right .signup-step-content .plans .plan,
.login-content .signup-step-content .plans .plan {
  margin-bottom: 0;
}
.home-right .signup-step-content .plans .plan .toggle-view,
.login-content .signup-step-content .plans .plan .toggle-view {
  display: none;
}
@media (max-width: 768px) {
  .home-right .signup-step-content .plans .plan,
  .login-content .signup-step-content .plans .plan {
    margin-bottom: 25px;
  }
  .home-right .signup-step-content .plans .plan:last-child,
  .login-content .signup-step-content .plans .plan:last-child {
    margin-bottom: 0;
  }
  .home-right .signup-step-content .plans .plan .plan-head,
  .login-content .signup-step-content .plans .plan .plan-head {
    -webkit-transition: .5s;
    transition: .5s;
  }
  .home-right .signup-step-content .plans .plan .plan-features,
  .login-content .signup-step-content .plans .plan .plan-features {
    -webkit-transition: .5s;
    transition: .5s;
  }
  .home-right .signup-step-content .plans .plan .select,
  .login-content .signup-step-content .plans .plan .select {
    margin-top: 25px;
  }
  .home-right .signup-step-content .plans .plan .toggle-view,
  .login-content .signup-step-content .plans .plan .toggle-view {
    display: block;
    text-align: center;
    margin-top: 20px;
  }
  .home-right .signup-step-content .plans .plan .toggle-view a,
  .login-content .signup-step-content .plans .plan .toggle-view a {
    color: #ffffff;
    font-size: 13px;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    line-height: 25px;
    display: inline-block;
  }
  .home-right .signup-step-content .plans .plan .toggle-view a span,
  .login-content .signup-step-content .plans .plan .toggle-view a span {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: .2s;
    transition: .2s;
    max-width: 80px;
    vertical-align: middle;
  }
  .home-right .signup-step-content .plans .plan .toggle-view a i,
  .login-content .signup-step-content .plans .plan .toggle-view a i {
    font-size: 25px;
    vertical-align: middle;
    margin-top: -2px;
    margin-left: -7px;
  }
  .home-right .signup-step-content .plans .plan .toggle-view a i.pe-7s-angle-down,
  .login-content .signup-step-content .plans .plan .toggle-view a i.pe-7s-angle-down {
    display: inline-block;
  }
  .home-right .signup-step-content .plans .plan .toggle-view a i.pe-7s-angle-up,
  .login-content .signup-step-content .plans .plan .toggle-view a i.pe-7s-angle-up {
    display: none;
  }
  .home-right .signup-step-content .plans .plan .plan-head,
  .login-content .signup-step-content .plans .plan .plan-head {
    margin-bottom: 0;
    padding-bottom: 0;
    border-color: transparent;
  }
  .home-right .signup-step-content .plans .plan .plan-features,
  .login-content .signup-step-content .plans .plan .plan-features {
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
  }
  .home-right .signup-step-content .plans .plan.show-full .plan-head,
  .login-content .signup-step-content .plans .plan.show-full .plan-head {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-color: #ffffff;
  }
  .home-right .signup-step-content .plans .plan.show-full .plan-features,
  .login-content .signup-step-content .plans .plan.show-full .plan-features {
    visibility: visible;
    opacity: 1;
    max-height: 300px;
    overflow: hidden;
  }
  .home-right .signup-step-content .plans .plan.show-full .toggle-view a span,
  .login-content .signup-step-content .plans .plan.show-full .toggle-view a span {
    opacity: 0;
    visibility: hidden;
    max-width: 0;
  }
  .home-right .signup-step-content .plans .plan.show-full .toggle-view a i.pe-7s-angle-down,
  .login-content .signup-step-content .plans .plan.show-full .toggle-view a i.pe-7s-angle-down {
    display: none;
  }
  .home-right .signup-step-content .plans .plan.show-full .toggle-view a i.pe-7s-angle-up,
  .login-content .signup-step-content .plans .plan.show-full .toggle-view a i.pe-7s-angle-up {
    display: inline-block;
  }
}
@media (max-width: 768px) {
  .home-right .signup-step-content .paypal-button,
  .login-content .signup-step-content .paypal-button {
    margin-top: 20px;
  }
  .home-right .signup-step-content .paypal-button input[type="image"],
  .login-content .signup-step-content .paypal-button input[type="image"] {
    height: 40px;
  }
}
.home-right .signup-step-content .setup-steps,
.login-content .signup-step-content .setup-steps {
  position: relative;
  padding-bottom: 75px;
}
.home-right .signup-step-content .setup-steps.show-first .steps-wrapper .setup-step-pan,
.login-content .signup-step-content .setup-steps.show-first .steps-wrapper .setup-step-pan {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.home-right .signup-step-content .setup-steps.show-first .steps-wrapper .setup-step-pan .setup-step:not( :nth-child(1)),
.login-content .signup-step-content .setup-steps.show-first .steps-wrapper .setup-step-pan .setup-step:not( :nth-child(1)) {
  visibility: hidden;
  opacity: 0;
}
.home-right .signup-step-content .setup-steps.show-first .arrow-left,
.login-content .signup-step-content .setup-steps.show-first .arrow-left {
  visibility: hidden;
  opacity: 0;
}
.home-right .signup-step-content .setup-steps.show-second .steps-wrapper .setup-step-pan,
.login-content .signup-step-content .setup-steps.show-second .steps-wrapper .setup-step-pan {
  -webkit-transform: translateX(-33.33333333%);
  -ms-transform: translateX(-33.33333333%);
  transform: translateX(-33.33333333%);
}
.home-right .signup-step-content .setup-steps.show-second .steps-wrapper .setup-step-pan .setup-step:not( :nth-child(2)),
.login-content .signup-step-content .setup-steps.show-second .steps-wrapper .setup-step-pan .setup-step:not( :nth-child(2)) {
  visibility: hidden;
  opacity: 0;
}
.home-right .signup-step-content .setup-steps.show-third .steps-wrapper .setup-step-pan,
.login-content .signup-step-content .setup-steps.show-third .steps-wrapper .setup-step-pan {
  -webkit-transform: translateX(-66.66666666%);
  -ms-transform: translateX(-66.66666666%);
  transform: translateX(-66.66666666%);
}
.home-right .signup-step-content .setup-steps.show-third .steps-wrapper .setup-step-pan .setup-step:not( :nth-child(3)),
.login-content .signup-step-content .setup-steps.show-third .steps-wrapper .setup-step-pan .setup-step:not( :nth-child(3)) {
  visibility: hidden;
  opacity: 0;
}
.home-right .signup-step-content .setup-steps.show-third .arrow-right,
.login-content .signup-step-content .setup-steps.show-third .arrow-right {
  visibility: hidden;
  opacity: 0;
}
.home-right .signup-step-content .setup-steps .arrow-left,
.login-content .signup-step-content .setup-steps .arrow-left,
.home-right .signup-step-content .setup-steps .arrow-right,
.login-content .signup-step-content .setup-steps .arrow-right {
  position: absolute;
  color: rgba(0, 0, 0, 0.5);
  font-size: 55px;
  width: 55px;
  height: 55px;
  cursor: pointer;
  left: 0;
  top: -webkit-calc(50% - 27px);
  top: calc(50% - 27px);
  -webkit-transition: .2s;
  transition: .2s;
}
@media (max-width: 768px) {
  .home-right .signup-step-content .setup-steps .arrow-left,
  .login-content .signup-step-content .setup-steps .arrow-left,
  .home-right .signup-step-content .setup-steps .arrow-right,
  .login-content .signup-step-content .setup-steps .arrow-right {
    width: 25px;
    height: 25px;
    font-size: 30px;
    left: -30px;
  }
}
.home-right .signup-step-content .setup-steps .arrow-right,
.login-content .signup-step-content .setup-steps .arrow-right {
  left: auto;
  right: 0;
}
@media (max-width: 768px) {
  .home-right .signup-step-content .setup-steps .arrow-right,
  .login-content .signup-step-content .setup-steps .arrow-right {
    right: -25px;
  }
}
.home-right .signup-step-content .setup-steps .nav-dots,
.login-content .signup-step-content .setup-steps .nav-dots {
  position: absolute;
  bottom: 31px;
  left: 0;
  width: 100%;
  text-align: center;
  cursor: pointer;
}
@media (max-width: 768px) {
  .home-right .signup-step-content .setup-steps .nav-dots,
  .login-content .signup-step-content .setup-steps .nav-dots {
    margin-right: 10px;
  }
}
.home-right .signup-step-content .setup-steps .nav-dots span.dot,
.login-content .signup-step-content .setup-steps .nav-dots span.dot {
  display: inline-block;
  width: 13px;
  height: 13px;
  background: #afafb0;
  -webkit-transition: .2s;
  transition: .2s;
  border-radius: 100%;
  overflow: hidden;
}
.home-right .signup-step-content .setup-steps .nav-dots span.dot:not(:last-child),
.login-content .signup-step-content .setup-steps .nav-dots span.dot:not(:last-child) {
  margin-right: 14px;
}
.home-right .signup-step-content .setup-steps .nav-dots span.dot.active,
.login-content .signup-step-content .setup-steps .nav-dots span.dot.active {
  background: #313131;
}
.home-right .signup-step-content .setup-steps .steps-wrapper,
.login-content .signup-step-content .setup-steps .steps-wrapper {
  overflow: hidden;
}
.home-right .signup-step-content .setup-steps .steps-wrapper .setup-step-pan,
.login-content .signup-step-content .setup-steps .steps-wrapper .setup-step-pan {
  width: 300%;
  -webkit-transition: .5s;
  transition: .5s;
}
.home-right .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step,
.login-content .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step {
  background: #ffffff;
  padding: 50px;
  float: left;
  width: 33.333333333333%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: .5s;
  transition: .5s;
}
@media (max-width: 768px) {
  .home-right .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step,
  .login-content .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step {
    padding: 30px;
  }
}
.home-right .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step.one h3,
.login-content .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step.one h3 {
  padding-left: 22px;
}
@media (max-width: 768px) {
  .home-right .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step.two h3,
  .login-content .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step.two h3 {
    line-height: 30px;
  }
}
@media (max-width: 768px) {
  .home-right .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step.three h3,
  .login-content .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step.three h3 {
    line-height: 30px;
  }
}
.home-right .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step h3,
.login-content .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step h3 {
  color: #313131;
  font-family: 'Roboto', sans-serif;
  font-size: 23px;
  font-weight: normal;
  vertical-align: middle;
  padding-left: 40px;
  line-height: 30px;
  min-height: 30px;
  position: relative;
}
@media (max-width: 768px) {
  .home-right .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step h3,
  .login-content .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step h3 {
    font-size: 16px;
    line-height: 18px;
    min-height: 30px;
    vertical-align: middle;
  }
}
.home-right .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step h3 i,
.login-content .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step h3 i {
  font-size: 30px;
  position: absolute;
  left: 0;
  top: 0;
}
.home-right .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step h3 i:before,
.login-content .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step h3 i:before {
  vertical-align: middle;
}
.home-right .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .text p,
.login-content .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .text p {
  color: #505050;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 20px 0;
}
@media (max-width: 768px) {
  .home-right .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .text p,
  .login-content .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .text p {
    margin: 15px 0;
    font-size: 12px;
  }
}
.home-right .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper .form-head p,
.login-content .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper .form-head p {
  color: #505050;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 20px 0;
}
@media (max-width: 768px) {
  .home-right .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper .form-head p,
  .login-content .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper .form-head p {
    margin: 15px 0;
  }
}
@media (max-width: 768px) {
  .home-right .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form,
  .login-content .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form {
    margin-top: -15px;
  }
}
.home-right .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form .form-group,
.login-content .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form .form-group {
  position: relative;
  padding-top: 18px;
}
.home-right .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form .form-group span.msg,
.login-content .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form .form-group span.msg {
  height: 15px;
  display: inline-block;
  position: absolute;
  color: #fe4556;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 12px;
  line-height: 15px;
  top: 6px;
  left: 0;
}
.home-right .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form .form-group input,
.login-content .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form .form-group input {
  width: 100%;
  height: 22px;
  padding: 0;
  border: none;
  border-bottom: 1px solid #313131;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-weight: 500;
  color: #313131;
  font-size: 13px;
}
.home-right .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form .form-group input::-webkit-input-placeholder,
.login-content .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form .form-group input::-webkit-input-placeholder {
  color: #313131;
  font-style: italic;
  padding: 0 2px;
  font-weight: 500;
}
.home-right .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form .form-group input:-moz-placeholder,
.login-content .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form .form-group input:-moz-placeholder {
  color: #313131;
  font-style: italic;
  padding: 0 2px;
  font-weight: 500;
}
.home-right .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form .form-group input::-moz-placeholder,
.login-content .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form .form-group input::-moz-placeholder {
  color: #313131;
  font-style: italic;
  padding: 0 2px;
  font-weight: 500;
}
.home-right .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form .form-group input:-ms-input-placeholder,
.login-content .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form .form-group input:-ms-input-placeholder {
  color: #313131;
  font-style: italic;
  padding: 0 2px;
  font-weight: 500;
}
.home-right .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form .form-group input:disabled,
.login-content .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form .form-group input:disabled {
  background: transparent;
}
.home-right .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form .form-group input:focus,
.login-content .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form .form-group input:focus {
  outline: none;
}
.home-right .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form .submit-group,
.login-content .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form .submit-group {
  margin-top: 30px;
  margin-bottom: 0;
  text-align: center;
  position: relative;
  text-align: right;
}
.home-right .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form .submit-group span.msg,
.login-content .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form .submit-group span.msg {
  height: 15px;
  display: inline-block;
  position: absolute;
  color: #fe4556;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 13px;
  line-height: 15px;
  top: -20px;
  left: 0;
  width: 100%;
  display: none;
}
.home-right .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form .submit-group button,
.login-content .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form .submit-group button {
  background: #3b77f1;
  border: 1px solid #3b77f1;
  height: 40px;
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  font-weight: normal;
  font-size: 13;
  padding: 0 25px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 80px;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: .2s;
  transition: .2s;
}
@media (max-width: 768px) {
  .home-right .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form .submit-group button,
  .login-content .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form .submit-group button {
    padding: 0 10px;
  }
}
.home-right .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form .submit-group button:hover,
.login-content .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form .submit-group button:hover {
  background: #226bd4;
}
.home-right .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form .submit-group button.skip,
.login-content .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form .submit-group button.skip {
  background: transparent;
  color: #3b77f1;
  margin-right: 15px;
}
@media (max-width: 768px) {
  .home-right .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form .submit-group button.skip,
  .login-content .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form .submit-group button.skip {
    width: -webkit-calc(100% - 84px - 11px );
    width: calc(100% - 84px - 11px );
    margin-right: 11px;
  }
}
.home-right .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form .submit-group button.skip:hover,
.login-content .signup-step-content .setup-steps .steps-wrapper .setup-step-pan .setup-step .form-wrapper form .submit-group button.skip:hover {
  background: #3b77f1;
  color: #ffffff;
}
.home-right .signup-step-content .step-three .step-skipper,
.login-content .signup-step-content .step-three .step-skipper {
  margin-top: 0;
  padding-bottom: 0;
  border-top: 1px solid #313131;
}
.home-right .legal-head,
.login-content .legal-head {
  position: relative;
  padding-bottom: 40px;
}
@media (max-width: 768px) {
  .home-right .legal-head,
  .login-content .legal-head {
    padding-bottom: 25px;
  }
}
.home-right .legal-head h1,
.login-content .legal-head h1 {
  font-family: 'Roboto', sans-serif;
  color: #313131;
  font-size: 30px;
  font-weight: normal;
}
@media (max-width: 768px) {
  .home-right .legal-head h1,
  .login-content .legal-head h1 {
    font-size: 22px;
  }
}
.home-right .legal-head h1 a,
.login-content .legal-head h1 a {
  display: inline-block;
  font-size: 25px;
  line-height: 35px;
  color: #313131;
  text-decoration: none;
  vertical-align: middle;
  float: right;
}
.home-right .legal-head h1 a span,
.login-content .legal-head h1 a span {
  line-height: 35px;
  font-size: 30px;
  vertical-align: middle;
}
@media (max-width: 768px) {
  .home-right .legal-head h1 a span,
  .login-content .legal-head h1 a span {
    line-height: 23px;
    font-size: 22px;
  }
}
.home-right .legal-content,
.login-content .legal-content {
  background: #ffffff;
  padding: 30px 40px;
}
@media (max-width: 768px) {
  .home-right .legal-content,
  .login-content .legal-content {
    padding: 15px 20px;
  }
}
.home-right .legal-content p,
.login-content .legal-content p {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  line-height: 21px;
  color: #313131;
  margin: 10px 0;
}
.home-right .legal-content b,
.login-content .legal-content b,
.home-right .legal-content strong,
.login-content .legal-content strong {
  font-weight: 500;
}
.home-right .legal-content h4,
.login-content .legal-content h4 {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #313131;
  font-weight: 500;
  margin: 15px 0 10px 0;
}
.home-right .legal-content h3,
.login-content .legal-content h3 {
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  color: #313131;
  font-weight: 500;
  margin: 25px 0 20px 0;
}
.home-right .legal-content h3:first-child,
.login-content .legal-content h3:first-child {
  margin-top: 15px;
}
.home-right .legal-content ul,
.login-content .legal-content ul {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  line-height: 21px;
  color: #313131;
  margin-left: 18px;
}
.lb-content {
  display: none;
}
.lb {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  z-index: 999;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 50px;
  overflow: auto;
  display: none;
}
.lb span.ion-android-close {
  color: #ffffff;
  position: absolute;
  top: 25px;
  right: 25px;
  font-size: 35px;
  cursor: pointer;
}
.lb .lb-inner {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.lb .lb-content-wrapper {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
}
.yt-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.yt-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mob-menu {
  position: fixed;
  width: 100vw;
  left: 0px;
  top: 0;
  height: 50px;
  background: #ffffff;
  z-index: 99;
  padding: 0 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
}
@media (max-width: 768px) {
  .mob-menu {
    display: block;
  }
}
.mob-menu .logo-wrapper {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.mob-menu .menu-wrapper {
  float: right;
  padding: 15px 0;
}
.mob-menu .menu-wrapper a {
  color: #4384ef;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
  margin-left: 10px;
}
.human-test {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100vw;
  z-index: 99;
  background: #fff;
  display: none;
}
.human-test .human-test-wrapper {
  padding-top: 220px;
  max-width: 850px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .human-test .human-test-wrapper {
    padding: 100px 20px 0 20px;
  }
}
.human-test .human-test-row {
  overflow: hidden;
}
.human-test .human-test-row .human-test-left {
  float: left;
  width: 278px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .human-test .human-test-row .human-test-left {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }
}
.human-test .human-test-row .human-test-left img {
  max-width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .human-test .human-test-row .human-test-left img {
    max-width: 100px;
  }
}
.human-test .human-test-row .human-test-right {
  float: left;
  width: -webkit-calc(100% - 278px);
  width: calc(100% - 278px);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .human-test .human-test-row .human-test-right {
    width: 100%;
    margin-bottom: 30px;
  }
}
.human-test .human-test-row .human-test-right h2 {
  font-size: 32px;
  font-family: 'Roboto', sans-serif;
  color: #313131;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 20px;
}
.human-test .human-test-row .human-test-right p {
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  color: #313131;
  font-weight: 300;
  line-height: 27px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .human-test #reCaptcha {
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}
.email-verify {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100vw;
  z-index: 99;
  background: #fff;
  display: none;
}
.email-verify .email-verify-wrapper {
  padding-top: 220px;
  max-width: 850px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .email-verify .email-verify-wrapper {
    padding: 100px 20px 0 20px;
  }
}
.email-verify .email-verify-row {
  overflow: hidden;
}
.email-verify .email-verify-row .email-verify-left {
  float: left;
  width: 278px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .email-verify .email-verify-row .email-verify-left {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }
}
.email-verify .email-verify-row .email-verify-left img {
  max-width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .email-verify .email-verify-row .email-verify-left img {
    max-width: 100px;
  }
}
.email-verify .email-verify-row .email-verify-right {
  float: left;
  width: -webkit-calc(100% - 278px);
  width: calc(100% - 278px);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .email-verify .email-verify-row .email-verify-right {
    width: 100%;
    margin-bottom: 30px;
  }
}
.email-verify .email-verify-row .email-verify-right h2 {
  font-size: 32px;
  font-family: 'Roboto', sans-serif;
  color: #313131;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 20px;
  margin-top: 40px;
}
@media (max-width: 768px) {
  .email-verify .email-verify-row .email-verify-right h2 {
    margin-top: 0;
  }
}
.email-verify .email-verify-row .email-verify-right p {
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  color: #313131;
  font-weight: 300;
  line-height: 27px;
  margin-bottom: 20px;
}
.email-verify .email-verify-row .email-verify-right a {
  color: #4585e8;
  text-decoration: none;
}
.settings-area .settings-head {
  position: relative;
  padding-bottom: 40px;
}
@media (max-width: 768px) {
  .settings-area .settings-head {
    padding-bottom: 25px;
  }
}
.settings-area .settings-head h1 {
  font-family: 'Roboto', sans-serif;
  color: #313131;
  font-size: 30px;
  font-weight: normal;
}
@media (max-width: 768px) {
  .settings-area .settings-head h1 {
    font-size: 22px;
  }
}
.settings-area .settings-head h1 span {
  line-height: 35px;
  font-size: 30px;
  vertical-align: middle;
}
@media (max-width: 768px) {
  .settings-area .settings-head h1 span {
    line-height: 23px;
    font-size: 22px;
  }
}
.settings-area .settings-head h1 span.pe-7s-angle-left-circle {
  margin-right: 10px;
}
.settings-area .settings-head h1 a {
  display: inline-block;
  font-size: 25px;
  line-height: 35px;
  color: #313131;
  text-decoration: none;
  vertical-align: middle;
}
.settings-area .settings-head h1 a.minimize {
  float: right;
}
.settings-area .popup-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99;
  margin-left: 150px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .5s;
  transition: .5s;
}
.settings-area .popup-modal .popup-container {
  max-width: 400px;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
}
.settings-area .popup-modal .popup-content-wrapper {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.settings-area .popup-modal .popup-content {
  background: #ffffff;
  overflow: hidden;
  padding: 0 25px;
  border-radius: 3px;
}
.settings-area .popup-modal.show {
  opacity: 1;
  visibility: visible;
}
.settings-area .popup-modal.show .popup-content {
  -webkit-animation: zoom-in 0.5s normal forwards ease-in-out;
  animation: zoom-in 0.5s normal forwards ease-in-out;
}
@keyframes zoom-in {
  from {
    -webkit-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
  }
  50% {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
.settings-area .popup-modal .checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  -webkit-animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.settings-area .popup-modal .checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: auto;
  -webkit-box-shadow: inset 0px 0px 0px #7ac142;
  box-shadow: inset 0px 0px 0px #7ac142;
  -webkit-animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
  animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}
.settings-area .popup-modal .checkmark__check {
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  -webkit-animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%,
  100% {
    -webkit-transform: none;
    transform: none;
  }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    -webkit-box-shadow: inset 0px 0px 0px 30px #7ac142;
    box-shadow: inset 0px 0px 0px 30px #7ac142;
  }
}
.settings-area .popup-modal .checkmark-wrapper {
  margin: 35px 0;
}
.settings-area .popup-modal .heading {
  margin: 35px 0;
}
.settings-area .popup-modal .heading h3 {
  text-align: center;
  font-family: 'Roboto', sans-serif;
  color: #313131;
  font-size: 18px;
  font-weight: 500;
}
.settings-area .popup-modal .button-close {
  text-align: center;
  margin: 35px 0;
}
.settings-area .popup-modal .button-close a {
  background: transparent;
  border: 1px solid #313131;
  font-family: 'Roboto', sans-serif;
  color: #313131;
  text-align: center;
  font-weight: normal;
  font-size: 13;
  line-height: 40px;
  height: 40px;
  text-decoration: none;
  display: inline-block;
  padding: 0 30px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: .2s;
  transition: .2s;
}
.settings-area .popup-modal .button-close a:hover {
  background: #313131;
  color: #ffffff;
}
.settings-area .settings-boxes {
  background: #ffffff;
  padding: 50px;
  float: left;
  width: 33.333333333333%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: .5s;
  transition: .5s;
  width: 100%;
  float: none;
  margin-bottom: 30px;
  padding: 40px 50px;
}
@media (max-width: 768px) {
  .settings-area .settings-boxes {
    padding: 30px;
  }
}
.settings-area .settings-boxes.one h3 {
  padding-left: 22px;
}
@media (max-width: 768px) {
  .settings-area .settings-boxes.two h3 {
    line-height: 30px;
  }
}
@media (max-width: 768px) {
  .settings-area .settings-boxes.three h3 {
    line-height: 30px;
  }
}
.settings-area .settings-boxes h3 {
  color: #313131;
  font-family: 'Roboto', sans-serif;
  font-size: 23px;
  font-weight: normal;
  vertical-align: middle;
  padding-left: 40px;
  line-height: 30px;
  min-height: 30px;
  position: relative;
}
@media (max-width: 768px) {
  .settings-area .settings-boxes h3 {
    font-size: 16px;
    line-height: 18px;
    min-height: 30px;
    vertical-align: middle;
  }
}
.settings-area .settings-boxes h3 i {
  font-size: 30px;
  position: absolute;
  left: 0;
  top: 0;
}
.settings-area .settings-boxes h3 i:before {
  vertical-align: middle;
}
.settings-area .settings-boxes .text p {
  color: #505050;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 20px 0;
}
@media (max-width: 768px) {
  .settings-area .settings-boxes .text p {
    margin: 15px 0;
    font-size: 12px;
  }
}
.settings-area .settings-boxes .form-wrapper .form-head p {
  color: #505050;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 20px 0;
}
@media (max-width: 768px) {
  .settings-area .settings-boxes .form-wrapper .form-head p {
    margin: 15px 0;
  }
}
@media (max-width: 768px) {
  .settings-area .settings-boxes .form-wrapper form {
    margin-top: -15px;
  }
}
.settings-area .settings-boxes .form-wrapper form .form-group {
  position: relative;
  padding-top: 18px;
}
.settings-area .settings-boxes .form-wrapper form .form-group span.msg {
  height: 15px;
  display: inline-block;
  position: absolute;
  color: #fe4556;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 12px;
  line-height: 15px;
  top: 6px;
  left: 0;
}
.settings-area .settings-boxes .form-wrapper form .form-group input {
  width: 100%;
  height: 22px;
  padding: 0;
  border: none;
  border-bottom: 1px solid #313131;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-weight: 500;
  color: #313131;
  font-size: 13px;
}
.settings-area .settings-boxes .form-wrapper form .form-group input::-webkit-input-placeholder {
  color: #313131;
  font-style: italic;
  padding: 0 2px;
  font-weight: 500;
}
.settings-area .settings-boxes .form-wrapper form .form-group input:-moz-placeholder {
  color: #313131;
  font-style: italic;
  padding: 0 2px;
  font-weight: 500;
}
.settings-area .settings-boxes .form-wrapper form .form-group input::-moz-placeholder {
  color: #313131;
  font-style: italic;
  padding: 0 2px;
  font-weight: 500;
}
.settings-area .settings-boxes .form-wrapper form .form-group input:-ms-input-placeholder {
  color: #313131;
  font-style: italic;
  padding: 0 2px;
  font-weight: 500;
}
.settings-area .settings-boxes .form-wrapper form .form-group input:disabled {
  background: transparent;
}
.settings-area .settings-boxes .form-wrapper form .form-group input:focus {
  outline: none;
}
.settings-area .settings-boxes .form-wrapper form .submit-group {
  margin-top: 30px;
  margin-bottom: 0;
  text-align: center;
  position: relative;
  text-align: right;
}
.settings-area .settings-boxes .form-wrapper form .submit-group span.msg {
  height: 15px;
  display: inline-block;
  position: absolute;
  color: #fe4556;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 13px;
  line-height: 15px;
  top: -20px;
  left: 0;
  width: 100%;
  display: none;
}
.settings-area .settings-boxes .form-wrapper form .submit-group button {
  background: #3b77f1;
  border: 1px solid #3b77f1;
  height: 40px;
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  font-weight: normal;
  font-size: 13;
  padding: 0 25px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 80px;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: .2s;
  transition: .2s;
}
@media (max-width: 768px) {
  .settings-area .settings-boxes .form-wrapper form .submit-group button {
    padding: 0 10px;
  }
}
.settings-area .settings-boxes .form-wrapper form .submit-group button:hover {
  background: #226bd4;
}
.settings-area .settings-boxes .form-wrapper form .submit-group button.skip {
  background: transparent;
  color: #3b77f1;
  margin-right: 15px;
}
@media (max-width: 768px) {
  .settings-area .settings-boxes .form-wrapper form .submit-group button.skip {
    width: -webkit-calc(100% - 84px - 11px );
    width: calc(100% - 84px - 11px );
    margin-right: 11px;
  }
}
.settings-area .settings-boxes .form-wrapper form .submit-group button.skip:hover {
  background: #3b77f1;
  color: #ffffff;
}
@media (max-width: 768px) {
  .settings-area .settings-boxes {
    padding: 15px 20px;
  }
}
.settings-area .settings-boxes h3 {
  font-weight: 500;
}
@media (max-width: 768px) {
  .settings-area .settings-boxes h3 {
    min-height: 18px;
    padding-left: 30px;
  }
}
.settings-area .settings-boxes h3 i {
  margin-right: 12px;
}
@media (max-width: 768px) {
  .settings-area .settings-boxes h3 i {
    font-size: 24px;
    top: -2px;
  }
  .settings-area .settings-boxes h3 i.pe-7s-key {
    top: 0;
  }
}
.settings-area .settings-boxes .text p strong {
  font-weight: 500;
}
.settings-area .settings-boxes .send-hint {
  margin: 30px 0;
}
.settings-area .settings-boxes .send-hint.hidden {
  display: none;
}
.settings-area .settings-boxes .send-hint .btn,
.settings-area .settings-boxes .send-hint a {
  background: transparent;
  border: 1px solid #313131;
  font-family: 'Roboto', sans-serif;
  color: #313131;
  text-align: center;
  font-weight: normal;
  font-size: 13;
  line-height: 40px;
  height: 40px;
  width: 100%;
  text-decoration: none;
  display: block;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: .2s;
  transition: .2s;
}
.settings-area .settings-boxes .send-hint .btn:hover,
.settings-area .settings-boxes .send-hint a:hover {
  background: #313131;
  color: #ffffff;
}
.settings-area .settings-boxes .plan-options .plan-options-row {
  overflow: hidden;
  margin: 0 -7px;
  margin-bottom: 14px;
}
.settings-area .settings-boxes .plan-options .plan-options-row:last-child {
  margin-bottom: 0;
}
.settings-area .settings-boxes .plan-options .plan-options-group {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 7px;
}
@media (max-width: 768px) {
  .settings-area .settings-boxes .plan-options .plan-options-group {
    clear: both;
    width: 100%;
    margin-bottom: 5px;
  }
}
.settings-area .settings-boxes .plan-options .plan-options-group.half {
  width: 50%;
}
@media (max-width: 768px) {
  .settings-area .settings-boxes .plan-options .plan-options-group.half {
    width: 100%;
  }
}
.settings-area .settings-boxes .plan-options .plan-options-group a {
  background: transparent;
  border: 1px solid #313131;
  font-family: 'Roboto', sans-serif;
  color: #313131;
  text-align: center;
  font-weight: normal;
  font-size: 13;
  line-height: 40px;
  height: 40px;
  width: 100%;
  text-decoration: none;
  display: block;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: .2s;
  transition: .2s;
}
.settings-area .settings-boxes .plan-options .plan-options-group a:hover {
  background: #313131;
  color: #ffffff;
}
.settings-area .settings-boxes .form-wrapper .form-head p {
  margin-bottom: 0;
}
.settings-area .settings-boxes .form-wrapper .form-head p.lg {
  font-size: 15px;
  font-weight: 500;
}
.settings-area .settings-boxes .form-wrapper form {
  margin: 0 -15px;
}
.settings-area .settings-boxes .form-wrapper form:before,
.settings-area .settings-boxes .form-wrapper form:after {
  content: " ";
  display: table;
}
.settings-area .settings-boxes .form-wrapper form:after {
  clear: both;
}
.settings-area .settings-boxes .form-wrapper form .submit-group {
  text-align: left;
  float: left;
  padding-right: 15px;
  padding-left: 15px;
}
@media (max-width: 768px) {
  .settings-area .settings-boxes .form-wrapper form .submit-group {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.settings-area .settings-boxes .form-wrapper form .submit-group button {
  border-color: #313131;
  color: #313131;
  background: transparent;
  -webkit-transition: .2s;
  transition: .2s;
}
@media (max-width: 768px) {
  .settings-area .settings-boxes .form-wrapper form .submit-group button {
    width: 100%;
  }
}
.settings-area .settings-boxes .form-wrapper form .submit-group button:hover {
  background: #313131;
  color: #ffffff;
}
.settings-area .settings-boxes .form-wrapper form .submit-group button:focus,
.settings-area .settings-boxes .form-wrapper form .submit-group button:focus {
  outline: none;
}
.settings-area .settings-boxes .form-wrapper form .submit-group span.msg {
  padding-left: 15px;
  color: green;
}
.settings-area .settings-boxes .form-wrapper form .form-group {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 0;
  position: relative;
}
.settings-area .settings-boxes .form-wrapper form .form-group span.msg {
  min-height: 18px;
  min-width: 2px;
  display: block !important;
  position: relative;
  height: auto;
}
.settings-area .settings-boxes .form-wrapper form .form-group.mid {
  max-width: 400px;
}
.settings-area .settings-boxes .form-wrapper form .form-group.mid-small {
  max-width: 400px;
  padding-right: 10px;
}
.settings-area .settings-boxes .form-wrapper form .form-group.half {
  max-width: 50%;
}
@media (max-width: 768px) {
  .settings-area .settings-boxes .form-wrapper form .form-group.half {
    max-width: 100%;
  }
}
.settings-area .settings-boxes .form-wrapper form .form-group.clear {
  clear: left;
}
.settings-area .settings-boxes .form-wrapper form .form-group.inline-delete {
  padding-right: 35px;
}
.settings-area .settings-boxes .form-wrapper form .form-group span.delete {
  position: absolute;
  right: 0;
  top: 16px;
  width: 35px;
  text-align: center;
  color: #313131;
  font-size: 22px;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .3s;
  transition: .3s;
}
@media (max-width: 768px) {
  .settings-area .settings-boxes .form-wrapper form .form-group span.delete {
    width: 25px;
    right: 8px;
  }
}
.settings-area .settings-boxes .form-wrapper form .form-group input.slow-animate {
  -webkit-transition: .6s;
  transition: .6s;
}
.placeholder({			
								-webkit-transition: .6s;			
								transition: .6s;
							}) .settings-area .settings-boxes .form-wrapper form .form-group input.slow-animate.hide {
  color: #ffffff;
}
.placeholder({			
								-webkit-transition: .6s;			
								transition: .6s;
							}) .settings-area .settings-boxes .form-wrapper form .form-group input.slow-animate.hide::-webkit-input-placeholder {
  color: #ffffff;
}
.placeholder({			
								-webkit-transition: .6s;			
								transition: .6s;
							}) .settings-area .settings-boxes .form-wrapper form .form-group input.slow-animate.hide:-moz-placeholder {
  color: #ffffff;
}
.placeholder({			
								-webkit-transition: .6s;			
								transition: .6s;
							}) .settings-area .settings-boxes .form-wrapper form .form-group input.slow-animate.hide::-moz-placeholder {
  color: #ffffff;
}
.placeholder({			
								-webkit-transition: .6s;			
								transition: .6s;
							}) .settings-area .settings-boxes .form-wrapper form .form-group input.slow-animate.hide:-ms-input-placeholder {
  color: #ffffff;
}
.settings-area .settings-boxes .form-wrapper form .form-group input[disabled] + span.delete {
  opacity: 1;
  visibility: visible;
}
.settings-area .settings-boxes .form-wrapper form .form-group .sod_select {
  border: 1px solid #313131;
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 30px 0 10px;
  min-height: 40px;
  position: relative;
  background: transparent;
}
.settings-area .settings-boxes .form-wrapper form .form-group .sod_select:after {
  content: "\e688";
  font-family: 'Pe-icon-7-stroke';
  color: #313131;
  font-size: 25px;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
  pointer-events: none;
  font-weight: normal;
  line-height: 19px;
}
.settings-area .settings-boxes .form-wrapper form .form-group .sod_select:before {
  display: none;
  content: " ";
  position: absolute;
  border: 7px solid;
  border-color: transparent transparent #e2e3e5 transparent;
  width: 0px;
  height: 0px;
  left: 50%;
  top: auto;
  bottom: -14px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.settings-area .settings-boxes .form-wrapper form .form-group .sod_select.above:before {
  border-color: #e2e3e5 transparent transparent transparent;
  bottom: auto;
  top: -14px;
}
.settings-area .settings-boxes .form-wrapper form .form-group .sod_select.above .sod_list_wrapper {
  margin-top: 0;
  margin-bottom: 14px;
}
.settings-area .settings-boxes .form-wrapper form .form-group .sod_select.open:after {
  content: "\e682";
}
.settings-area .settings-boxes .form-wrapper form .form-group .sod_select.open .sod_list_wrapper {
  display: inline-block;
}
.settings-area .settings-boxes .form-wrapper form .form-group .sod_select.open:before {
  display: block;
}
.settings-area .settings-boxes .form-wrapper form .form-group .sod_select .sod_label {
  line-height: 40px;
  font-family: 'Roboto', sans-serif;
  color: #313131;
  font-weight: normal;
  font-size: 13px;
  text-transform: none;
}
.settings-area .settings-boxes .form-wrapper form .form-group .sod_select .sod_list_wrapper {
  width: 100%;
  margin: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background: #e2e3e5;
  border: 1px solid #e2e3e5;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 14px;
  max-height: 300px;
  overflow: auto;
  z-index: 9;
}
.settings-area .settings-boxes .form-wrapper form .form-group .sod_select .sod_list_wrapper .sod_list {
  padding: 10px 0;
}
.settings-area .settings-boxes .form-wrapper form .form-group .sod_select .sod_list_wrapper .sod_list .sod_option {
  font-family: 'Roboto', sans-serif;
  color: #313131;
  font-weight: normal;
  font-size: 13px;
  text-transform: none;
  padding: 10px 25px;
  cursor: pointer;
}
.settings-area .settings-boxes .form-wrapper form .form-group .sod_select .sod_list_wrapper .sod_list .sod_option:before {
  display: none;
}
.settings-area .settings-boxes .form-wrapper form .form-group .sod_select .sod_list_wrapper .sod_list .sod_option.active {
  background: inherit;
}
.settings-area .settings-boxes .form-wrapper form .form-group .sod_select .sod_list_wrapper .sod_list .sod_option.selected {
  background: inherit;
  font-style: italic;
  font-weight: 500;
}
.settings-area .settings-boxes .form-wrapper form .form-group .password-toggle {
  position: absolute;
  display: block;
  height: 23px;
  width: 23px;
  bottom: 0;
  right: 15px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  z-index: 2;
  -webkit-transition: .25s;
  transition: .25s;
  background-image: url('../img/password-view.png');
  -webkit-background-size: 15px 9px;
  background-size: 15px 9px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .settings-area .settings-boxes .form-wrapper form .form-group .password-toggle {
    background-image: url("../img/password-view@2x.png");
    -webkit-background-size: 15px 9px;
    background-size: 15px 9px;
  }
}
.settings-area .settings-boxes .form-wrapper form .form-group .password-toggle.show {
  background-image: url('../img/password-hide.png');
  -webkit-background-size: 15px 13px;
  background-size: 15px 13px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .settings-area .settings-boxes .form-wrapper form .form-group .password-toggle.show {
    background-image: url("../img/password-hide@2x.png");
    -webkit-background-size: 15px 13px;
    background-size: 15px 13px;
  }
}
.settings-area .settings-plans .plans {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.settings-area .settings-plans .plans:before,
.settings-area .settings-plans .plans:after {
  content: " ";
  display: table;
}
.settings-area .settings-plans .plans:after {
  clear: both;
}
@media (max-width: 768px) {
  .settings-area .settings-plans .plans {
    display: block;
  }
}
.settings-area .settings-plans .plans .plan {
  margin-bottom: 40px;
  padding: 40px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ffffff;
  width: -webkit-calc(50% - 20px);
  width: calc(50% - 20px);
}
@media (max-width: 768px) {
  .settings-area .settings-plans .plans .plan {
    float: none;
    width: auto;
    padding: 30px;
    margin-bottom: 25px;
  }
}
.settings-area .settings-plans .plans .plan.blue {
  background: #3b77f1;
  margin-right: 20px;
}
@media (max-width: 768px) {
  .settings-area .settings-plans .plans .plan.blue {
    margin-right: 0;
  }
}
.settings-area .settings-plans .plans .plan.blue .select a {
  color: #3b77f1;
}
.settings-area .settings-plans .plans .plan.blue .select a:hover {
  background: #3b77f1;
  color: #ffffff;
}
.settings-area .settings-plans .plans .plan.green {
  background: #28cf82;
  margin-left: 20px;
}
@media (max-width: 768px) {
  .settings-area .settings-plans .plans .plan.green {
    margin-left: 0;
  }
}
.settings-area .settings-plans .plans .plan.green .select a {
  color: #28cf82;
}
.settings-area .settings-plans .plans .plan.green .select a:hover {
  background: #28cf82;
  color: #ffffff;
}
.settings-area .settings-plans .plans .plan .plan-head {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ffffff;
}
@media (max-width: 768px) {
  .settings-area .settings-plans .plans .plan .plan-head {
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
}
.settings-area .settings-plans .plans .plan .plan-head h2 {
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  font-weight: 100;
  font-size: 40px;
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .settings-area .settings-plans .plans .plan .plan-head h2 {
    font-size: 27px;
    margin-bottom: 5px;
  }
}
.settings-area .settings-plans .plans .plan .plan-head h2 strong {
  font-weight: 500;
}
.settings-area .settings-plans .plans .plan .plan-head h2 em {
  font-weight: 300;
  font-size: 25px;
  font-style: normal;
}
.settings-area .settings-plans .plans .plan .plan-head p {
  color: #ffffff;
  font-weight: 300;
  font-size: 20px;
  line-height: 24px;
  font-family: 'Roboto', sans-serif;
  margin: 0;
}
.settings-area .settings-plans .plans .plan .plan-head p strong {
  font-weight: bold;
}
@media (max-width: 768px) {
  .settings-area .settings-plans .plans .plan .plan-head p {
    font-size: 14px;
    line-height: 20px;
  }
}
.settings-area .settings-plans .plans .plan .plan-features p {
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  line-height: 20px;
  font-weight: 300;
}
@media (max-width: 768px) {
  .settings-area .settings-plans .plans .plan .plan-features p {
    font-size: 12px;
    line-height: 17px;
  }
}
.settings-area .settings-plans .plans .plan .plan-features p strong {
  font-weight: 900;
}
.settings-area .settings-plans .plans .plan .plan-features ul.features {
  list-style: none;
  padding: 0;
  margin: 10px 0 30px 0;
}
@media (max-width: 768px) {
  .settings-area .settings-plans .plans .plan .plan-features ul.features {
    margin: 5px 0 15px 0;
  }
}
.settings-area .settings-plans .plans .plan .plan-features ul.features li {
  font-size: 15px;
  font-weight: 300;
  line-height: 30px;
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  padding-left: 30px;
  position: relative;
  display: block;
}
@media (max-width: 768px) {
  .settings-area .settings-plans .plans .plan .plan-features ul.features li {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 2px;
  }
}
.settings-area .settings-plans .plans .plan .plan-features ul.features li:before {
  content: "\f383";
  font-family: "Ionicons";
  font-size: 14px;
  color: #ffffff;
  display: block;
  text-align: center;
  line-height: 20px;
  width: 20px;
  height: 20px;
  border: 1px solid #ffffff;
  position: absolute;
  left: 0;
  top: 4px;
}
@media (max-width: 768px) {
  .settings-area .settings-plans .plans .plan .plan-features ul.features li:before {
    width: 15px;
    height: 15px;
    font-size: 11px;
    line-height: 15px;
    top: 2px;
  }
}
.settings-area .settings-plans .plans .plan .plan-features ul.features li.locked {
  color: #89b0ff;
}
.settings-area .settings-plans .plans .plan .plan-features ul.features li.locked:before {
  content: "\f392";
  color: #89b0ff;
  border-color: #89b0ff;
}
.settings-area .settings-plans .plans .plan .select {
  margin-top: 30px;
}
.settings-area .settings-plans .plans .plan .select a {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  width: 100%;
  text-decoration: none;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: .3s;
  transition: .3s;
}
.settings-area .settings-plans .plans .plan {
  margin-bottom: 0;
  border: 1px solid #ffffff;
}
.settings-area .settings-unlock p {
  color: #313131;
  font-size: 18px;
  line-height: 28px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  margin: 0;
  margin-bottom: 40px;
}
.settings-area .settings-unlock p strong {
  font-weight: bold;
}
.settings-area .settings-unlock .share-card {
  background: #ffffff;
  padding: 15px 50px;
  margin-bottom: 15px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .settings-area .settings-unlock .share-card {
    padding: 18px 30px 30px 30px;
    margin-bottom: 25px;
  }
}
.settings-area .settings-unlock .share-card .small-icon-wrapper {
  float: left;
  width: 40px;
}
.settings-area .settings-unlock .share-card .small-icon-wrapper i {
  color: #565656;
  font-size: 30px;
  line-height: 40px;
}
.settings-area .settings-unlock .share-card .small-icon-wrapper i.ion-social-facebook-outline {
  margin-left: 6px;
}
.settings-area .settings-unlock .share-card .small-icon-wrapper i:before {
  line-height: 40px;
}
.settings-area .settings-unlock .share-card .heading-wrapper {
  float: left;
  width: -webkit-calc( 100% - 40px );
  width: calc( 100% - 40px );
}
.settings-area .settings-unlock .share-card .heading-wrapper h3 {
  color: #313131;
  font-size: 22px;
  font-weight: normal;
  font-family: 'Roboto', sans-serif;
  line-height: 28px;
  padding: 6px 0;
}
@media (max-width: 768px) {
  .settings-area .settings-unlock .share-card .heading-wrapper h3 {
    font-size: 18px;
    line-height: 24px;
    padding-top: 8px;
  }
}
.settings-area .settings-unlock .share-card .button-wrapper {
  float: left;
  width: 100%;
  text-align: right;
}
.settings-area .settings-unlock .share-card .button-wrapper i {
  display: none;
}
.settings-area .settings-unlock .share-card .button-wrapper a {
  display: inline-block;
  width: 80px;
  height: 40px;
  background: #4384ef;
  border: 1px solid #4384ef;
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-size: 13px;
  text-align: center;
  line-height: 40px;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: .2s;
  transition: .2s;
}
@media (max-width: 768px) {
  .settings-area .settings-unlock .share-card .button-wrapper a {
    width: 100%;
  }
}
.settings-area .settings-unlock .share-card .button-wrapper a.disabled {
  opacity: .4;
  cursor: default;
}
.settings-area .settings-unlock .share-card .button-wrapper a:hover:not(.disabled) {
  background: #226bd4;
  border-color: #4384ef;
}
.settings-area .settings-unlock .share-card .fields-wrapper {
  float: left;
  margin-top: 20px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .settings-area .settings-unlock .share-card .fields-wrapper {
    margin-top: 10px;
    margin-bottom: 30px;
  }
}
.settings-area .settings-unlock .share-card .fields-wrapper p {
  margin: 0;
  font-size: 13px;
  line-height: 20px;
  font-family: 'Roboto', sans-serif;
  color: #505050;
  font-weight: 300;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .settings-area .settings-unlock .share-card .fields-wrapper p {
    font-size: 12px;
  }
}
.settings-area .settings-unlock .share-card .fields-wrapper .field-group {
  margin-bottom: 15px;
}
.settings-area .settings-unlock .share-card .fields-wrapper .field-group:last-child {
  margin-bottom: 0;
}
.settings-area .settings-unlock .share-card .fields-wrapper .field-group input {
  width: 100%;
  border: none;
  border-bottom: 1px solid #313131;
  background: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  height: 25px;
  font-weight: normal;
  color: #313131;
  border-radius: 0;
}
.settings-area .settings-unlock .share-card .fields-wrapper .field-group input::-webkit-input-placeholder {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: normal;
  font-style: italic;
  color: #313131;
}
.settings-area .settings-unlock .share-card .fields-wrapper .field-group input:-moz-placeholder {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: normal;
  font-style: italic;
  color: #313131;
}
.settings-area .settings-unlock .share-card .fields-wrapper .field-group input::-moz-placeholder {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: normal;
  font-style: italic;
  color: #313131;
}
.settings-area .settings-unlock .share-card .fields-wrapper .field-group input:-ms-input-placeholder {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: normal;
  font-style: italic;
  color: #313131;
}
.settings-area .settings-unlock .share-card .fields-wrapper .field-group input:focus {
  outline: none;
}
.settings-area .settings-unlock .share-card.small .heading-wrapper {
  width: -webkit-calc( 100% - 40px - 80px );
  width: calc( 100% - 40px - 80px );
}
@media (max-width: 768px) {
  .settings-area .settings-unlock .share-card.small .heading-wrapper {
    width: -webkit-calc( 100% - 40px );
    width: calc( 100% - 40px );
  }
}
.settings-area .settings-unlock .share-card.small .button-wrapper {
  width: 80px;
}
@media (max-width: 768px) {
  .settings-area .settings-unlock .share-card.small .button-wrapper {
    width: 100%;
    clear: both;
    padding-top: 10px;
  }
  .settings-area .settings-unlock .share-card.small .button-wrapper a {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.settings-area .settings-unlock .share-card.done .button-wrapper a {
  display: none;
}
.settings-area .settings-unlock .share-card.done .button-wrapper i {
  display: inline-block;
  font-size: 40px;
  line-height: 40px;
  color: #28cf82;
}
.settings-area .settings-subscribe p {
  color: #313131;
  font-size: 18px;
  line-height: 28px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  margin: 0;
  margin-bottom: 40px;
}
.settings-area .settings-subscribe p strong {
  font-weight: bold;
}
.legal-area .legal-head {
  position: relative;
  padding-bottom: 40px;
}
@media (max-width: 768px) {
  .legal-area .legal-head {
    padding-bottom: 25px;
  }
}
.legal-area .legal-head h1 {
  font-family: 'Roboto', sans-serif;
  color: #313131;
  font-size: 30px;
  font-weight: normal;
}
@media (max-width: 768px) {
  .legal-area .legal-head h1 {
    font-size: 22px;
  }
}
.legal-area .legal-head h1 span {
  line-height: 35px;
  font-size: 30px;
  vertical-align: middle;
}
@media (max-width: 768px) {
  .legal-area .legal-head h1 span {
    line-height: 23px;
    font-size: 22px;
  }
}
.legal-area .legal-head h1 span.pe-7s-angle-left-circle {
  margin-right: 10px;
}
.legal-area .legal-head h1 a {
  display: inline-block;
  font-size: 25px;
  line-height: 35px;
  color: #313131;
  text-decoration: none;
  vertical-align: middle;
}
.legal-area .legal-head h1 a.minimize {
  float: right;
}
.legal-area .legal-content {
  background: #ffffff;
  padding: 30px 40px;
}
@media (max-width: 768px) {
  .legal-area .legal-content {
    padding: 15px 20px;
  }
}
.legal-area .legal-content p {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  line-height: 21px;
  color: #313131;
  margin: 10px 0;
}
.legal-area .legal-content b,
.legal-area .legal-content strong {
  font-weight: 500;
}
.legal-area .legal-content h4 {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #313131;
  font-weight: 500;
  margin: 15px 0 10px 0;
}
.legal-area .legal-content h3 {
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  color: #313131;
  font-weight: 500;
  margin: 25px 0 20px 0;
}
.legal-area .legal-content h3:first-child {
  margin-top: 15px;
}
.legal-area .legal-content ul {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  line-height: 21px;
  color: #313131;
  margin-left: 18px;
}
.legal-tabs ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 300px;
  margin-bottom: 35px;
}
.legal-tabs ul li {
  display: inline-block;
}
.legal-tabs ul li a {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  line-height: 21px;
  color: #313131;
  margin: 10px 0;
  text-decoration: none;
}
.legal-tabs ul li a.active {
  opacity: 0.7;
}