/* Breakpoints */
/* Filemanager */
header { position: fixed; top: 0; left: 0; width: 100%; height: 80px; background-color: rgba(32, 61, 53, 0.85); color: #fff; z-index: 9998; border-bottom: 1px solid #f3f4f3; }

header #logo-box { float: left; height: 100%; margin: 0 40px; width: 34px; z-index: 9999; margin-top: 18px; }

header #logo-box h2 { margin: 0; line-height: 80px; }

header nav { float: left; height: 100%; line-height: 80px; }

header nav ul { list-style: none; }

header nav ul li { display: inline-block; text-transform: uppercase; margin: 0 20px; }

header #user-menu-cover { position: fixed; top: 80px; left: 0; right: 0; bottom: 0; }

header #user-menu-button { float: right; margin-top: 20px; text-align: center; line-height: 36px; font-size: 1.3em; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #fff; margin-right: 30px; cursor: pointer; -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out; transition: color .15s ease-in-out, background-color .15s ease-in-out; }

header #user-menu-button:hover { background-color: rgba(255, 255, 255, 0.3); }

header #user-menu-button #user-menu-box { background-color: #fff; width: 130px; position: absolute; top: 75px; right: 10px; border-radius: 3px; z-index: 9999; }

header #user-menu-button #user-menu-box ul { float: left; width: 100%; list-style: none; color: #232731; padding: 0 10px; }

header #user-menu-button #user-menu-box ul li { display: list-item; margin-left: 0; padding: 5px; float: left; width: 100%; text-align: left; }

header #user-menu-button #user-menu-box ul li a { font-size: .8em; }

header #user-menu-button #user-menu-box ul li i { font-size: .8em; margin-right: 10px; }

header #user-menu-button #user-menu-box:after { bottom: 100%; left: 67%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 6px; margin-left: -6px; }

header #logout-box { float: right; height: 100%; line-height: 80px; margin-right: 40px; }

header #access-button { float: right; border: 1px solid #fff; color: #fff; border-radius: 3px; margin-top: 24px; padding: 5px 10px; margin-right: 30px; }

footer { position: absolute; bottom: 0; width: 100%; height: 200px; right: 0; left: 0; background-color: rgba(32, 61, 53, 0.85); }

footer .footer-column { float: left; padding: 0 60px; width: 33%; margin: 20px 0; height: 100%; color: rgba(221, 221, 221, 0.5); }

footer .footer-column:not(:last-child) { border-right: 1px dashed rgba(152, 187, 100, 0.5); }

footer .footer-column h4 { color: #98bb64; }

footer .footer-column ul { padding-left: 0; }

footer .footer-column ul li { list-style: none; }

footer .footer-column .services-group { float: left; width: 50%; height: 100%; }

footer .contact-details .phone-box { float: left; width: 100%; font-weight: 200; font-size: .7em; }

footer .contact-details .phone-box i { margin-right: 8px; }

footer .contact-details .phone-box span { font-size: 1.2em; }

footer .contact-details p { margin: 10px 0; }

#footer-nav { position: fixed; bottom: 0; left: 0; width: 100%; height: 200px; background-color: #232731; color: #fff; z-index: 9998; border-top: 1px solid #f3f4f3; }

#footer-nav nav { float: left; height: 100%; line-height: 200px; width: 100%; }

#footer-nav nav a { float: left; width: 25%; font-size: .8em; text-transform: uppercase; text-align: center; }

#footer-nav nav a:not(:last-child) { border-right: 1px solid #fff; }

.mtop5 { margin-top: 5px; }

.mtop10 { margin-top: 10px; }

.mtop15 { margin-top: 15px; }

.mtop20 { margin-top: 20px; }

.mtop25 { margin-top: 25px; }

.mtop30 { margin-top: 30px; }

.mtop35 { margin-top: 35px; }

.mtop40 { margin-top: 40px; }

.mtop45 { margin-top: 45px; }

.mtop50 { margin-top: 50px; }

.mright5 { margin-right: 5px; }

.mright10 { margin-right: 10px; }

.mright15 { margin-right: 15px; }

.mright20 { margin-right: 20px; }

.mright25 { margin-right: 25px; }

.mright30 { margin-right: 30px; }

.mright35 { margin-right: 35px; }

.mright40 { margin-right: 40px; }

.mright45 { margin-right: 45px; }

.mright50 { margin-right: 50px; }

.mbottom5 { margin-bottom: 5px; }

.mbottom10 { margin-bottom: 10px; }

.mbottom15 { margin-bottom: 15px; }

.mbottom20 { margin-bottom: 20px; }

.mbottom25 { margin-bottom: 25px; }

.mbottom30 { margin-bottom: 30px; }

.mbottom35 { margin-bottom: 35px; }

.mbottom40 { margin-bottom: 40px; }

.mbottom45 { margin-bottom: 45px; }

.mbottom50 { margin-bottom: 50px; }

.mleft5 { margin-left: 5px; }

.mleft10 { margin-left: 10px; }

.mleft15 { margin-left: 15px; }

.mleft20 { margin-left: 20px; }

.mleft25 { margin-left: 25px; }

.mleft30 { margin-left: 30px; }

.mleft35 { margin-left: 35px; }

.mleft40 { margin-left: 40px; }

.mleft45 { margin-left: 45px; }

.mleft50 { margin-left: 50px; }

.pbottom5 { padding-bottom: 5px; }

.pbottom10 { padding-bottom: 10px; }

.pbottom15 { padding-bottom: 15px; }

.pbottom20 { padding-bottom: 20px; }

.pbottom25 { padding-bottom: 25px; }

.pbottom30 { padding-bottom: 30px; }

.pbottom35 { margin-bottom: 35px; }

.pbottom40 { padding-bottom: 40px; }

.pbottom45 { padding-bottom: 45px; }

.pbottom50 { padding-bottom: 50px; }

.vsep20 { float: left; width: 100%; height: 20px; }

.vsep40 { float: left; width: 100%; height: 40px; }

.fleft { float: left !important; }

.fright { float: right !important; }

.clickable { cursor: pointer; -webkit-transition: color .15s ease-in-out, border-color .15s ease-in-out, padding .15s ease-in-out; -o-transition: color .15s ease-in-out, border-color .15s ease-in-out, padding .15s ease-in-out; transition: color .15s ease-in-out, border-color .15s ease-in-out, padding .15s ease-in-out; }

.clickable:hover { color: #98bb64 !important; border-color: #98bb64 !important; }

.clickable.pink:hover { color: #FF6978 !important; }

.clickable.white-box { border-radius: 3px; }

.clickable.white-box:hover { padding: 5px 10px; background-color: rgba(255, 255, 255, 0.5); color: #232731 !important; }

/* Dir Pagination */
dir-pagination-controls { width: 100%; float: left; }

dir-pagination-controls .pagination { float: left; }

dir-pagination-controls .pagination li a { background-color: #f3f4f3; border-color: #fff; color: #828282; }

dir-pagination-controls .pagination li a:hover { background-color: #fff; border-color: #fff; color: #98bb64; }

dir-pagination-controls .pagination .active a { background-color: #98bb64 !important; border-color: #fff !important; color: #fff; }

dir-pagination-controls .pagination .active a:hover { background-color: #98bb64; border-color: #fff; }

dir-pagination-controls .pagination .disabled a { background-color: #ebedeb; border-color: #fff; }

dir-pagination-controls .pagination .disabled a:hover { background-color: #ebedeb; border-color: #fff; }

form .error { border-bottom-color: #ff6978 !important; }

form .text-error { float: left; width: 100%; margin-top: 5px; color: #ff6978; }

/* Select box */
/* Dimensions */
.custom-select-box { height: 50px; width: 100%; margin-top: 40px; border: 3px solid #98bb64; }

.custom-select-box.error { border-color: red; }

.custom-select-box .custom-select { width: 100%; left: 0; max-height: 50px; overflow: hidden; float: left; cursor: pointer; right: 0; transform: translate3d(0, 0, 0); transition: max-height 0.23s linear 0s; }

.custom-select-box .custom-select.expanded { max-height: 300px; }

.custom-select-box .custom-select .option { color: #828282; cursor: pointer; height: 50px; float: left; width: 100%; transition: all 0.1s linear 0s; text-align: center; }

.custom-select-box .custom-select .option:not(.placeholder) { background-color: #f3f4f3; }

.custom-select-box .custom-select .option .value { float: left; width: 100%; text-align: center; padding: 5px 10px; line-height: 40px; }

.custom-select-box .custom-select .option:last-of-type { border: none; }

.custom-select-box .custom-select .option:not(.placeholder):hover { background-color: #98bb64; color: #fff; }

.custom-select-box .custom-select .option.disabled { background-color: #f3f4f3; color: #919191; }

.custom-select-box .custom-select .option.placeholder { margin-top: -3px; margin-bottom: 3px; color: #919191; }

.custom-select-box .custom-select .option.placeholder:hover { color: #98bb64; }

.custom-select-box .custom-select .option.placeholder i { margin-left: 20px; font-size: 0.7em; }

@media screen and (max-width: 480px) { .hide-mobile { display: none !important; } }

@media screen and (max-width: 1200px) { .hide-tablet { display: none !important; } }

@media screen and (min-width: 480px) { .hide-desktop { display: none !important; } }

/* Password strength indicator */
input.ng-pristine + ul#strength { display: none; }

ul#strength { display: none; list-style: none; margin: 0; padding: 0; vertical-align: 2px; }

.point:last { margin: 0 !important; }

.point { background: #DDD; display: inline-block; height: 5px; margin-right: 1px; width: 20px; }

.cssload-loader { display: block; margin: 0 auto; width: 30px; height: 30px; position: relative; border: 2px solid #b6c1c9; animation: cssload-loader 2.3s infinite ease; -o-animation: cssload-loader 2.3s infinite ease; -ms-animation: cssload-loader 2.3s infinite ease; -webkit-animation: cssload-loader 2.3s infinite ease; -moz-animation: cssload-loader 2.3s infinite ease; }

.cssload-loader-inner { vertical-align: top; display: inline-block; width: 100%; background-color: #b6c1c9; animation: cssload-loader-inner 2.3s infinite ease-in; -o-animation: cssload-loader-inner 2.3s infinite ease-in; -ms-animation: cssload-loader-inner 2.3s infinite ease-in; -webkit-animation: cssload-loader-inner 2.3s infinite ease-in; -moz-animation: cssload-loader-inner 2.3s infinite ease-in; }

@keyframes cssload-loader { 0% { transform: rotate(0deg); }
  25% { transform: rotate(180deg); }
  50% { transform: rotate(180deg); }
  75% { transform: rotate(360deg); }
  100% { transform: rotate(360deg); } }

@-o-keyframes cssload-loader { 0% { transform: rotate(0deg); }
  25% { transform: rotate(180deg); }
  50% { transform: rotate(180deg); }
  75% { transform: rotate(360deg); }
  100% { transform: rotate(360deg); } }

@-ms-keyframes cssload-loader { 0% { transform: rotate(0deg); }
  25% { transform: rotate(180deg); }
  50% { transform: rotate(180deg); }
  75% { transform: rotate(360deg); }
  100% { transform: rotate(360deg); } }

@-webkit-keyframes cssload-loader { 0% { transform: rotate(0deg); }
  25% { transform: rotate(180deg); }
  50% { transform: rotate(180deg); }
  75% { transform: rotate(360deg); }
  100% { transform: rotate(360deg); } }

@-moz-keyframes cssload-loader { 0% { transform: rotate(0deg); }
  25% { transform: rotate(180deg); }
  50% { transform: rotate(180deg); }
  75% { transform: rotate(360deg); }
  100% { transform: rotate(360deg); } }

@keyframes cssload-loader-inner { 0% { height: 0%; }
  25% { height: 0%; }
  50% { height: 100%; }
  75% { height: 100%; }
  100% { height: 0%; } }

@-o-keyframes cssload-loader-inner { 0% { height: 0%; }
  25% { height: 0%; }
  50% { height: 100%; }
  75% { height: 100%; }
  100% { height: 0%; } }

@-ms-keyframes cssload-loader-inner { 0% { height: 0%; }
  25% { height: 0%; }
  50% { height: 100%; }
  75% { height: 100%; }
  100% { height: 0%; } }

@-webkit-keyframes cssload-loader-inner { 0% { height: 0%; }
  25% { height: 0%; }
  50% { height: 100%; }
  75% { height: 100%; }
  100% { height: 0%; } }

@-moz-keyframes cssload-loader-inner { 0% { height: 0%; }
  25% { height: 0%; }
  50% { height: 100%; }
  75% { height: 100%; }
  100% { height: 0%; } }

@font-face { font-family: "rs"; src: url("iconfont/rs.eot"); src: url("iconfont/rs.eot?#iefix") format("embedded-opentype"), url("iconfont/rs.woff") format("woff"), url("iconfont/rs.ttf") format("truetype"), url("iconfont/rs.svg#rs") format("svg"); font-weight: normal; font-style: normal; }

[data-icon]:before { font-family: "rs" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.5em; position: relative; top: 5px; }

[class^="rs-"]:before, [class*=" rs-"]:before { font-family: "rs" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.5em; position: relative; top: 5px; }

.rs-add:before { content: "\61"; }

.rs-card:before { content: "\62"; }

.rs-cart:before { content: "\63"; }

.rs-cart-add:before { content: "\64"; }

.rs-cart-full:before { content: "\65"; }

.rs-cart-insert:before { content: "\66"; }

.rs-cart-substract:before { content: "\67"; }

.rs-envelope:before { content: "\68"; }

.rs-folder:before { content: "\69"; }

.rs-gear:before { content: "\6a"; }

.rs-globe:before { content: "\6b"; }

.rs-graph:before { content: "\6c"; }

.rs-home:before { content: "\6d"; }

.rs-info:before { content: "\6e"; }

.rs-list:before { content: "\6f"; }

.rs-list-insert:before { content: "\70"; }

.rs-login:before { content: "\71"; }

.rs-logout:before { content: "\72"; }

.rs-menu:before { content: "\73"; }

.rs-package:before { content: "\74"; }

.rs-pencil:before { content: "\75"; }

.rs-pin:before { content: "\76"; }

.rs-plane:before { content: "\77"; }

.rs-refresh:before { content: "\78"; }

.rs-search:before { content: "\79"; }

.rs-sheet:before { content: "\7a"; }

.rs-substract:before { content: "\41"; }

.rs-trash:before { content: "\42"; }

.rs-user:before { content: "\43"; }

.rs-user-admin:before { content: "\44"; }

.rs-wb:before { content: "\45"; }

.rs-wb-add:before { content: "\46"; }

.rs-wb-search:before { content: "\47"; }

.rs-wb-substract:before { content: "\48"; }

@font-face { font-family: 'themify'; src: url("iconfont/themify.eot?-fvbane"); src: url("iconfont/themify.eot?#iefix-fvbane") format("embedded-opentype"), url("iconfont/themify.woff?-fvbane") format("woff"), url("iconfont/themify.ttf?-fvbane") format("truetype"), url("iconfont/themify.svg?-fvbane#themify") format("svg"); font-weight: normal; font-style: normal; }

[class^="ti-"], [class*=" ti-"] { font-family: 'themify'; 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; }

.ti-wand:before { content: "\e600"; }

.ti-volume:before { content: "\e601"; }

.ti-user:before { content: "\e602"; }

.ti-unlock:before { content: "\e603"; }

.ti-unlink:before { content: "\e604"; }

.ti-trash:before { content: "\e605"; }

.ti-thought:before { content: "\e606"; }

.ti-target:before { content: "\e607"; }

.ti-tag:before { content: "\e608"; }

.ti-tablet:before { content: "\e609"; }

.ti-star:before { content: "\e60a"; }

.ti-spray:before { content: "\e60b"; }

.ti-signal:before { content: "\e60c"; }

.ti-shopping-cart:before { content: "\e60d"; }

.ti-shopping-cart-full:before { content: "\e60e"; }

.ti-settings:before { content: "\e60f"; }

.ti-search:before { content: "\e610"; }

.ti-zoom-in:before { content: "\e611"; }

.ti-zoom-out:before { content: "\e612"; }

.ti-cut:before { content: "\e613"; }

.ti-ruler:before { content: "\e614"; }

.ti-ruler-pencil:before { content: "\e615"; }

.ti-ruler-alt:before { content: "\e616"; }

.ti-bookmark:before { content: "\e617"; }

.ti-bookmark-alt:before { content: "\e618"; }

.ti-reload:before { content: "\e619"; }

.ti-plus:before { content: "\e61a"; }

.ti-pin:before { content: "\e61b"; }

.ti-pencil:before { content: "\e61c"; }

.ti-pencil-alt:before { content: "\e61d"; }

.ti-paint-roller:before { content: "\e61e"; }

.ti-paint-bucket:before { content: "\e61f"; }

.ti-na:before { content: "\e620"; }

.ti-mobile:before { content: "\e621"; }

.ti-minus:before { content: "\e622"; }

.ti-medall:before { content: "\e623"; }

.ti-medall-alt:before { content: "\e624"; }

.ti-marker:before { content: "\e625"; }

.ti-marker-alt:before { content: "\e626"; }

.ti-arrow-up:before { content: "\e627"; }

.ti-arrow-right:before { content: "\e628"; }

.ti-arrow-left:before { content: "\e629"; }

.ti-arrow-down:before { content: "\e62a"; }

.ti-lock:before { content: "\e62b"; }

.ti-location-arrow:before { content: "\e62c"; }

.ti-link:before { content: "\e62d"; }

.ti-layout:before { content: "\e62e"; }

.ti-layers:before { content: "\e62f"; }

.ti-layers-alt:before { content: "\e630"; }

.ti-key:before { content: "\e631"; }

.ti-import:before { content: "\e632"; }

.ti-image:before { content: "\e633"; }

.ti-heart:before { content: "\e634"; }

.ti-heart-broken:before { content: "\e635"; }

.ti-hand-stop:before { content: "\e636"; }

.ti-hand-open:before { content: "\e637"; }

.ti-hand-drag:before { content: "\e638"; }

.ti-folder:before { content: "\e639"; }

.ti-flag:before { content: "\e63a"; }

.ti-flag-alt:before { content: "\e63b"; }

.ti-flag-alt-2:before { content: "\e63c"; }

.ti-eye:before { content: "\e63d"; }

.ti-export:before { content: "\e63e"; }

.ti-exchange-vertical:before { content: "\e63f"; }

.ti-desktop:before { content: "\e640"; }

.ti-cup:before { content: "\e641"; }

.ti-crown:before { content: "\e642"; }

.ti-comments:before { content: "\e643"; }

.ti-comment:before { content: "\e644"; }

.ti-comment-alt:before { content: "\e645"; }

.ti-close:before { content: "\e646"; }

.ti-clip:before { content: "\e647"; }

.ti-angle-up:before { content: "\e648"; }

.ti-angle-right:before { content: "\e649"; }

.ti-angle-left:before { content: "\e64a"; }

.ti-angle-down:before { content: "\e64b"; }

.ti-check:before { content: "\e64c"; }

.ti-check-box:before { content: "\e64d"; }

.ti-camera:before { content: "\e64e"; }

.ti-announcement:before { content: "\e64f"; }

.ti-brush:before { content: "\e650"; }

.ti-briefcase:before { content: "\e651"; }

.ti-bolt:before { content: "\e652"; }

.ti-bolt-alt:before { content: "\e653"; }

.ti-blackboard:before { content: "\e654"; }

.ti-bag:before { content: "\e655"; }

.ti-move:before { content: "\e656"; }

.ti-arrows-vertical:before { content: "\e657"; }

.ti-arrows-horizontal:before { content: "\e658"; }

.ti-fullscreen:before { content: "\e659"; }

.ti-arrow-top-right:before { content: "\e65a"; }

.ti-arrow-top-left:before { content: "\e65b"; }

.ti-arrow-circle-up:before { content: "\e65c"; }

.ti-arrow-circle-right:before { content: "\e65d"; }

.ti-arrow-circle-left:before { content: "\e65e"; }

.ti-arrow-circle-down:before { content: "\e65f"; }

.ti-angle-double-up:before { content: "\e660"; }

.ti-angle-double-right:before { content: "\e661"; }

.ti-angle-double-left:before { content: "\e662"; }

.ti-angle-double-down:before { content: "\e663"; }

.ti-zip:before { content: "\e664"; }

.ti-world:before { content: "\e665"; }

.ti-wheelchair:before { content: "\e666"; }

.ti-view-list:before { content: "\e667"; }

.ti-view-list-alt:before { content: "\e668"; }

.ti-view-grid:before { content: "\e669"; }

.ti-uppercase:before { content: "\e66a"; }

.ti-upload:before { content: "\e66b"; }

.ti-underline:before { content: "\e66c"; }

.ti-truck:before { content: "\e66d"; }

.ti-timer:before { content: "\e66e"; }

.ti-ticket:before { content: "\e66f"; }

.ti-thumb-up:before { content: "\e670"; }

.ti-thumb-down:before { content: "\e671"; }

.ti-text:before { content: "\e672"; }

.ti-stats-up:before { content: "\e673"; }

.ti-stats-down:before { content: "\e674"; }

.ti-split-v:before { content: "\e675"; }

.ti-split-h:before { content: "\e676"; }

.ti-smallcap:before { content: "\e677"; }

.ti-shine:before { content: "\e678"; }

.ti-shift-right:before { content: "\e679"; }

.ti-shift-left:before { content: "\e67a"; }

.ti-shield:before { content: "\e67b"; }

.ti-notepad:before { content: "\e67c"; }

.ti-server:before { content: "\e67d"; }

.ti-quote-right:before { content: "\e67e"; }

.ti-quote-left:before { content: "\e67f"; }

.ti-pulse:before { content: "\e680"; }

.ti-printer:before { content: "\e681"; }

.ti-power-off:before { content: "\e682"; }

.ti-plug:before { content: "\e683"; }

.ti-pie-chart:before { content: "\e684"; }

.ti-paragraph:before { content: "\e685"; }

.ti-panel:before { content: "\e686"; }

.ti-package:before { content: "\e687"; }

.ti-music:before { content: "\e688"; }

.ti-music-alt:before { content: "\e689"; }

.ti-mouse:before { content: "\e68a"; }

.ti-mouse-alt:before { content: "\e68b"; }

.ti-money:before { content: "\e68c"; }

.ti-microphone:before { content: "\e68d"; }

.ti-menu:before { content: "\e68e"; }

.ti-menu-alt:before { content: "\e68f"; }

.ti-map:before { content: "\e690"; }

.ti-map-alt:before { content: "\e691"; }

.ti-loop:before { content: "\e692"; }

.ti-location-pin:before { content: "\e693"; }

.ti-list:before { content: "\e694"; }

.ti-light-bulb:before { content: "\e695"; }

.ti-Italic:before { content: "\e696"; }

.ti-info:before { content: "\e697"; }

.ti-infinite:before { content: "\e698"; }

.ti-id-badge:before { content: "\e699"; }

.ti-hummer:before { content: "\e69a"; }

.ti-home:before { content: "\e69b"; }

.ti-help:before { content: "\e69c"; }

.ti-headphone:before { content: "\e69d"; }

.ti-harddrives:before { content: "\e69e"; }

.ti-harddrive:before { content: "\e69f"; }

.ti-gift:before { content: "\e6a0"; }

.ti-game:before { content: "\e6a1"; }

.ti-filter:before { content: "\e6a2"; }

.ti-files:before { content: "\e6a3"; }

.ti-file:before { content: "\e6a4"; }

.ti-eraser:before { content: "\e6a5"; }

.ti-envelope:before { content: "\e6a6"; }

.ti-download:before { content: "\e6a7"; }

.ti-direction:before { content: "\e6a8"; }

.ti-direction-alt:before { content: "\e6a9"; }

.ti-dashboard:before { content: "\e6aa"; }

.ti-control-stop:before { content: "\e6ab"; }

.ti-control-shuffle:before { content: "\e6ac"; }

.ti-control-play:before { content: "\e6ad"; }

.ti-control-pause:before { content: "\e6ae"; }

.ti-control-forward:before { content: "\e6af"; }

.ti-control-backward:before { content: "\e6b0"; }

.ti-cloud:before { content: "\e6b1"; }

.ti-cloud-up:before { content: "\e6b2"; }

.ti-cloud-down:before { content: "\e6b3"; }

.ti-clipboard:before { content: "\e6b4"; }

.ti-car:before { content: "\e6b5"; }

.ti-calendar:before { content: "\e6b6"; }

.ti-book:before { content: "\e6b7"; }

.ti-bell:before { content: "\e6b8"; }

.ti-basketball:before { content: "\e6b9"; }

.ti-bar-chart:before { content: "\e6ba"; }

.ti-bar-chart-alt:before { content: "\e6bb"; }

.ti-back-right:before { content: "\e6bc"; }

.ti-back-left:before { content: "\e6bd"; }

.ti-arrows-corner:before { content: "\e6be"; }

.ti-archive:before { content: "\e6bf"; }

.ti-anchor:before { content: "\e6c0"; }

.ti-align-right:before { content: "\e6c1"; }

.ti-align-left:before { content: "\e6c2"; }

.ti-align-justify:before { content: "\e6c3"; }

.ti-align-center:before { content: "\e6c4"; }

.ti-alert:before { content: "\e6c5"; }

.ti-alarm-clock:before { content: "\e6c6"; }

.ti-agenda:before { content: "\e6c7"; }

.ti-write:before { content: "\e6c8"; }

.ti-window:before { content: "\e6c9"; }

.ti-widgetized:before { content: "\e6ca"; }

.ti-widget:before { content: "\e6cb"; }

.ti-widget-alt:before { content: "\e6cc"; }

.ti-wallet:before { content: "\e6cd"; }

.ti-video-clapper:before { content: "\e6ce"; }

.ti-video-camera:before { content: "\e6cf"; }

.ti-vector:before { content: "\e6d0"; }

.ti-themify-logo:before { content: "\e6d1"; }

.ti-themify-favicon:before { content: "\e6d2"; }

.ti-themify-favicon-alt:before { content: "\e6d3"; }

.ti-support:before { content: "\e6d4"; }

.ti-stamp:before { content: "\e6d5"; }

.ti-split-v-alt:before { content: "\e6d6"; }

.ti-slice:before { content: "\e6d7"; }

.ti-shortcode:before { content: "\e6d8"; }

.ti-shift-right-alt:before { content: "\e6d9"; }

.ti-shift-left-alt:before { content: "\e6da"; }

.ti-ruler-alt-2:before { content: "\e6db"; }

.ti-receipt:before { content: "\e6dc"; }

.ti-pin2:before { content: "\e6dd"; }

.ti-pin-alt:before { content: "\e6de"; }

.ti-pencil-alt2:before { content: "\e6df"; }

.ti-palette:before { content: "\e6e0"; }

.ti-more:before { content: "\e6e1"; }

.ti-more-alt:before { content: "\e6e2"; }

.ti-microphone-alt:before { content: "\e6e3"; }

.ti-magnet:before { content: "\e6e4"; }

.ti-line-double:before { content: "\e6e5"; }

.ti-line-dotted:before { content: "\e6e6"; }

.ti-line-dashed:before { content: "\e6e7"; }

.ti-layout-width-full:before { content: "\e6e8"; }

.ti-layout-width-default:before { content: "\e6e9"; }

.ti-layout-width-default-alt:before { content: "\e6ea"; }

.ti-layout-tab:before { content: "\e6eb"; }

.ti-layout-tab-window:before { content: "\e6ec"; }

.ti-layout-tab-v:before { content: "\e6ed"; }

.ti-layout-tab-min:before { content: "\e6ee"; }

.ti-layout-slider:before { content: "\e6ef"; }

.ti-layout-slider-alt:before { content: "\e6f0"; }

.ti-layout-sidebar-right:before { content: "\e6f1"; }

.ti-layout-sidebar-none:before { content: "\e6f2"; }

.ti-layout-sidebar-left:before { content: "\e6f3"; }

.ti-layout-placeholder:before { content: "\e6f4"; }

.ti-layout-menu:before { content: "\e6f5"; }

.ti-layout-menu-v:before { content: "\e6f6"; }

.ti-layout-menu-separated:before { content: "\e6f7"; }

.ti-layout-menu-full:before { content: "\e6f8"; }

.ti-layout-media-right-alt:before { content: "\e6f9"; }

.ti-layout-media-right:before { content: "\e6fa"; }

.ti-layout-media-overlay:before { content: "\e6fb"; }

.ti-layout-media-overlay-alt:before { content: "\e6fc"; }

.ti-layout-media-overlay-alt-2:before { content: "\e6fd"; }

.ti-layout-media-left-alt:before { content: "\e6fe"; }

.ti-layout-media-left:before { content: "\e6ff"; }

.ti-layout-media-center-alt:before { content: "\e700"; }

.ti-layout-media-center:before { content: "\e701"; }

.ti-layout-list-thumb:before { content: "\e702"; }

.ti-layout-list-thumb-alt:before { content: "\e703"; }

.ti-layout-list-post:before { content: "\e704"; }

.ti-layout-list-large-image:before { content: "\e705"; }

.ti-layout-line-solid:before { content: "\e706"; }

.ti-layout-grid4:before { content: "\e707"; }

.ti-layout-grid3:before { content: "\e708"; }

.ti-layout-grid2:before { content: "\e709"; }

.ti-layout-grid2-thumb:before { content: "\e70a"; }

.ti-layout-cta-right:before { content: "\e70b"; }

.ti-layout-cta-left:before { content: "\e70c"; }

.ti-layout-cta-center:before { content: "\e70d"; }

.ti-layout-cta-btn-right:before { content: "\e70e"; }

.ti-layout-cta-btn-left:before { content: "\e70f"; }

.ti-layout-column4:before { content: "\e710"; }

.ti-layout-column3:before { content: "\e711"; }

.ti-layout-column2:before { content: "\e712"; }

.ti-layout-accordion-separated:before { content: "\e713"; }

.ti-layout-accordion-merged:before { content: "\e714"; }

.ti-layout-accordion-list:before { content: "\e715"; }

.ti-ink-pen:before { content: "\e716"; }

.ti-info-alt:before { content: "\e717"; }

.ti-help-alt:before { content: "\e718"; }

.ti-headphone-alt:before { content: "\e719"; }

.ti-hand-point-up:before { content: "\e71a"; }

.ti-hand-point-right:before { content: "\e71b"; }

.ti-hand-point-left:before { content: "\e71c"; }

.ti-hand-point-down:before { content: "\e71d"; }

.ti-gallery:before { content: "\e71e"; }

.ti-face-smile:before { content: "\e71f"; }

.ti-face-sad:before { content: "\e720"; }

.ti-credit-card:before { content: "\e721"; }

.ti-control-skip-forward:before { content: "\e722"; }

.ti-control-skip-backward:before { content: "\e723"; }

.ti-control-record:before { content: "\e724"; }

.ti-control-eject:before { content: "\e725"; }

.ti-comments-smiley:before { content: "\e726"; }

.ti-brush-alt:before { content: "\e727"; }

.ti-youtube:before { content: "\e728"; }

.ti-vimeo:before { content: "\e729"; }

.ti-twitter:before { content: "\e72a"; }

.ti-time:before { content: "\e72b"; }

.ti-tumblr:before { content: "\e72c"; }

.ti-skype:before { content: "\e72d"; }

.ti-share:before { content: "\e72e"; }

.ti-share-alt:before { content: "\e72f"; }

.ti-rocket:before { content: "\e730"; }

.ti-pinterest:before { content: "\e731"; }

.ti-new-window:before { content: "\e732"; }

.ti-microsoft:before { content: "\e733"; }

.ti-list-ol:before { content: "\e734"; }

.ti-linkedin:before { content: "\e735"; }

.ti-layout-sidebar-2:before { content: "\e736"; }

.ti-layout-grid4-alt:before { content: "\e737"; }

.ti-layout-grid3-alt:before { content: "\e738"; }

.ti-layout-grid2-alt:before { content: "\e739"; }

.ti-layout-column4-alt:before { content: "\e73a"; }

.ti-layout-column3-alt:before { content: "\e73b"; }

.ti-layout-column2-alt:before { content: "\e73c"; }

.ti-instagram:before { content: "\e73d"; }

.ti-google:before { content: "\e73e"; }

.ti-github:before { content: "\e73f"; }

.ti-flickr:before { content: "\e740"; }

.ti-facebook:before { content: "\e741"; }

.ti-dropbox:before { content: "\e742"; }

.ti-dribbble:before { content: "\e743"; }

.ti-apple:before { content: "\e744"; }

.ti-android:before { content: "\e745"; }

.ti-save:before { content: "\e746"; }

.ti-save-alt:before { content: "\e747"; }

.ti-yahoo:before { content: "\e748"; }

.ti-wordpress:before { content: "\e749"; }

.ti-vimeo-alt:before { content: "\e74a"; }

.ti-twitter-alt:before { content: "\e74b"; }

.ti-tumblr-alt:before { content: "\e74c"; }

.ti-trello:before { content: "\e74d"; }

.ti-stack-overflow:before { content: "\e74e"; }

.ti-soundcloud:before { content: "\e74f"; }

.ti-sharethis:before { content: "\e750"; }

.ti-sharethis-alt:before { content: "\e751"; }

.ti-reddit:before { content: "\e752"; }

.ti-pinterest-alt:before { content: "\e753"; }

.ti-microsoft-alt:before { content: "\e754"; }

.ti-linux:before { content: "\e755"; }

.ti-jsfiddle:before { content: "\e756"; }

.ti-joomla:before { content: "\e757"; }

.ti-html5:before { content: "\e758"; }

.ti-flickr-alt:before { content: "\e759"; }

.ti-email:before { content: "\e75a"; }

.ti-drupal:before { content: "\e75b"; }

.ti-dropbox-alt:before { content: "\e75c"; }

.ti-css3:before { content: "\e75d"; }

.ti-rss:before { content: "\e75e"; }

.ti-rss-alt:before { content: "\e75f"; }

#cover { background-color: #203b3a; position: fixed; top: 0; right: 0; bottom: 0; left: 0; padding-top: 80px; z-index: 999; }

#cover #login-title { float: left; width: 100%; text-align: center; margin-top: 40px; }

#cover #login-title h1 { font-weight: 300; font-size: 2.3em; color: #fff; }

#cover #login-title h1 i { font-size: .6em; margin-right: 20px; height: 100%; }

#cover #login-box { width: 250px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -70%); -ms-transform: translate(-50%, -70%); transform: translate(-50%, -70%); }

#cover #login-box #login-content { float: left; width: 100%; border-radius: 4px; background-color: #325c5b; padding: 20px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); border: 1px solid #447d7c; }

#cover #login-box #login-content input { width: 100%; float: left; height: 60px; padding: 5px 10px; border: none; border-bottom: 1px solid #447d7c; color: #fff; background-color: rgba(255, 255, 255, 0); font-size: 18px; font-weight: 300; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; }

#cover #login-box #login-content #login-button { width: 100%; float: left; height: 40px; padding: 5px 10px; border-radius: 5px; background-color: #203b3a; color: #fff; text-align: center; line-height: 30px; margin-top: 30px; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.head-cover { float: left; height: 520px; width: 100%; background: linear-gradient(rgba(152, 187, 100, 0.6), rgba(116, 179, 178, 0.8)), url("../img/bg-book.jpg") center center fixed; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; }

.head-cover .content-box { background-color: rgba(255, 255, 255, 0.5); height: 100%; }

.head-cover .content-box #cover-logo { width: 80%; position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.head-cover .content-box #cover-logo img { width: 100%; padding-right: 30px; }

.head-cover .content-box h1 { float: left; width: 100%; text-align: center; text-transform: uppercase; color: #fff; font-size: 4em; font-weight: 200; }

.head-cover .content-box h3 { float: left; width: 100%; text-align: center; color: rgba(255, 255, 255, 0.8); font-weight: 200; }

.head-cover .content-box .renta-button { width: 150px; background-color: rgba(255, 255, 255, 0.3); border: 1px solid #fff; cursor: pointer; border-radius: 4px; position: absolute; right: 20px; bottom: 20px; -webkit-transition: background-color, .15s ease-in-out; -o-transition: background-color, .15s ease-in-out; transition: background-color, .15s ease-in-out; }

.head-cover .content-box .renta-button .renta-hover-color { -webkit-transition: background-color, .15s ease-in-out; -o-transition: background-color, .15s ease-in-out; transition: background-color, .15s ease-in-out; }

.head-cover .content-box .renta-button:hover { background-color: rgba(255, 255, 255, 0.7); }

.head-cover .content-box .renta-button:hover .renta-hover-color { fill: #98bb64; }

.head-cover .content-box .renta-button svg { display: block; }

.head-cover .news-box { float: left; padding: 20px 60px; overflow: scroll; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 991px) { .head-cover .news-box { display: none; } }

.head-cover .news-box h2 { float: left; width: 100%; color: #fff; font-size: 3em; font-weight: 400; letter-spacing: 6px; padding-bottom: 10px; border-bottom: 2px solid rgba(255, 255, 255, 0.5); text-align: center; }

.head-cover .news-box h3 { float: left; width: 100%; color: rgba(255, 255, 255, 0.8); font-weight: 300; }

.head-cover .news-box .post-date { float: left; width: 100%; color: rgba(255, 255, 255, 0.5); }

.head-cover .news-box p { color: #fff; font-size: 15px !important; }

.head-cover .news-box p a { text-decoration: underline; color: #c7daab; }

.head-cover .news-box a.more-info { color: #000; }

.head-cover .news-box a.more-info i { font-size: .7em; }

.services-wrapper h2 { width: 100%; text-align: center; margin-top: 40px; float: left; color: rgba(35, 39, 49, 0.5); font-weight: 200; font-size: 3em; }

.services-wrapper .services-nav { display: flex; justify-content: center; flex-wrap: wrap; padding-top: 20px; padding-bottom: 70px; margin-bottom: 70px; border-bottom: 1px solid #f3f4f3; }

.services-wrapper .services-nav .service-button { color: #f1f1f1; text-align: center; width: 200px; -webkit-transition: transform .3s ease-in-out, color .3s ease-in-out; transition: transform .3s ease-in-out, color .3s ease-in-out; cursor: pointer; }

.services-wrapper .services-nav .service-button:hover img { -ms-transform: translateY(-5px); -webkit-transform: translateY(-5px); transform: translateY(-5px); }

.services-wrapper .services-nav .service-button:hover span { color: #232731; }

.services-wrapper .services-nav .service-button img { width: 60px; height: 60px; }

.services-wrapper .services-nav .service-button span { float: left; width: 100%; text-align: center; margin-top: 10px; color: #c2c2c2; font-size: 1.5em; }

.service-detail-box { width: 100%; padding: 70px 100px; border-bottom: 1px solid #f3f4f3; }

@media screen and (max-width: 1200px) { .service-detail-box { padding: 40px 20px; } }

.service-detail-box .service-detail { padding: 0 100px; }

@media screen and (max-width: 1200px) { .service-detail-box .service-detail { padding: 0; } }

.service-detail-box .service-detail img.service-icon { float: left; width: 30px; height: 30px; margin-right: 20px; margin-top: 20px; }

.service-detail-box .service-detail h2 { float: left; color: rgba(35, 39, 49, 0.5); font-weight: 200; font-size: 2em; border-left: 2px solid #98bb64; padding-left: 20px; }

.service-detail-box .service-detail h3 { color: #232731; line-height: 30px; margin: 30px 0; }

.service-detail-box .service-detail p { color: #828282; font-weight: 200; font-size: 1.25em; line-height: 28px; letter-spacing: 1px; padding-bottom: 8px; }

.service-detail-box .service-detail span { color: #98bb64; font-size: 1.3em; font-weight: 400; padding-bottom: 40px; }

.service-detail-box .service-detail span i { margin-left: 5px; font-size: .7em; }

.service-detail-box .service-image img { float: left; max-width: 100%; }

/* Quotes */
.intro-wrapper { float: left; width: 100%; text-align: center; padding-bottom: 40px; border-bottom: 1px solid #f3f4f3; }

.intro-wrapper p { font-size: 1.5em; color: #999999; }

.intro-wrapper blockquote { width: 580px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); /*Font*/ font-size: 26px; font-weight: 400; line-height: 1.2; color: #666; border: 0; margin: 0; padding: 0; }

@media screen and (max-width: 1200px) { .intro-wrapper blockquote { width: 290px; font-size: 20px; margin: 30px 0; } }

.intro-wrapper blockquote::before, .intro-wrapper blockquote::after { /*Font*/ font-family: Georgia, serif; font-size: 40px; font-weight: bold; color: #98bb64; }

@media screen and (max-width: 1200px) { .intro-wrapper blockquote::before, .intro-wrapper blockquote::after { font-size: 60px; margin-right: 20px; } }

.intro-wrapper blockquote::before { content: "\201C"; float: left; margin-left: 10px; }

.intro-wrapper blockquote::after { content: "\201D"; float: right; margin-right: 10px; }

@media screen and (max-width: 1200px) { .intro-wrapper blockquote::after { display: none; } }

/* LIST */
#news-title { text-align: center; float: left; width: 100%; padding: 30px 0; }

#news-title h1 { font-size: 3.5em; }

@media screen and (max-width: 1200px) { #news-title h1 { font-size: 3em; } }

#news-title p { font-size: 1.5em; font-weight: 200; color: #98bb64; }

.filter-box { float: right; width: 30%; height: 50px; margin-bottom: 40px; margin-top: -30px; padding: 0 100px; }

@media screen and (max-width: 1200px) { .filter-box { width: 100%; padding: 0 20px; } }

.filter-box i { height: 100%; color: #ddd; float: left; width: 30px; border-bottom: 1px solid #98bb64; line-height: 50px; }

.filter-box input { height: 100%; float: left; width: calc(100% - 30px); background: transparent; border: none; border-bottom: 1px solid #98bb64; outline: none; }

#news-box .news-sidebar { float: left; border-right: 1px solid #98bb64; background-color: rgba(243, 244, 243, 0.3); }

@media screen and (max-width: 1200px) { #news-box .news-sidebar { margin-bottom: 40px; border-bottom: 1px solid #ddd; border-right: 0; } }

#news-box .news-sidebar ul { list-style: none; padding: 0; margin: 0; }

#news-box .news-sidebar ul li { float: left; width: 100%; margin: 0; padding: 20px; font-size: 1.2em; cursor: pointer; }

#news-box .news-sidebar ul li:not(:last-child) { border-bottom: 1px solid #ddd; }

#news-box .news-sidebar ul li:hover { color: #98bb64; background-color: #fff; }

#news-box .news-sidebar ul li:hover:after { float: right; font-family: FontAwesome; content: '\f054'; color: #ddd; font-size: .5em; font-weight: 200; margin-top: 8px; }

#news-box .news-sidebar ul li.active { font-size: 1.3em; color: #9ED65E; }

#news-box .news-content { padding: 0 100px; float: left; }

@media screen and (max-width: 1200px) { #news-box .news-content { padding: 0 20px; } }

#news-box .news-content article .post-body { position: relative; max-height: 300px; border: 1px solid #fff; overflow: hidden; }

@media screen and (max-width: 1200px) { #news-box .news-content article .post-body { max-height: 400px; } }

#news-box .news-content article .post-body .gradient-bottom { position: absolute; bottom: 0; left: 0; right: 0; height: 100px; background: linear-gradient(rgba(255, 255, 255, 0.1), #fff); }

#news-box .news-content article .view-post { float: left; padding: 0 30px; height: 50px; text-align: center; cursor: pointer; font-size: 1.3em; line-height: 50px; color: #98bb64; background-color: rgba(152, 187, 100, 0.2); -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out; transition: color .15s ease-in-out, background-color .15s ease-in-out; }

#news-box .news-content article .view-post i { font-size: .7em; }

#news-box .news-content article .view-post:hover { color: #fff; background-color: #98bb64; }

#news-box .news-content article:not(:first-child) { padding-top: 40px; border-top: 1px solid rgba(243, 244, 243, 0.7); }

#news-box .news-content article:not(:last-child) { padding-bottom: 60px; }

#news-box .news-content article h2 { color: #232731; font-weight: 200; margin-bottom: 20px; font-size: 3.1em; cursor: pointer; }

@media screen and (max-width: 1200px) { #news-box .news-content article h2 { font-size: 2em; } }

#news-box .news-content article .post-date { width: 100%; float: left; margin: 10px 0 !important; font-size: 1.1em; color: #98bb64; }

#news-box .news-content article p { font-size: 1.2em; line-height: 2em; color: #828282; }

#news-box .news-content article p a { box-shadow: inset 0 0px 0 white, inset 0 -1px 0 #8ab24f; color: #8ab24f; }

#news-box .news-content article .post-author { float: left; width: 100%; color: #ddd; margin-top: 20px; }

/* INFO */
#all-posts { float: left; margin-left: 20px; margin-top: 20px; color: #98bb64; cursor: pointer; }

#all-posts i { font-size: .7em; }

#new-info-box { width: 100%; margin: 0 auto; max-width: 1000px; padding-top: 30px; padding-bottom: 100px; }

@media screen and (max-width: 1200px) { #new-info-box { padding: 30px 20px; } }

#new-info-box img { max-width: 100%; }

#new-info-box h1 { color: #232731; font-weight: 200; margin-bottom: 40px; font-size: 4.1em; }

@media screen and (max-width: 1200px) { #new-info-box h1 { font-size: 2.5em; } }

#new-info-box p { font-size: 1.2em; line-height: 2em; color: #828282; }

#new-info-box p a { box-shadow: inset 0 0px 0 white, inset 0 -1px 0 #8ab24f; color: #8ab24f; }

#new-info-box .post-date, #new-info-box .post-author { width: 100%; float: left; margin: 10px 0 !important; font-size: 1.2em; }

#new-info-box .post-date { color: #98bb64; }

#new-info-box .post-author { color: #b7b7b7; }

#map-canvas { position: absolute; top: 80px; left: 0; right: 0; height: 550px; }

@media screen and (max-width: 1200px) { #map-canvas { height: 300px; } }

.contact-title { text-align: center; float: left; width: 100%; padding: 30px 0; margin-top: 580px; }

@media screen and (max-width: 1200px) { .contact-title { margin-top: 280px; } }

.contact-title h2 { font-size: 2.1em; }

.contact-title p { font-size: 1.5em; }

#contact-form-box { padding: 50px 250px; }

@media screen and (max-width: 1200px) { #contact-form-box { padding: 30px 20px; } }

#contact-form-box form label { font-family: 'Source Sans Pro', sans-serif; font-weight: 200; font-size: 1.3em; color: #828282; }

#contact-form-box form label:not(:first-child) { margin-top: 40px; }

#contact-form-box form input[type="text"], #contact-form-box form input[type="email"] { width: 100%; padding: 15px; height: 100%; border: 1px solid #f3f4f3; border-bottom: 2px solid #98bb64; outline: 0; background-color: #fff; }

#contact-form-box form textarea { width: 100%; padding: 20px; border: 1px solid #f3f4f3; border-bottom: 2px solid #98bb64; margin-top: 40px; outline: 0; background-color: #fff; resize: none; }

#contact-form-box form input[type="submit"] { width: 100%; padding: 10px 20px; border: 0; margin: 40px 0; outline: 0; background-color: rgba(152, 187, 100, 0.5); color: #fff; font-size: 1.3em; }

#contact-form-box .contact-details { float: left; padding: 50px; text-align: center; }

#contact-form-box .contact-details .phone-box { float: left; width: 100%; color: #98bb64; font-size: 2em; font-weight: 200; }

#contact-form-box .contact-details .phone-box i { margin-right: 20px; }

#contact-form-box .contact-details p { font-size: 2em; margin: 40px 0; }

.appointments-title { text-align: center; float: left; width: 100%; padding: 30px 0; }

.appointments-title h2 { font-size: 2.1em; }

@media screen and (max-width: 1200px) { .appointments-title h2 { font-size: 2em; } }

.appointments-title p { font-size: 1.5em; }

#appointments-form-box { padding: 50px 250px; }

@media screen and (max-width: 1200px) { #appointments-form-box { padding: 20px; } }

#appointments-form-box form label { font-family: 'Source Sans Pro', sans-serif; font-weight: 200; font-size: 1.3em; color: #828282; }

#appointments-form-box form label:not(:first-child) { margin-top: 40px; }

#appointments-form-box form label.date-label { position: relative; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 320px; }

#appointments-form-box form span.date-field { float: left; width: 100%; text-align: center; font-size: 1.1em; }

#appointments-form-box form #datepicker { border: 1px solid #f3f4f3; border-bottom: 2px solid #98bb64; border-radius: 0 !important; margin: 20px auto; padding: 20px; }

#appointments-form-box form #datepicker .active { background-color: #98bb64; background-image: none; }

#appointments-form-box form #datepicker .disabled { color: #b7b7b7; }

#appointments-form-box form input[type="text"], #appointments-form-box form input[type="email"] { width: 100%; padding: 15px; height: 100%; border: 1px solid #f3f4f3; border-bottom: 2px solid #98bb64; outline: 0; background-color: #fff; }

#appointments-form-box form textarea { width: 100%; padding: 20px; border: 1px solid #f3f4f3; border-bottom: 2px solid #98bb64; margin: 40px 0 20px 0; outline: 0; background-color: #fff; resize: none; }

#appointments-form-box form input[type="submit"] { width: 100%; padding: 10px 20px; border: 0; margin-bottom: 40px; outline: 0; background-color: rgba(152, 187, 100, 0.5); color: #fff; font-size: 1.3em; }

.profile-title { text-align: center; float: left; width: 100%; padding: 30px 0; }

.profile-title h2 { font-size: 2.1em; }

.profile-title p { font-size: 1.5em; }

.profile-box { padding: 50px 250px; }

@media screen and (max-width: 1200px) { .profile-box { padding: 20px; } }

.profile-box h3 { margin-bottom: 40px; font-size: 2.1em; }

.profile-box #profile-details p { font-size: 1.3em; line-height: 40px; }

.profile-box #profile-form-box form input:not(:first-child) { margin-top: 40px; }

.profile-box #profile-form-box form input[type="password"] { width: 100%; padding: 20px; height: 50px; border: 1px solid #f3f4f3; border-bottom: 2px solid #98bb64; outline: 0; background-color: #fff; }

.profile-box #profile-form-box form input[type="submit"] { width: 100%; padding: 10px 20px; border: 0; margin-bottom: 40px; outline: 0; background-color: rgba(152, 187, 100, 0.5); color: #fff; font-size: 1.3em; }

/*------------------------- Demo page -------------------------*/
.filemanager-wrapper { position: fixed; top: 0; left: 0; bottom: 0; right: 0; overflow-y: scroll; background-color: #203b3a; padding-top: 50px; z-index: 1; /*------------------------- Simple reset --------------------------*/ /*------------------------- File manager -------------------------*/ /*------------------------- Breadcrumps -------------------------*/ /*------------------------- Search box -------------------------*/ /*------------------------- Content area -------------------------*/ /* Chrome, Safari, Opera */ /* Standard syntax */ /*------------------------- Icons -------------------------*/ }

@media screen and (max-width: 1200px) { .filemanager-wrapper { padding-bottom: 80px; } }

.filemanager-wrapper * { margin: 0; padding: 0; }

.filemanager-wrapper .filemanager { width: 95%; max-width: 1340px; position: relative; margin: 100px auto 50px; }

.filemanager-wrapper .filemanager .breadcrumbs { color: #ffffff; margin-left: 20px; font-size: 24px; font-weight: 700; line-height: 35px; }

.filemanager-wrapper .filemanager .breadcrumbs a:link { color: #ffffff; text-decoration: none; }

@media all and (max-width: 965px) { .filemanager-wrapper .filemanager { margin: 30px auto 0; padding: 1px; } }

.filemanager-wrapper .breadcrumbs a:visited { color: #ffffff; text-decoration: none; }

.filemanager-wrapper .filemanager .breadcrumbs a:hover { text-decoration: underline; }

.filemanager-wrapper .filemanager .breadcrumbs .breadcrumb-separator { color: #6a6a72; font-size: 24px; font-weight: 700; line-height: 20px; }

.filemanager-wrapper .filemanager .search { position: absolute; padding-right: 30px; width: 400px; cursor: pointer; right: 0; font-size: 17px; color: #ffffff; display: block; }

@media screen and (max-width: 1200px) { .filemanager-wrapper .filemanager .search { width: 100%; padding: 0 20px; top: 40px; } }

.filemanager-wrapper .filemanager .search .search-icon { float: left; width: 10%; color: rgba(255, 255, 255, 0.2); padding-top: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); height: 44px; }

.filemanager-wrapper .filemanager .search input[type=search] { float: left; background-color: transparent; width: 90%; height: 44px; padding: 0 20px; font-size: 16px; line-height: 20px; outline: none; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

.filemanager-wrapper ::-webkit-input-placeholder { /* WebKit browsers */ color: #4d535e; }

.filemanager-wrapper :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #4d535e; opacity: 1; }

.filemanager-wrapper ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #4d535e; opacity: 1; }

.filemanager-wrapper :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #4d535e; }

.filemanager-wrapper .filemanager .data { margin-top: 60px; z-index: -3; }

.filemanager-wrapper .filemanager .data.animated { -webkit-animation: showSlowlyElement 700ms; /* Chrome, Safari, Opera */ animation: showSlowlyElement 700ms; /* Standard syntax */ }

.filemanager-wrapper .filemanager .data li { border-radius: 3px; background-color: #325c5b; width: 307px; height: 118px; list-style-type: none; margin: 10px; display: inline-block; position: relative; overflow: hidden; padding: 0.3em; z-index: 1; cursor: pointer; box-sizing: border-box; transition: 0.3s background-color; }

.filemanager-wrapper .filemanager .data li:hover { background-color: #244141; }

.filemanager-wrapper .filemanager .data li a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.filemanager-wrapper .filemanager .data li .name { color: #ffffff; font-size: 15px; font-weight: 700; line-height: 20px; width: 150px; white-space: nowrap; display: inline-block; position: absolute; overflow: hidden; text-overflow: ellipsis; top: 40px; }

.filemanager-wrapper .filemanager .data li .details { color: #b6c1c9; font-size: 13px; font-weight: 400; width: 55px; height: 10px; top: 64px; white-space: nowrap; position: absolute; display: inline-block; }

.filemanager-wrapper .filemanager .nothingfound { background-color: #274848; width: 100%; height: 300px; border-radius: 4px; display: flex; align-items: center; justify-content: center; }

.filemanager-wrapper .filemanager .nothingfound h2 { font-size: 1.8em; font-weight: 400; color: #325c5b; }

.filemanager-wrapper .filemanager .loader { width: 120px; height: 120px; background-color: #203b3a; border-radius: 4px; display: flex; align-items: center; justify-content: center; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: -ms-translate(-50%, -50%); transform: translate(-50%, -50%); }

.filemanager-wrapper .filemanager .loader .cssload-loader { margin: 0 auto; }

.filemanager-wrapper .filemanager .loader .loader-text { float: left; color: #b6c1c9; width: 100%; text-align: center; margin-top: 20px; }

@media all and (max-width: 965px) { .filemanager-wrapper .filemanager .data li { width: 100%; margin: 5px 0; } }

@-webkit-keyframes showSlowlyElement { 100% { transform: scale(1);
    opacity: 1; }
  0% { transform: scale(1.2);
    opacity: 0; } }

@keyframes showSlowlyElement { 100% { transform: scale(1);
    opacity: 1; }
  0% { transform: scale(1.2);
    opacity: 0; } }

.filemanager-wrapper .icon { font-size: 23px; }

.filemanager-wrapper .icon.folder { display: inline-block; margin: 1em; background-color: transparent; overflow: hidden; }

.filemanager-wrapper .icon.folder:before { content: ''; float: left; background-color: #7ba1ad; width: 1.5em; height: 0.45em; margin-left: 0.07em; margin-bottom: -0.07em; border-top-left-radius: 0.1em; border-top-right-radius: 0.1em; box-shadow: 1.25em 0.25em 0 0em #7ba1ad; }

.filemanager-wrapper .icon.folder:after { content: ''; float: left; clear: left; background-color: #a0d4e4; width: 3em; height: 2.25em; border-radius: 0.1em; }

.filemanager-wrapper .icon.folder.full:before { height: 0.55em; }

.filemanager-wrapper .icon.folder.full:after { height: 2.15em; box-shadow: 0 -0.12em 0 0 #ffffff; }

.filemanager-wrapper .icon.file { width: 2.5em; height: 3em; line-height: 3em; text-align: center; border-radius: 0.25em; color: #FFF; display: inline-block; margin: 0.9em 1.2em 0.8em 1.3em; position: relative; overflow: hidden; box-shadow: 1.74em -2.1em 0 0 #A4A7AC inset; }

.filemanager-wrapper .icon.file:first-line { font-size: 13px; font-weight: 700; }

.filemanager-wrapper .icon.file:after { content: ''; position: absolute; z-index: -1; border-width: 0; border-bottom: 2.6em solid #DADDE1; border-right: 2.22em solid rgba(0, 0, 0, 0); top: -34.5px; right: -4px; }

.filemanager-wrapper .icon.file.f-avi, .filemanager-wrapper .icon.file.f-flv, .filemanager-wrapper .icon.file.f-mkv, .filemanager-wrapper .icon.file.f-mov, .filemanager-wrapper .icon.file.f-mpeg, .filemanager-wrapper .icon.file.f-mpg, .filemanager-wrapper .icon.file.f-mp4, .filemanager-wrapper .icon.file.f-m4v, .filemanager-wrapper .icon.file.f-wmv { box-shadow: 1.74em -2.1em 0 0 #7e70ee inset; }

.filemanager-wrapper .icon.file.f-avi:after, .filemanager-wrapper .icon.file.f-flv:after, .filemanager-wrapper .icon.file.f-mkv:after, .filemanager-wrapper .icon.file.f-mov:after, .filemanager-wrapper .icon.file.f-mpeg:after, .filemanager-wrapper .icon.file.f-mpg:after, .filemanager-wrapper .icon.file.f-mp4:after, .filemanager-wrapper .icon.file.f-m4v:after, .filemanager-wrapper .icon.file.f-wmv:after { border-bottom-color: #5649c1; }

.filemanager-wrapper .icon.file.f-mp2, .filemanager-wrapper .icon.file.f-mp3, .filemanager-wrapper .icon.file.f-m3u, .filemanager-wrapper .icon.file.f-wma, .filemanager-wrapper .icon.file.f-xls, .filemanager-wrapper .icon.file.f-xlsx { box-shadow: 1.74em -2.1em 0 0 #5bab6e inset; }

.filemanager-wrapper .icon.file.f-mp2:after, .filemanager-wrapper .icon.file.f-mp3:after, .filemanager-wrapper .icon.file.f-m3u:after, .filemanager-wrapper .icon.file.f-wma:after, .filemanager-wrapper .icon.file.f-xls:after, .filemanager-wrapper .icon.file.f-xlsx:after { border-bottom-color: #448353; }

.filemanager-wrapper .icon.file.f-doc, .filemanager-wrapper .icon.file.f-docx, .filemanager-wrapper .icon.file.f-psd { box-shadow: 1.74em -2.1em 0 0 #03689b inset; }

.filemanager-wrapper .icon.file.f-doc:after, .filemanager-wrapper .icon.file.f-docx:after, .filemanager-wrapper .icon.file.f-psd:after { border-bottom-color: #2980b9; }

.filemanager-wrapper .icon.file.f-gif, .filemanager-wrapper .icon.file.f-jpg, .filemanager-wrapper .icon.file.f-jpeg, .filemanager-wrapper .icon.file.f-pdf, .filemanager-wrapper .icon.file.f-png { box-shadow: 1.74em -2.1em 0 0 #e15955 inset; }

.filemanager-wrapper .icon.file.f-gif:after, .filemanager-wrapper .icon.file.f-jpg:after, .filemanager-wrapper .icon.file.f-jpeg:after, .filemanager-wrapper .icon.file.f-pdf:after, .filemanager-wrapper .icon.file.f-png:after { border-bottom-color: #c6393f; }

.filemanager-wrapper .icon.file.f-deb, .filemanager-wrapper .icon.file.f-dmg, .filemanager-wrapper .icon.file.f-gz, .filemanager-wrapper .icon.file.f-rar, .filemanager-wrapper .icon.file.f-zip, .filemanager-wrapper .icon.file.f-7z { box-shadow: 1.74em -2.1em 0 0 #867c75 inset; }

.filemanager-wrapper .icon.file.f-deb:after, .filemanager-wrapper .icon.file.f-dmg:after, .filemanager-wrapper .icon.file.f-gz:after, .filemanager-wrapper .icon.file.f-rar:after, .filemanager-wrapper .icon.file.f-zip:after, .filemanager-wrapper .icon.file.f-7z:after { border-bottom-color: #685f58; }

.filemanager-wrapper .icon.file.f-html, .filemanager-wrapper .icon.file.f-rtf, .filemanager-wrapper .icon.file.f-xml, .filemanager-wrapper .icon.file.f-xhtml { box-shadow: 1.74em -2.1em 0 0 #a94bb7 inset; }

.filemanager-wrapper .icon.file.f-html:after, .filemanager-wrapper .icon.file.f-rtf:after, .filemanager-wrapper .icon.file.f-xml:after, .filemanager-wrapper .icon.file.f-xhtml:after { border-bottom-color: #d65de8; }

.filemanager-wrapper .icon.file.f-js { box-shadow: 1.74em -2.1em 0 0 #d0c54d inset; }

.filemanager-wrapper .icon.file.f-js:after { border-bottom-color: #a69f4e; }

.filemanager-wrapper .icon.file.f-css, .filemanager-wrapper .icon.file.f-saas, .filemanager-wrapper .icon.file.f-scss { box-shadow: 1.74em -2.1em 0 0 #44afa6 inset; }

.filemanager-wrapper .icon.file.f-css:after, .filemanager-wrapper .icon.file.f-saas:after, .filemanager-wrapper .icon.file.f-scss:after { border-bottom-color: #30837c; }

@media (max-width: 1024px) { .filemanager-wrapper #bsaHolder, .filemanager-wrapper footer { display: none; } }

.privacy-modal { width: 90%; max-width: 900px; background-color: #fff; border-radius: 4px; padding: 30px 50px; z-index: 2; position: fixed; top: 100px; bottom: 100px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: -ms-translateX(-50%); transform: translateX(-50%); overflow-y: scroll; }

.privacy-modal .privacy-button-box { float: left; height: 50px; width: 100%; margin-top: 30px; background-color: #98bb64; color: #fff; font-size: 1.3em; text-align: center; cursor: pointer; line-height: 50px; }

.legal-information { padding: 50px 250px; }

.legal-information h1 { font-size: 2em; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 2px solid #74b3b2; }

.legal-information a { color: #98bb64; font-weight: 500; }

/* Styling */
* { box-sizing: border-box; }

*:before, *:after { box-sizing: border-box; }

html, body { height: 100%; position: relative; background-color: #fff; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; }

#main-wrapper { min-height: 100vh; overflow: hidden; display: block; position: relative; padding-bottom: 200px; }

#app { margin-top: 80px; }

@media screen and (max-width: 1200px) { #app { padding-bottom: 80px; } }

a, a:hover, a:focus, a:active { color: inherit; text-decoration: none; }

::-webkit-input-placeholder { color: #aaaaaa; font-size: 1em; font-weight: 300; }

:-moz-placeholder { color: #aaaaaa; font-size: 1em; font-weight: 300; }

::-moz-placeholder { color: #aaaaaa; font-size: 1em; font-weight: 300; }

:-ms-input-placeholder { color: #aaaaaa; font-size: 1em; font-weight: 300; }

/* Checkbox and radio buttons*/
.control { position: relative; display: block; margin-bottom: 15px; padding-left: 30px; cursor: pointer; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; color: #ddd; margin-top: 20px; margin-right: 5px; float: right; }

.control input { position: absolute; z-index: -1; opacity: 0; }

.control__indicator { position: absolute; top: 2px; left: 0; width: 20px; height: 20px; background: #e6e6e6; }

.control--radio .control__indicator { border-radius: 50%; }

/* Hover and focus states */
.control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator { background: #ccc; }

/* Checked state */
.control input:checked ~ .control__indicator { background: #98bb64; }

/* Hover state whilst checked */
.control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator { background: #98bb64; }

/* Disabled state */
.control input:disabled ~ .control__indicator { pointer-events: none; opacity: .6; background: #828282; }

/* Check mark */
.control__indicator:after { position: absolute; display: none; content: ''; }

/* Show check mark */
.control input:checked ~ .control__indicator:after { display: block; }

/* Checkbox tick */
.control--checkbox .control__indicator:after { top: 3px; left: 8px; width: 5px; height: 10px; transform: rotate(45deg); border: solid #fff; border-width: 0 2px 2px 0; }

/* Disabled tick colour */
.control--checkbox input:disabled ~ .control__indicator:after { border-color: #7b7b7b; }

/* Radio button inner circle */
.control--radio .control__indicator:after { top: 7px; left: 7px; width: 6px; height: 6px; border-radius: 50%; background: #fff; }

/* Disabled circle colour */
.control--radio input:disabled ~ .control__indicator:after { background: #7b7b7b; }