/* IMPORT RESET */
@import url("reset.css");

/* IMPORT GRID */
@import url("responsive.gs.24col.css");

/* IMPORT TYPO */
@import url("typo.css");

@import url("lightgallery.min.css");
@import url("lg-transitions.min.css");

/* iCheck radio, checkbox */
@import url("../js/icheck/skins/square/square.css");

/* noUiSlider */
@import url("nouislider.min.css");

.noUi-connect {
	background: #ef7900;
}

#cookie-bar {
	background: #fff;
	max-width: 300px;
	height: auto;
	line-height: 1.2em;
	font-size: 14px;
	color: #000000;
	text-align: left;
	padding: 10px;

	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;

	box-shadow: 0px 10px 20px 0px rgba(120, 133, 139, 0.35);
}
#cookie-bar.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 998;
}
#cookie-bar.fixed.bottom {
	bottom: 0px;
	top: auto;
	left: auto;
	right: 20px;
}
#cookie-bar p {
	margin: 0 auto;
	padding: 0;
	max-width: 1140px;
}
#cookie-bar a {
	font-size: 14px;
	font-family: "Barlow-Regular", sans-serif;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	padding: 6px 10px;
	margin: 8px 4px 4px 0;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
#cookie-bar .cb-enable {
	background: #ef7900;
}
#cookie-bar .cb-enable:hover {
	background: #000000;
}
#cookie-bar .cb-disable {
	background: #666;
}
#cookie-bar .cb-disable:hover {
	background: #666;
}
#cookie-bar .cb-policy {
	background: #000000;
}
#cookie-bar .cb-policy:hover {
	background: #ef7900;
}

/* `Basic
----------------------------------------------------------------------------------------------------*/

body {
	overflow-x: hidden;
}

* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent; /* For some Androids */
}

img {
	vertical-align: top;
	max-width: 100%;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

img.scale-with-grid {
	max-width: 100%;
	min-width: 100%;
	height: auto;
}

img.rounded {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.remove-bottom {
	margin-bottom: 0 !important;
}
.half-bottom {
	margin-bottom: 10px !important;
}
.add-bottom {
	margin-bottom: 20px !important;
}
.double-bottom {
	margin-bottom: 40px !important;
}
.triple-bottom {
	margin-bottom: 60px !important;
}

a {
	-webkit-transition: color 0.5s ease, background-color 0.5s ease, border 0.5s ease;
	-moz-transition: color 0.5s ease, background-color 0.5s ease, border 0.5s ease;
	-o-transition: color 0.5s ease, background-color 0.5s ease, border 0.5s ease;
	transition: color 0.5s ease, background-color 0.5s ease, border 0.5s ease;
}

a.grayscale img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
	-webkit-transition: all 0.6s ease; /* Fade to color for Chrome and Safari */
}

a.grayscale:hover img {
	filter: none;
	-webkit-filter: grayscale(0%);
}

.hide,
.show-tablet,
.show-mobile {
	display: none;
}

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

.text-right {
	text-align: right;
}

.site {
	max-width: 1920px;
	margin: 0 auto;
}

.container {
	padding: 0 20px;
	position: relative;
	max-width: 1280px;
	margin: 0 auto;
}

.container .row {
	margin-bottom: 20px;
}

#header {
	height: 70px;
	line-height: 70px;

	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	z-index: 999;

	background: #fff;

	box-shadow: 0px 10px 20px 0px rgba(120, 133, 139, 0.35);

	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#header .menu {
	color: #ef7900;
	font-family: "Barlow-Bold";
	font-size: 18px;
	text-align: right;
}

#header .menu ul {
	margin: 0 20px 0 0;
	padding: 0px;
	list-style-type: none;
}

#header .menu ul li {
	margin: 0px 10px;
	padding: 0px;
	display: inline;
	position: relative;
}

#header .menu ul li a {
	color: #ef7900;
	text-decoration: none;
}

#header .menu ul li a:hover {
	color: #000000;
}

#header .menu ul li a.active {
	color: #000000;
}

#header .logo {
	position: absolute;
	left: 20px;
	top: 0px;
}

#header .logo img {
	vertical-align: middle;

	max-width: 180px;
	height: auto;

	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#header.small {
}

#header.small .logo img {
	max-width: 160px;
}

.main-header {
	height: 70px;
	background: #fff;
}

#header a.toggle-menu {
	width: 70px;
	height: 70px;

	text-decoration: none;
	position: absolute;
	right: 0px;
	top: 0px;

	text-indent: -9999px;

	background-image: url(../images/menu-toggle.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #fff;

	cursor: pointer;

	display: none;
}

#header a.toggle-menu.active {
	background-image: url(../images/menu-close.png);
	background-color: #fff;
}

#header a.lang {
	width: 70px;
	height: 70px;

	text-decoration: none;
	text-align: center;
	line-height: 70px;

	position: absolute;
	right: 70px;
	top: 0px;

	color: #303439;
	background-color: #fff;

	cursor: pointer;
}

#mobile-nav {
	width: 280px;

	position: fixed;
	right: 20px;
	top: 70px;
	z-index: 9999;

	background: #fff;
	line-height: 50px;

	color: #ef7900;

	font-family: "Barlow-Bold";
	font-size: 16px;

	display: none;

	box-shadow: 0px 10px 20px 0px rgba(120, 133, 139, 0.35);
}

#mobile-nav.active {
	display: block;
}

#mobile-nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#mobile-nav ul li {
	margin: 0px;
	padding: 0px;
	display: block;

	border-bottom: 1px solid #ccc;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#mobile-nav ul li a {
	color: #ef7900;
	display: block;
	padding: 0 20px;
	text-decoration: none;
}

#mobile-nav ul li a:hover {
	color: #000000;
}

#mobile-nav ul li a.active {
	color: #000000;
}

/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides_container {
	width: 100%;
	height: 100%;
	position: relative;
	margin: 70px auto 0 auto;
	z-index: 800;

	background-color: #78858b;
}

.rslides_container .scroll-down {
	position: absolute;
	z-index: 9999;
	left: 50%;
	bottom: 40px;
	margin-left: -17px;
}

.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

.rslides li {
	padding: 0;
	margin: 0;
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;

	width: 100%;

	left: 0;
	top: 0;
}

.rslides .slider-text {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 20%;
	z-index: 2;

	text-align: left;
}

.rslides .slider-text-01 {
	color: #fff;
	background: #000;
	background: rgba(0, 0, 0, 0.8);

	border-top: 5px solid #ef7900;
	border-bottom: 5px solid #ef7900;

	padding: 20px;

	margin: 0 0 0 30px;

	display: inline-block;
	text-align: center;

	font-size: 31px;
	line-height: 1.25em;
	font-family: "Barlow-Bold", sans-serif;

	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.rslides .slider-text-01 strong {
	font-size: 36px;
}

.rslides .slider-text-02 {
	color: #fff;
	background: #000;
	background: rgba(0, 0, 0, 0.8);

	border-top: 5px solid #ef7900;
	border-bottom: 5px solid #ef7900;

	padding: 20px;

	margin: 20px 20px 20px 60px;

	display: inline-block;
	text-align: center;

	font-size: 24px;
	line-height: 1.25em;
	font-family: "Barlow-Bold", sans-serif;

	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.rslides .slider-image {
	display: block;
	height: 430px;
	width: 100%;
	margin: 0 auto;
	border: 0;
	text-indent: -9999px;

	background-repeat: no-repeat;
	background-position: right center;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.rslides .slider-image.pic1 {
	background-image: url(../kepek/home.jpg);
}

.rslides1_nav {
	position: absolute;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	top: 50%;
	left: 0;
	z-index: 99;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 50px;
	width: 50px;
	background: url("../images/themes.png") no-repeat left top #6ea714;
	margin-top: -25px;
}

.rslides1_nav.next {
	left: auto;
	background-position: right top;
	right: 0;
}

.content {
	padding: 60px 0 20px 0;
}

.inner {
	padding: 30px;
}

.content-main {
	margin: 80px 0 40px 0;
}

.txt-content {
	padding: 30px;
	margin: 0 0 30px 0;
	background-color: #fff;

	box-shadow: 0px 10px 20px 0px rgba(120, 133, 139, 0.35);

	-webkit-border-radius: 30px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius: 30px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-radius: 30px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.txt-content.orange {
	color: #fff;
	background-color: #ef7900;
}

.txt-content.gray {
	color: #fff;
	background-color: #222;
}

.txt-content.orange *,
.txt-content.gray * {
	color: #fff;
}

.pic-content {
	margin: 0 0 30px 0;
	background-color: #fff;

	box-shadow: 0px 10px 20px 0px rgba(120, 133, 139, 0.35);
}

.pic-content,
.pic-content img {
	-webkit-border-radius: 30px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius: 30px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-radius: 30px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.txt-content p:last-child {
	margin: 0px;
}

.txt-content .icon {
	text-align: right;
	margin: -85px 0 20px 0;
}

.form-content {
	padding: 30px;
	margin: 0 0 30px 0;
	color: #fff;
	background-color: #ef7900;

	box-shadow: 0px 10px 20px 0px rgba(120, 133, 139, 0.35);

	-webkit-border-radius: 30px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius: 30px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-radius: 30px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.form-content form {
	margin-bottom: 0px;
}

.form-content h3 {
	color: #fff;
}

.form-content label,
.form-content label span,
.form-content a {
	color: #fff;
}

.form-content a {
	text-decoration: underline;
}

.content ul {
	margin: 0 0 40px 15px;
	padding: 0;
	list-style: circle;
}

.content ul li {
	margin: 0;
	padding: 5px 0;
}

.parallax {
	background-attachment: fixed;
	background-position: 50% 0;
	background-repeat: no-repeat;

	/*
	-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	*/

	background-color: #efefef;

	text-align: center;
}

.parallax .container {
	padding: 200px 0px 180px 0px;
}

.parallax.small .container {
	padding: 100px 0px 80px 0px;
}

.parallax .container h3 {
	color: #fff;
	background: #ef7900;
	line-height: 1em;
	display: inline-block;
	margin: 0px;
	padding: 40px;

	-webkit-border-radius: 30px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius: 30px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-radius: 30px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.side-menu {
	margin: 0 0 40px 0;
}

.side-menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.side-menu ul li {
	margin: 0px;
	padding: 0px;
}

.side-menu ul li a {
	padding: 0 20px;
	line-height: 50px;

	text-decoration: none;

	font-family: "Barlow-Bold";
	font-size: 18px;

	display: block;

	color: #fff;

	border: 1px solid #666;

	background: #999999;
	background: -moz-linear-gradient(top, #999999 0%, #999999 2%, #6b6b6b 4%, #222222 63%, #111111 81%, #000000 100%);
	background: -webkit-linear-gradient(
		top,
		#999999 0%,
		#999999 2%,
		#6b6b6b 4%,
		#222222 63%,
		#111111 81%,
		#000000 100%
	);
	background: linear-gradient(to bottom, #999999 0%, #999999 2%, #6b6b6b 4%, #222222 63%, #111111 81%, #000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#000000',GradientType=0 );

	margin: 0 0 1px 0;

	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.side-menu ul li a:hover {
	color: #fff;

	background: #000000;
	background: -moz-linear-gradient(top, #000000 0%, #111111 19%, #222222 37%, #6b6b6b 96%, #999999 98%, #999999 100%);
	background: -webkit-linear-gradient(
		top,
		#000000 0%,
		#111111 19%,
		#222222 37%,
		#6b6b6b 96%,
		#999999 98%,
		#999999 100%
	);
	background: linear-gradient(
		to bottom,
		#000000 0%,
		#111111 19%,
		#222222 37%,
		#6b6b6b 96%,
		#999999 98%,
		#999999 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#999999',GradientType=0 );

	border-color: #000;
}

.side-menu ul li a.active {
	color: #fff;

	background: #000000;
	background: -moz-linear-gradient(top, #000000 0%, #111111 19%, #222222 37%, #6b6b6b 96%, #999999 98%, #999999 100%);
	background: -webkit-linear-gradient(
		top,
		#000000 0%,
		#111111 19%,
		#222222 37%,
		#6b6b6b 96%,
		#999999 98%,
		#999999 100%
	);
	background: linear-gradient(
		to bottom,
		#000000 0%,
		#111111 19%,
		#222222 37%,
		#6b6b6b 96%,
		#999999 98%,
		#999999 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#999999',GradientType=0 );

	border-color: #000;
}

.tabs {
	margin: 0 0 40px 0;
}

.tabs a {
	color: #fff;
	background: #ef7900;
	padding: 10px 15px;

	font-family: "Barlow-Bold";
	font-size: 14px;
	text-transform: uppercase;

	text-decoration: none;

	display: inline-block;
	text-align: center;
}

.tabs a:hover {
	color: #fff;
	background: #000000;
}

.tabs a.active {
	color: #fff;
	background: #000000;
}

.tabs-content {
	display: none;
}

.tabs-content.active {
	display: block;
}

.accordion {
	font-family: "Barlow-Bold", sans-serif;
	font-size: 16px;
	line-height: 40px;

	display: block;
	padding: 0 20px;
	margin: 0 0 20px 0;
	color: #fff;
	background-color: #ef7900;

	text-decoration: none;

	cursor: pointer;
	box-sizing: border-box;
}

.accordion i {
	color: #fff;
}

.accordion + div {
	padding: 20px;
	margin: 0 0 20px 0;
	position: relative;
	top: -20px;
	border: 1px solid #ccc;
	background: #f7f7f7;
}

table.default-table {
	font-size: 16px;
	background: #fff;
	text-align: left;
	margin-bottom: 20px;
	border: 1px solid #e8e8e8;

	font-family: "Barlow-Regular";

	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
}

table.default-table caption {
	font-size: 1.5em;
	margin: 0.5em 0 0.75em;
	text-align: left;
}

table.default-table thead tr th {
	font-family: "Barlow-Bold";
	font-size: 16px;
	line-height: 1.25em;
	color: #fff;
	background: #ef7900;
	padding: 10px;
	vertical-align: middle;
}

table.default-table tbody td {
	padding: 5px 10px;
	vertical-align: middle;
	border-top: 1px solid #e8e8e8;
}

table.default-table tbody tr:nth-child(odd) td {
	background: #f7f7f7;
}

table.default-table tbody tr:first-child td {
	border-top: none;
}

table.default-table tbody td:last-child {
	border-right: none;
}

table.default-table tbody td a {
	color: #000;
	text-decoration: underline;
}

@media screen and (max-width: 600px) {
	table.default-table {
		border: 0;
	}
	table.default-table caption {
	}
	table.default-table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	table.default-table tr {
		border-bottom: 3px solid #ddd;
		display: block;
		margin-bottom: 0.625em;
	}
	table.default-table td {
		border-bottom: 1px solid #ddd;
		display: block;

		text-align: right;
	}
	table.default-table td:before {
		/*
    * aria-label has no advantage, it won't be read inside a table.default-table
    content: attr(aria-label);
    */
		content: attr(data-label);
		float: left;
		font-family: "Barlow-Bold";

		font-size: 0.9em;
	}
	table.default-table td:last-child {
		border-bottom: 0;
	}
}

/* kalulator */

#hitelosszeg,
#futamido,
#turelmiido {
	color: #ef7900;
	font-size: 21px;
}

.contact {
	padding: 60px 0 60px 0px;
	background: url(../images/contact-bg.jpg) center center repeat #ef7900;
	background-size: cover;
}

.contact,
.contact h2,
.contact h3,
.contact a {
	color: #fff;
}

.contact p:last-child {
	margin: 0px;
}

#footer {
	padding: 20px 0 20px 0px;
	font-size: 12px;
	color: #999;
	background: #000;
}

#footer a {
	color: #fff;
}

#footer p:last-child {
	margin: 0px;
}

#map-canvas {
	width: 100%;
	height: 550px;
	overflow: hidden;
	background: #fff;
}

.masonry {
	-moz-column-gap: 20px;
	-webkit-column-gap: 20px;
	column-gap: 20px;

	overflow: hidden;
}

.masonry-item {
	margin: 0 0 20px 0;

	padding: 10px;
	border: 1px solid #e8e8e8;
	display: inline-block;
}

.masonry-item img {
	margin-bottom: 10px;
}

.masonry-item span {
	display: block;
	font-size: 14px;
}

@media only screen and (min-width: 400px) {
	.masonry {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}
}

@media only screen and (min-width: 700px) {
	.masonry {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3;
	}
}

@media only screen and (min-width: 900px) {
	.masonry {
		-moz-column-count: 4;
		-webkit-column-count: 4;
		column-count: 4;
	}
}

@media only screen and (min-width: 1100px) {
	.masonry {
		-moz-column-count: 5;
		-webkit-column-count: 5;
		column-count: 5;
	}
}

@media only screen and (min-width: 1280px) {
	.masonry {
		-moz-column-count: 5;
		-webkit-column-count: 5;
		column-count: 5;
	}
}

/* #Flexible iFrame
================================================== */

.flexible-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	max-height: 350px;
	margin-bottom: 20px;
}

.flexible-container iframe,
.flexible-container object,
.flexible-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

iframe,
object,
embed {
	max-width: 100%;
}

#fb-root {
	display: none;
}

/* To fill the container and nothing else */

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
	width: 100% !important;
}

/* `Media queries
----------------------------------------------------------------------------------------------------*/

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
}

/* Smaller than standard 1120 (devices and browsers) */
@media only screen and (max-width: 1119px) {
	.hide-small {
		display: none;
	}

	.show-small {
		display: block;
	}

	#header a.toggle-menu {
		display: block;
	}

	.tabs {
		margin-bottom: 20px;
	}

	.tabs a {
		padding: 10px;
		text-align: left;
	}

	.tabs a:nth-child(1) {
		width: 100%;
	}

	.tabs a:nth-child(2) {
		width: 100%;
	}

	.tabs a:nth-child(3) {
		width: 100%;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.gutters .span_6.tablet_12 {
		width: 48%;
		margin: 1%;
	}

	.hide-tablet {
		display: none;
	}

	.show-tablet {
		display: block;
	}

	.tablet-40-bottom {
		margin-bottom: 40px !important;
	}
	.tablet-60-bottom {
		margin-bottom: 60px !important;
	}
	.tablet-80-bottom {
		margin-bottom: 80px !important;
	}
	.tablet-90-bottom {
		margin-bottom: 90px !important;
	}

	.title-icon {
		padding: 0px;
		text-align: center;
	}

	.title-01:before {
		position: relative;
		display: block;
		width: 100%;
		left: 0px;
		top: 0px;
		margin: 0 0 20px 0;
		background-position: center center;
	}

	#header a.toggle-menu {
		display: block;
	}

	#header a.toggle-menu {
		display: block;
	}

	.rslides .slider-text {
		top: 25%;
	}

	.rslides .slider-text-01 {
		font-size: 21px;
		line-height: 1.5em;
		margin: 0 0 0 30px;
	}

	.rslides .slider-text-01 strong {
		font-size: 31px;
	}

	.rslides .slider-text-02 {
		margin: 20px 0px 20px 60px;
	}

	.rslides .slider-image {
		height: 550px;
	}

	.rslides .slider-image.pic1 {
		background-image: url(../kepek/home-tablet.jpg);
		background-position: right center;
	}

	.inner {
	}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	h1 {
		font-size: 28px;
	}

	h2 {
		font-size: 24px;
	}

	h3 {
		font-size: 21px;
	}

	h4 {
		font-size: 18px;
	}

	h5 {
		font-size: 16px;
	}

	h6 {
		font-size: 16px;
	}

	.hide-mobile {
		display: none !important;
		visibility: hidden;
	}

	.show-mobile {
		display: block;
	}

	.mobile-remove-bottom {
		margin-bottom: 0px !important;
	}

	.mobile-40-bottom {
		margin-bottom: 40px !important;
	}
	.mobile-60-bottom {
		margin-bottom: 60px !important;
	}
	.mobile-80-bottom {
		margin-bottom: 80px !important;
	}
	.mobile-90-bottom {
		margin-bottom: 90px !important;
	}

	.title-icon {
		padding: 0px;
		text-align: center;
	}

	.title-01:before {
		position: relative;
		display: block;
		width: 100%;
		left: 0px;
		top: 0px;
		margin: 0 0 20px 0;
		background-position: center center;
	}

	#header .logo img,
	#header.small .logo img {
		max-width: 140px;
		height: auto;
	}

	#header a.toggle-menu {
		display: block;
	}

	.rslides_container {
		margin: 0 0 30px 0;
	}

	.rslides .slider-text {
		position: relative;
		left: 0px;
		right: 0px;
		top: 0px;
	}

	.rslides .slider-text-01 {
		font-size: 18px;
		line-height: 1.5em;

		display: block;

		margin: 0px;

		padding: 20px 20px 0 20px;

		border-bottom: 0px none;

		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}

	.rslides .slider-text-01 strong {
		font-size: 24px;
	}

	.rslides .slider-text-02 {
		font-size: 16px;

		margin: 0px;

		display: block;

		border-top: 0px none;

		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}

	.rslides .slider-image {
		height: 350px;
	}

	.rslides .slider-image.pic1 {
		background-image: url(../kepek/home-mobile.jpg);
		background-position: right center;
	}

	.content {
		padding: 0 0 0 0;
	}

	.content .row:last-child {
		margin-bottom: 0px;
	}

	.inner {
	}

	.content-main {
		margin: 70px 0 0 0;
	}

	.parallax .container {
		padding: 120px 0px 100px 0px;
	}

	.parallax.small .container {
		padding: 80px 0px 60px 0px;
	}

	.parallax .container h3 {
		padding: 20px;
	}

	.side-menu {
		margin: 0 0 20px 0;
	}

	.tabs a {
		display: block;
		margin: 10px 0;
	}

	#map-canvas {
		height: 300px;
	}
}