/* Foundation */

/* =============================================================================
  Global Definitions
========================================================================== */
:root {
	/* 2024 */
	/* jon */
	--jon: #321928;
	--jon-R: 050;
	--jon-G: 025;
	--jon-B: 040;
	
	/* finn */
	--finn: #5D2E48;
	--finn-R: 093;
	--finn-G: 046;
	--finn-B: 072;
	
	/* rouge */
	--rouge: #A54685;
	--rouge-R: 165;
	--rouge-G: 070;
	--rouge-B: 133;
	
	/* viola */
	--viola: #D08BBC;
	--viola-R: 208;
	--viola-G: 139;
	--viola-B: 188;
	
	/* vanilla */
	--vanilla: #D08BBC;
	--vanilla-R: 208;
	--vanilla-G: 139;
	--vanilla-B: 188;
	
}

/* 62 */
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

/* 75 */
body {
    line-height: 1;
}
/* 1150 */
frequencia, .frequencia {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  /*font-family: 'Open Sans', sans-serif;*/
	font-family: "Poppins", sans-serif;
  font-weight: 400;
  line-height: normal;
  margin: 0.25rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  /*padding: 1rem 2rem 1.0625rem 2rem;*/
  padding: 0.25rem 1rem 0.25rem 1rem;
  /*font-size: 1rem;*/)
  font-size: 0.875rem;
  background-color: #008CBA;
  border-color: #007095;
  color: #FFFFFF;
  }
  frequencia.presenca, .frequencia.presenca {
    background-color: #43AC6A;
    border-color: #368a55;
    color: #FFFFFF; }
  frequencia.falta, .frequencia.falta {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #FFFFFF; }
  frequencia.large, .frequencia.large {
    padding: 1.125rem 2.25rem 1.1875rem 2.25rem;
    font-size: 1.25rem; }
  frequencia.small, .frequencia.small {
    padding: 0.875rem 1.75rem 0.9375rem 1.75rem;
    font-size: 0.8125rem; }
  frequencia.tiny, .frequencia.tiny {
    padding: 0.625rem 1.25rem 0.6875rem 1.25rem;
    font-size: 0.6875rem; }
  frequencia.micro, .frequencia.micro {
    padding: 0.3125rem 0.625rem 0.34375rem 0.625rem;
    font-size: 0.6875rem; 
	margin:0.1875rem;
	}
  frequencia.expand, .frequencia.expand {
    padding-left: 0;
    padding-right: 0;
    width: 100%; }
  frequencia.left-align, .frequencia.left-align {
    text-align: left;
    text-indent: 0.75rem; }
  frequencia.right-align, .frequencia.right-align {
    text-align: right;
    padding-right: 0.75rem; }
  frequencia.radius, .frequencia.radius {
    border-radius: 3px; }
  frequencia.round, .frequencia.round {
    border-radius: 1000px; }
/* 1408 */
button.round,
.button.round {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

/*2092 */
.top-bar-section li:not(.has-form) a:not(.button) {
      background: none;
      }
.top-bar-section li:not(.has-form) a:not(.button):hover {
        background-color: none;
        background: none; }
				
/*2160*/
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
        background: none;
        color: #333; }
      .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
        background-color: none;
        color: var(--finn);
        background: none; }
			
/* 2249 */
 meta.foundation-mq-topbar {
    /*font-family: "/only screen and (min-width:40.063em)/";*/
    font-family: "/only screen and (min-width:64.063em)/";
    /*width: 64em;*/
    /*width: 40.063em;*/
    width: 64.063em;
}

/* 2470 */
.top-bar-section ul li {
    background: #FFF
}

.top-bar-section ul li>a {
    /*font-family: 'Open Sans', sans-serif;*/
		font-family: "Poppins", sans-serif;
    font-weight: 700;
    padding-left: 0.9375rem;
    padding: 12px 0 12px 0.9375rem;
    text-transform: uppercase;
}

/* 2684 */
.top-bar-section ul li:hover:not(.has-form)>a {
    background-color: #555;
    color: var(--rouge);
		background: #FFF;
}

/* 2759 */
   .panel.callout a:not(.button) {
       color: #303030; }
      .panel.callout a:not(.button):hover, .panel.callout a:not(.button):focus {
        color: #6E2709; }
		
/* 2777 */
.top-bar-section .dropdown li.title h5 a,
.top-bar-section .dropdown li.parent-link a {
    color: #303030;
    display: block
}

/* 2810 */
/*@media only screen and (min-width: 40.063em) { */
@media only screen and (min-width: 64.063em) { 
	.top-bar {
		background: #333333; 
		overflow: visible;
		margin-left: -35px; /* Changed */
		margin-bottom: 30px; /* Changed - Added */}

	/* 2869 */
	.top-bar-section li.hover>a:not(.button) {
        background-color: #555;
        background: #FFF;
        color: #fff
    }
	
	.top-bar-section li:not(.has-form) a:not(.button) {
        background: #FFF;
        line-height: 2.1rem;
        padding: 0 0.9375rem
    }

	.top-bar-section li:not(.has-form) a:not(.button):hover {
        background-color: #555;
        background: #FFF;
				font-weight:700;
    }

	/* 2956 */
	.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {
        background: #FFF;
        color: #333333;
    }
	.top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button) {
        color: #FFF;
				background: rgb(var(--finn-R),var(--finn-G),var(--finn-B));
				background: 
					linear-gradient(90deg, 
					rgba(var(--jon-R),var(--jon-G),var(--jon-B),0) 30%, 
					rgba(var(--finn-R),var(--finn-G),var(--finn-B),1) 55%, 
					rgba(var(--viola-R),var(--viola-G),var(--viola-B),1) 95%) 
					var(--x, 0)/ 200%;
				transition:0.4s;
				--x: 100%;
    }
	
	.top-bar, .top-bar .name, .top-bar .toggle-topbar a {
    height: 110px;
    margin-top: 15px;
	}
}


/* Tabs */
/* 4986 */
.tabs dd>a,
.tabs .tab-title>a {
	display: block;
	background-color: #FFF;
	color: #222;
	font-family: "Poppins", sans-serif;
	font-size: 1rem;
	padding: 1rem 1rem;
	text-transform:uppercase;/* <-- Changed - Added */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.tabs dd>a,
.tabs .tab-title>a small {
	font-family: "Poppins", sans-serif;
	font-size: 80%;
}

.tabs dd>a:hover,
.tabs .tab-title>a:hover {
  background-color: var(--finn);
	color: #FFF;
	font-weight: 700;
}

.tabs dd.active a,
.tabs .tab-title.active a {
    background-color: var(--finn);
    color: #FFF;/*#c54545;*/
		font-weight: 700;
}

/* Tabs-CO */
/* 4986 */
.tabs-co dd>a,
.tabs-co .tab-title-co>a {
	font-size: 0.9rem;
	font-weight: 400;
}

 /* Accordion */
 /* 5240 */
.accordion .accordion-navigation.active>a,
.accordion dd.active>a {
    background: var(--finn);
	color: #FFF;
}

.accordion .accordion-navigation>a,
.accordion dd>a {
    background: #FFF;
    color: #222;
    display: block;
    /*font-family: 'Open Sans', sans-serif;*/
		font-family: "Poppins", sans-serif;
    font-size: 1rem;
    padding: 1rem;
	text-transform:uppercase; /* <-- Changed - Added */
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.accordion .accordion-navigation>a:hover,
.accordion dd>a:hover {
    background: var(--finn);
	color: #FFF;
}

  
/* Pretty Photo */
/* 26 */
div.pp_default .pp_description{
	font-size:14px;
	font-weight:700;
	line-height:14px;
	margin:5px 50px 5px 130px
}
/* Style 4 */
.st-main-bgcolor,
button,
.button,
button.disabled,
button[disabled],
.button.disabled,
.button[disabled],
button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus,
.top-bar-section ul li>a.button,
.alert-box,
.breadcrumbs li span,
.label,
.pagination li.current a,
.pagination li.current a:hover,
.pagination li.current a:focus,
/*.panel.callout,*/
.progress .meter,
.sub-nav dt.active a,
.sub-nav dd.active a,
#st-top ul.lang-sw li.st-cur a,
.top-bar-section a.button.st-search-btn,
.st-services article:hover a.st-icon,
.st-style-title a,
.st-portfolio-item:hover .st-item-inner .st-item-title a,
.st-date-comment .st-comments,
.st-style-accordion .ui-accordion-header.ui-accordion-header-active .ui-accordion-header-icon,
.st-style-accordion .ui-accordion-header:hover>.ui-accordion-header-icon,
.st-carousel-pag a:hover,
.sm-bullets.simplebullets.round .bullet:hover,
.st-carousel-nav a:hover,
.sm-leftarrow.cssarrows.default:hover,
.sm-rightarrow.cssarrows.default:hover,
.st-breadcrumbs small:before,
.st-progress-bar span span,
#st-team .st-carousel-item:hover .st-item-title,
/* div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause,
div.pp_default .pp_close,
div.pp_default .pp_expand,
div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next,
div.pp_default .pp_contract, */
.post-slider-direct-nav a:hover {
    background-color: rgba(var(--finn-R),var(--finn-G),var(--finn-B),1); /*#DC419C;*/
		/*background: rgb(206,19,84);
		background: linear-gradient(135deg, rgba(206,19,84,0.5) 0%, rgba(220,65,156,1) 35%); 
		transition: 0.3s;*/
}


/*.panel.callout {
    background-color: #e65b5b
}*/

.top-bar-section li.active a:not(.button),
.top-bar-section li.active a:not(.button):hover {
    border-color: #FFFFFF
}

.st-date-comment .st-comments:after,
.st-sidebar:first-child:only-child .st-widget-slider .st-carousel-pag a.selected,
.st-sidebar:first-child .st-widget-slider .st-carousel-pag a.selected {
    border-color: #6E2709
}
.sm-bullets.simplebullets.round .bullet.selected,
button.st-hollow:hover,
.button.st-hollow:hover,
.st-carousel-nav a:hover,
.st-portfolio-item:hover .st-item-inner .st-item-title a,
.st-carousel-pag a.selected,
.st-style-accordion .ui-accordion-header.ui-accordion-header-active .ui-accordion-header-icon,
.st-widget-slider .st-carousel-pag a.selected,
.tagcloud a:hover,
#today {
    border-color: var(--finn);
}
.top-bar-section li a:not(.button):hover,
.top-bar-section .has-dropdown:hover>a:not(.button),
.top-bar-section .has-dropdown li.active>a:not(.button),
.expanded .top-bar-section li.active>a:not(.button),
.top-bar-section li.active>a:not(.button):hover {
    color: var(--rouge);
}
p a,
a:hover,
a:focus,
.st-text-color,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
.st-hollow:hover,
.st-carousel-nav a:hover,
.st-breadcrumbs li a,
.st-faq.st-style-accordion .ui-accordion-header:before,
.st-points .st-map-current,
.f-dropdown li.st-currentclass a,
#today,
.st-tabs ul.tabs-nav li.ui-tabs-active.ui-state-active a,
.st-main-color,
a,
.side-nav li a,
#st-footer #st-footer-bottom a:hover,
#st-footer a:hover,
.st-sidebar a:hover {
    color: var(--finn);
}
#st-top ul.lang-sw li.st-cur a,
.st-style-title a,
.st-style-title a:hover,
.st-style-title a:focus,
.st-portfolio-item:hover .st-item-inner .st-item-title a,
.st-date-comment .st-comments,
#st-footer #st-footer-bottom a,
.st-tooltip,
#st-team .st-carousel-item:hover .st-item-title,
a.button,
.sm-caption a.button:hover,
.st-kbd,
#st-footer a.button {
    color: #fff
}
.lang-sw,
ul.st-soc-icons li:nth-child(odd),
.st-small-cap-bg,
.panel .st-panel-inner,
.st-item-inner a,
.st-portfolio-tags,
.st-date-comment .st-date,
.st-carousel-pag a.selected,
.sm-bullets.simplebullets.round .bullet.selected:hover,
.st-twitter-widget,
#st-team .st-item-title,
.ui-slider a,
.st-table1 td,
.tagcloud a,
#today,
.widget_calendar caption,
textarea.error:focus,
.st-tabs ul.tabs-nav li.ui-tabs-active.ui-state-active,
.st-boxed-ver .st-wrapper {
    background-color: #fff
}
.st-small-cap-bg {
	background-color: #E6E7E8; /*#FFF; /*#f2f2f2;*/
}

/*.st-small-cap-bg-sidecar {
	background-color: var(--hex_sidecar); 
}*/

/*
.st-small-cap-bg-christine {
	background-color: var(--finn); 
}*/

.top-bar-section ul ul label,
.top-bar-section ul ul,
.top-bar.expanded .title-area {
    background: #fff!important
}
.st-sidebar:first-child .st-widget-slider .st-carousel-pag a {
    border-color: #fff
}
.st-loader,
#st-top,
.panel,
#st-footer,
/*ul.contacts span,*/
pre,
.st-progress-bar div,
.ui-slider,
.pricing-table.st-price-table .description,
.st-sidebar aside,
.pagination li:hover a,
.pagination li a:focus,
.st-sidebars .st-sidebar:first-child:only-child>aside,
.socialcount>li:hover,
.socialcount>li>a:focus,
.socialcount>li.hover,
ul.st-soc-icons li:nth-child(even),
.st-tabs ul.tabs-nav li {
    background-color: #f7f7f7
}


/* New */
/*ul.contacts {
	font-size: 0.813em;
}*/

.st-widget-slider .st-carousel-pag a,
.st-sidebar:first-child:only-child .st-widget-slider .st-carousel-pag a {
    border-color: #f7f7f7
}
.st-price-table .bullet-item.unavailable {
    color: #c2c2c2
}
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"],
textarea {
    border-color: #c2c2c2
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
    border-color: #b7b7b7
}
#st-top ul li a,
#st-top,
.panel .subheader {
    color: #959595
}
.panel,
.st-item-inner a,
.st-loader,
.top-bar-section ul li {
    border-color: #e9e9e9
}
.st-services article,
button.st-hollow,
.button.st-hollow,
.panel .st-panel-inner,
.st-style-accordion .ui-accordion-header .ui-accordion-header-icon,
.st-uiaccordion-content-inner,
.st-portfolio-tags,
#st-clients-carousel,
hr,
.st-breadcrumbs,
#st-team .st-soc-icons,
.st-pseudo-table,
.st-pseudo-table li li,
.st-price-table .title,
.st-price-table .price,
.st-bloginfo .inline-list,
.tagcloud a,
.st-sidebars .st-sidebar:first-child>aside,
.widget_calendar td#prev,
.widget_calendar td#next,
.widget_calendar table tfoot,
.widget_calendar caption,
.widget_calendar table,
.post-comm,
.st-tabs ul.tabs-nav li,
.st-tabs .tab {
    border-color: var(--finn); /*#e6e6e6;*/
}
.st-carousel-pag a,
.st-loader span,
.sm-loader,
.socialcount>li {
    background-color: #d2d2d2
}
.st-carousel-nav a,
.ui-slider a,
.st-contact-slider,
.st-map-pag .btn,
.tweet_action,
.socialcount>li:hover,
.socialcount>li {
    border-color: #d1d1d1
}
#st-footer-bottom {
    color: #d1d1d1
}
.st-style-accordion .ui-accordion-header .ui-accordion-header-icon {
    background-color: #c5c5c5
}
.st-price-table .title {
    /*color: #a5a5a5*/
    color: #FFF;
}
.st-map-pag {
    border-color: #a5a5a5
}
.st-carousel-nav a,
.post-slider-direct-nav a {
    background-color: #a5a5a5
}
#st-footer,
.st-sidebar {
  color: #000; /*#858585*/
}
body,
.panel p,
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
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"],
textarea {
    /* color: #707070; Changed */
	color: rgba(0, 0, 0, 1);
}
/* new */
::-webkit-input-placeholder { /* WebKit browsers */
    color:rgba(0, 0, 0, 0.60);
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:rgba(0, 0, 0, 0.60);
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:rgba(0, 0, 0, 0.60);
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:rgba(0, 0, 0, 0.60);
}

#st-footer a,
.st-sidebar a {
    color: #606060
}
.top-bar-section a.button.st-search-btn:hover,
button:hover,
button:focus,
.button:hover,
.button:focus,
.st-style-title a:hover,
.st-style-title a:focus,
.st-latest-thumb:hover>.st-date-comment .st-comments,
#st-footer-bottom,
.sm-leftarrow.cssarrows.default:active,
.sm-rightarrow.cssarrows.default:active,
.st-tooltip,
.st-tooltip:before,
.st-map-pag .btn:hover {
    background-color: #505050
}
.st-latest-thumb:hover>.st-date-comment .st-comments:after,
.st-hollow.medium,
.st-faq.st-style-accordion .ui-accordion-header .ui-accordion-header-icon,
.st-map-pag .btn:hover,
.st-map-pag .btn.fwd-btn:hover {
    border-color: #505050
}

.st-portfolio-item .st-item-inner .st-item-title a:hover {
	background-color: var(--finn);
	border-color: var(--finn);
}

#st-footer h6,
.st-sidebar h6 {
    color: #404040
}
.top-bar-section ul li a:not(.button) {
    color: #303030
}
a,
p a:hover,
.lang-sw a,
.lang-sw a,
#st-top ul.lang-sw li a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
.st-carousel-nav a,
#ui-lightbox-title,
.st-breadcrumbs li:hover>a,
.st-map-pag .st-place,
.st-small-cap-bg p,
.alert-box .close,
.alert-box .close:hover,
.alert-box .close:focus {
    color: #303030
}
/* New */
.top-bar-section li.active:not(.has-form) a:not(.button) {
	padding: 0 0.9375rem;
    /* line-height: 2.8125rem; Changed */
	line-height: 2.1rem;
    /* color: #FFFFFF; Changed 
	color: #222222;*/
	color: #6E2709;
    /* background: #008CBA; changed */
	background: transparent;
}

.top-bar-section li.active:not(.has-form) a:not(.button):hover {
	/* background: #0078a0; Changed */
	background: transparent;
    /* color: #FFFFFF; Changed */
	color: #6E2709;
	
}
.top-bar-section .dropdown li.title h5 a,
.top-bar.expanded .toggle-topbar a,
.top-bar .toggle-topbar.menu-icon a span,
.button.st-hollow {
    color: #303030!important
}
.top-bar-section li a:not(.button),
.top-bar-section li a:not(.button):hover,
.st-price-table *:not(.button),
.st-sidebars .st-sidebar:first-child>aside {
    background: none transparent
}
.top-bar-section ul li.active a,
.top-bar,
.top-bar-section ul,
.top-bar-section .has-form,
.top-bar.expanded,
.st-portfolio-tags a,
.panel.st-panel,
.widget_calendar table tfoot {
    background: none transparent
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
small,
#yoxview,
kbd {
    /*font-family: 'Open Sans', sans-serif;*/
		font-family: "Poppins", sans-serif;
}
.st-title-cap,
.st-panel h1,
.st-panel h2,
.st-panel h3,
.st-panel h4,
.st-panel h5,
.st-panel h6,
.caption h1,
.caption h2,
.caption h3,
.caption h4,
.caption h5,
.caption h6,
cite,
.st-breadcrumbs h1,
.st-breadcrumbs h2,
.st-breadcrumbs h3,
.st-breadcrumbs h4,
.st-breadcrumbs h5,
.st-breadcrumbs h6,
.st-price-table .price,
.st-secondary {
    /*font-family: 'Open Sans', sans-serif;*/
		font-family: "Poppins", sans-serif;
}
pre {
    font-family: Consolas, "Lucida Console", Monaco, monospace
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    margin-top: .2em;
    margin-bottom: .5em;
    line-height: 1.2125em
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-size: 60%;
    line-height: 0
}
.subheader {
    margin-bottom: .5em;
    margin-top: .2em;
    line-height: 1.2125em
}
h1 {
    font-size: 1.625em
}
h2 {
    font-size: 1.375em
}
h3 {
    font-size: 1.125em
}
h4 {
    font-size: 1.000em
}
h5 {
    font-size: .875em
}
h6 {
    font-size: .750em;
    font-weight: 700;
    text-transform: uppercase
}
body {
    font-size: 16px;
    position: relative;
    overflow-x: hidden
}
p,
cite,
pre,
bloquote,
ol,
ul,
legend,
fieldset,
option,
input {
    font-style: normal;
    font-weight: 400;
    line-height: 1.5em;
    margin-bottom: 1.25em;
    text-rendering: optimizelegibility
}

p.indent {
	  text-indent:1rem;
	  text-align:justify;
	  margin:0em 0.5em 0em 0.5em;
  }
  
table,
p,
cite,
pre,
bloquote,
ol,
ul/*,
legend,
fieldset,
option,
input */{
    /* font-size: .813em */
	font-size: .875em
}
/* New */
ul.normal {
	font-size: 1em;
}
pre {
    height: auto;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    padding: .938em
}
address {
    font-style: normal;
		padding-left: 32px;
		position: relative;
		font-weight: 700;
		font-size: 0.89em;
}

address:before {
  position: absolute;
  font-family: 'Font Awesome 6 Free';
	font-weight: 900;
  top: 0;
  left: 10px;
  content: "\f5a0";
}

cite {
    font-style: italic
}
ol ol,
ul ul,
ul p,
ol p,
ul cite,
ol cite {
    font-size: 1em
}
hr {
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    margin: .438em 0 .438em;
    height: 0
}
hr.st-blank {
    border: 0;
    height: 1px
}
hr.st-dashed {
    border-style: dashed
}
.st-bottom-2_18 {
    margin-bottom: 2.188em
}
.st-no-margin {
    margin: 0
}
.st-uppercase {
    text-transform: uppercase
}

.st-boldcase {
    font-weight:700;
}

.alignleft {
    float: left;
    margin: 0 .625em .625em 0;
    display: block
}
img.alignright {
    float: right;
    margin: 0 0 1.063em 1.063em;
    display: block
}
.st-style-title {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 1.250em;
		font-family: "Poppins", sans-serif;
}
.st-style-title a {
    white-space: nowrap;
    padding: .313em 1em;
    text-transform: none;
    font-weight: 400;
    font-size: .813em;
    margin-left: 1.250em
}
.clearfix:before,
.clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    float: none
}
.clearfix:after,
.st-content:before,
.st-content:after,
.shortcode-wrapper:after {
    clear: both
}
.lang-sw a,
/*.top-bar-section .dropdown,*/
.st-small-cap-bg,
.st-radius,
input.radius,
.st-uiaccordion-content-inner,
pre,
.st-loader span,
.sm-loader,
.st-tooltip,
.st-tooltip:before,
.st-map-pag,
.st-proj-img,
.st-pagination a,
.jflickr a,
.st-avatar {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
input.prefix.round {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-topright: 1000px;
    -moz-border-radius-bottomright: 1000px;
    -webkit-border-top-right-radius: 1000px;
    -webkit-border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px
}
input.postfix.round {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-topright: 1000px;
    -moz-border-radius-bottomright: 1000px;
    -webkit-border-top-right-radius: 1000px;
    -webkit-border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px
}
input.prefix.radius {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}
input.postfix.radius {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}
/*.top-bar-section ul li a,
.top-bar input,*/
.st-round,
input.round,
.st-style-title a,
.st-carousel-nav a,
.st-carousel-pag a,
.st-style-accordion .ui-accordion-header .ui-accordion-header-icon,
.st-breadcrumbs small:before,
.st-progress-bar div,
.st-progress-bar span,
.ui-slider a,
.tagcloud a/* ,
div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause,
div.pp_default .pp_close,
div.pp_default .pp_expand,
div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next,
div.pp_default .pp_contract */ {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

/*.top-bar-section ul li a {
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-topleft: 8px;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
}*/

a,
input,
textarea,
.top-bar-section .dropdown,
.sm-bullets.simplebullets.round .bullet,
.button,
.st-comments,
.ui-accordion-header-icon,
.st-birdy,
cssarrows,
.st-comments:after,
.st-item-title,
.st-map-pag .btn,
.socialcount>li {
    transition: background-color .2s ease-out 0s, border-color .2s ease-out 0s, color .2s ease-out 0s, opacity .2s ease-in-out;
    -webkit-transition: background-color .2s ease-out 0s, border-color .2s ease-out 0s, color .2s ease-out 0s, opacity .2s ease-in-out;
    -ms-transition: background-color .2s ease-out 0s, border-color .2s ease-out 0s, color .2s ease-out 0s, opacity .2s ease-in-out;
    -o-transition: background-color .2s ease-out 0s, border-color .2s ease-out 0s, color .2s ease-out 0s, opacity .2s ease-in-out
}
.top-bar,
.top-bar .name,
.top-bar .toggle-topbar a {
    /* height: 65px; */
	height: 100px; /* 80*/
	margin-top: 15px;
}
.top-bar ul.title-area .name {
    /*padding-top: 30px;*/
	margin-top: -10px;
	/* margin-right: 1.250em;
	margin-left: 1.250em; */
	margin-right: 1em;
	margin-left: 0em;
}
.topbartitle {
  /*width:122px;*/
  width:110px;
	height:auto;
}

/* New stile */
.top-bar .inst-area {
    position: relative;
}

.top-bar .inst-area {
    float: right;
}
.topbarinst {
    width:110px;
		height:auto;
}

#st-top {
    z-index: 1;
    position: relative;
    padding-bottom: 1px
}
#st-top hr {
    margin: 0
}
#st-top ul,
#st-top ul li {
    list-style: none;
    margin: 0
}
#st-top ul.left li {
    margin-right: 20px
}
#st-top ul li {
    font-size: .923em;
    white-space: nowrap
}
#st-top ul.lang-sw {
    overflow: hidden;
    height: 35px
}
#st-top ul.lang-sw a {
    padding: 1px 4px;
    text-transform: uppercase
}
#st-top li li {
    font-size: 1em
}
#st-top ul.lang-sw {
    padding: 0 5px
}
#st-top ul.lang-sw li {
    padding: 0 2px;
    margin-right: 0;
    display: inline;
    padding-top: 11px
}
.top-bar .toggle-topbar.menu-icon {
    right: 0;
	padding-left: 40px; /* Added - Changed */
}
.top-bar-section li li a {
    text-transform: capitalize
}
.top-bar-section a {
    position: relative
}
.top-bar-section ul a:after,
.top-bar-section .has-dropdown>a:after {
    border: 0
}
.top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after {
    margin-top: -7px;
    bottom: auto;
    left: auto;
    top: 50%;
    width: 0;
    height: 0
}
.top-bar-section .has-dropdown:hover>a:after {
    position: absolute;
    content: "";
    background-image: url(../img/content/menu-corner.gif);
    display: block;
    left: 50%;
    margin-left: -4px;
    top: auto;
    bottom: 0;
    width: 9px;
    height: 5px;
    z-index: 500
}
.top-bar-section li.active:hover>a:after {
    bottom: -1px
}
.top-bar-section ul ul a:after {
    background-image: none!important
}
.top-bar-section .dropdown {
    z-index: 499;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0
}
.top-bar-section .has-dropdown:hover>.dropdown,
.top-bar-section .has-dropdown:active>.dropdown {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}
.top-bar-section li.active>a:not(.button) {
    border-width: 1px;
    border-style: solid
}
.top-bar-section li.has-dropdown.active:hover>a {
    border-color: #fff
}
.top-bar-section ul ul li.active>a:not(.button) {
    border: 0
}
.top-bar-section ul ul .has-dropdown:hover>.dropdown {
    top: 0
}
.top-bar-section .dropdown li a {
    padding: 10px 15px;
    font-size: .750em
}
.top-bar-section ul li>a {
    height: auto
}
.top-bar-section .has-dropdown>a {
    padding-right: 14px!important /* Was 15px */
}
.top-bar-section {
    padding-top: 28px
}
.no-js .top-bar a.button.st-search-btn {
    display: none
}
.top-bar a.button.st-search-btn {
    width: 40px;
    height: 40px!important;
    margin-top: -5px;
    border: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%!important;
    top: 0
}
.top-bar a.button.st-search-btn,
.top-bar-section ul li>a.button.st-search-btn:hover {
    background-image: url('../img/content/magnifier.png')
}
.top-bar-section .has-form {
    padding: 0;
    height: auto
}
.top-bar-section>ul>.divider {
    border: 0
}
.top-bar-section ul ul li>a {
    font-weight: 400;
}
.top-bar-section ul ul {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
}
.top-bar-section .has-dropdown ul li {
    border-bottom-width: 1px;
    border-bottom-style: solid
}
.top-bar-section .has-dropdown ul li:last-child {
    border: 0
}
.top-bar-section li a:not(.button) {
    /* line-height: 2.3em Changed  */
	line-height: 2.1em
}
.top-bar-section li li a:not(.button) {
    line-height: 1em
}
.dropdown li.active>a {
    border: 0
}
.top-bar-section ul ul .has-dropdown>a {
    padding-right: 32px!important;
    line-height: 1em
}
.top-bar-section ul.left ul li {
    margin-right: 0
}
.top-bar-section ul a {
    font-size: .875em;
    text-transform: uppercase
}
.top-bar-section ul ul a {
    text-transform: none
}
#st-top ul li,
#st-top ul.st-soc-icons a {
    display: block;
    line-height: 1em
}
#st-top ul li {
    float: left
}
#st-top ul.st-soc-icons li {
    margin: 0!important;
    float: none;
    display: inline-block;
    vertical-align: top
}
.st-phone,
.st-mail,
.st-soc-title {
    padding-top: 11px;
    line-height: 1.1em
}
.fullwidthbanner-container {
    width: 100%!important;
    position: relative;
    max-height: 376px!important;
    overflow: hidden
}
.st-page-slider {
    width: 100%;
    overflow: hidden;
    position: relative;
    max-height: 195px!important;
    margin-bottom: 2.18em;
    margin-top: -5.313em;
    background: #f7f7f7
}

.st-boxed-ver {
    background: #f5f5f5;
    padding: 1.875em 0
}
.st-boxed-ver #st-top .row {
    max-width: none!important
}
.st-boxed-ver #st-top .columns {
    padding: 0!important
}
.st-boxed-ver .st-wrapper {
    margin: 0 auto;
    max-width: 63.125em;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05)
}
#st-content {
    padding-bottom: 1.25em
}
.st-services article {
    border-left-width: 1px;
    border-left-style: dashed;
    margin-bottom: 1.25em;
		font-family: "Poppins", sans-serif;
}

.st-services article h1, 
.st-services article h2, 
.st-services article h3, 
.st-services article h4, 
.st-services article h5, 
.st-services article h6 {
	font-family: "Poppins", sans-serif;
}

.st-services article:first-child {
    border: 0
}
.st-proj-img {
    display: block;
    overflow: hidden;
    position: relative;
		border-radius:3px;
}

.st-services article .st-proj-img {
	border-radius:10px;
}

.st-proj-img img {
    position: relative;
    display: block;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s;
		transform: scale(0.9);
}

.st-proj-img.st-proj-img-co img {
    /*border-radius: 20px;*/
    border: solid 2px var(--finn);
    /*box-shadow: 3px 3px 3px 0px rgba(var(--viola-R),var(--viola-G),var(--viola-B),1);*/
}

#st-latest-works .st-proj-img img:hover,
#st-portfolio .st-proj-img img:hover {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
#st-team .st-proj-img {
    margin-bottom: .938em
}
#st-latest-works .st-proj-img,
#st-portfolio .st-proj-img {
    margin-bottom: 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}
img.idphoto {
    width:40%;
	height: auto;
}

.no-js .st-loader {
    display: none
}
.st-loader {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-width: 1px;
    border-style: solid
}
.st-loader span,
.sm-loader {
    z-index: 1;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -5px;
    margin-left: -20px;
    height: 10px;
    width: 40px;
    -webkit-background-size: 30px 30px!important;
    -moz-background-size: 30px 30px!important;
    background-size: 30px 30px!important;
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(255, 255, 255, .5)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .5)), color-stop(.75, rgba(255, 255, 255, .5)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%, transparent 75%, transparent);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%, transparent 75%, transparent);
    background-repeat: repeat-x;
    -webkit-animation: animate-stripes 1.5s linear infinite;
    -moz-animation: animate-stripes 1.5s linear infinite
}
@-webkit-keyframes animate-stripes {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 90px 0
    }
}
@-moz-keyframes animate-stripes {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 90px 0
    }
}
.breadcrumbs {
    padding: .438em 0 0 0;
    background: 0;
    border: 0;
    display: inline-block
}
.breadcrumbs li:before {
    content: "\2192";
    position: static
}
.breadcrumbs li:hover a,
.breadcrumbs li:focus a {
    text-decoration: none
}
.st-has-slider .st-breadcrumbs {
    padding-bottom: 4.063em
}
.breadcrumbs>* {
    font-size: .846em
}
.st-breadcrumbs h1,
.st-breadcrumbs h2,
.st-breadcrumbs h3,
.st-breadcrumbs h4,
.st-breadcrumbs h5,
.st-breadcrumbs h6 {
    text-transform: uppercase
}
/*.st-breadcrumbs {
    padding: .9375em 0;
    background-image: url('../img/content/slider-shad-bot.png');
    background-position: left bottom;
    background-repeat: repeat-x;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    position: relative
}*/
.st-breadcrumbs {
	padding: .9375em 0;
	/*background-image: url('../img/content/slider-shad-bot.png');
	background-position: left bottom;
	background-repeat: repeat-x;*/
	position: relative;
	border-top:1px solid var(--jon);
	background: rgba(var(--viola-R),var(--viola-G),var(--viola-B));
	background: linear-gradient(180deg, 
	rgb(var(--jon-R), var(--jon-G), var(--jon-B)) 1%, 
	rgb(var(--finn-R), var(--finn-G), var(--finn-B)) 2%, 
	rgba(var(--viola-R), var(--viola-G), var(--viola-B), 0.7) 8%, 
	rgb(255, 255, 255) 80%);
	
}

.no-js .st-has-slider .st-breadcrumbs {
    padding: .9375em 0
}
.st-breadcrumbs:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 35px;
    content: '';
    background-image: url('../img/content/breadcr-shad.png');
    background-position: left top;
    background-repeat: repeat-x
}
.st-breadcrumbs small {
    margin-left: .5em;
    padding-left: .72em;
    position: relative;
    font-size: 90%;
    text-transform: none;
    display: inline;
		font-family: "Poppins", sans-serif;
}
/*.st-breadcrumbs small:before {
    width: 4px;
    height: 4px;
    content: '';
    position: absolute;
    left: 0;
    top: .5em
}*/
.st-breadcrumbs h3 {
   padding-right: .625em;
	font-family: "Poppins", sans-serif;
	/*text-shadow: 1px 1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, -1px -1px 0 #FFF;*/
	text-shadow: 3px 2px 0 #FFF;
	font-weight: 700;
}
}
.st-breadcrumbs ul {
    overflow: hidden;
    margin: 0
}
.st-breadcrumbs li {
    list-style: none;
    margin: 0
}
.st-breadcrumbs li.current {
    padding: 0
}
#st-team .st-item-title {
    font-size: .750em;
    margin-bottom: 0;
    position: absolute;
    left: 0;
    bottom: .583em;
    padding: .250em .667em .333em;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}
.st-team-desc {
    padding-right: .938em
}
.st-portfolio-item,
#st-team .st-carousel-item {
    width: 15.125em;
    float: left
}
#st-latest-works,
#st-team {
    width: 100.4%
}
#st-latest-works .st-portfolio-item {
    padding: 0 .25em 2.188em 0
}
.st-portfolio-item-inner,
#st-team .st-carousel-item {
    padding: 0 .25em 0 0
}
.st-item-inner a,
#st-clients-carousel a {
    display: block
}
.st-item-inner {
    margin: 0
}
.st-item-inner,
.st-portfolio-item a {
    position: relative
}
.st-item-inner a {
    padding: .938em .625em
}
.st-item-inner .st-item-title a,
.st-item-inner .st-item-title span,
.st-portfolio-tags {
    border-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 0;
    border-bottom-width: 1px;
		font-family: "Poppins", sans-serif;
}
.st-portfolio-tags,
.st-item-inner a {
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px
}
.st-portfolio-tags {
    position: absolute;
    font-size: .750em;
    padding: .750em .625em;
    top: 0;
    width: 100%;
    height: auto;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition-property: top, opacity;
    -webkit-transition-duration: .3s;
    transition-property: top, opacity;
    transition-duration: .3s
}
.st-portfolio-tags a {
    display: inline;
    padding: 0;
    z-index: auto
}
.st-portfolio-item:hover {
    z-index: 500
}
.st-portfolio-item:hover .st-item-inner .st-item-title a {
    border-bottom-width: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}
.st-portfolio-item:hover .st-portfolio-tags {
    z-index: 100;
    top: 100%;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100)
}
.st-portfolio-tags:after {
    position: absolute;
    content: '';
    top: -4px;
    left: 50%;
    margin-left: -7px;
    width: 14px;
    height: 4px;
    background-image: url('../img/content/portfolio-tags-arrow.png');
    background-repeat: no-repeat;
    background-position: center bottom
}
#st-portfolio .st-portfolio-wrap {
    width: 101%;
    padding-bottom: 1.875em;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
#st-portfolio .st-portfolio-item {
    width: 24.9%;
    padding-bottom: 0;
    margin-bottom: .250em
}
#st-portfolio.st-3-col-portfolio .st-portfolio-item {
    width: 19.92%
}
.no-js .st-filter-link,
.no-js #st-addnewitems {
    display: none
}

.st-filter-link.button {
	font-family: "Poppins", sans-serif;
}

#st-addnewitems {
    margin-bottom: 2.188em;
    line-height: 1.538em;
    position: relative;
    font-weight: 400;
}
#st-addnewitems .st-loader {
    display: none;
    border: 0
}
.no-js .st-carousel-nav {
    display: none
}
.caroufredsel_wrapper * {
    -webkit-transform: translateZ(0)
}
.st-carousel-nav a,
.post-slider-direct-nav a {
    width: 22px;
    height: 22px;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    background-position: 50% 50%;
    background-repeat: no-repeat
}
.st-carousel-nav a#st-prev,
.st-carousel-nav a#st-prev1,
a.post-slider-prev {
    background-image: url('../img/content/carousel-prev.png')
}
.st-carousel-nav a#st-next,
.st-carousel-nav a#st-next1,
a.post-slider-next {
    background-image: url('../img/content/carousel-next.png')
}
.isotope-item {
    z-index: 2
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1
}
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -ms-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s
}
.isotope {
    -webkit-transition-property: height;
    -moz-transition-property: height;
    -ms-transition-property: height;
    -o-transition-property: height;
    transition-property: height
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: top, left, opacity;
    transition-property: transform, opacity
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}
#st-clients-carousel {
    padding: 1.250em 0;
    position: relative;
    border-width: 1px;
    border-style: solid;
    margin-bottom: 1.25em
}
#st-clients-carousel .st-carousel-nav {
    z-index: 1;
    position: absolute;
    height: 0;
    width: 100%;
    top: 50%
}
#st-clients-carousel .st-carousel-nav a {
    margin: -10px 0 0 0;
    -webkit-box-shadow: 0 0 0 4px rgba(255, 255, 255, 1);
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 1)
}
#st-clients-carousel .st-carousel-nav a#st-prev1 {
    float: left;
    margin-left: -12px
}
#st-clients-carousel .st-carousel-nav a#st-next1 {
    float: right;
    margin-right: -12px
}
#st-clients-carousel a {
    float: left;
    margin: 0 1.875em
}
.st-carousel-pag {
    display: inline-block!important;
    margin-top: .250em;
    position: relative;
    background-image: url('../img/content/slider-paging-bg.gif');
    background-position: 0 50%;
    background-repeat: repeat-x
}
.st-carousel-pag a {
    display: inline-block;
    /* width: .688em;
    height: .688em; */
	width: .588em;
    height: .788em;
    border: 2px solid #fff;
    margin: 0 .188em
}
.st-carousel-pag a:first-child {
    margin-left: 0
}
.st-carousel-pag a:last-child {
    margin-right: 0
}
.st-carousel-pag a span {
    display: none
}
.st-from-blog .clearfix:last-child>p {
    margin-bottom: 0
}
.st-slide {
    float: left;
    width: 100%
}
.st-slide .st-blog-s3-img.st-proj-img {
    margin: 0
}
.st-slide article {
    display: block;
    width: 100%;
    overflow: hidden
}
.st-latest-thumb {
    position: relative
}
.st-blogpost-carousel {
    margin-bottom: 1.250em
}
.post-slider-direct-nav {
    position: absolute;
    right: .625em;
    bottom: .625em;
    z-index: 50
}
.post-slider-direct-nav a {
    margin-left: .125em;
    float: left;
    display: block;
    border: 0;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05)
}
.st-date-comment {
    position: relative;
    z-index: 5;
    display: block;
    float: left;
    left: 1px;
    margin-right: .625em
}
.st-date-comment span {
    vertical-align: top;
    display: inline-block
}
.st-date-comment .st-date {
    font-weight: 400;
    width: 3.563em;
    height: 3.563em;
    line-height: 1.1em;
    padding-top: .688em;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2)
}
.st-date span:last-child {
    font-size: .688em
}
.st-date-comment .st-comments {
    font-size: .688em;
    font-weight: 700;
    width: 2.091em;
    height: 2.091em;
    line-height: 2.091em;
    margin-left: -1.636em;
    -webkit-border-radius: 1000px;
    border-radius: 1000px;
    position: relative
}
.st-date-comment .st-comments:after {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 1px;
    border-width: 0 6px 6px 0;
    border-style: solid
}
.st-from-blog {
    margin-bottom: 1.25em
}
.st-from-blog-img {
    display: block;
    float: left;
    margin: .313em 1.250em 1.250em -1.688em;
    overflow: hidden;
    width: 6.563em
}
.st-post .st-proj-img {
    margin-bottom: 1.875em
}
.st-post .st-from-blog-img {
    width: 10.625em
}
.st-more {
    white-space: nowrap;
    margin-left: .625em;
    display: inline-block
}
.st-bloginfo {
    margin-bottom: .688em
}
.st-bloginfo-inner {
    display: inline
}
.st-bloginfo .inline-list {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    padding: .438em 0;
    margin-left: 0
}
.st-bloginfo ul {
    font-size: .688em;
    font-weight: 400;
    margin-bottom: 0;
    position: relative
}
.st-bloginfo li {
    white-space: nowrap;
    padding-left: 1.875em;
    margin-left: 0;
    margin-right: 1.375em;
    background-repeat: no-repeat;
    background-position: left top
}
.st-bloginfo li.st-bloginfo-comment {
    margin-right: 0
}
.st-bloginfo-date {
    background-image: url('../images/bloginfo-date.png')
}
.st-bloginfo-author {
    background-image: url('../images/bloginfo-author.png')
}
.st-bloginfo-cat {
    background-image: url('../images/bloginfo-cat.png')
}
.st-bloginfo-comment {
    background-image: url('../images/bloginfo-comment.png')
}
.st-bloginfo a {
    display: inline
}
.st-sidebar aside {
    padding: 1.250em
}
.st-sidebars .st-sidebar:first-child>aside {
    border-width: 1px;
    border-style: solid
}
.st-sidebars .st-sidebar:first-child:only-child>aside {
    border: 0
}
.pagination li a {
    line-height: 1em;
    padding: .214em .4375em
}
.st-post .st-blog-s3-img {
    margin: .938em 0
}
.post-comm {
    padding-top: .750em;
    margin-bottom: 1.250em
}
.auth span {
    display: block;
    font-weight: 400;
    margin-bottom: .938em
}
.st-avatar {
    overflow: hidden;
    display: block
}
.post-comm {
    margin-left: 5.313em;
    border-left-width: 1px;
    border-left-style: solid;
    padding-left: 1.250em;
    position: relative
}
.post-comm:before {
    content: '\00B0';
    position: absolute;
    left: -3px;
    top: 1.000em
}
.st-map {
    width: 100%;
    height: 300px;
    margin-bottom: 1.25em
}
.st-map-pag {
    z-index: 500;
    text-align: center;
    line-height: 31px;
    top: auto!important;
    right: 3%!important;
    left: 3%!important;
    bottom: 25px!important;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
    background: #fff;
    background: rgba(255, 255, 255, .9);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2)
}
.st-map-pag .st-place {
    width: auto;
    display: inline-block;
    line-height: 1em;
    font-weight: 700;
    padding: 0 20px
}
.st-map-pag .btn {
    display: block;
    float: left;
    cursor: pointer;
    width: 35px;
    height: 35px;
    position: relative;
    border-style: solid;
    border-top-width: 0;
    border-right-width: 1px;
    border-bottom-width: 0;
    border-left-width: 0
}
.st-map-pag .fwd-btn {
    float: right;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 1px
}
.st-map-pag .btn:before {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    margin-top: -5px;
    border-style: solid;
    border-width: 5px
}
.st-map-pag .back-btn:before {
    border-color: transparent #909090 transparent transparent;
    margin-left: -7px
}
.st-map-pag .fwd-btn:before {
    border-color: transparent transparent transparent #909090;
    margin-left: -2px
}
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"],
textarea {
    /*height: 2.143em;
    line-height: 1em; */
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05)
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    background: 0
}
textarea {
    min-height: 150px;
    line-height: 1.5em
}
input.error,
textarea.error,
.st-contact-slider.error a {
    border-color: #de6262!important;
    background: #fff
}
input.valid,
textarea.valid,
.st-contact-slider.valid a {
    border-color: #79c861!important
}
.st-contact-slider.error a {
    background-color: #f7d6d6
}
.st-contact-slider.valid a {
    background-color: #c8eebd
}
.ui-slider {
    margin-bottom: 1.250em;
    height: .688em;
    border-width: 1px;
    border-style: solid;
    -webkit-box-shadow: inset 0 2px 7px 0 rgba(0, 0, 0, 0.07);
    box-shadow: inset 0 2px 7px 0 rgba(0, 0, 0, 0.07)
}
.ui-slider a {
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    display: block
}
.ui-slider .ui-slider-handle {
    cursor: pointer
}
/*#st-footer {
    padding-top: 2.188em;
    background-image: url('../img/content/slider-shad-top.png');
    background-repeat: repeat-x;
    background-position: left top
}*/
#st-footer {
	padding-top: 2.188em;
	background-color: #f7f7f7;
	background: linear-gradient(180deg, 
	rgb(var(--jon-R), var(--jon-G), var(--jon-B)) 1%, 
	rgb(var(--finn-R), var(--finn-G), var(--finn-B)) 2%, 
	rgba(var(--viola-R), var(--viola-G), var(--viola-B), 0.5) 6%, 
	rgb(255, 255, 255) 80%);
}

#st-footer .textwidget {
    margin-bottom: 1.25em
}
#st-footer h6,
.st-sidebar h6 {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 1.250em
}
.button.postfix {
    /*line-height: 2.143em*/
    line-height: 1.4em
}
.button,
button {
    background-image: none;
    height: auto!important;
    text-shadow: none!important;
    border: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0
}
.dropdown.button.small:before {
    border-width: .313em;
    margin-top: -0.125em
}
.f-dropdown:after {
    display: none
}
.f-dropdown:before {
    border-width: 4px;
    top: -8px
}
.f-dropdown {
    margin-top: 0;
    width: 9.375em;
    z-index: 501;
    padding: .625em .313em;
    border: 0;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09)
}
.f-dropdown li,
.f-dropdown li:hover {
    /* font-size: .813em; Changed */
	font-size: 1em;
    background: #fff
}
.f-dropdown li a {
    line-height: 1.4em
}
.button {
    white-space: nowrap!important
}
.button img {
    vertical-align: middle;
    margin-left: .7em
}

.button,
.button.medium.st-hollow {
    padding-top: .625em
}
button.small,
.button.small {
    padding-bottom: .692em;
    padding-top: .769em
}

button.micro, 
.button.micro {
    padding: 0.3125rem 0.625rem 0.34375rem 0.625rem;
    font-size: 0.6875rem; 
	margin:0.1875rem;
}
	
.st-button.small {
    position: relative;
    font-weight: 400;
    text-transform: uppercase;
    font-size: .688em;
    padding-top: .909em;
    padding-bottom: .909em
}
.st-button.small:after {
    position: relative;
    top: -0.091em;
    border: 0;
    content: "\002B";
    font-size: .938em;
    font-weight: 700;
    margin-left: .727em
}
.st-hollow {
    background: none transparent!important;
    border-width: 1px;
    border-style: solid
}
.st-hollow.medium {
    border-width: 2px;
    padding-top: 1.000em;
    padding-bottom: .625em
}
.st-purchase {
    background-image: url('../images/purchase-icn.png');
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 55px
}
.button-group li a.button {
    -webkit-box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.1)
}
.button-group li:last-child a.button {
    -webkit-box-shadow: 0;
    box-shadow: 0
}
.st-s-buttons {
    margin: 0 .313em .313em 0
}

a.st-icon {
    display: inline-block;
    margin-bottom: .3em;
    width: 62px;
    height: 66px;
    background-image: url('../img/icons/icon-mask.png');
    background-repeat: no-repeat;
    background-position: -10px -11px
}
.st-services article:hover a.st-icon {
    background-position: -92px -11px
}
a.st-icon span {
    display: block;
    width: 100%;
    height: 100%;
    background-position: left top;
    background-repeat: no-repeat
}
.st-services article:hover>a.st-icon span {
    background-position: right top
}
.st-icon-00 span {
    background-image: url('../img/icons/icon-00.png')
}
.st-icon-01 span {
    background-image: url('../img/icons/icon-01.svg')
}
.st-icon-02 span {
    background-image: url('../img/icons/icon-02.svg')
}
.st-icon-03 span {
    background-image: url('../img/icons/icon-03.svg')
}
.st-icon-04 span {
    background-image: url('../img/icons/icon-04.png')
}

.panel.callout {
    border-color: rgba(0, 0, 0, .1)
}
.panel.st-panel {
    padding: .6em 0;
    border-left-width: 0;
    border-right-width: 0
}
.panel p:last-child {
    margin: 0
}
.panel.st-panel h1 {
    margin-top: .375em
}
.panel.st-panel h2 {
    margin-top: .563em
}
.panel.st-panel h3 {
    margin-top: .75em
}
.panel.st-panel h4 {
    margin-top: .75em
}
.panel.st-panel h5 {
    margin-top: 1.000em
}
.st-form-alert {
    display: none;
    border: 0
}
.alert-box {
    /*font-size: .813em;*/
	font-size: 1em;
    padding-left: 1.125em;
    padding-right: 2.143em;
    border: 0;
    line-height: 1.2em
}
/*.alert-box.success {
    background-color: #52cf2b
}
.alert-box.alert {
    background-color: #e73a3e
}*/
.alert-box .close,
.alert-box .close:hover,
.alert-box .close:focus {
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5
}
.alert-box .close {
    top: .571em;
    box-sizing: border-box
}
kbd {
    border-color: rgba(0, 0, 0, .1);
    padding: 0 .385em .154em
}
.st-pseudo-table {
    border-top-width: 1px;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 1px;
    border-style: solid;
    list-style: none;
    overflow: hidden
}
.st-pseudo-table ul {
    margin: 0
}
.st-pseudo-table li li {
    list-style: none;
    border-top-width: 0;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0;
    border-style: solid
}
.st-pseudo-table li li img {
    vertical-align: middle;
    padding: .625em 0
}
.st-price-table {
    position: relative
}
.st-price-table.st-plan:after {
    content: '';
    position: absolute;
    width: 78px;
    height: 78px;
    background: url('../images/pop.png') no-repeat center center;
    top: 0;
    right: 0
}
.st-price-table:hover,
.st-price-table.st-plan { 236 138 43
    -webkit-box-shadow: 0 0 15px 0 rgba(114,146,60, 0.4); /*rgba(125, 91, 153, 0.4);*/
    box-shadow: 0 0 15px 0 rgba(114,146,60, 0.4); /*rgba(125, 91, 153, 0.4);*/
}
.st-price-table .title,
.st-price-table .price {
    border-bottom-width: 1px;
    border-bottom-style: solid
}
.st-price-table .title {
    text-transform: uppercase;
		/*font-family: 'Open Sans', sans-serif; /* Added */
		font-family: "Poppins", sans-serif;
		font-weight:700;
		background-color: var(--finn);
}
.st-price-table .price {
    margin-bottom: .500em;
    font-size: 1.625em;
    padding-top: .577em;
    padding-bottom: .577em;
    line-height: 1em
}
.st-price-table .price small {
    font-size: .500em;
    display: block
}
.st-price-table .bullet-item {
    font-size: .813em;
    padding-top: .438em;
    padding-bottom: .438em
}
.st-price-table {
    font-size: 1.000em
}
.st-price-table .cta-button {
    padding-top: 1.000em;
    margin-bottom: -1.875em
}
.st-price-table .bullet-item,
.st-price-table .description {
    border: 0
}
.st-list>li {
    margin-left: 1.125em;
    margin-bottom: .250em
}
.ui-accordion {
    margin-bottom: 1.25em
}
.st-style-accordion .ui-accordion-header {
    padding: 0;
    line-height: 1.5em;
    overflow: hidden;
    margin-top: 6px
}
.st-style-accordion .ui-accordion-content {
    padding: .500em 0
}
.st-uiaccordion-content-inner {
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
    padding: .313em .938em
}
.st-style-accordion .ui-accordion-header .ui-accordion-header-icon {
    width: 31px;
    height: 31px;
    margin: 0;
    position: static;
    border-width: 1px;
    border-style: solid;
    display: block;
    float: left;
    background-image: url('../images/accordion-icon.png');
    background-position: right top;
    background-repeat: no-repeat
}
.st-style-accordion .ui-accordion-header.ui-accordion-header-active .ui-accordion-header-icon {
    background-position: left top
}
.st-uiaccordion-head-inner {
    display: inline;
    margin-left: .688em;
    line-height: 1.2125em;
    vertical-align: middle
}
.st-style-accordion p:last-child {
    margin-bottom: 0
}
.st-faq .st-uiaccordion-head-inner {
    font-size: .813em
}
.st-faq .ui-accordion-header {
    line-height: 1em;
    margin-bottom: .938em
}
.st-faq.st-style-accordion .ui-accordion-header:before {
    content: '\0051\003A'
}
.st-faq.st-style-accordion .ui-accordion-header .ui-accordion-header-icon {
    width: 0;
    height: 0;
    border-style: solid;
    background: 0;
    border-width: 4px;
    position: relative;
    top: .313em;
    left: 0;
    margin-right: .313em;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
.st-faq.st-style-accordion .ui-accordion-header-icon.ui-icon-triangle-1-e {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent
}
.st-faq.st-style-accordion .ui-accordion-header-icon.ui-icon-triangle-1-s {
    top: .438em;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent
}
.st-faq .st-uiaccordion-content-inner {
    padding: 0 0 0 2.000em;
    border: 0;
    position: relative
}
.st-faq .st-uiaccordion-content-inner:before {
    position: absolute;
    left: .375em;
    top: 0;
    content: '\230A'
}
.no-js ul.tabs-nav {
    display: none
}
.st-tabs {
    margin-bottom: 1.25em
}
.st-tabs ul.tabs-nav {
    clear: both;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    z-index: 1;
    position: relative;
    margin-bottom: -1px
}
.st-tabs ul.tabs-nav li,
.st-tabs ul.tabs-nav li:first-child {
    margin: 0
}
.st-tabs ul.tabs-nav li {
    border-width: 1px;
    border-style: solid;
    margin-left: -1px
}
.st-tabs ul.tabs-nav li.ui-tabs-active.ui-state-active {
    border-bottom: 0 none
}
.st-tabs ul.tabs-nav li a {
    font-size: .813em;
    font-weight: 700;
    display: block;
    overflow: hidden
}
.st-tabs ul.tabs-nav li:first-child {
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px
}
.st-tabs ul.tabs-nav li:last-child {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px
}
.st-tabs .tab {
    padding: 1.250em;
    border-width: 1px;
    border-style: solid;
    margin-top: -1px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}
.st-tabs .tab p:last-child {
    margin-bottom: 0
}
.st-tabs .ui-tabs-hide,
.ui-tabs-hide {
    left: -10000px;
    position: absolute
}
.reveal-modal-bg {
    z-index: 50000;
    background: #000;
    /*background: rgba(0, 0, 0, .75)*/
    background: rgba(38, 12, 26, .85)
}
.reveal-modal {
    z-index: 50001
}
#myModal {
    background-image: url('../img/content/slider-paging-bg.gif');
    background-position: center top;
    background-repeat: repeat-y
}

.reveal-modal {
    border-radius: 20px;
    border: solid 3px #661f41;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
}
.st-progress-bar {
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 1.25em
}
.st-progress-bar div {
    margin: 0 0 .938em 0;
    -webkit-box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.07);
    box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.07)
}
.st-progress-bar span {
    width: 0;
    display: block
}
.st-progress-bar span span {
    padding: .250em;
    width: auto;
    -webkit-background-size: 30px 30px;
    -moz-background-size: 30px 30px;
    background-size: 30px 30px;
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-animation: animate-stripes 3s linear infinite;
    -moz-animation: animate-stripes 3s linear infinite
}
@-webkit-keyframes animate-stripes {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 90px 0
    }
}
@-moz-keyframes animate-stripes {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 90px 0
    }
}
.st-testimonials {
    margin-bottom: 1.25em;
	text-align:center; /* Added */
}
.st-testimonials cite {
    display: block;
    padding-bottom: 50px;
    background: url('../img/content/testimonials.png') no-repeat right bottom
}
.st-widgets {
    margin-bottom: .938em;
		max-width: 72rem;
}
.widget_recent_comments #recentcomments li,
.widget_text li,
.widget_contact li,
.st-twitter-widget li,
.widget_categories ul li,
.widget_links ul li,
.widget_meta ul li,
.st-twitter-widget1 ul li,
.comments-list li {
    margin-bottom: .250em;
    list-style: none
}
.widget_text .textwidget,
.widget_calendar table {
    /*font-size: .813em;*/
    line-height: 1.5em
}
.widget_contact {
    /*background: url('../images/widget-contact-bg.gif') no-repeat right bottom*/
}
.widget_text ul {
    font-size: 1em;
    line-height: 1.5em
}
.widget_text .textwidget p {
    /*font-size: 1em;*/
    font-size: 0.83em;
		font-weight:700;
}
#st-footer h6 span,
.st-sidebar h6 span {
    display: inline-block;
    width: 13px;
    height: 13px;
    vertical-align: middle;
    margin-left: .938em
}
.widget_recent_comments h6 span {
    background: url('../images/widget-icn-comments.png') no-repeat left top
}
.widget_contact h6 span {
    background: url('../images/widget-icn-contact.png') no-repeat left top
}
.widget_categories h6 span {
    background: url("../images/bloginfo-cat.png") no-repeat left -1px
}
.widget_links h6 span {
    background: url('../images/widget-icn-links.png') no-repeat left -1px
}
.widget_twitter h6 span {
    background: url('../images/widget-icn-twt.png') no-repeat left -1px
}
.widget_flickr h6 span {
    background: url('../images/widget-icn-flickr.png') no-repeat left -1px
}
.widget_contact li {
    padding-left: 1.875em;
    background-position: 0 .250em;
    background-repeat: no-repeat
}
.widget_contact li.cont-phone {
    background-image: url('../img/icons/foot-phone.png')
}
.widget_contact li.cont-email {
    background-image: url('../img/icons/foot-mail.png')
}
/*.widget_contact li.cont-adress {
    background-image: url('../img/icons/foot-addr.png')
}*/
.tagcloud a {
    display: inline-block;
    padding: .538em 1.154em .615em;
    margin: 0 0 .385em 0;
    border-width: 1px;
    border-style: solid;
    font-size: .813em
}
.no-js .st-twitter-widget {
    display: none
}
.st-twitter-widget {
    padding: 1.375em 0
}
.st-twitter ul.tweet_list {
    margin-bottom: 0
}
.st-twt-inner {
    padding-top: .188em
}
.st-twitter-widget1 ul li {
    margin-bottom: .938em
}
.tweet_action {
    text-transform: uppercase;
    font-size: .846em;
    border-bottom-width: 1px;
    border-bottom-style: dashed
}
.tweet_time a {
    font-weight: 400;
}
.st-birdy {
    width: 33px;
    height: 26px;
    background-image: url('../images/twitter-birdy.png');
    background-repeat: no-repeat;
    background-position: left top;
    margin-right: .938em
}
.st-twitter-widget:hover .st-birdy {
    background-position: right top;
    background-color: #44b8f2
}
#st-footer-bottom nav ul,
#st-footer-bottom nav li,
#st-footer-bottom p {
    margin-bottom: 0
}
#st-footer-bottom {
    padding: .625em 0
}
#st-footer-bottom nav li {
    display: inline;
    margin: 0 .313em;
    list-style: none
}
.widget_calendar table {
    width: 100%
}
.widget_calendar caption {
    padding: .313em 0;
    border-width: 1px;
    border-style: solid;
    border-bottom-width: 0
}
.widget_calendar table tr th,
.widget_calendar table tr td {
    padding: .625em 0;
    text-align: center
}
#today {
    border-width: 1px;
    border-style: solid
}
.widget_calendar td#next {
    border-left-width: 1px;
    border-left-style: solid
}
.widget_calendar td#prev {
    border-right-width: 1px;
    border-right-style: solid
}
.jflickr li {
    list-style: none;
    float: left;
    width: 31.3%;
    margin: 1%
}
.jflickr a {
    display: block;
    overflow: hidden;
    position: relative
}
.jflickr img {
    width: 100%;
    display: block
}
.widget_calendar table tfoot {
    border-top-width: 1px;
    border-top-style: solid
}
#to-top {
    text-align: center;
    display: none;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    z-index: 10000;
    cursor: pointer;
    background-color: #505050;
    color: #fff;
    position: fixed;
    right: 0;
    top: auto;
    left: auto;
    bottom: 0;
    width: 40px;
    height: 2.313em;
    line-height: 2.313em
}
#to-top:before {
    content: '\0394'
}
@media only screen and (max-width: 61.875em) {
    #to-top {
        display: none!important
    }
}
a.col1 {
    border-color: #24c9c0
}
a.col2 {
    border-color: #71d361
}
a.col3 {
    border-color: #f5a04d
}
a.col4 {
    border-color: #404040
}
a.col5 {
    border-color: #ea65b6
}
a.col6 {
    border-color: #7787d7
}
a.col7 {
    border-color: #46b0e6
}
a.col8 {
    border-color: #959595
}

/* Style 9 */
a.col9 {border-color: #404040;}
a.col10 {border-color: #dadada;}

.st-boxed-ver {
	background: transparent;
	padding: 0;
}

.st-boxed-ver #st-top .row {
	max-width: 61.875em!important;
}

.st-boxed-ver #st-top .columns {
	padding: 0 0.625em!important;
}

.st-boxed-ver .st-wrapper {
	background: transparent;
	margin: 0 auto;
	max-width: 	none;
	border: 0;
	-webkit-box-shadow:  0 0 0 0;	        
	        box-shadow:  0 0 0 0;
}

@media only screen and (min-width: 1681px) {
	.st-boxed-ver .st-wrapper {
		max-width: none;
	}
	
	.st-boxed-ver #st-top .row {
		max-width: 68em!important;
	}
}

@media only screen and (max-width: 58.7em) {
	.st-boxed-ver {
		padding: 0;
	}
}
/* Responsive */
@media only screen and (min-width:1681px) {
    body {
    font-size: 17.21px;
}
.row {
    max-width: 68em;
}
.st-portfolio-item, #st-team .st-carousel-item {
    width: 16.676em;
}
.st-bloginfo li {
    background-position: left .125em;
}

.hide-carousel {
	display:none;
}

}
@media only screen and (max-width:58.7em) { /* 939 px */
    .theme-changer-wrap {
    display: none;
}
.top-bar a.button.st-search-btn {
    float: none!important;
}
.top-bar-section li:first-child, .top-bar, .top-bar-section, .top-bar a.button.st-search-btn, .top-bar-section ul.left li, .top-bar-section .has-form {
    margin: 0;
    padding: 0;
}
.top-bar-section ul li a:not(.st-search-btn) {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.top-bar-section .dropdown {
    -webkit-box-shadow: transparent 0 0 0 0;
    -moz-box-shadow: transparent 0 0 0 0;
    box-shadow: transparent 0 0 0 0;
}
.top-bar-section .dropdown li a {
    font-size: 1em;
}
.top-bar-section .has-dropdown a:after {
    background: none transparent!important;
    margin-right: 0;
}
.top-bar-section li.active>a:not(.button) {
    border: 0!important;
}
.top-bar-section ul li>a, .top-bar-section .dropdown li a {
    padding: 15px 0!important;
    line-height: 1em!important;
}
.top-bar-section li a:not(.button) {
    border: 0;
	padding-left:15px; /* Added */
	padding-right:15px; /* Added */
}
/*.top-bar, .top-bar .name, .top-bar .toggle-topbar a {
    height: 67px;
	
}*/
.top-bar .name h1, .top-bar .toggle-topbar a, .top-bar .name {
    line-height: 1em;
}
.top-bar ul.title-area .name {
    padding-top: 1em;
}

.topbartitle {
    height: 60px;
	width:auto;
	
}
.top-bar-section ul li.divider {
    border-bottom: 1px solid #dbdbdb;
}
.top-bar-section .has-dropdown>a:after, .top-bar-section .has-dropdown:hover a:after {
    left: auto;
    bottom: auto;
    top: 50%;
    border: solid 5px;
    border-color: transparent transparent transparent #303030;
    background: 0;
}
.top-bar-section .dropdown {
    -webkit-opacity: 1!important;
    opacity: 1!important;
    z-index: 1;
}
.top-bar-section ul li {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.top-bar-section ul ul {
    -webkit-box-shadow: 0;
    box-shadow: 0;
}
.top-bar.expanded .title-area {
    z-index: 2;
}
.top-bar.expanded .title-area {
    /*-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);*/
}


/* .top-bar .toggle-topbar.menu-icon a span { */
.top-bar .toggle-topbar.menu-icon a span::after {
	/* Changed - Added */
	position: absolute;
    display: block;
    height: 0;
    top: 50%;
    margin-top: -16px;
    right: 0.9375rem;
	width: 16px;
	/* ^ Changed - Added */
    -webkit-box-shadow: 0 10px 0 1px #303030, 0 16px 0 1px #303030, 0 22px 0 1px #303030;
    box-shadow: 0 10px 0 1px #303030, 0 16px 0 1px #303030, 0 22px 0 1px #303030;
}
.top-bar.expanded .toggle-topbar.menu-icon a span::after {
    color: #b4b4b4!important;
    -webkit-box-shadow: 0 10px 0 1px #b4b4b4, 0 16px 0 1px #b4b4b4, 0 22px 0 1px #b4b4b4;
    box-shadow: 0 10px 0 1px #b4b4b4, 0 16px 0 1px #b4b4b4, 0 22px 0 1px #b4b4b4;
}
.top-bar-section ul ul {
    border: 0!important;
}
.top-bar-section ul.left li {
    margin-right: 0;
}
.top-bar-section .has-form {
    padding: 0;
}
.top-bar-section .has-form li {
    padding: 15px 0;
}
a, .sm-bullets.simplebullets.round .bullet, .button, button, .st-comments, .ui-accordion-header-icon, .st-birdy, #st-latest-works article *, #st-portfolio article *, .cssarrows, .sm-bullets, .st-comments:after, #st-team .st-item-title {
    transition: none!important;
    -webkit-transition: none!important;
    -ms-transition: none!important;
    -o-transition: none!important;
}
#st-latest-works .st-proj-img img:hover, #st-portfolio .st-proj-img img:hover {
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
}
.sm-bullets, .sm-bullets.hidebullets {
    bottom: 0!important;
    -ms-filter: "alpha(opacity=100)"!important;
    -moz-opacity: 1!important;
    -webkit-opacity: 1!important;
    opacity: 1!important;
}
#st-team .st-item-title, #st-team .st-carousel-item:hover .st-item-title {
    position: static;
    padding-left: 0;
    background: 0;
    color: inherit;
}
#st-portfolio .st-portfolio-wrap {
    width: 101.6%}
#st-portfolio .st-portfolio-item {
    width: 33.1%}
#st-portfolio.st-3-col-portfolio .st-portfolio-item {
    width: 24.9%}
#st-clients-carousel .st-carousel-nav a#st-prev1 {
    margin-left: -7px;
}
#st-clients-carousel .st-carousel-nav a#st-next1 {
    margin-right: -7px;
}
}
@media only screen and (max-width:48em) { /*768 px */
    .st-services>.columns {
    height: auto!important;
}
#st-top ul li.st-soc-title {
    padding-bottom: 11px;
}
.st-services article {
    border: 0!important;
}
#myModal {
    background-image: none;
}
.st-twitter-widget .text-right, #st-footer-bottom .columns, .st-panel-inner *, .st-breadcrumbs * {
    text-align: center!important;
}
.st-map-pag .back-btn {
    border-bottom-width: 1px;
}
.st-map-pag .fwd-btn {
    border-top-width: 1px;
}
#st-portfolio .st-portfolio-wrap {
    width: 101%}
#st-portfolio .st-portfolio-item {
    width: 49.9%}
#st-portfolio.st-3-col-portfolio .st-portfolio-item {
    width: 33.1%}
.st-bloginfo-comment.right {
    float: left!important;
}
.st-from-blog-img {
    margin-top: .625em;
    margin-left: -2.313em;
}
.st-post .st-proj-img {
    margin-bottom: .625em;
}
.st-post .st-blog-s3-img {
    margin-bottom: .938em;
}
.hide-carousel {
	display:inline;
}
}
@media only screen and (max-width:20.000em) { /* 320 px */
    .st-post .st-from-blog-img {
    width: 6.563em;
}
#st-portfolio.st-3-col-portfolio .st-portfolio-item {
    width: 49.9%}
}

/*new*/

/*new */
.uppercase {
	text-transform:uppercase;
}
.boldcase {
	font-weight:700;
}
.panel.white {
  border-style: solid;
  border-width: 1px;
  border-color: #8FA2D3; /* <- Changed */
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background-image:none; /* <- Changed */
  background-color:#FFF;
  }

 .panel.cdate {
  background-image:none;
  background-color:var(--finn);
  color: #FFF;
	font-weight:700;
  margin-bottom: 0.5rem;
  padding: 0.25rem;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-left-radius: 8px;
	border-color: var(--finn);
  }
  
  .panel.cinfo {
  background-image:none;
  /*background-color:#FFF;*/
  margin-bottom: 0.5rem;
  padding: 0.5rem;
	-webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  border-bottom-right-radius: 8px;
	border-color: var(--finn);
  }
  
  .panel.pinfo {
  background-image:none;
  background-color:#FFF;
  border-top:none;
  /* margin-bottom: 1rem;
  margin:0.25rem;*/
  padding: 1rem;  
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  border-bottom-right-radius: 8px;
  }
  
  
  .panel.finfo {
  background-image:none;
  background-color:#FFF;
  border-top:none;
  /* margin-bottom: 1rem; 
  margin:0.25rem; */
  margin-top:-0.25rem;
  padding: 1rem;  
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  border-bottom-right-radius: 8px;
  }
  
  .panel.ndate {
  background-image:none;
  background-color:#4B3D8D;
  color: #FFF;
  margin-bottom: 0rem;
  padding: 0.75rem;
  font-size:1.15rem;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px;
  }
  
  .panel.ninfo {
  background-image:none;
  background-color:#FFF;
  margin-top: -0.1rem;
  margin-bottom: 3rem;
  padding: 1rem;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  border-bottom-right-radius: 8px;
  }
  
 
.panel.opt_sel {
	border-style: solid;
	border-width: 1px;
	border-color: #AB1F68;
	margin-bottom: 0.25rem;
	padding: 0.25rem;
	padding-left: 0.25rem;
	background: var(--rouge);
	text-transform: uppercase;
	color: white;
	border-radius: 8px;
}

.panel.opt_sel label {
	font-size: 0.875rem;
	color: white;
}

.panel.opt_nosel {
	/*border-style: solid;
    border-width: 1px;
    border-color: #006600;*/
	border:none;
    margin-bottom: 0.25rem;
    padding: 0.25rem;
	padding-left:0.25rem;
    background: white;
	/*text-transform:capitalize;*/
	border-radius: 8px;
}

.panel.opt_gray {
	border-style: solid;
    border-width: 1px;
    border-color: #CCC;
    margin-bottom: 0.25rem;
    padding: 0.25rem;
	padding-left:0.25rem;
    background: #CCC;
	/*text-transform:capitalize;*/
	text-decoration:line-through;
	color:#999;
	border-radius: 8px;
}

.panel.opt_gray label {
	color:#999;
	/*text-transform:capitalize;*/
	text-decoration:line-through;
}

.panel.opt_soldout {
	border-style: solid;
    border-width: 1px;
    border-color: #CCC;
    margin-bottom: 0.25rem;
    padding: 0.25rem;
	padding-left:0.25rem;
    background: #CCC;
	/*text-transform:capitalize;*/
	color:#999;
	border-radius: 8px;
}

.panel.opt_soldout label {
	color:#999;
	/*text-transform:capitalize;*/
}


.switch.plano label {
	color: #222;
	font-weight:700;
	background: #ea1919;
}

.switch.plano span:before {
	content: "NÂO";
}

.switch.plano input:checked + label {
	background: #0FBA00;
}

.switch.plano input:checked + label + span:before {
	content: "SIM";
}


.google-maps {
position: relative;
padding-bottom: 56.25%; // This is the aspect ratio
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}


.top-bar .title-area {
    margin-left: 1.1rem;
    position: relative;
}

  .callout.primary {
    background-color: #def0fc; }
    .callout.primary a {
      color: #116ca8; }
      .callout.primary a:hover {
        color: #0a4063; }
  .callout.secondary {
    background-color: #ebebeb; }
  .callout.success {
    background-color: #e1faea; }
    .callout.success a {
      color: #1ea450; }
      .callout.success a:hover {
        color: #126330; }
  .callout.alert {
    background-color: #fce6e2; }
    .callout.alert a {
      color: #bf2b13; }
      .callout.alert a:hover {
        color: #791b0c; }
  .callout.warning {
    background-color: #fff3d9; }
    .callout.warning a {
      color: #b37a00; }
      .callout.warning a:hover {
        color: #664600; }