/* 
	Table of Contents

	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	         Mobile -----------------------------------
	     03. Fonts ------------------------------------
	     04. Helpers ----------------------------------
	         Image Frame ------------------------------
	         Image Frame Medium -----------------------
	         Hidden -----------------------------------
	         Disabled ---------------------------------
	         Grid -------------------------------------
	         Appearing --------------------------------
	     05. Cookies ----------------------------------
	     06. Delete Image -----------------------------
	     07. Online -----------------------------------
	     08. Content ----------------------------------
	     09. Footer -----------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     10. Header -----------------------------------
	         Header Wrapper ---------------------------
	         Header -----------------------------------
	         Mobile -----------------------------------
	     11. Main -------------------------------------
	     12. Shell ------------------------------------
	         Shell ------------------------------------
	         Mobile -----------------------------------
	         Shell Small ------------------------------
	     13. Sidebar ----------------------------------
	     14. Wrapper ----------------------------------
	     15. Accordion --------------------------------
	     16. Admin ------------------------------------
	     17. Album ------------------------------------
	         Desktop ----------------------------------
	         Tablet Portrait --------------------------
	         Mobile Portrait --------------------------
	     18. Article ----------------------------------
	     19. Bar --------------------------------------
	         Bar Upgraded -----------------------------
	     20. Button -----------------------------------
	         Button -----------------------------------
	         Button Blue ------------------------------
	         Button Green -----------------------------
	         Button Red -------------------------------
	         Button Alt -------------------------------
	         Button Block -----------------------------
	         Button Medium ----------------------------
	         Button Small -----------------------------
	         Button Menu ------------------------------
	         Button Top -------------------------------
	         Button Report ----------------------------
	     21. Callout ----------------------------------
	         Callout ----------------------------------
	         Mobile Portrait --------------------------
	         Callout Small ----------------------------
	     22. Counter ----------------------------------
	     23. Form Elements ----------------------------
	         Main -------------------------------------
	         Alternative ------------------------------
	         Field ------------------------------------
	         Field Alt --------------------------------
	         Select -----------------------------------
	         Select Alt -------------------------------
	         Textarea ---------------------------------
	         Checkbox ---------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	         Checkbox Small ---------------------------
	         Upload -----------------------------------
	         File -------------------------------------
	     24. Form -------------------------------------
	         Form Main --------------------------------
	         Form Search ------------------------------
	         Mobile -----------------------------------
	         Form Small -------------------------------
	         Form Datepicker --------------------------
	     25. Gallery ----------------------------------
	         Small Desktop ----------------------------
	         Mobile -----------------------------------
	         Mobile Portrait --------------------------
	     26. Intro ------------------------------------
	         Intro Reverse ----------------------------
	     27. Link -------------------------------------
	     28. List -------------------------------------
	         List -------------------------------------
	         List Links -------------------------------
	         List Gallery -----------------------------
	         Mobile Portrait --------------------------
	         List Checkboxes --------------------------
	         Mobile -----------------------------------
	         Mobile Portrait --------------------------
	         List Checkboxes Small --------------------
	         List Services ----------------------------
	         List Checks ------------------------------
	         List Messages ----------------------------
	         List Steps -------------------------------
	     29. Logo -------------------------------------
	     30. Message ----------------------------------
	         Message ----------------------------------
	         Message Blue -----------------------------
	     31. Nav --------------------------------------
	         Nav --------------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	         Nav Access -------------------------------
	     32. Pagination -------------------------------
	     33. Plan -------------------------------------
	         Plan -------------------------------------
	         Mobile -----------------------------------
	         Plan Blue --------------------------------
	     34. Popup ------------------------------------
	         Popup ------------------------------------
	         Popup Small ------------------------------
	     35. Profile ----------------------------------
	         Profile ----------------------------------
	         Profile Small ----------------------------
	         Profile Medium ---------------------------
	     36. Section ----------------------------------
	         Section ----------------------------------
	         Mobile -----------------------------------
	         Section Grey -----------------------------
	         Section Blue -----------------------------
	         Section Pink -----------------------------
	         Section Faqs -----------------------------
	         Mobile -----------------------------------
	     37. Section Center ---------------------------
	     38. Slider -----------------------------------
	         Slider -----------------------------------
	         Slider Small -----------------------------
	         Large Desktop ----------------------------
	     39. Socials ----------------------------------
	     40. Table ------------------------------------
	         Table ------------------------------------
	         Table Small ------------------------------
	         Table Sides ------------------------------
	         Table Messages ---------------------------
	     41. Tooltip ----------------------------------
 */

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main { display: block; }

html { tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img,
iframe,
video,
audio,
object { max-width: 100%; }

img,
iframe { border: 0 none; }

img { height: auto; display: inline-block; vertical-align: middle; }

b,
strong { font-weight: bold; }

address { font-style: normal; }

svg:not(:root) { overflow: hidden; }

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

button,
select { text-transform: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

nav ul,
nav ol { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { font: 400 16px/1.4 'Raleway', sans-serif; letter-spacing: .01em; color: #000; background: #fff; min-width: 320px; }

a { color: inherit; }

h2,
h3,
h4,
h5,
h6 { line-height: 1.2; }

h1 { font-size: 40px; line-height: 1.2; }
h2 { font-weight: 600; font-size: 35px; }
h3 { font-size: 24px; }
h4 { font-weight: 500; font-size: 20px; }
h5 { font-weight: 600; font-size: 18px; }
h6 { font-size: 16px; }

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }

/* Mobile */
@media (max-width: 767px) {
	body { font-size: 14px; }

	h1 { font-size: 30px; }
	h2 { font-size: 26px; }
	h3 { font-size: 22px; }
	h4 { font-size: 18px; }
	h5 { font-size: 16px; }
	h6 { font-size: 14px; }
}

.upgraded ~ * .profile .profile__image img.blurred,
.upgraded ~ * .profile-small .profile__image,
.upgraded ~ * .profile-medium .profile__image,
.upgraded ~ * .list-gallery a { filter: blur(0px) !important; }

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */


/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Image Frame  */
.image-frame { border: 1px solid #000; max-width: 250px; margin-bottom: 15px; }

.image-frame img { width: 100%; height: auto; }

/*  Image Frame Medium  */
.image-frame--medium { max-width: 400px; margin-right: auto; margin-left: auto; }

/*  Hidden  */
[hidden],
.hidden { display: none; }

/*  Disabled  */
[disabled],
.disabled { cursor: default; }

/*  Grid  */
.cols { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px; }

.col { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; padding: 10px; }
.col--1of2 { width: 50%; }
.col--1of3 { width: 33.33333%; }
.col--2of3 { width: 66.66667%; }
.col--1of4 { width: 25%; }
.col--1of6 { width: 16.66667%; }
.col--1of7 { width: 14.28571%; }

@media (max-width: 1023px) {
	.col--1of4 { width: 50%; }
	.col--1of6 { width: 25%; }
}
@media (max-width: 767px) {
	.col--1of2,
	.col--2of3,
	.col--1of4 { width: 100%; }

	.col--1of3,
	.col--1of6 { width: 50%; }
}
@media (max-width: 479px) {
	.col--1of3 { width: 100%; }
}

/* Appearing */
@media (max-width: 479px) {
	.mbp--off { display: none !important; }
}

/* ------------------------------------------------------------ *\
	Cookies
\* ------------------------------------------------------------ */

.cookies { background: #ccedff; width: 100%; padding: 20px 0; position: fixed; bottom: 0; left: 0; z-index: 9999; }

.cookies .shell { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; }
.cookies .btn { -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 30px; }

@media (max-width: 479px) {
	.cookies { padding: 15px 0; }

	.cookies .shell,
	.cookies .btn { display: block; }

	.cookies .btn { margin: 20px 0 0; }
}

/* ------------------------------------------------------------ *\
	Delete Image
\* ------------------------------------------------------------ */

.delete-image { display: inline-block; font-size: 30px; line-height: 32px; text-decoration: none; text-align: center; color: #a00; text-shadow: 0 0 5px #fff; background: #fff; border: 1px solid #000; width: 35px; height: 35px; transition: color .3s, background .3s; }
.delete-image:hover { color: #fff; background: #000; }

/* ------------------------------------------------------------ *\
	Online
\* ------------------------------------------------------------ */

.online { display: inline-block; background: #a00; box-shadow: 0 0 20px #fff; border: 1px solid rgba(255, 255, 255, .4); border-radius: 50%; width: 15px; height: 15px; }

.online.yes { background: #0a0; }

/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

.content {}

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { color: #fff; }

.footer p a,
.footer ul a { transition: color .3s; }

.footer p a:hover,
.footer p a:focus,
.footer ul a:hover,
.footer ul a:focus { color: #ccedff; }

.footer h4 { color: #ccedff; margin-bottom: 30px; }
.footer p { margin-bottom: 20px; }
.footer p + h4 { margin-top: 30px; }
.footer p:last-child { margin-bottom: 0; }
.footer p a { text-decoration: none; }

.footer .footer__content { background: #446577; padding: 50px 0; }
.footer .footer__bar { text-align: center; background: #000; padding: 20px 0; }

.footer .cols { margin: 0 -30px; }
.footer .col { padding: 0 30px; }
.footer .logo { display: block; width: 120px; height: 120px; position: relative; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); }

/* Tablet Portrait */
@media (max-width: 1023px) {
	.footer p br { display: none; }

	.footer .cols { margin: -15px -10px; }
	.footer .col { padding: 15px 10px; }
}
/* Mobile */
@media (max-width: 767px) {
	.footer h4 { margin-bottom: 20px; }
	.footer p { margin-bottom: 15px; }

	.footer .footer__content { padding: 40px 0; }
	.footer .footer__bar { padding: 40px 0 15px; }

	.footer .logo { width: 100px; height: 100px; margin: 0 auto; top: 0; -ms-transform: none; transform: none; }
}

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

/* Header Wrapper */
.header-wrapper { width: 100%; position: absolute; top: 0; left: 0; z-index: 35; }

/* Header */
.header { background: rgba(204, 237, 255, .9); color: #000; background: rgba(204, 237, 255, .9); }

.header .header__content { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 5; }

.header .nav { -ms-transform: translateX(25px); transform: translateX(25px); }
.header .logo { position: absolute; top: 50%; left: 0; z-index: 5; -ms-transform: translateY(-50%); transform: translateY(-50%); }

/* Mobile */
@media (max-width: 767px) {
	.header { position: relative; z-index: 5; }

	.header .header__content { height: 55px; position: static; }

	.header .nav { background: #ccedff; width: 100%; position: absolute; top: 100%; left: 0; -ms-transform: translateX(0); transform: translateX(0); visibility: hidden; opacity: 0; transition: visibility .3s, opacity .3s; }
	.header .nav.open { visibility: visible; opacity: 1; }
	.header .logo { left: 15px; }
}

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

.main { color: #000; background: #fff; }

.main > *:last-child { margin-bottom: 0; }

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

/* Shell */
.shell { max-width: 1500px; padding-left: 30px; padding-right: 30px; margin: auto; }

/* Mobile */
@media (max-width: 767px) {
	.shell { padding-right: 15px; padding-left: 15px; }
}

/* Shell Small */
.shell--small { max-width: 880px; }

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

.sidebar {}

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { min-height: 100vh; padding-top: 38px; }

/* ------------------------------------------------------------ *\
	Accordion
\* ------------------------------------------------------------ */

.accordion { }

/* ------------------------------------------------------------ *\
	Admin
\* ------------------------------------------------------------ */

.admin h3 { text-align: center; margin-bottom: 20px; }

.admin .admin__head { text-align: center; margin-bottom: 50px; }
.admin .admin__head h2 { margin-bottom: 15px; }
.admin .admin__actions { text-align: right; }

.admin .admin__search,
.admin .admin__details,
.admin .admin__blocked,
.admin .admin__faq { box-shadow: 0 0 30px rgba(0, 0, 0, .2); border-radius: 3px; padding: 15px; margin-bottom: 40px; }

.admin .admin__details ul { list-style: none; margin-bottom: 30px; }
.admin .admin__details li + li { margin-top: 15px; }
.admin .admin__details p { margin-bottom: 3px; }

.admin .admin__blocked h4 { margin-bottom: 7px; }
.admin .admin__blocked p { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; border-radius: 15px; padding: 3px 3px 3px 11px; margin-bottom: 0; transition: background .3s; }
.admin .admin__blocked p:hover { background: rgba(0, 0, 0, .1); }
.admin .admin__blocked p a { text-decoration: none; }

.admin .admin__panel { border: 1px solid rgba(0, 0, 0, .2); border-radius: 15px; padding: 9px 10px; margin-bottom: 30px; }
.admin .admin__panel:last-child { margin-bottom: 0; }

.admin .admin__profile { display: block; text-decoration: none; max-width: 300px; margin: 30px auto 0; }
.admin .admin__profile img { box-shadow: 0 0 15px rgba(0, 0, 0, .2); }

@media (max-width: 479px) {
	.admin .btn--small { font-size: 10px; padding: 8px 9px 7px; }

	.admin .admin__actions .btn { min-width: 100px; }
}

/* ------------------------------------------------------------ *\
	Album
\* ------------------------------------------------------------ */

.album { border-bottom: 1px solid #aacbdd; padding-bottom: 15px; }

.album .album__title { font-weight: 600; color: #668799; margin-bottom: 5px; }
.album .album__images { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-items: flex-start; margin: -10px; }
.album .album__images a { -ms-flex: 0 0 auto; flex: 0 0 auto; text-decoration: none; width: 25%; padding: 10px; }
.album .album__images a span { display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; padding-top: 100%; }
.album .album__images-admin ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: -10px; }
.album .album__images-admin li { width: 33.33333%; padding: 10px; position: relative; z-index: 5; }
.album .album__images-admin span { display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; padding-top: 66.67%; }
.album .album__images-admin a { text-decoration: none; }
.album .album__images-admin a:first-child { display: block; }
.album .album__images-admin .delete-image { position: absolute; top: 0; right: 0; z-index: 5; }

/* Desktop */
@media (max-width: 1439px) {
	.album .album__images a,
	.album .album__images-admin li { width: 50%; }
}
/* Tablet Portrait */
@media (max-width: 1023px) {
	.album .album__images a,
	.album .album__images-admin li { width: 33.33333%; }
}
/* Mobile Portrait */
@media (max-width: 479px) {
	.album .album__images a,
	.album .album__images-admin li { width: 50%; }
}

/* ------------------------------------------------------------ *\
	Article
\* ------------------------------------------------------------ */

.article h3 { margin-bottom: 20px; }
.article ul { list-style-position: inside; margin-bottom: 30px; }

/* ------------------------------------------------------------ *\
	Bar
\* ------------------------------------------------------------ */

.bar { font-size: 14px; color: #fff; background: #232323; padding: 8px 0 9px; }

.bar a { text-decoration: none; transition: color .3s; }

.bar a:hover,
.bar a:focus { color: #feccff; }

.bar i { font-size: 18px; vertical-align: middle; margin-right: 3px; position: relative; top: -1px; }

.bar .bar__content { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; }

@media (max-width: 479px) {
	.bar { font-size: 12px; padding: 9px 0 10px; }

	.bar i { font-size: 15px; }
}

/* Bar Upgraded */
.bar--upgraded { position: relative; z-index: 5; }
.bar--upgraded:before { content: 'upgraded'; font-weight: 800; font-size: 30px; line-height: 1; letter-spacing: 0.05em; text-transform: uppercase; color: #feccff; position: absolute; top: 50%; left: 50%; z-index: -1; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); pointer-events: none; opacity: .2; }

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

/* Button */
.btn { display: inline-block; font-weight: 600; font-size: 16px; line-height: 1.2; letter-spacing: .01em; text-transform: uppercase; text-decoration: none; text-align: center; vertical-align: middle; color: #764466; text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5); background: #dcaacc; border: 0; border-radius: 18px; min-width: 130px; padding: 9px 15px; cursor: pointer; transition: color .3s, text-shadow .3s, background .3s; 
	-webkit-appearance: none; 
	   -moz-appearance: none; 
	        appearance: none; 
}

.btn:hover,
.btn:focus { color: #feccff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); background: #986688; }

@media (max-width: 767px) {
	.btn { font-size: 14px; min-width: 120px; padding: 7px 13px; }
}

/* Button Blue */
.btn--blue { color: #446577; background: #aacbdd; }

.btn--blue:hover,
.btn--blue:focus { color: #ccedff; background: #668799; }

/* Button Green */
.btn--green { color: #0a0; background: #9d9; }

.btn--green:hover,
.btn--green:focus { color: #9d9; background: #0a0; }

/* Button Red */
.btn--red { color: #a00; background: #d99; }

.btn--red:hover,
.btn--red:focus { color: #d99; background: #a00; }

/* Button Alt */
.btn--alt { border-radius: 3px; }

/* Button Block */
.btn--block { display: block; width: 100%; }

/* Button Medium */
.btn--medium { font-size: 18px; padding: 11px 15px; }

/* Button Small */
.btn--small { font-size: 12px; min-width: 0; padding: 6px 11px; }

/* Button Menu */
.btn-menu { display: none; width: 28px; height: 28px; position: relative; z-index: 20; }

.btn-menu span,
.btn-menu span:before,
.btn-menu span:after { background: #000; width: 100%; height: 3px; position: absolute; left: 0; }

.btn-menu span:before,
.btn-menu span:after { content: ''; transition: transform .5s; }

.btn-menu span { top: 4px; transition: background .5s; }
.btn-menu span:before { top: 8px; }
.btn-menu span:after { top: 16px; }

.btn-menu.active span:before,
.btn-menu.active span:after { top: 8px; }

.btn-menu.active span { background: transparent; }
.btn-menu.active span:before { -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.btn-menu.active span:after { -ms-transform: rotate(45deg); transform: rotate(45deg); }

@media (max-width: 767px) {
	.btn-menu { display: inline-block; }
}

/* Button Top */
.btn-top { background: #446577; border: 2px solid rgba(0, 0, 0, .3); border-radius: 50%; width: 50px; height: 50px; position: fixed; bottom: 36px; right: 15px; z-index: 10; visibility: hidden; opacity: 0; transition: visibility .3s, opacity .3s; }
.btn-top.visible { visibility: visible; opacity: 1; }
.btn-top span { border-width: 3px 3px 0 0; border-style: solid; border-color: #fff; width: 14px; height: 14px; position: absolute; top: 19px; left: 16px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

@media (max-width: 767px) {
	.btn-top { bottom: 48px; }
}

/* Button Report */
.btn-report { display: block; font-size: 14px; text-decoration: none; color: #a00; padding: 5px; }

/* ------------------------------------------------------------ *\
	Callout
\* ------------------------------------------------------------ */

/* Callout */
.callout { text-align: center; padding: 50px 0; }

.callout h2 { margin-bottom: 30px; }
.callout h4 { margin-bottom: 35px; }
.callout p { margin-bottom: 20px; }

.callout .callout__actions { display: -ms-flexbox; display: flex; }
.callout .callout__actions .btn { width: 100%; }
.callout .callout__actions .btn + .btn { margin-left: 10px; }

.callout .list-checks { display: inline-block; text-align: left; margin-bottom: 50px; }

/* Mobile Portrait */
@media (max-width: 479px) {
	.callout .callout__actions { display: block; }
	.callout .callout__actions .btn + .btn { margin: 10px 0 0; }
}

/* Callout Small */
.callout-small { text-align: center; color: #000; background: #fff; padding: 30px 15px; margin-bottom: 50px; }

.callout-small h4 { font-weight: 400; }
.callout-small h4 a { font-weight: 600; text-decoration: none; color: #a00; border-bottom: 1px solid transparent; transition: border-color .3s; }

.callout-small h4 a:hover,
.callout-small h4 a:focus { border-bottom-color: #a00; }

/* ------------------------------------------------------------ *\
	Counter
\* ------------------------------------------------------------ */

.counter { display: inline-block; font-size: 14px; color: #feccff; text-shadow: 0 0 5px #fff; background: #000; padding: 3px 11px 7px; margin: 5px auto; }

.counter strong { font-size: 18px; color: #fff; }

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

input[disabled] { opacity: .3; cursor: no-drop; }
input:-ms-input-placeholder { color: inherit; opacity: 1; }
input::placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }

input {
	-webkit-appearance: none; 
	   -moz-appearance: none; 
	        appearance: none; 
}
input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

select { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
select::-ms-expand { display: none; }

/* Main */
.field,
.select select,
.textarea { font-weight: 500; font-size: 12px; background: #aacbdd; box-shadow: inset -1px 2px 2px rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, .3); color: #000; border-radius: 17px; width: 100%; 
	-webkit-appearance: none; 
	   -moz-appearance: none; 
	        appearance: none; 
}

.field,
.select select { height: 35px; }

/* Alternative */
.field-alt,
.select-alt select,
.textarea-alt { color: #000; background: #fff; border: 1px solid rgba(0, 0, 0, .3); border-radius: 3px; width: 100%; height: 30px; 
	-webkit-appearance: none; 
	   -moz-appearance: none; 
	        appearance: none; 
}

/* Field */
.field { padding: 0 15px; }

/* Field Alt */
.field-alt { padding: 0 7px; }

/* Select */
.select,
.select-alt { position: relative; z-index: 5; }

.select:after,
.select-alt:after { content: ''; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; }

.select:after { border-top: 7px solid #446577; border-left: 6px solid transparent; border-right: 6px solid transparent; right: 15px; }

.select select { padding: 0 40px 0 15px; }

.select.cols:after { display: none; }

.select.cols select { padding-right: 15px; }

/* Select Alt */
.select-alt:after { border-top: 5px solid #000; border-left: 5px solid transparent; border-right: 5px solid transparent; right: 8px; }

.select-alt select { padding: 0 25px 0 7px; }

/* Textarea */
.textarea,
.textarea-alt { resize: none; }

.textarea { height: 130px; padding: 10px 15px; }

.textarea-alt { height: 100px; padding: 5px 7px; }

/* Checkbox */
.checkbox { display: -ms-flexbox; display: flex; font-weight: 600; }

.checkbox input[type="checkbox"] { display: none; }
.checkbox input[type="checkbox"]:checked + label:before { content: '\f004'; }
.checkbox label { display: block; padding: 3px 15px 3px 30px; position: relative; z-index: 5; }
.checkbox label:before { content: ''; font: 400 12px/20px 'FontAwesome'; text-indent: 1px; text-align: center; color: #764466; background: #feccff; border-radius: 3px; width: 20px; height: 20px; position: absolute; top: 4px; left: 0; }

/* Tablet Portrait */
@media (max-width: 1023px) {
	.checkbox .checkbox__main { width: 300px; }
	.checkbox .checkbox__aside { width: 100%; }
}
/* Mobile */
@media (max-width: 767px) {
	.checkbox { display: block; }

	.checkbox .checkbox__main { width: 100%; padding-bottom: 5px; }
}

/* Checkbox Small */
.checkbox--small { font-size: 13px; }

.checkbox--small label { padding: 0 5px 0 27px; }
.checkbox--small label:before { font: 400 10px/18px 'FontAwesome'; width: 18px; height: 18px; top: 0; }

/* Upload */
.upload input { display: none; }

.upload .fa { display: none; }

.upload.has--value { color: #0a0; background: #9d9; }
.upload.has--value .fa { display: inline-block; }

/* File */
.file { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; overflow: hidden; }

.file input { display: none; }
.file span { display: block; -ms-flex: 0 0 auto; flex: 0 0 auto; text-overflow: ellipsis; white-space: nowrap; width: 100%; overflow: hidden; }

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

/* Form Main */
.form--main h4 { margin-bottom: 15px; }

.form--main .form__head { text-align: center; }
.form--main .form__row + .form__row { margin-top: 30px; }
.form--main .form__label { display: block; font-weight: 500; font-size: 14px; padding-left: 13px; margin-bottom: 3px; }
.form--main .form__label small { font-weight: 600; font-size: 11px; color: #a00; margin-left: 5px; }
.form--main .form__controls { margin-bottom: 20px; }
.form--main .form__controls:last-child { margin-bottom: 0; }
.form--main .form__body { margin-bottom: 40px; }
.form--main .form__actions .btn + .btn { margin-left: 7px; }
.form--main .form__actions--right { text-align: right; padding-top: 15px; }
.form--main .form__asterisk { display: inline-block; font-weight: 800; font-size: 18px; line-height: .7; vertical-align: middle; color: #a00; }
.form--main .form__hint { display: block; font-weight: 500; color: #a00; padding-top: 3px; }
.form--main .form__success { font-weight: 600; text-align: center; color: #fff; background: #0a0; padding: 7px 15px; }
.form--main .form__error { font-weight: 500; color: #fff; background: #a00; border-radius: 2px; padding: 5px 15px; }
.form--main .form__count { display: block; font-size: 14px; text-align: right; padding: 3px 0; }
.form--main .form__help { text-align: center; }
.form--main .form__help a { text-decoration: none; color: #668799; }

.form--main .form__help a:hover,
.form--main .form__help a:focus { text-decoration: underline; }

.form--main .has--error label { color: #a00; }

.form--main .has--error .field,
.form--main .has--error .select select,
.form--main .has--error .textarea { background: rgba(170, 0, 0, .3); }

/* Form Search */
.form--search { background: #668799; padding: 15px; }

.form--search .form__body { margin-bottom: 20px; }
.form--search .form__body:last-child { margin-bottom: 0; }
.form--search .form__actions { text-align: right; }
.form--search .form__actions .btn + .btn { margin-left: 7px; }
.form--search .form__label { display: block; font-weight: 500; font-size: 13px; line-height: 1; padding: 0 10px 3px; }

/* Mobile */
@media (max-width: 767px) {
	.form--search .form__actions { text-align: center; }
}

/* Form Small */
.form--small { margin-bottom: 10px; }

.form--small .form__label { display: block; font-size: 14px; padding: 0 5px 5px; }
.form--small .form__actions { text-align: right; }

.form--small .field-alt,
.form--small .select-alt { margin-bottom: 10px; }

/* Form Datepicker */
.form--datepicker { position: relative; z-index: 15; }

/* ------------------------------------------------------------ *\
	Gallery
\* ------------------------------------------------------------ */

.gallery .gallery__controls { margin-bottom: 15px; }
.gallery .gallery__controls .btn ~ .btn { margin-left: 7px; }
.gallery .gallery__images { display: -ms-flexbox; display: flex; align-images: flex-start; margin: 0 -15px; }
.gallery .gallery__images > * { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; padding: 0 15px; }
.gallery .gallery__main img { display: block; width: 100%; height: auto; }

.gallery .gallery__album { margin-bottom: 30px; position: relative; z-index: 5; }
.gallery .gallery__album:last-child { margin-bottom: 0; }
.gallery .gallery__album h4 { margin-bottom: 15px; }
.gallery .gallery__album ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-items: flex-start; list-style: none; margin: -5px -5px 20px; }
.gallery .gallery__album ul li { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; padding: 5px; position: relative; z-index: 5; }
.gallery .gallery__album ul .gallery__delete { display: none; top: 0; right: 8px; }
.gallery .gallery__album ul img { display: none; }
.gallery .gallery__album ul .has--image img { display: block; }
.gallery .gallery__album ul .has--image .upload { display: none; }
.gallery .gallery__album ul .has--image .gallery__delete { display: inline-block; }
.gallery .gallery__album .upload { display: block; border: 2px dashed #668799; border-radius: 5px; width: 100%; min-height: 70px; padding: 3px 5px; }
.gallery .gallery__album .upload span { display: block; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; padding-top: 19px; overflow: hidden; }

.gallery .gallery__delete { font-size: 26px; text-decoration: none; color: #a00; text-shadow: 0 0 5px #fff; position: absolute; top: -4px; right: 0; z-index: 5; transition: color .3s; }

.gallery .gallery__delete:hover,
.gallery .gallery__delete:focus { color: #000; }

.gallery .gallery_new a { display: block; font-size: 14px; text-decoration: none; padding: 4px 20px 4px 0; position: relative; z-index: 5; }
.gallery .gallery_new a + a { margin-top: 3px; }
.gallery .gallery_new a span { color: #a00; position: absolute; top: 5px; right: 0; }

/* Small Desktop */
@media (max-width: 1200px) {
	.gallery .gallery__album ul li { width: 25%; }
}
/* Mobile */
@media (max-width: 767px) {
	.gallery .gallery__images { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; }
	.gallery .gallery__images > * { width: 100%; padding: 0; }
	.gallery .gallery__main { margin-bottom: 30px; }
}
/* Mobile Portrait */
@media (max-width: 479px) {
	.gallery .gallery__controls .btn { width: 100%; }
	.gallery .gallery__controls .btn + .btn { margin: 9px 0 0; }
	.gallery .gallery__album ul li { width: 33.33333%; }
}

/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */

.intro { color: #fff; background-position: center center; background-repeat: no-repeat; background-size: cover; padding-top: 150px; position: relative; z-index: 5; overflow: hidden; }
.intro:before { content: ''; background: #000; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; opacity: .3; pointer-events: none; }

.intro h1 { text-align: center; margin-bottom: 70px; }
.intro h1 s { display: block; text-decoration: none; }
.intro h1 s span { display: inline-block; color: #ccedff; padding: 0 30px; position: relative; z-index: 5; }
.intro h1 s span:before { right: 100%; }
.intro h1 s span:after { left: 100%; }

.intro h1 s span:before,
.intro h1 s span:after { content: ''; background: #ccedff; width: 50px; height: 3px; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); }

.intro .intro__image { width: auto; max-height: 700px; position: absolute; bottom: 0; left: 30px; opacity: .9; }
.intro .intro__content { width: 50%; float: right; }
.intro .intro__form { position: relative; z-index: 5; margin-bottom: 70px; }
.intro .intro__form:before { content: ''; background: rgba(255, 255, 255, 0.3); width: calc(100% + 30px); height: calc(100% + 30px); position: absolute; top: 50%; left: 50%; z-index: -1; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.intro .shell { position: relative; z-index: 5; }
.intro .shell:after { content: ''; display: table; line-height: 0; clear: both; }
.intro .slider--small { margin: 0 -100px; }

@media (max-width: 1200px) {
	.intro .intro__content { width: 70%; }
}
@media (max-width: 1023px) {
	.intro .intro__image { display: none; }

	.intro .intro__content,
	.intro .shell > .cols > .col--1of2 { width: 100%; }
}
@media (max-width: 767px) {
	.intro { padding-top: 120px; }

	.intro .intro__form .cols .cols .col--1of2 { width: 50%; }
}

/* Intro Reverse */
.intro--reverse .intro__content { float: left; }

/* ------------------------------------------------------------ *\
	Link
\* ------------------------------------------------------------ */

.link { display: inline-block; text-decoration: none; color: #0a0; }

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

/* List */
[class^="list-"] { list-style: none outside none; }

/* List Links */
.list-links li + li { margin-top: 20px; }
.list-links a { text-decoration: none; }

/* List Gallery */
.list-gallery { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px; }

.list-gallery li { width: 33.33333%; padding: 10px; }
.list-gallery span { display: block; overflow: hidden; }
.list-gallery a { display: block; text-decoration: none; background-position: center center; background-repeat: no-repeat; background-size: cover; padding-top: 100%; filter: blur(5px); }
.list-gallery a.unblurred { filter: blur(0px); }

/* Mobile Portrait */
@media (max-width: 479px) {
	.list-gallery li { width: 50%; }
}

/* List Checkboxes */
.list-checkboxes { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px; }

.list-checkboxes li { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; padding: 10px; }

/* Mobile */
@media (max-width: 767px) {
	.list-checkboxes li { width: 50%; }
}
/* Mobile Portrait */
@media (max-width: 479px) {
	.list-checkboxes li { width: 100%; }
}

/* List Checkboxes Small */
.list-checkboxes--small { margin: -5px; }

.list-checkboxes--small li { padding: 5px; }

/* List Services */
.list-services { margin-bottom: 20px; }

.list-services li { display: inline-block; margin: 0 2px 7px 0; }

/* List Checks */
.list-checks { margin-bottom: 30px; }

.list-checks li + li { margin-top: 5px; }
.list-checks i { color: #0a0; margin-right: 3px; }

/* List Messages */
.list-messages li + li { margin-top: 15px; }
.list-messages a { display: block; text-decoration: none; background: #ccedff; padding: 15px 50px 15px 15px; position: relative; z-index: 5; overflow: hidden; }
.list-messages a:after { content: ''; background: #000; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; pointer-events: none; opacity: 0; transition: opacity .3s; }

.list-messages a:hover:after,
.list-messages a:focus:after { opacity: .3; }

.list-messages a h6 { font-weight: 600; margin-bottom: 5px; }
.list-messages a h6 strong { color: #446577; }
.list-messages a span { font-weight: 500; font-size: 14px; text-align: center; color: #fff; background: #a00; width: 150px; padding: 7px 15px; position: absolute; top: 13px; right: -50px; -ms-transform: rotate(45deg); transform: rotate(45deg); }
.list-messages a p { white-space: nowrap; text-overflow: ellipsis; margin-bottom: 10px; overflow: hidden; }
.list-messages a small { font-size: 12px; }
.list-messages a small em { font-weight: 600; }
.list-messages a ins { font-weight: 500; font-size: 14px; text-decoration: none; color: #fff; background: #000; padding: 1px 15px; position: absolute; top: 0; left: 0; }
.list-messages a ins ~ h6 { margin-top: 15px; }
.list-messages a i { font-size: 25px; line-height: 1; vertical-align: middle; margin-left: 15px; }

.list-messages img { width: auto; height: 100%; position: absolute; top: 0; right: 0; z-index: -1; }
.list-messages.user_deleted { width: auto; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background:#a00}

.list-messages .unread a { background: #feccff; }
.list-messages .unread a h6 strong { color: #764466; }

/* List Steps */
.list-steps { font-size: 14px; margin-bottom: 30px; counter-reset: nums; }

.list-steps li { counter-increment: nums; }
.list-steps li + li { margin-top: 5px; }
.list-steps li:before { font-weight: 600; margin-right: 7px; content: counter(nums)'.'; }
.list-steps strong { letter-spacing: 0.03em; }

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo { display: inline-block; font-size: 0; line-height: 0; text-indent: -4000px; background: url(../css/images/favicon.png) left center no-repeat; background-size: auto 100%; width: 78px; height: 78px; opacity: .5; border: 2px solid #000; border-radius: 50%; }

@media (max-width: 767px) {
	.logo { height: 51px; width: 51px; }
}

/* ------------------------------------------------------------ *\
	Message
\* ------------------------------------------------------------ */

/* Message */
.message { background: #feccff; padding: 15px; }
.message + .message { margin-top: 15px; }

.message h3 { margin-bottom: 30px; position: relative; z-index: 5; }
.message h3 a { transition: color .3s; }
.message h3 span { background-position: center center; background-repeat: no-repeat; background-size: cover; width: 60px; height: 70px; position: absolute; top: 0; right: 0; z-index: -1; }

.message h3 a:hover,
.message h3 a:focus { color: #0a0; }

.message h3 small { font-weight: 400; font-size: 14px; }
.message h6 { font-weight: 600; color: #446577; margin-bottom: 5px; }
.message a { text-decoration: none; }

.message .message__entry { font-size: 18px; line-height: 1.6; letter-spacing: 0.02em; color: #fff; background: #232323; padding: 15px; margin: 20px 0 40px; }
.message .message__image { margin-bottom: 30px; }
.message .message__image img { display: block; width: 100%; }
.message .message__footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; }

@media (max-width: 1023px) {
	.message .message__entry { font-size: 16px; }
}
@media (max-width: 767px) {
	.message h3 { margin-bottom: 20px; }

	.message .message__entry { font-size: 14px; line-height: 1.4; margin: 10px 0 15px; }
}

/* Message Blue */
.message--blue { background: #ccedff; }

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

/* Nav */
.nav { font-weight: 600; font-size: 18px; line-height: 1; }

.nav li { display: inline-block; vertical-align: middle; }
.nav a { border-width: 2px 0; border-style: solid; border-color: transparent; padding: 30px 25px; position: relative; z-index: 5; transition: color .3s, background .3s; }
.nav a:after { content: ''; display: none; border-bottom: 9px solid #668799; border-left: 9px solid transparent; border-right: 9px solid transparent; position: absolute; bottom: 0; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); }
.nav .current a { border-color: #668799; }
.nav .current a:after { display: block; }

.nav a:hover,
.nav .current a { background: #aacbdd; }

.nav a,
.nav-access a { display: block; text-decoration: none; }

/* Tablet Portrait */
@media (max-width: 1023px) {
	.nav a { padding: 25px 20px; }
}
/* Mobile */
@media (max-width: 767px) {
	.nav { padding: 20px 0; }

	.nav li { display: block; }
	.nav li + li { margin-top: 7px; }
	.nav a { padding: 10px 15px; }
	.nav a:after { border: 0; border-left: 10px solid #668799; border-bottom: 10px solid transparent; border-top: 10px solid transparent; left: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); }
}

/* Nav Access */
.nav-access li { display: inline-block; vertical-align: middle; }
.nav-access li + li { margin-left: 15px; }
.nav-access i { font-size: 18px; vertical-align: middle; margin-right: 3px; position: relative; top: -1px; }
.nav-access a { position: relative; z-index: 5; }

.nav-access .new-messages { font-weight: 600; font-size: 10px; line-height: 20px; text-align: center; color: #fff; background: #a00; border-radius: 50%; width: 20px; height: 20px; position: absolute; top: 3px; right: 0; -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); }

@media (max-width: 479px) {
	.nav-access li + li { margin-left: 7px; }
	.nav-access i { font-size: 15px; margin-right: 0; }

	.nav-access .new-messages { font-size: 8px; line-height: 16px; width: 18px; height: 18px; top: 3px; right: 0; }
}

/* ------------------------------------------------------------ *\
	Pagination
\* ------------------------------------------------------------ */

.pagination { padding: 30px 0 25px; }

.pagination,
.pagination ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.pagination ul li,
.pagination .pagination__nav { margin-bottom: 5px; }

.pagination ul { list-style: none; }
.pagination ul li { margin-right: 5px; }
.pagination input[type="radio"] { display: none; }
.pagination label { display: inline-block; line-height: 33px; text-align: center; border: 1px solid #668799; width: 35px; height: 35px; transition: background .3s; }

.pagination label:hover,
.pagination input:checked + label { background: #fff; }

.pagination .pagination__nav:first-child { margin-right: 6px; }

/* ------------------------------------------------------------ *\
	Plan
\* ------------------------------------------------------------ */

/* Plan */
.plan { text-align: center; background: #feccff; border-radius: 3px; padding: 30px 30px 110px; position: relative; z-index: 5; }

.plan ul { font-weight: 500; font-size: 14px; list-style: none; }
.plan ul li + li { margin-top: 15px; }

.plan .plan__title { margin-bottom: 30px; }
.plan .plan__actions { width: 100%; padding: 0 30px 30px; position: absolute; left: 0; bottom: 0; }

/* Mobile */
@media (max-width: 767px) {
	.plan { padding: 15px 15px 90px; }

	.plan ul { font-size: 12px; }
	.plan ul li { padding-left: 25px; }
	.plan ul i { font-size: 16px; top: 0; }

	.plan .plan__title { margin-bottom: 25px; }
	.plan .plan__actions { padding: 0 15px 15px; }
}

/* Plan Blue */
.plan--blue { background: #ccedff; }

/* ------------------------------------------------------------ *\
	Popup
\* ------------------------------------------------------------ */

/* Popup */
.popup { text-align: center; background: #fff; max-width: 1024px; padding: 15px; margin: 0 auto; }

.popup h3 { margin-bottom: 20px; }
.popup h3 span { color: #0a0; }
.popup p { margin-bottom: 15px; }

.popup h3:last-child,
.popup p:last-child { margin-bottom: 0; }

.popup .popup__actions { padding-top: 15px; }
.popup .popup__actions .btn + .btn { margin-left: 9px; }

/* Popup Small */
.popup--small { max-width: 500px; }

/* ------------------------------------------------------------ *\
	Profile
\* ------------------------------------------------------------ */

/* Profile */
.profile .profile__body { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; }

.profile .profile__image,
.profile .profile__images,
.profile .profile__content { -ms-flex: 0 0 auto; flex: 0 0 auto; }

.profile .profile__body { margin: 0 -10px; }
.profile .profile__body > * { width: 33.33333%; padding: 0 10px; }
.profile .profile__image { position: relative; z-index: 5; }
.profile .profile__image img { display: block; width: 100%; }
.profile .profile__image figcaption { padding-top: 15px; }
.profile .profile__image figcaption .btn { border-radius: 0; }
.profile .profile__image figcaption .btn + .btn { margin-top: 15px; }
.profile .profile__image .delete-image { position: absolute; top: -10px; right: 0; z-index: 10; }
.profile .profile__content { position: relative; z-index: 5; }
.profile .profile__content h4 { margin-bottom: 15px; }
.profile .profile__content .counter { position: absolute; top: -20px; right: -3px; }
.profile .profile__entry { background: rgba(255, 255, 255, .3); padding: 30px; }

.profile .profile__image img.blurred,
.profile-small .profile__image,
.profile-medium .profile__image { filter: blur(5px); }

.profile .profile__image img.unblurred,
.profile-small .profile__image.unblurred,
.profile-medium .profile__image.unblurred { filter: blur(0px);}

@media (max-width: 1439px) {
	.profile .profile__image { width: 30%; }
	.profile .profile__images { width: 25%; }
	.profile .profile__content { width: 45%; }
}
@media (max-width: 1023px) {
	.profile .profile__body { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; }

	.profile .profile__image,
	.profile .profile__content { -ms-flex-order: -1; order: -1; width: 50%; margin-bottom: 30px; }

	.profile .profile__images { width: 100%; padding: 0; }
}
@media (max-width: 767px) {
	.profile .profile__body { -ms-flex-pack: center; justify-content: center; }
	.profile .profile__image { width: 320px; }
	.profile .profile__content { width: 100%; }
	.profile .profile__entry { padding: 15px; }
}
@media (max-width: 479px) {
	.profile .profile__image { width: calc(100% - 20px); padding: 0; }
}

/* Profile Small */
.profile-small { display: block; text-decoration: none; background: #dcaacc; padding: 10px; position: relative; z-index: 5; transition: background .3s; }

.profile-small,
.profile-medium { overflow: hidden; }

.profile-small:hover,
.profile-small:focus { background: #fff; }

.profile-small:hover .profile__badge,
.profile-small:focus .profile__badge { background: #aacbdd; }

.profile-small h5 { font-size: 14px; }

.profile-small,
.profile-small .profile__badge { color: #000; }

.profile-small .profile__image { background-position: center center; background-repeat: no-repeat; background-size: cover; padding-top: 120%; margin-bottom: 7px; }
.profile-small .profile__title { width: calc(100% - 60px); }
.profile-small .profile__title span { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.profile-small .profile__badge { font-weight: 600; font-size: 12px; line-height: 1.2; text-transform: lowercase; text-align: center; background: #ccedff; border-radius: 50%; width: 60px; height: 60px; padding: 9px 7px 0; position: absolute; bottom: 0; right: 0; transition: background .3s; }
.profile-small .profile__badge span { display: block; }

.profile-small .online,
.profile-medium .online { position: absolute; top: 5px; right: 5px; z-index: 10; }

/* Profile Medium */
.profile-medium { display: block; text-decoration: none; position: relative; z-index: 5; }

.profile-medium .profile__badge,
.profile-medium .profile__likes { font-weight: 600; letter-spacing: 0.01em; text-shadow: 0 0 3px rgba(0, 0, 0, .4); position: absolute; z-index: 10; }

.profile-medium .profile__badge:after,
.profile-medium .profile__likes:before { content: ''; position: absolute; top: 0; z-index: 5; }

.profile-medium .profile__badge { color: #fff; background: #aaa; padding: 3px 6px 4px 11px; top: 0; left: 0; }
.profile-medium .profile__badge:after { border-left: 20px solid #aaa; border-bottom: 29px solid transparent; left: 100%; }
.profile-medium .profile__likes { color: #fac007; background: rgba(170, 0, 0, .7); padding: 3px 11px 4px 6px; bottom: 0; right: 0; }
.profile-medium .profile__likes:before { border-right: 20px solid rgba(170, 0, 0, .5); border-bottom: 29px solid transparent; right: 100%; }
.profile-medium .profile__image { background-position: center center; background-repeat: no-repeat; background-size: cover; padding-top: 120%; position: relative; z-index: 5; }
.profile-medium .profile__image:after { content: ''; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; visibility: hidden; opacity: 0; transition: visibility .3s, opacity .3s; }

.profile-medium:hover .profile__image:after,
.profile-medium:focus .profile__image:after { visibility: visible; opacity: 1; }

/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */

/* Section */
.section { padding: 70px 0; margin-bottom: 50px; }

.section h2 { text-align: center; margin-bottom: 50px; }
.section p { margin-bottom: 30px; }
.section p:last-child { margin-bottom: 0; }

.section .section__actions { text-align: center; }
.section .section__images { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; }
.section .section__images .frame-image { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 200px; }

.section .section__title { position: relative; z-index: 5; padding-bottom: 10px; }
.section .section__title:after { content: ''; background: #232323; width: 70px; height: 2px; position: absolute; bottom: 0; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); }

.section .section__entry h2 { font-weight: 400; margin-bottom: 60px; }
.section .section__entry h3 { font-weight: 600; margin-bottom: 15px; }
.section .section__entry h5 { margin-bottom: 5px; }
.section .section__entry p { margin-bottom: 20px; }
.section .section__entry p + h3 { margin-top: 50px; }

/* Mobile */
@media (max-width: 767px) {
	.section { padding: 40px 0; margin-bottom: 30px; }

	.section h2 { margin-bottom: 30px; }

	.section .section__images .frame-image { width: 130px; }
}

/* Section Grey */
.section--grey { background: #eaeae8; }

/* Section Blue */
.section--blue { background: #ccedff; margin-bottom: 0; }

/* Section Pink */
.section--pink { background: #feccff; margin-bottom: 0; }

/* Section Faqs */
.section-faqs { padding: 70px 0; }

.section-faqs h2 { font-weight: 400; }
.section-faqs h2 a { display: inline-block; text-decoration: none; border-bottom: 1px solid #000; }

.section-faqs .section__head { text-align: center; margin-bottom: 70px; }
.section-faqs .section__entry h4 { font-weight: 500; margin-bottom: 5px; }
.section-faqs .section__entry em { color: #a00; }
.section-faqs .section__entry p { padding-left: 70px; margin-bottom: 15px; }
.section-faqs .section__entry + .section__entry { border-top: 1px solid #ccedff; padding-top: 30px; margin-top: 30px; }

/* Mobile */
@media (max-width: 767px) {
	.section-faqs { padding: 40px 0; }

	.section-faqs .section__head { margin-bottom: 40px; }
	.section-faqs .section__entry p { padding-left: 30px; }
}

/* ------------------------------------------------------------ *\
	Section Center
\* ------------------------------------------------------------ */

.section--center { text-align: center; }

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

/* Slider */
.slider .slider__slides { list-style: none outside none; }

/* Slider Small */
.slider--small .slider__clip { padding: 15px 100px; position: relative; z-index: 5; overflow: hidden; }
.slider--small .slider__clip:before { content: ''; width: calc(100% - 170px); height: calc(100% + 30px); position: absolute; top: 50%; left: 50%; z-index: -1; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); pointer-events: none; opacity: .8; 
	background-color: #986688;
	      background: linear-gradient(to right, #986688, #feccff);
}

.slider--small .owl-carousel { position: static; }
.slider--small .owl-nav button.owl-prev { left: 20px; }
.slider--small .owl-nav button.owl-next { right: 20px; }

.slider--small .owl-nav button.owl-next,
.slider--small .owl-nav button.owl-prev { font-size: 30px; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: .8; transition: color .3s, opacity .3s; }

.slider--small .owl-nav button.owl-next.disabled,
.slider--small .owl-nav button.owl-prev.disabled { display: none; }

.slider--small .owl-nav button.owl-next:hover,
.slider--small .owl-nav button.owl-next:focus,
.slider--small .owl-nav button.owl-prev:hover, 
.slider--small .owl-nav button.owl-prev:focus { color: #feccff; opacity: 1; }

/* Large Desktop */
@media (max-width: 1700px) {
	.slider--small .owl-carousel { padding-top: 50px; }

	.slider--small .owl-nav button.owl-prev,
	.slider--small .owl-nav button.owl-next { top: 10px; right: auto; left: 50%; }

	.slider--small .owl-nav button.owl-prev { margin-left: -21px; -ms-transform: translateX(-30px); transform: translateX(-30px); }
	.slider--small .owl-nav button.owl-next { -ms-transform: translateX(30px); transform: translateX(30px); }
}

/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */

.socials ul { list-style: none; }
.socials li { display: inline-block; vertical-align: middle; }
.socials li + li { margin-left: 9px; }
.socials a { display: block; text-decoration: none; border: 3px solid rgba(255, 255, 255, .5); border-radius: 15px; width: 50px; overflow: hidden; transition: border-color .3s; }
.socials img { width: 100%; }

.socials a:hover,
.socials a:focus { border-color: #fff; }

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

/* Table */
.table { margin-bottom: 30px; }
.table:last-child { margin-bottom: 0; }

/* Table Small */
.table--small { text-align: left; }

.table--small th { color: #764466; border-bottom: 2px solid #986688; padding: 0 5px 3px 0; }
.table--small td { font-weight: 600; font-size: 14px; border-bottom: 1px solid #aacbdd; padding: 6px 5px 6px 0; }
.table--small td span { font-weight: 400; font-size: 12px; }

/* Table Sides */
.table--sides { font-size: 14px; text-align: left; }

.table--sides th,
.table--sides td { border-bottom: 1px solid #668799; padding: 7px 9px; }

.table--sides th { width: 110px; }
.table--sides td { text-align: right; }

/* Table Messages */
.table--messages { font-size: 14px; text-align: center; border: 1px solid #000; }

.table--messages table { table-layout: fixed; }
.table--messages th { color: #fff; background: #000; padding: 3px 5px; }
.table--messages td { background: #aacbdd; border-top: 1px solid #668799; padding: 5px; }
.table--messages td img { width: 100%; }

.table--messages tr.alt td { background: #ccedff; }
.table--messages th:first-child,
.table--messages td:first-child { text-align: left; }

.table--messages th:last-child,
.table--messages td:last-child { text-align: right; }

.table--messages small { font-size: 12px; }

/* ------------------------------------------------------------ *\
	Tooltip
\* ------------------------------------------------------------ */

.tooltip { display: inline-block; font-weight: 600; font-size: 14px; background: #000; position: relative; z-index: 5; }

.tooltip,
.tooltip span { color: #fff; border-radius: 14px; padding: 3px 9px; }

.tooltip span { background: #777; width: 150px; position: absolute; bottom: 50%; left: 50%; -ms-transform: translate(-50%, -7px); transform: translate(-50%, -7px); visibility: hidden; opacity: 0; pointer-events: none; transition: bottom .3s, visibility .3s, opacity .3s; }
.tooltip span:after { content: ''; border-top: 6px solid #777; border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; top: 100%; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); }
.tooltip ins { text-decoration: none; cursor: pointer; }
.tooltip:hover span { bottom: 100%; visibility: visible; opacity: 1; }