/* SPARKY DYNAMICALLY GENERATED CSS - DO NOT EDIT THIS FILE!
YOUR CHANGES WILL BE OVERWRITTEN AFTER NEXT SAVE OF TEMPLATE PARAMETERS!
You can add your custom CSS code in template options, under Custom tab or
you can edit file custom.css to add your CSS code. */

@import url('../../sparky_framework/css/icons/fontawesome.min.css');

@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/nuFRD-vYSZviVYUb_rj3ij__anPXDTnCjmHKM4nYO7KN_qiTbtbK-F2rA0s.ttf);
}
    
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/S6u9w4BMUTPHh7USew-FGC_p9dw.ttf);
}
    
* {
    box-sizing: border-box;
}

body {
    color:#1a1a1a;
    font-size:18px;
    line-height:1.6;
    font-family:'Lato', sans-serif;
    text-align:left;
    font-weight:300;
    font-style:normal;
}

input, textarea, button, select {
    font-family:'Lato', sans-serif;
}

.content_sparky li, dl, dd, dt {
    line-height:1.6;
}

.sparky_container::after {
    content:'';
    display:table;
    clear:both;
}

.clr {
    clear:both;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border:none;
}

.sparky_container {
    margin:0 auto;
    padding:0;
}

.sparky_container > .sparky_cell {
    float:left;
}


/* GRID SYSTEM */

.sparkle1 {
    width: 8.3333333333333%;
}

.sparkle2 {
    width: 16.666666666667%;
}

.sparkle3 {
    width: 25%;
}

.sparkle4 {
    width: 33.333333333333%;
}

.sparkle5 {
    width: 41.666666666667%;
}

.sparkle6 {
    width: 50%;
}

.sparkle7 {
    width: 58.333333333333%;
}

.sparkle8 {
    width: 66.666666666667%;
}

.sparkle9 {
    width: 75%;
}

.sparkle10 {
    width: 83.333333333333%;
}

.sparkle11 {
    width: 91.666666666667%;
}

.sparkle12 {
    width: 100%;
}

.full .sparky_container {
    width:100%;
}

/* ROW SETTINGS */


/* SCREEN < 768px AND < TEMPLATE WIDTH */

@media (max-width: 767px) {
    .sparky_container {
        width: 100%;
    }

    .sparky_container > [class*='sparkle'] {
        width: 100% !important;
    }

    .two [class*='sparkle'] {
        width: 50% !important;
    }

    .full .sparky_container {
        width:100%;
    }

    .full .sparky_container > .sparky_cell {
        margin: 0;
        padding: 0;
    }
}

/* SCREEN >= 768px AND < TEMPLATE WIDTH */

@media (min-width: 768px) {
    .sparky_container {
        width: 750px;
    }
}

/* SCREEN >= 992px AND < TEMPLATE WIDTH */

@media (min-width: 992px) {
    .sparky_container {
        width: 970px;
    }
}

/* SCREEN >= TEMPLATE WIDTH */

@media (min-width:1200px) {
    .sparky_container {
        width:1170px;
    }

    [class*='sparkle'] {
        margin-left: 0;
    }
}
.one .sparkle1 {
    width: 8.3333333333333% !important;
}
.one .sparkle2 {
    width: 16.666666666667% !important;
}
.one .sparkle3 {
    width: 25% !important;
}
.one .sparkle4 {
    width: 33.333333333333% !important;
}
.one .sparkle5 {
    width: 41.666666666667% !important;
}
.one .sparkle6 {
    width: 50% !important;
}
.one .sparkle7 {
    width: 58.333333333333% !important;
}
.one .sparkle8 {
    width: 66.666666666667% !important;
}
.one .sparkle9 {
    width: 75% !important;
}
.one .sparkle10 {
    width: 83.333333333333% !important;
}
.one .sparkle11 {
    width: 91.666666666667% !important;
}
.one .sparkle12 {
    width: 100% !important;
}
.fluid .sparky_container {
    width: 100%;
}
.sparky_container > .sparky_cell {
    padding:40px 15px;
}

/* FONTS AND TYPOGRAPHY */

h1, h1 a {
    padding:30px 0;
    margin:0;
    line-height:1.4;
    color:#1a1a1a;
    font-size:72px;
    font-family:'Playfair Display', serif;
    text-align:center;
    font-weight:400;
    font-style:italic;
}

h2, h2 a {
    padding:15px 0;
    margin:0;
    line-height:1.4;
    color:#1a1a1a;
    font-size:48px;
    font-family:'Playfair Display', serif;
    text-align:left;
    font-weight:400;
    font-style:italic;
}

h2.row_heading {
    padding-left:15px;
    padding-right:15px;
}

h3 {
    padding:15px 0;
    margin:0;
    color:#1a1a1a;
    font-size:32px;
    line-height:1.4;
    font-family:'Playfair Display', serif;
    text-align:left;
    font-weight:400;
    font-style:italic;
}

h3.row_subheading {
    padding-left:15px;
    padding-right:15px;
}

h4 {
    padding:15px 0;
    margin:0;
    color:#1a1a1a;
    font-size:16px;
    line-height:1.4;
    font-family:'Playfair Display', serif;
    text-align:left;
    font-weight:400;
    font-style:italic;
}

a {
    color:#b08d57;
    font-weight:600;
    font-style:normal;
    text-decoration:none;
}

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

p {
    margin: 0 0 15px;
}

button,
button.btn,
a.btn,
button.btn-primary,
p.readmore a,
a.readmore {
    display: inline-block;
    padding: 4px 12px;
    color: #333333;
    text-align: center;
    vertical-align: middle;
    background-color: #f5f5f5;
    background-image:none;
    border: 1px solid #cccccc;
    font-size:inherit;
    line-height:inherit;
    text-shadow:none;
    border-radius:0;
    box-shadow:none;
}

button:hover,
button.btn:hover,
button.btn-primary:hover,
button:active,
button.btn:active,
button.btn-primary:active,
button:focus,
button.btn:focus,
button.btn-primary:focus,
p.readmore a:hover,
p.readmore a:focus,
a.readmore:hover,
a.readmore:focus {
    color: #333333;
    text-decoration: none;
    background-color: #eeeeee;
    background-image:none;
}

p.readmore a.btn span {
    display:none;
}

/* blog layout */

.blog-items {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    clear:both;
}

.blog-items.columns-2 .blog-item {
    width:calc(50% - 7.5px);
}

.blog-items.columns-3 .blog-item {
    width:calc(33.33% - 7.5px);
}

.blog-items.columns-4 .blog-item {
    width:calc(25% - 7.5px);
}

.blog-items.columns-5 .blog-item {
    width:calc(20% - 7.5px);
}

.blog-items.columns-6 .blog-item {
    width:calc(16.66% - 7.5px);
}

@media (max-width: 767px) {

    .blog-items.columns-2 .blog-item,
    .blog-items.columns-3 .blog-item,
    .blog-items.columns-4 .blog-item,
    .blog-items.columns-5 .blog-item,
    .blog-items.columns-6 .blog-item {
        width:100%;
    }

}

.page-header {
    padding: 0;
    margin: 0;
    border: 0;
}

.pull-left.item-image, figure.left.item-image {
    margin-right:15px;
    float:left;
}

.pull-right.item-image, figure.right.item-image {
    margin-left:15px;
    float:right;
}

/* forms */

form {
    margin:0;
}

.form-inline {
    display:inline;
}

#login-form input {
    padding: 4px;
}

/* lists */

ul, ol {
    margin: 15px 45px;
    padding: 0;
}

div.item-page ol li, div.item-page ul li {
    margin: 0 0 10px 0;
    padding: 0;
}

div.icons ul.dropdown-menu li {
    margin: 0;
}


.fa, .fas, [class*=' icon-'], [class^=icon-] {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
}

ul.arrow, ul.arrowleft, ul.calendar, ul.checklist, ul.clock, ul.delete, ul.email, ul.file, ul.folder, ul.heart, ul.information, ul.lock, ul.pencil, ul.play, ul.rss, ul.person, ul.shop, ul.song, ul.star, ul.star2, ul.trash, ul.tweak, ul.unlock, ul.warn {
    margin: 15px 45px;
    padding: 0;
}

ul.arrow li, ul.arrowleft li, ul.calendar li, ul.checklist li, ul.clock li, ul.delete li, ul.email li, ul.file li, ul.folder li, ul.heart li, ul.information li, ul.lock li, ul.pencil li, ul.play li, ul.rss li, ul.person li, ul.shop li, ul.song li, ul.star li, ul.star2 li, ul.trash li, ul.tweak li, ul.unlock li, ul.warn li {
    list-style: none;
    padding: 0 15px;
}

ul.arrow li:before, ul.arrowleft li:before, ul.calendar li:before, ul.checklist li:before, ul.clock li:before, ul.delete li:before, ul.email li:before, ul.file li:before, ul.folder li:before, ul.heart li:before, ul.information li:before, ul.lock li:before, ul.pencil li:before, ul.play li:before, ul.rss li:before, ul.person li:before, ul.shop li:before, ul.song li:before, ul.star li:before, ul.star2 li:before, ul.trash li:before, ul.tweak li:before, ul.unlock li:before, ul.warn li:before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    padding: 0;
    margin: 0 -30px;
    position: absolute;
}

ul.arrow li:before {
    content: '\f061';
}

ul.arrowleft li:before {
    content: '\f060';
} 

ul.calendar li:before {
    content: '\f073';
}

ul.checklist li:before {
    content: '\f00c';
}

ul.clock li:before {
    content: '\f017';
}

ul.delete li:before {
    content: '\f00d';
}

ul.email li:before {
    content: '\f0e0';
}

ul.file li:before {
    content: '\f15b';
}

ul.folder li:before {
    content: '\f07b';
}

ul.heart li:before {
    content: '\f004';
}

ul.information li:before {
    content: '\f05a';
}

ul.lock li:before {
    content: '\f023';
}

ul.pencil li:before {
    content: '\f303';
}

ul.person li:before {
    content: '\f007';
}

ul.play li:before {
    content: '\f04b';
}

ul.rss li:before {
    content: '\f09e';
}

ul.shop li:before {
    content: '\f07a';
}

ul.song li:before {
    content: '\f001';
}

ul.star li:before {
    content: '\f005';
}

ul.star2 li:before {
    content: '\f006';
}

ul.trash li:before {
    content: '\f2ed';
}

ul.tweak li:before {
    content: '\f0ad';
}

ul.unlock li:before {
    content: '\f09c';
}

ul.warn li:before {
    content: '\f071';
}

/* font awesome icon sizes */

.fa-1 {
    font-size: 1em;
}

.fa-2 {
    font-size: 2em;
}

.fa-3 {
    font-size: 4em;
}

.fa-4 {
    font-size: 7em;
}

.fa-5 {
    font-size: 12em;
}

.fa-6 {
    font-size: 16em;
}

.fontawesome-icon-list {
    font-size: 10px;
}

.fontawesome-icon-list i {
    font-size: 16px;
}

.warning, .info, .error {
    padding:15px 30px;
    min-height: 50px;
}

.warning {
    color:#000;
    border: 1px solid #ffcc00;
    background:#ffff66;
}

.info {
    color:#006699;
    border: 1px solid #006699;
    background:#bde1ff;
}

.error {
    color:#900;
    border: 1px solid #900;
    background:#f8b5b5;
}

.warning:before, .info:before, .error:before {
    font-family: 'Font Awesome 6 Free';
    font-size: 32px;
    font-weight: 900;
    line-height:1;
    margin: 0 30px 0 0;
    float: left;
}

.warning:before {
    content: '\f071';
    color: #ffcc00;
}

.info:before {
    content: '\f05a';
    color:#006699;
}

.error:before {
    content: '\f057';
    color:#900;
}

.outline {
    background: transparent;
}

.warning.outline {
    color: #d5aa00;
}

.typewriter {
    background: url('../images/typewriter_bg.png');
    padding:20px 15px 20px 30px;
    color:#000;
    font-family:'Courier New', Courier, monospace;
    line-height:20px;
}

.quote {
    margin-left: auto;
    margin-right: auto;
    padding: 15px 15px 15px 15px;
    font-size: 24px;
    font-style: normal;
    line-height: 1.4;
    text-align: center;
    max-width: 600px;
}

.dropcap:first-letter {
    font-size: 300%;
    font-weight:bold;
    float:left;
    margin:0 10px 5px 0;
    line-height: 1;
}

.p_number:first-letter {
    display:block;
    float:left;
    font-family: monospace;
    font-size: 400%;
    line-height:1;
    font-weight:bold;
    text-align: center;
    margin:0 15px 15px 0;
    padding:5px 15px;
    position: relative;
    color: #fff;
    background: #ccc;
}

.inset_left {
    display:block;
    float:left;
    width: 150px;
    font-style: italic;
    margin: 15px 15px 15px 0;
}

.inset_right {
    display:block;
    float:right;
    width: 150px;
    font-style: italic;
    margin: 15px 0 15px 15px;
}

.inset_title {
    font-weight:bold;
    display:block;
}

img.img_left {
    float:left;
    margin:0 30px 30px 0;
}

img.img_right {
    float:right;
    margin:0 0 30px 30px;
}

blockquote {
    border-left: 3px solid #ccc;
    font-family: Georgia, serif;
    font-style: italic;
    margin: 15px;
    padding: 15px;
}

legend {
    display: block;
    padding: 15px;
    margin-bottom: 5px;
    background:#f5f5f5;
    border: 0;
    font-size:inherit;
    line-height:inherit;
}

code {
    display: block;
    padding: 1em;
    color:inherit;
    border:0;
}


.quote:before {
    display: block;
    text-align: center;
    font-family: 'Font Awesome 6 Free';
    content: '\f10d';
    font-size: 1.5em;
    font-style: normal;
    font-weight: 900;
    color: #ccc;
    float: none;
    margin-bottom: 15px;
}

.fontawesome-icon-list div {
    width: 25%;
    float: left;
    padding: 5px 0;
}

.fontawesome-icon-list i {
    width: 30px;
    color: #333;
}

@media(min-width:600px) {
    .two-cols {
        -moz-column-count:2;
        -webkit-column-count:2;
        column-count:2;
        -moz-column-gap:3em;
        -webkit-column-gap:3em;
        column-gap:3em;
    }

    .three-cols {
        -moz-column-count:3;
        -webkit-column-count:3;
        column-count:3;
        -moz-column-gap:3em;
        -webkit-column-gap:3em;
        column-gap:3em;
    }

    .four-cols {
        -moz-column-count:4;
        -webkit-column-count:4;
        column-count:4;
        -moz-column-gap:3em;
        -webkit-column-gap:3em;
        column-gap:3em;
    }

    .five-cols {
        -moz-column-count:5;
        -webkit-column-count:5;
        column-count:5;
        -moz-column-gap:2em;
        -webkit-column-gap:2em;
        column-gap:2em;
    }

    .six-cols {
        -moz-column-count:6;
        -webkit-column-count:6;
        column-count:6;
        -moz-column-gap:2em;
        -webkit-column-gap:2em;
        column-gap:2em;
    }
}

.abovecontent {
    padding: 0 0 30px 0;
}

.belowcontent {
    padding: 30px 0 0 0;
}


/* LOGO */

.sparky_logo {
    color:#1a1a1a;
    font-size:24px;
    font-family:'Playfair Display', serif;
    font-weight:400;
    font-style:italic;
    text-align:center;
    text-decoration:none;
}
.sparky_slogan {
    color:#1a1a1a;
    font-size:12px;
    font-family:'Playfair Display', serif;
    font-weight:400;
    font-style:italic;
    text-align:center;
    text-decoration:none;
}

.sparky_logo_link {
    display:block;
}


/* DROP-DOWN MENU */

ul.mnu_mainmenuleft {
    display:block;
    margin:0;
    padding:0;
    list-style-type:none;
    list-style-position:outside;
    position:absolute;
    z-index:100;
    white-space:nowrap;
    text-align:right;
    position:relative;
    font-family:'Playfair Display', serif;
}

.mnu_mainmenuleft ul {
    margin:0;
    list-style-type:none;
    list-style-position:outside;
    text-align:initial;
    position:absolute;
    z-index:100;
    width:160px;
    border:0px solid ;
    padding:12px;
}

.mnu_mainmenuleft > li > a, .mnu_mainmenuleft > li > span {
    display:block;
    margin:0;
    text-decoration:none;
    color:#b08d57;
    font-size:22px;
    padding:0 15px;
    font-weight:400;
    font-style:italic;
    height:30px;
    line-height:30px;
    cursor:pointer;
}

.mnu_mainmenuleft  > li.active > a, .mnu_mainmenuleft > li.active > span {
    color:#b08d57;
    cursor:pointer;
}

.mnu_mainmenuleft > li > a:hover, .mnu_mainmenuleft > li:hover > a, .mnu_mainmenuleft > li > a:hover, .mnu_mainmenuleft > li:hover > span {
    color:#8c8c8c;
}

.mnu_mainmenuleft > li {
    display:inline-block;
    position:relative;
    margin:0;
    padding:0;
    border-right:0px solid ;
    border-bottom:0px solid ;
    border-top:0px solid ;
}

.mnu_mainmenuleft > li.active {
}

.mnu_mainmenuleft > li:first-child {
    border-left:0px solid ;
}

.mnu_mainmenuleft li:hover {
    position:relative;
}

.mnu_mainmenuleft li ul li:hover {
}

.mnu_mainmenuleft li ul li {
    height:25px;
    border-bottom:0px solid ;
    padding:0 10px;
    margin: 0;
    
}

.mnu_mainmenuleft li ul a, .mnu_mainmenuleft li ul span {
    display: block;
    line-height:25px;
    font-size:20px;
    color:#b08d57;
    font-weight:400;
    font-family:'Playfair Display', serif;
    font-style:italic;
    padding-top:0;
    cursor:pointer;
}

.mnu_mainmenuleft li ul li:hover > a, .mnu_mainmenuleft li ul li:hover > span {
    color:#8c8c8c;
}

.mnu_mainmenuleft li ul ul {
    left: calc(160px - 12px);
    margin-top:-12px;
}

.mnu_mainmenuleft ul ul {
    top:0px;
}

.mnu_mainmenuleft .sub {
    font-size:10px;
    line-height:normal;
    display:block;
}

.mnu_mainmenuleft > li > ul {
    display: none;
}


/* DROP-DOWN MENU */

ul.mnu_mainmenuright {
    display:block;
    margin:0;
    padding:0;
    list-style-type:none;
    list-style-position:outside;
    position:absolute;
    z-index:100;
    white-space:nowrap;
    text-align:left;
    position:relative;
    font-family:'Playfair Display', serif;
}

.mnu_mainmenuright ul {
    margin:0;
    list-style-type:none;
    list-style-position:outside;
    text-align:initial;
    position:absolute;
    z-index:100;
    width:160px;
    border:0px solid ;
    padding:12px;
}

.mnu_mainmenuright > li > a, .mnu_mainmenuright > li > span {
    display:block;
    margin:0;
    text-decoration:none;
    color:#b08d57;
    font-size:20px;
    padding:0 15px;
    font-weight:400;
    font-style:italic;
    height:30px;
    line-height:30px;
    cursor:pointer;
}

.mnu_mainmenuright  > li.active > a, .mnu_mainmenuright > li.active > span {
    color:#b08d57;
    cursor:pointer;
}

.mnu_mainmenuright > li > a:hover, .mnu_mainmenuright > li:hover > a, .mnu_mainmenuright > li > a:hover, .mnu_mainmenuright > li:hover > span {
    color:#8c8c8c;
}

.mnu_mainmenuright > li {
    display:inline-block;
    position:relative;
    margin:0;
    padding:0;
    border-right:0px solid ;
    border-bottom:0px solid ;
    border-top:0px solid ;
}

.mnu_mainmenuright > li.active {
}

.mnu_mainmenuright > li:first-child {
    border-left:0px solid ;
}

.mnu_mainmenuright li:hover {
    position:relative;
}

.mnu_mainmenuright li ul li:hover {
}

.mnu_mainmenuright li ul li {
    height:25px;
    border-bottom:0px solid ;
    padding:0 10px;
    margin: 0;
    
}

.mnu_mainmenuright li ul a, .mnu_mainmenuright li ul span {
    display: block;
    line-height:25px;
    font-size:20px;
    color:#666666;
    font-weight:400;
    font-family:'Playfair Display', serif;
    font-style:italic;
    padding-top:0;
    cursor:pointer;
}

.mnu_mainmenuright li ul li:hover > a, .mnu_mainmenuright li ul li:hover > span {
    color:#8c8c8c;
}

.mnu_mainmenuright li ul ul {
    left: calc(160px - 12px);
    margin-top:-12px;
}

.mnu_mainmenuright ul ul {
    top:0px;
}

.mnu_mainmenuright .sub {
    font-size:10px;
    line-height:normal;
    display:block;
}

.mnu_mainmenuright > li > ul {
    display: none;
}

/* RESPONSIVE TOP MENU */

.js .nav-collapse {
    clip: rect(0 0 0 0);
    max-height: 0;
    position: absolute;
    display: block;
    zoom: 1;
}

.nav-collapse.opened {
    max-height: 9999px;
    position:absolute;
}

.nav-collapse.opened > ul {
    position: fixed;
    top: 0;
    left: 5%;
    width: 90%;
    height: auto;
    background:#444;
}

.nav-collapse.opened > ul ul {
    width: 100%;
    position: relative;
    left:0;
    padding:0;
    margin:0;
    background:#444;
    border:0;
}

.nav-collapse.opened > ul ul li {
    height:auto;
}

.nav-collapse.opened li {
    width: 100%;
    display: block;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
    text-align:initial;
}

.nav-collapse.opened li.active, .nav-collapse.opened li:hover {
    background-color:#333;
}

.nav-collapse.opened li.active a {
    color:#fff !important;
}

.nav-collapse.opened li a,
.nav-collapse.opened li span {
    padding:0 15px;
    margin:0;
    line-height:50px;
    height:50px;
    color:#fff !important;
}

.nav-collapse.opened li li a,
.nav-collapse.opened li li span {
    padding:0 30px;
    line-height:30px;
    height:30px;
}

.nav-toggle {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: url('../images/tinynav.png');
    background-size: 42px 84px;
    width: 42px;
    height: 42px;
    text-indent:-9999px;
    display:inline-block;
    float:right;
}

.nav-toggle.active {
    position: fixed;
    z-index: 999;
    right: 5%;
    top: 0;
    margin-top:5px;
    margin-right:15px;
    background-position: bottom;
}

#blocker {
    position:fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:9999;
}

@media screen and (min-width: 992px) {

    .js .nav-collapse {
        position: relative;
    }

    .js .nav-collapse.closed {
        max-height: none;
    }

    .nav-toggle {
        display: none;
    }

}

@media screen and (max-width: 991px) {

    .nav-collapse.closed {
        overflow:hidden;
    }

    .firstClick + ul {
        display: none !important;
    }

}
    
/* SCROLL TO TOP */

#back-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
}

#back-top span {
    width: 60px;
    height: 60px;
    display: block;
    margin-bottom: 7px;
    background: url('../images/HeartPaw.png') no-repeat center center;
    background-size: contain;
    cursor: pointer;
    transition: 1s;
}

/* IMAGE ANIMATION */

.img-with-animation {
    opacity: 0;
    position: relative;
}

.img-with-animation[data-animation='grow-in'] {
    opacity: 0;
    transform: scale(0.4);
    transition: opacity 0.6s cubic-bezier(0.15, 0.84, 0.35, 1.25);}

.img-with-animation[data-animation='fade-in-from-left'] {
    left: -40px;
}

.img-with-animation[data-animation='fade-in-from-right'] {
    right: -40px;
}

.img-with-animation[data-animation='fade-in-from-bottom'] {
    bottom: -100px;
}

.element-invisible {
    display:none !important;
}

/* forms */

.input-group {
    margin-bottom:15px;
}

.has-danger input {
    border-color:red;
}

.form-control-feedback {
    color:red;
    padding: 0 15px;
}

.control-group {
    margin-bottom:15px;
}

.input-prepend .add-on,
.input-prepend .btn,
a.jmodedit {
    box-sizing: content-box;
}

.nav-tabs.nav-stacked {
    margin:0;
}

a.modal.btn, a.btn.hasTooltip, a.btn.modal-button {
    font-size:13px;
}

.input-password-toggle .icon-eye::before {
    content: '\f06e';
}

.input-password-toggle .icon-eye-slash::before {
    content: '\f070';
}

.btn .icon-edit::before {
    content: '\f044';
}

/* front-end edit */

a.jmodedit.btn {
    position: relative;
    z-index: 9999;
    padding: 15px;
    margin: 0;
    line-height: 1;
    color: #fff;
    background: #333;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-decoration: none;
}

a.jmodedit.btn > span.icon-edit {
    color: #fff
}

a.jmodedit.btn:hover {
    padding: 15px;
    margin: 0;
    line-height: 1;
    color: #fff;
    background: #000;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-decoration: none;
}

.moduletable [role='tooltip'] {
    color: #333;
    background: #fff;
    font-weight: 400;
    line-height: 1.5;
}

form#modules-form {
    background: #fff;
    color: #333;
    padding: 15px;
}

form#modules-form legend {
    color: #fff;
    background: #333;
    border: 0;
    padding: 15px;
    margin-bottom: 15px;
    font-size: 18px;
}

[aria-describedby^='editarticle'] {
    padding: 15px;
    margin: 0;
    line-height: 1;
    color: #fff;
    background: #333;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-decoration: none;
    position: absolute;
    z-index: 9999;
    left: 15px;
}

[aria-describedby^='editarticle']:hover {
    color: #fff;
    background: #333;
}

[aria-describedby^='editarticle'] [role='tooltip'] {
    color: #333;
    background: #fff;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 15px;
    margin-left: -15px;
}

.edit.item-page button span {
    margin:0 5px;
}

#jform_publish_up_img, #jform_publish_down_img {
    padding:7px 12px 6px;
}

#jformposition_chzn ul.chzn-results li:nth-child(1),
#jformposition_chzn ul.chzn-results li:nth-child(2),
#jformposition_chzn ul.chzn-results li:nth-child(3) {
    display:none;
} 

/* article info */

dl.article-info {
    display:inline-block;
    width:auto;
    margin:0 0 10px;
    padding:4px 3px 3px;
    font-size:13px;
}

dl.article-info dt.article-info-term {
    display:none;
}

dl.article-info dd {
    display:inline-block;
    padding:0 5px;
    margin:0;
    border-right:1px solid #ccc;
}

dl.article-info dd:first-of-type {
    padding:0 5px 0 0;
}

dl.article-info dd:last-child {
    border:0;
}

/* print/email drop-down */

.items-leading .icons,
.items-row .icons {
    float:right;
    width:15%;
}

.dropdown-menu li a span {
    padding:0 10px;
    background-image:none !important;
}

.dropdown-menu li a span:before {
    margin-left:-10px;
}

/* pagination */

.icon-angle-left:before {
    content: '\f104';
}

.icon-angle-double-left:before {
    content: '\f100';
}

.icon-angle-right:before {
    content: '\f105';
}

.icon-angle-double-right:before {
    content: '\f101';
}

/* pager */

.pager li > a, .pager li > span {
    background: transparent;
    border: 1px solid #121212;
    border-radius: 0;
    color: #121212;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 25px;
    text-transform: uppercase;
}

/* tags */

ul.tags.list-inline, .mod-tagspopular ul {
    margin:0;
    padding:15px 0;
    list-style:none;
}

ul.tags.list-inline li, .mod-tagspopular ul li {
    display:inline-block;
    border:1px solid #ccc;
    padding:0;
    border-radius:4px;
    line-height:13px;
}

ul.tags.list-inline li:hover, .mod-tagspopular ul li:hover {
    background:#f5f5f5;
}

ul.tags.list-inline li a.btn, .mod-tagspopular ul li a {
    display:inline-block;
    background:none;
    border:none;
    text-shadow:none;
    color:#999;
    padding:5px;
    margin:0;
    font-size:13px;
    line-height:13px;
}

ul.tags.list-inline li a.btn:hover, .mod-tagspopular ul li a:hover {
    color:#666 !important;
}

/* rating */

.content_rating {
    display: inline-block;
    margin-inline-end: 15px;
}

.content_vote {
    display: inline-block;
    margin-bottom: 15px;
}

.content_rating ul {
    margin: 0 0 15px;
}

.content_vote select {
    display: inline-block;
    height: 30px;
}

.content_vote input.btn {
    height: 30px;
    line-height: 30px;
    padding-top: 0;
    padding-bottom: 0;
}

/* blog */

.items-more ol.nav {
    margin:0;
}

.items-more ol.nav li a {
    border:0;
    padding:5px 0;
}

.items-more ol.nav li a:hover,
.items-more ol.nav li a:focus {
    background:none;
}

/* category */

ul.category {
    margin:0;
    padding:0;
    list-style:none;
}

ul.category li {
    padding:10px 0;
}

ul.category li .list-title {
    font-size:18px;
}

/* contact form */


/* search form */

ol.com-finder__results-list,
ol.com-finder__results-list ul.result__taxonomy {
    margin: 0;
}

.com-finder__explained {
    padding-bottom: 30px;
}

/* user */

.registration legend,
.profile-edit legend {
    border:0;
    font-size:18px;
}

ul.mod-login__options {
    margin-left:0;
    margin-right:0;
}

/* breadcrumbs */

ol.mod-breadcrumbs {
    margin: 0;
}

/* faq */

.accordion-header {
    padding: 0;
}


/* Custom user code */

html {
    position: relative;
    min-height: 100%;
}

body {
	height: 100%;
}

h1 {
	line-height: 1.1;
}


blockquote {
	font-size: 1.5em;
}

button, button.btn, a.btn, button.btn-primary, p.readmore a, a.readmore, input.button, .btn-primary, .btn-warning {
	background: #e6e6e6;
	border: 3px solid #B08D57;
	color: #2B2B2B;
	font-family: 'Playfair Display', cursive;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 2px;
	padding: 0px 0px;
	text-transform: uppercase;
	transition: all 0.3s;
}

button:hover, button.btn:hover, button.btn-primary:hover, button:active, button.btn:active, button.btn-primary:active, button:focus, button.btn:focus, button.btn-primary:focus, p.readmore a:hover, p.readmore a:focus, a.readmore:hover, a.readmore:focus, .btn:hover, input.button:hover, .btn-primary:hover, .btn-warning:hover {
	background: #E6E6E6;
	border: 3px solid #2B2B2B;
	color: #B08D57;
	transition: all 0.3s;
}

.btn:hover, .btn:focus {
	background-position: 0 0;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	border-radius: 0;
	padding: 16px;
}

.sparky_home dl.article-info {
	padding-left: 15px;
	padding-right: 15px;
}

.big_text {
	color: #1A1A1A;
	font-family: 'Playfair Display', cursive;
	font-size: 72px;
	margin: 0;
	line-height: 1;
}

.heading {
	color: #1A1A1A;
	font-weight: 700;
	letter-spacing: 2px;
  	text-transform: uppercase;
	margin: 0;
}

ul.checklist li:before {
    color: #58b75d;
}

.warning:before, .info:before, .error:before {
    margin: -7px 30px 0 0;
}

.item-page-thin {
	max-width: 800px;
	margin: 0 auto;
}

/* logorow */

.sparky_home .logorow {
	position: absolute;
	width: 100%;
}

.mp_logo {
	padding-top: 5px;
    text-align:center;
    position: relative;
    z-index: 1;
}

.sparky_logo_image img {
	max-width: 120px;
}

ul.mnu_mainmenuright {
	text-align: left;
}

ul.mnu_mainmenuleft,
ul.mnu_mainmenuright {
	padding-top: 35px;
}

.mnu_mainmenuleft > li > a,
.mnu_mainmenuright > li > a {
	text-transform: uppercase;
	letter-spacing: 2px;
}

.sparky_home .logorow.fix_menu {
	position: fixed;
}

.fix_menu {
	background: #538492 !important;
}

.fix_menu .sparky_cell {
    padding: 5px 15px;
}

.fix_menu .sparky_logo {
	background: none;
	padding-top: 0px;
}

.fix_menu ul.mnu_mainmenuleft, .fix_menu ul.mnu_mainmenuright {
	padding-top: 0;
}

@media(max-width: 991px) {
	.logorow nav:not(.opened) ul.menu {
		display: none;
	}
}

/* carouselrow */

.carouselrow .sparky_cell {
	padding: 0;
	margin-bottom: 10px;
}

.hot_swipe_carousel_slides .contents h2 {
	text-align: center;
	font-family: 'Playfair Display', cursive;
	font-weight: 400;
	margin: 0 0 15px;
	padding: 0px 0px;
	line-height: 1;
}

.flickity-page-dots .dot {
	background: transparent !important;
	width: 15px !important;
    height: 15px !important;
    border:2px solid #666 !important;
}

/* userrow */

.full.userrow, .full.userrow2 {
	padding: 0 2%;
}

.full.userrow .sparky_container .sparky_cell,
.full.userrow2 .sparky_container .sparky_cell {
    padding-left: 2%;
    padding-right: 2%;
}

.mp_user1 img, .mp_user5 img {
	width: 100%;
}

.mp_user2 .moduletable {
	position: absolute;
	background: #BFBFBF;
	padding: 0;
	margin-top: 0px;
}

.mp_user2 .moduletable .custom {
	position: relative;
	top: 0px;
	left: 20px;
	padding: 40px 60px 60px 40px;
	border: 3px solid #B08D57;
}


/* contentrow */

.sparky_home .contentrow h2 {
	font-size: 24px;
	letter-spacing: 2px;
  	text-transform: uppercase;
	text-align: center;
}

.sparky_home .contentrow h4 {
	letter-spacing: 2px;
  	text-transform: uppercase;
	text-align: center;
	margin-bottom: 25px;
}

.sparky_home .contentrow .readmore {
	text-align: center;
	margin-top: 0px;
}

.contentrow .item-page li {
	line-height: 1.6;
}

.sparky_inner .blog-items .blog-item {
	background: #fff;
}

.content_sparky {

}

/* parallaxrow */

.parallaxrow {
	min-height: 500px;
	margin: 30px 0 60px;
}

/* userrow2 */

.userrow2 {
	margin-top: 0px;
}

.mp_user4 {
	display: flex;
	justify-content: flex-end;
}

.mp_user4 .moduletable {
	position: absolute;
	background: #f2e3d3;
	padding: 0;
	margin-top: 10%;
}

.mp_user4 .moduletable .custom {
	position: relative;
	top: -20px;
	left: -20px;
	padding: 60px 40px 40px 60px;
	border: 3px solid #666;
}

/* advertrow */

.advertrow {
	text-align: center;
	margin-top: 3px;
}

.advertrow h4 {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 3px;
}

.advertrow img {
	border-radius: 50%;
	transition: all .3s;
}

.advertrow .btn {
	margin-top: 3px;
}

.intro_container {
	background: #2b2b2b;
	border-radius: 50%;
	max-width: 300px;
	margin: 0 auto;
}

.mp_advert2 .intro_container {
	background: #e6e6e6;
}

.mp_advert3 .intro_container {
	background: #2b2b2b;
}

.intro_text {
	position: absolute;
	width: 300px;
    margin-top: 105px;
    font-family: 'Playfair Display', cursive;
    font-size: 48px;
    color: #e6e6e6;
    opacity: 0;
    z-index: 1;
    transition: all .3s;
}

.mp_advert2 .intro_text {
	color: #2b2b2b;
}

.mp_advert3 .intro_text {
	color: #e6e6e6;
}

.mp_advert1:hover .intro_text,
.mp_advert2:hover .intro_text,
.mp_advert3:hover .intro_text {
	opacity: 1;
	transition: all .3s;
}

.mp_advert1:hover img,
.mp_advert2:hover img,
.mp_advert3:hover img {
	opacity: 0 !important;
	transition: all .3s;
}

/* bottomrow */

.bottomrow {
	padding: 0px 0;
	margin-top: 0px;
	text-align: center;
}

.bottomrow .moduletable {
	padding-bottom: 0px;
}

.bottomrow a {
	color: #424953;
}

.bottomrow .btn {
	margin-top: 30px;
	background: transparent;
}

.bottomrow .btn:hover {
	background: #666;
}

.bottomrow i {
	font-size: 24px;
	margin: 0 7px;
	padding: 5px;
	color: #424953;
	width: 42px;
	height: 42px;
	border:2px solid #424953;
	line-height: 28px;
	border-radius: 50%;
}

.bottomrow i:hover {
	background: #666;
	color: #fff;
}

/* copyrightrow */

.copyrightrow {
    text-align: center;
}

.copyrightrow a {
	color: #666;
}

/* portfolio page */

.portfolio .contentrow p {
	text-transform: uppercase;
	font-size: 20px;
}

.portfolio_type {
	display: block;
	font-size: 16px;
	text-transform: none;
	color: #666;
	font-weight: 400;
}

/* team page */

.contentrow .team {
	text-align:center;
}

.contentrow .team p {
	text-transform: uppercase;
	font-size: 20px;
}

.team img {
	border-radius: 50%;
	filter:grayscale(70%);
	transition: all 0.5s;
}

.team img:hover {
	filter:grayscale(0%);
	transition: all 0.5s;
}

.team_position {
	display: block;
	font-size: 14px;
	text-transform: none;
	color: #666;
	font-weight: 400;
}

/* contact page */

.dl-horizontal dt, .dl-horizontal dd {
	margin-bottom: 10px;
}

.contact .accordion-group {
	background: #fff;
}

.contact .contact-form label {
	line-height: 50px;
}

/* 404 page */

.page404 h1, .page404 h1 span {
	color: #333;
	font-size: 300px;
	line-height: 1;
	font-family: 'Playfair Display', cursive;
}

.page404 h2 {
	line-height: 1;
}

.page404 .inputbox {
    border: 0;
    background: #eee;
    margin-bottom: 0;
}

/* coming soon page */

.soon {
	font-size: 18px;
}

.soon h1 {
	text-align: left;
}

#mc_embed_signup {
	clear:left;
	width:100%;
}

.soon .email {
    border: 0;
    background: #eee;
    float: left;
    padding: 11px;
}

.soon .button {
	float: left;
	margin-left: 10px;
	padding: 8px 20px;
}

.soon .terms {
	font-size: 14px;
	color: #999;
	margin-top: 15px;
}

/* faq page */

.accordion.faq {
	margin: 50px 0 30px;
}

.accordion.faq .accordion-group {
	background: #fff;
}

.accordion.faq .accordion-heading {
	font-size: 18px;
    padding: 0 15px;
}

.accordion.faq .accordion-heading a {
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
    line-height: 1.5;
}

.accordion.faq .accordion-heading::before {
	content: "\f059";
	font-family: FontAwesome;
	display: block;
    float: left;
    line-height: 40px;
    margin: 0 15px;
    color: #999;
}

.accordion-group:hover .accordion-heading::before {
	color: #333;
}

.accordion.faq .accordion-inner {
	padding: 30px 30px 30px 90px;
}

/* pricing page */

.sparky_container.pricing {
	text-align: center;
}

.sparky_container.pricing .plan {
	border: 1px solid #ccc;
	padding: 50px 0 30px;
	border-radius: 5px;
	margin: 0 15px;
}

.plan_name {
	text-transform: uppercase;
	font-weight: 700;
}

.plan_price {
	font-size: 48px;
	font-weight: 700;
	margin-bottom: 0;
	color: #333;
}

.sparky_container.pricing ul {
	margin: 50px 0 50px;
	padding: 0;
	list-style: none;
	min-height: 150px;
}

.sparky_container.pricing li::before {
	content:"\f00c";
	font-family: FontAwesome;
	display: inline-block;
	margin: 0 10px;
	color: #58b75d;
}

.sparky_container.pricing .plan.recommended {
	background: #424953;
	border: 1px solid #424953;
}

.sparky_container.pricing .plan.recommended,
.sparky_container.pricing .plan.recommended .plan_name,
.sparky_container.pricing .plan.recommended .plan_price,
.sparky_container.pricing .plan.recommended li::before {
	color: #fff;
}

.sparky_container.pricing .plan.recommended a.btn {
	border: 3px solid #fff;
}

.sparky_container.pricing .plan.recommended a.btn:hover {
	background: #333;
	border:3px solid #333;
}


/* blog pages */

.blog .blog-items, .blog .item-page {
    padding: 30px 0;
}

.blog .blog-items .blog-item {
	padding: 30px 30px 15px 30px;
  	margin-bottom: 50px;
	border: 1px solid #e8e8e8;
}

.blog .blog-items .item-image {
	margin: -30px;
	padding-bottom: 45px;
}

.blog h1 {
	text-align: inherit;
}

.blog .blog-items h2,
.blog .blog-items h2 a {
	font-size: 18px;
	padding-bottom: 0;
	font-weight: 600;
	text-transform: uppercase;
}

.blog .blog-items ul.tags li,
.blog .blog-items ul.tags li,
.tagspopular ul li {
	display: inline-block;
	border:0;
	border-radius: 0;
	background: #333;
	color: #fff;
	padding: 5px 15px;
	text-transform: uppercase;
}

.blog .item-page .item-image ~ ul.tags li {
	margin: 0 30px;
}

.tagspopular ul li {
	background: #f6f6f6;
}

.tagspopular ul li a {
	font-size: 11px;
}

.mp_right {
	padding-left: 30px;
}

.mp_right h3 {
	font-size: 20px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 30px;
    padding-top: 30px;
    border-bottom:5px dotted #538492;
}

.mp_right ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mp_right li {
	margin: 0;
	padding: 0 0 15px;
}

.mp_right li a {
	color: #000;
	font-weight: 700;
}

.mp_right li strong {
	font-weight: 400;
}

.mod-articles-category-title {
	display: block;
}

.mod-articles-category-writtenby,
.mod-articles-category-date {
	display: inline-block;
	font-size: 14px;
	color: #999;
	margin-bottom: 10px;
}

.mp_right .search {
	margin: 30px 0;
}

.mp_right input[type="search"] {
	padding: 14px;
	margin-bottom: 0;
}

/* tags pages */

.tag-category .inputbox {
    border: 0;
    background: #eee;
    margin: 0 15px 0 0;
}

.tag-category button {
	margin: 0 15px 0 0;
}

/* search page */

.search #searchForm .inputbox {
    border: 0;
    background: #eee;
}

.search-results .result-title {
	font-size: 32px;
    line-height: 1.4;
}

.search-results dd {
	margin-left: 35px;
	margin-right: 35px;
}

.search-results .result-category {
	text-transform: uppercase;
    font-weight: 700;
}


/* responsive */

.nav-toggle {
	margin-top: 40px;
	position: relative;
	z-index: 1;
}

.nav-collapse.opened > ul {
	padding-top: 0;
}

.nav-collapse.opened li a {
	height: auto;
}

.nav-collapse.opened > ul ul li {
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width:1200px) {

	.big_text {
	    font-size: 48px;
	}

	.hot_swipe_carousel_slides .contents {
		width: auto !important;
	}

	.hot_swipe_carousel_slides .contents h2 {
		font-size: 48px !important;
	}

}

@media (max-width:991px) {

	.hot_swipe_carousel_slides .contents {
		top: 30% !important;
	}

	.mp_mainmenuleft .sparky_menu {
		display: none;
	}

	.mp_mainmenuright {
		width: 0;
		padding: 0;
	}

	.mp_mainmenuleft {
		display: none;
	}

	.one .mp_logo, .one .mp_mainmenuright {
		width: 50% !important;
		padding: 15px;
	}

	.mp_logo {
		text-align: left;
	}

	.intro_text {
		width: 220px;
		margin-top: 70px;
	}

	.soon .button {
	    margin-left: 0;
	}

	.page404 h1 {
	    font-size: 150px;
	}

	.sparky_container.pricing .plan {
		margin: 0;
	}

	.mp_right input[type="search"] {
		margin-bottom: 15px;
	}
  
    .parallaxrow.sparky_full {
        background-attachment: inherit;
    }

}

@media (max-width:940px) {

	.mp_user1, .mp_user2, .mp_user4, .mp_user5 {
		width: 100%;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.mp_user2 .moduletable, .mp_user4 .moduletable {
		position: relative;
		margin-top: 0;
		width: 100%;
	}

	.mp_user5 .moduletable {
		margin-top: 15px;
	}

	.intro_text {
	    width: 220px;
	    margin-top: 70px;
	}

}


@media (max-width:767px) {

	.item-page .sparky_container {
	     margin: 0; 
	}

	.mp_right {
	     padding-left: 15px; 
	}

	.mp_right input[type="search"] {
		margin-bottom: 0;
	}

	.sparky_container.portfolio {
		text-align: center;
	}
  
    .parallaxrow.sparky_full {
        background-size: contain;
    }
  
  	.intro_text {
	    width: 100%;
	    margin-top: 110px;
	    max-width: 300px;
	}

}

@media (max-width:600px) {

	.sparky_home .logorow {
		position: relative;
	}

	.hot_swipe_carousel_slides .contents {
		top: 20% !important;
	}

	.two-cols {
	    -moz-column-count: 1;
	    -webkit-column-count: 1;
	    column-count: 1;
	    -moz-column-gap: 0;
	    -webkit-column-gap: 0;
	    column-gap: 0;
	}

	.dl-horizontal dt {
	    width: auto;
	}

	.dl-horizontal dd {
	    margin-left: 30px;
	}
  
    .parallaxrow {
        min-height:400px;
    }

    .mp_user2 .moduletable .custom,
    .mp_user4 .moduletable .custom {
        width:90%;
        max-width: 300px;
        left: 20px !important;
    }

}


/* ChienNoir Updates */

.sparky_container > .sparky_cell {
    padding: 0px 10px;
}

.intro_container {
    overflow: hidden;
}

.heading {
    text-align:center;
  	padding-top:40px;
}

body {
    text-align:center;
}

button, button.btn, a.btn, button.btn-primary, p.readmore a, a.readmore, input.button, .btn-primary, .btn-warning {
	font-family: 'Lato';
	font-size: 14px;
}

#contact-form input,
#contact-form textarea,
#contact-form select {
        background-color: #e6e6e6;
  		border-color: #B08D57;
}