/* Demo Construction */
@font-face {
    font-family: 'jaapokki_subtractregular';
    src: url('../fonts/jaapokkisubtract-regular-webfont.eot');
    src: url('../fonts/jaapokkisubtract-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/jaapokkisubtract-regular-webfont.woff2') format('woff2'),
         url('../fonts/jaapokkisubtract-regular-webfont.woff') format('woff'),
         url('../fonts/jaapokkisubtract-regular-webfont.ttf') format('truetype'),
         url('../fonts/jaapokkisubtract-regular-webfont.svg#jaapokki_subtractregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	font-family: 'Cabin', sans-serif;
	color: #4b4b4b;
	background-color: #F9FDFF;
}
.dark-color {
	color: #182638;
}
a, a:hover, a:active, .color {
	color: #f7ba14;
}
.text-shadow {
	text-shadow: 0px 0px 1px rgba(24, 38, 56,0.2);
}
.widget-logo img {
    max-width: 115px;
}
#fount-to-top {
    color: #f7ba14;
}
.header-font {
	font-family: 'Source Sans Pro', sans-serif;
}
.custom-font {
	font-family: 'jaapokki_subtractregular', sans-serif;
}
.fount-banner {
    background: none;
}
.video-background {
	background-position: center center; 
	background-repeat: no-repeat; 
	background-size: cover;
	background-image: url(../images/background/bg_1600x1067.jpg);
}
.video-background video {
	width: 100%;
	height: auto;
}
#fullscreen-banner .banner-overlay {
	width: 100%;
	height: 100%;
	background: repeat left top url(../images/dots.png);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
}
#fullscreen-banner .sld-v-center {
	z-index: 6;
}
.owl-carousel .big .headings-top {
    font-size: 38px;
}
#fount-top-floater {
    height: 96px;
    line-height: 96px;
}
.scrolling-menu #fount-top-floater {
    height: 66px;
    line-height: 66px;
}
#header-nav.classic-menu {
	opacity: 1;
}
#menu-section #menu-right-trigger {
    width: 17px;
	margin-top: -8px;
}
#menu-right-trigger .menu-bar {
    width: 17px;
    height: 3px;
	background-color: rgba(255, 255, 255,0.88);
}
.scrolling-menu #menu-right-trigger .menu-bar,
.header-static #menu-right-trigger .menu-bar {
	background-color: rgba(142, 142, 142,0.88);
}
#menu-right-trigger .menu-bar.bar-2 {
    top: 6px;
}
#menu-right-trigger .menu-bar.bar-3 {
    top: 12px;
}
#menu-right-trigger.hover_trigger .menu-bar {
	background-color: rgba(230, 126, 34,0.88);
}
.scrolling-menu #menu-right-trigger.hover_trigger .menu-bar,
.header-static #menu-right-trigger.hover_trigger .menu-bar {
	background-color: #f7ba14;
}
#menu-right-trigger.hover_trigger .bar-1 {
    margin-top: 3px;
    margin-left: -2px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 12px;
}
#menu-right-trigger.hover_trigger .bar-3 {
    margin-top: -3px;
    margin-left: -2px;
    width: 12px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.header-logo-holder {
	margin-top: 10px;
	-webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
}
.scrolling-menu .header-logo-holder {
	margin-top: 12px;
}
.header-logo img {
	max-width: auto;
}
.scrolling-menu .header-logo img {
	max-width: auto;
}
.header-nav-inner {
    height: 96px;
	-webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
}
.scrolling-menu .header-nav-inner {
    background-color: rgba(250, 250, 250, 1);
	height: 66px;
	margin-top: 0;
}
.header-static .header-nav-inner {
	background-color: rgba(250, 250, 250, 0.95);
}
#menu-section .sf-menu>li {
	height: 96px;
    line-height: 96px;
	-webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
}
.scrolling-menu #menu-section .sf-menu>li {
    height: 66px;
    line-height: 66px;
}
#menu-section .sf-menu li a {
    color: #E3EAED;
}
#menu-section .sf-menu li:hover a,
#menu-section .sf-menu li.active a,
#menu-section .sf-menu li a.current {
    color: #f7ba14;
}
.scrolling-menu #menu-section .sf-menu li a,
.header-static #menu-section .sf-menu li a {
    color: #000;
}
.scrolling-menu #menu-section .sf-menu li:hover > a,
.scrolling-menu #menu-section .sf-menu li.active > a,
.scrolling-menu #menu-section .sf-menu li a.current,
.header-static #menu-section .sf-menu li:hover > a,
.header-static #menu-section .sf-menu li.active > a {
    color: #f7ba14;
}
#menu-section .sf-menu > li:hover > a::after {
    background-color: #f7ba14;
}
.scrolling-menu #menu-section .sf-menu > li:hover > a::after,
.header-static #menu-section .sf-menu > li:hover > a::after {
    background-color: #f7ba14;
}
.sf-menu .menu-item-has-children {
	position: relative;
}
.sf-menu .menu-item-has-children .sub-menu {
	top: 67px;
	background: #fff;
}
.sf-menu .menu-item-has-children.right .sub-menu {
	right: 0;
}
#menu-section .sf-menu .menu-item-has-children li a {
    border-top: 1px solid #efefef;
	color: #8e8e8e;
}
#menu-section .sf-menu .menu-item-has-children li a:hover,
#menu-section .sf-menu .menu-item-has-children li.active a {
	color: #f7ba14;
	background-color:#efefef;
}
.slider-scroll-button a {
	color: #fff;
	border-color: #fff;
}
.slider-scroll-button .theme-button i {
	color: #f7ba14;
}
#fullscreen-banner .big .headings-top {
	font-family: 'jaapokki_subtractregular';
	font-size: 4.6em;
}
.hidden-bar {
    width: 380px;
	color: #969696;
}
.highlighted {
	background-color: transparent;
	border-color: rgba(150, 150, 150,0.2);
	color: #f7ba14;
}
.hidden-bar .highlighted {
	background-color: transparent;
	border-color: rgba(150, 150, 150,0.2);
	color: #f7ba14;
	padding: 8px 10px;
	max-height: 33px;
}
.hidden-bar .highlighted:focus {
    background: none;
	border-color: rgba(230, 126, 34,0.65);
}
.highlighted:focus {
	background-color: rgba(230, 126, 34,0.1);
	border-color: rgba(230, 126, 34,0.65);
	color: #f7ba14;
}
.hidden-bar .form-signup-row {
	margin-bottom: 6px;
}
.hidden-bar .theme-button input {
	border-radius: 3px;
	border: 2px solid #fff;
	color: #fff;
	padding: 4px 12px 4px 12px;
    font-weight: 700;
	background: none;
	margin-top: 10px;
	-webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
}
.hidden-bar .theme-button input:hover {
	background-color: #f7ba14;
	border-color: #f7ba14;
	color: #fff;
}
.simple_line {
    border-color: #f7ba14;
}
.simple_line.icon {
    position: relative;
	border-color: #D2ECF7;
}
.simple_line.icon i {
    position: absolute;
    left: 50%;
    font-size: 42px;
    margin-left: -34px;
    margin-top: -20px;
    padding: 0px 14px;
	color: #313539;
	background-color:#fff;
}
.white-tabs .nav-tabs > li.active > a {
    color:#f7ba14;
}
.tm_content h4 {
	line-height: 28px;
}
.testimonials_slider.owl-theme .tm_title {
	color:#f7ba14;
}
.testimonials_slider.owl-theme .owl-controls .owl-page.active span, 
.testimonials_slider.owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: #f7ba14;
}
.folio-overlay {
    background-color: rgba(0, 0, 0, 0.55);
}
.bordered-buttons.theme-button a {
	border-color: #f7ba14;
	color: #f7ba14;
}
.fount-folio-filter li a {
    color: #555555;
}
.fount-folio-filter li a.active,
.fount-folio-filter li:hover a {
	color: #f7ba14;
}
.fount-folio-filter li a:after {
    background-color: #f7ba14;
}
.post-slider .hentry .entry-featured .blog-overlay {
    background-color: rgba(3, 172, 159, 0.55);
}
.post-slider .hentry .entry-featured .blog-overlay i {
	color: #fff;
}
.post-slider .hentry .entry-meta {
    color: #9c9c9c;
}
.post-slider .hentry .entry-title a {
    color: #313539;
	text-shadow: 0px 0px 1px rgba(49, 53, 57,0.2);
	font-size: 21px;
}
.post-slider .hentry .entry-title a:hover {
    color: #f7ba14;
}
.post-slider .hentry .theme-button a {
    color: rgb(34, 34, 34);
    border-color: rgb(34, 34, 34);
    background-color: transparent;
	font-size: 11px;
}
.post-slider .hentry .theme-button a:hover {
	color: #fff;
    border-color: #f7ba14;
    background-color: #f7ba14;
}
.post-slider .owl-controls .owl-buttons > div:hover i {
    color: #f7ba14;
}
.bg-color {
	background-color: #dde8ed;
}
.bg-color-2 {
	background-color: #f7ba14;
}
#main {
    position: relative;
}
#footer .widget .widget-title {
	color: #e2e2e2;
	text-shadow: 0px 0px 1px rgba(49, 53, 57,0.2);
	font-weight: 600;
}
#footer > .footer-inner i {
	margin-top: 4px;
	color: #e2e2e2;
}
#footer .recent-post h6 a {
	color: #fff;
}
#footer .recent-post h6 a:hover {
	color: #f7ba14;
}
#footer .highlighted {
	background-color: #E3EAED;
	font-size: 12px;
	margin-bottom: 7px;
	border: 1px solid #CADCE4;
}
#footer input.highlighted {
	max-height: 37px;
}
#footer .highlighted:focus {
    border-color: #f7ba14;
	background-color: rgba(218, 148, 54,0.1);
	color: #f7ba14;
}
#newsletter .highlighted {
	background-color: #ffffff;
	font-size: 12px;
	margin-bottom: 7px;
	border: 1px solid #ffffff;
}
#newsletter input.highlighted {
	max-height: 37px;
}
#newsletter .highlighted:focus {
    border-color: #f7ba14;
	background-color: rgb(255, 255, 255);
	color: #f7ba14;
}
#footer #signup_submit {
	margin-top: 7px;
    color: rgb(226, 226, 226);
    border: 2px solid rgb(226, 226, 226);
	border-radius: 3px;
    background-color: transparent;
    font-size: 11px;
	padding: 3px 12px 2px 12px;
	font-family: Open Sans;
	font-weight: 700;
	-webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
}
#footer #signup_submit:hover {
	border-color: #f7ba14;
	background-color: #f7ba14;
	color: #fff;
}
.recent-tweets .twt-follow a:hover {
	color: #f7ba14;
}
#footer > .footer-inner .recent-tweets .twt-icon i {
	color: #616161;
}
#footer > .footer-inner .recent-tweets .flex-direction-nav li a:hover i {
	color: #f7ba14;
}
#footer .simple_line {
    border-bottom: 1px solid rgba(114, 114, 114,0.2);
	box-shadow: 0px -1px 0px #000000;
    -webkit-box-shadow: 0px -1px 0px #000000;
    -moz-box-shadow: 0px -1px 0px #000000;
}
/* Copyright */
.copyright {
	color: #f9fdff;
}
.folio-icons-wrap .linker a {
    color: #000;
}
.folio-icons-wrap .linker a:hover {
    background-color: #000;
	color: #fff;
}
.mfp-figure:after,
.mfp-content {
	background: none;
	box-shadow: none;
}
img.mfp-img {
	padding-bottom: 0;
}
.mfp-close-btn-in .mfp-close:hover {
    color: #f7ba14;
}
.fount-close-figure, .fount-left-figure, .fount-right-figure, .mfp-close {
	color: #acacac;
	opacity: 1;
}
#fount-left:hover .inner-mover, #fount-right:hover .inner-mover, .mfp-close:hover {
    color: #f7ba14;
}
.popup-wrapper-inner h1.header-font,
.popup-wrapper-inner h3,
.popup-wrapper-inner .header-font > div {
	color: #313539;
}
.post-item .entry-title a,
.masonry-post-item .entry-title a,
.single-post h2.title {
	font-weight: 700;
}
.masonry-post-item .entry-title a {
	font-size: 22px;
}
.company-info h5 {
	margin-bottom: 8px;
}
.company-info p {
	font-size: 13px;
	font-weight: 700;
}
.company-info .simple_line.thick {
	width: 40px;
	margin-top: 16px;
	margin-bottom: 25px;
}
.company-info .phone {
	font-size: 14px;
}
.owl-carousel .big .headings-top {
    font-size: 3.6em;
}
.owl-carousel .big .headings-body {
    font-size: 1.1em;
	font-weight: 500;
    background-color: rgba(0, 0, 0 ,0.8);
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page:hover span {
	background-color: #f7ba14;
}
.owl-carousel .colored-slider {
	background-color: rgba(0, 0, 0 ,0.8);
	color: #f7ba14;
	text-shadow: 0px 0px 1px rgba(230, 126, 34,0.2);
}
.underlined.color {
	border-bottom-color: rgba(230, 126, 34,0.9);
	text-shadow: 0px 0px 1px rgba(230, 126, 34,0.2);
}
.service-item .service-icon,
.service-item .service-icon:hover {
	font-size: 25px;
	line-height: 25px;
}
.service-item .service-icon i {
	color: #acacac;
	-webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
}
.service-item:hover .service-icon i {
	color: #f7ba14;
}
.member-ul-slider .owl-controls .owl-buttons > div:hover i {
    color: #f7ba14;
}
#map {
	height: 700px;
}
.single-page-title > p {
	color: #acacac;
}
.posts-wrap .entry-title a {
	color: #313539;
}
.posts-wrap .entry-title a:hover {
	color: #f7ba14;
}
.posts-wrap .entry-meta, 
.posts-wrap .entry-meta a, 
.single-post .entry-meta, 
.single-post .entry-meta a, 
.masonry-post-item .entry-footer .blog-categories a {
    color: #acacac;
}
.posts-wrap .entry-title a:hover, 
.posts-wrap .entry-meta a:hover, 
.paging-navigation .prev-nav:hover, 
.paging-navigation .next-nav:hover, 
.single-post .entry-meta a:hover, 
.masonry-post-item .entry-footer .blog-categories a:hover {
    color: #f7ba14;
}
.masonry-post-item .entry-featured .blog-overlay {
	background-color: rgba(255, 255, 255, 0.85);
}
.popup-holder .simple_line {
    border-color: #c5c5c5;
}
.popup-wrapper-inner h5.header-font {
	color: #313539;
}
.fount-left-figure a, .fount-right-figure a {
	color: #acacac;
}
.fount-left-figure:hover a, .fount-right-figure:hover a {
	color: #f7ba14;
}
.white-tabs .tab-content {
    background-color: #E3EAED;
    border: 1px solid #CADCE4;
}
.white-tabs .nav-tabs > li.active {
    border-bottom: 1px solid #E3EAED;
    background-color: #E3EAED;
}
.white-tabs .nav-tabs > li {
    background-color: rgba(202, 220, 228, 0.50);
    border-color: #CADCE4;
}
.white-tabs .nav-tabs > li:hover {
    background-color: #E3EAED;
}
.service-item {
    margin-bottom: 70px;
}
.folio-grid .folio-item .folio-content p {
	color: #4b4b4b;
}
.popup-holder {
	color: #4b4b4b;
}
.member-grid .member .member-socials .link .fount-socialink {
    border-color: #f7ba14;
    color: #f7ba14;
}
.member-grid .member .member-socials .link .fount-socialink a {
    color: #f7ba14;
}
.fount-socialink:hover .bg-shifter {
	top: -1px;
}
#footer {
	color: #f9fdff;
}
#footer .simple_line {
	box-shadow: none;
}
#footer .simple_line.thicker {
	border-bottom-width: 6px;
	border-color: #f7ba14;
}
#footer .simple_line.border-light {
	border-bottom: 1px solid rgba(249,253,255,0.38);
}
#footer .bordered-buttons.theme-button a {
	border-radius: 3px;
	-webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
}
#footer > .footer-inner .theme-button i {
    color: #f7ba14;
}
#footer .bordered-buttons.theme-button a:hover {
	background-color: #f7ba14;
	color: #fff;
}
#footer .bordered-buttons.theme-button a:hover i {
	color: #fff;
}
#newsletter .bordered-buttons.theme-button a {
	border-radius: 3px;
	-webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
}
#newsletter > .newsletter-inner .theme-button i {
    color: #f7ba14;
}
#newsletter .bordered-buttons.theme-button a:hover {
	background-color: #f7ba14;
	color: #fff;
}
#newsletter .bordered-buttons.theme-button a:hover i {
	color: #fff;
}
#footer > .footer-inner .fount_vcard_block i {
	color: #f9fdff;
	opacity: 1;
}
@media only screen and (max-width: 768px) {
	.header-absolute {
		position: relative;
		z-index: 1;
		background-color: #121212;
	}
	#header-nav.classic-menu {
		position: static;
		background-color: #121212;
	}
	#menu-section .sf-menu {
		display: none;
		height: 270px;
		overflow-y: scroll;
	}
	#menu-toggle-floater {
		height: 96px;
		line-height: 96px;
	}
	#menu-toggle-floater .menu-toggle .menu-bar,
	#menu-right-trigger .menu-bar {
		width: 17px;
		height: 3px;
		background-color: rgba(142, 142, 142,0.88);
	}
	#footer > .footer-inner {
		position: static;
	}
	#copyright .col-sm-6.text-right {
		text-align: left;
	}
	.header-logo {
		position: absolute;
	}
	#menu-section .sf-menu .menu-item-has-children li a {
		border-color: #eeeeee;
	}
	#menu-section .sf-menu li a,
	.header-static #menu-section .sf-menu li a,
	#menu-section .sf-menu li a.current {
		color: #8e8e8e;
	}
	#menu-section .sf-menu li.active > a {
		color: #f7ba14;
	}
	#menu-section .sf-menu > li:hover > a::after {
		background: none;
	}
	.owl-carousel .big .headings-top, 
	#fullscreen-banner .big .headings-top {
		font-size: 2.6em;
	}
	.owl-carousel .huge .headings-body, 
	#fullscreen-banner .huge .headings-body {
		font-size: 0.9em;
	}
	.header-logo-before {
		display: none;
	}
	.header-logo-after {
		filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    	opacity: 1; 
	}
	#menu-toggle-floater {
		display: inline-block;
	}
	#menu-section .sf-menu > li {
		width: 100%;
		float: left;
		height: auto;
		line-height: inherit;
		text-align: center;
		border-top: 1px solid #eeeeee;
	}
	#menu-section .sf-menu .menu-item-has-children li a {
		border-color: #eeeeee;
		color: #8e8e8e;
	}
	#menu-section .sf-menu > li > a, 
	#menu-section .sf-menu > li > a.current {
		padding: 10px 0px;
		font-weight: 600;
		font-size: 15px;
		width: 100%;
	}
	.sf-menu .menu-item-has-children .sub-menu {
		visibility: visible !important;
		display: block !important;
		position: static;
		text-align: center;
	}
	.sf-menu .sub-menu a {
		filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity: 1;
	}
	#menu-section, #menu-section .sf-menu {
		width: 100%;
	}
}
@media only screen and (max-width: 480px) {
	#header-nav.classic-menu {
		background-color: #fff;
	}
}

.accordion {
	background-color: #fff;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
  }
  
  .active, .accordion:hover {
	background-color: #f7ba14;
  }
  
  .accordion:after {
	content: '\002B';
	color: #444;
	font-weight: bold;
	float: right;
	margin-left: 5px;
  }
  
  .active:after {
	content: "\2212";
  }
  
  .panel {
	padding: 0 18px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
  }