@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoon.eot?pmermf');
	src: url('../fonts/icomoon.eot?pmermf#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?pmermf') format('truetype'),
		url('../fonts/icomoon.woff?pmermf') format('woff'),
		url('../fonts/icomoon.svg?pmermf#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-lightning:before { content: "\e909"; }
.icon-hamburger:before { content: "\e908"; }
.icon-arrow-left:before { content: "\e900"; }
.icon-arrow-right:before { content: "\e901"; }
.icon-info:before { content: "\e907"; }
.icon-house:before { content: "\e902"; }
.icon-paw:before { content: "\e90a"; }
.icon-android:before { content: "\e903"; }
.icon-facebook:before { content: "\e904"; }
.icon-mac:before { content: "\e905"; }
.icon-message:before { content: "\e906"; }

html, body { height: 100%; }

body {
	color: #515151;
	min-width: 360px;
	font: 400 15px/1.67 'Lato', sans-serif;
}
a:hover, .btn-link:hover { text-decoration: none; }
a:focus, button:focus, .btn:focus, .show > .btn-warning.dropdown-toggle:focus {
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.container-fluid, [class^="col-"] {
	padding-left: 18px;
	padding-right: 18px;
}
.row {
	margin-left: -18px;
	margin-right: -18px;
}

/* wrapper styles */
#wrapper {
	overflow: hidden;
	position: relative;
}

/* header styles */
#header {
	z-index: 9;
	padding: 17px 0 17px;
  	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
}

/* site logo styles */
.logo {
	top: 50%;
	width: 128px;
	left: 56px;
	position: absolute;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.logo img {
	width: 100%;
	height: auto;
}

/* main-menu styles */
.menu-opener {
	border: 0;
	padding: 0;
	width: 21px;
	height: 15px;
	color: #fff;
	background: none;
}
.main-menu {
	top: 59px;
	bottom: 0;
	z-index: 8;
	left: -214px;
	position: fixed;
	width: 202px;
	position: fixed;
	background: #fff;
	padding: 40px 17px 150px;
	transition: left 500ms linear;
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.43);
}
body.menu-open { overflow: hidden; }
body.menu-open .main-menu {
	left: 0;
}
.menu-items {
	letter-spacing: 0.3px;
	font-size: 14px;
	line-height: 1;
}
.menu-items li:not(:first-child) { margin-top: 32px; }
.menu-items a {
	color: #515151;
	display: block;
	position: relative;
	padding: 4px 0 4px 36px;
}
.main-menu li.active a, .main-menu li:hover a { color: #515151; }
.menu-items a [class^="icon-"] {
	left: 0;
	top: 50%;
	font-size: 24px;
	color: #6ccff6;
	position: absolute;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.menu-holder {
	overflow: auto;
	height: 100%;
}
.menu-bottom {
	left: 0;
	right: 0;
	bottom: 0;
	padding: 23px 15px;
	position: absolute;
}
.menu-bottom .logo {
	width: 90px;
	position: static;
	margin-bottom: 25px;
	transform: translate(0);
}
.menu-bottom .powered-by {
	font-size: 11px;
	line-height: 1.45;
	letter-spacing: 0.2px;
	color: rgba(52, 73, 94, 0.63);
}
.menu-bottom .powered-by a { color: rgba(52, 73, 94, 0.63); }
.menu-bottom .powered-by a:hover { color: #6ccff6; }
.menu-bottom .powered-by [class^="icon-"] {
	color: #6ccff6;
	font-size: 14px;
	position: relative;
	margin: 0 3px;
	top: 3px;
	position: relative;
}

/* visual styles */
.visual {
	color: #fff;
	font-size: 14px;
	line-height: 2.57;
	background: #6ccff6;
	padding: 113px 0 52px;
	background: -moz-linear-gradient(left, #6ccff6 0%, #2b90b8 100%);
	background: -webkit-linear-gradient(left, #6ccff6 0%,#2b90b8 100%);
	background: linear-gradient(to right, #6ccff6 0%,#2b90b8 100%);
}
.visual .container-fluid {
	z-index: 2;
	position: relative;
}
.visual h1 {
	color: #fff;
	margin: 0 0 15px;
	font: 400 24px/1.52 'Lato', sans-serif;
}
.visual .paw { z-index: 1; }
.visual .links {
	margin: 0;
}
.visual .links li { margin: 0 4px; }
.visual .links a {
	width: 48px;
	height: 48px;
	display: block;
	background: none;
	position: relative;
	border-radius: 50px;
	border: 1.5px solid #fff;
}
.visual .links a span {
	top: 50%;
	left: 50%;
	color: #fff;
	font-size: 18px;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.visual .paw.bottom-right {
	width: 231px;
	bottom: -74px;
	display: none;
}
.visual .paw.bottom-left {
	width: 135px;
	top: auto;
	bottom: 60px;
}
.visual .paw.top-center {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	width: 139px;
	top: -31px;
	right: 0;
}

/* carousel styles */
#carousel {
	z-index: 2;
	margin: 0 auto;
	position: relative;
	width: 90%!important;
}
#carousel ul {
	margin: 0!important;
	left: 50%!important;
	top: 0!important;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
#carousel img {
	display: block;
	width: 100%;
}
.controls {
	left: 50%;
	bottom: -46px;
	width: 126px;
	position: absolute;
	margin: 0 0 0 -63px;
}
.controls button {
	padding: 0;
	width: 48px;
	height: 48px;
	background: none;
	border-radius: 50px;
	border: 1.5px solid #fff;
}
.controls button span {
	top: 50%;
	left: 50%;
	color: #fff;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.paw img {
	display: block;
	width: 100%;
	height: auto;
}
.paw { z-index: -1; }
.paw.top-right {
	top: 0;
	right: 0;
	width: 59px;
}
.paw.bottom-left {
	width: 110px;
	top: 13%;
	left: 0;
}

/* main styles */
#main {
	overflow: hidden;
}
#main h2 {
	color: #68cbf2;
	margin: 0 0 26px;
	font: 400 25px/1.52 'Lato', sans-serif;
}

/* intro styles */
.intro {
	overflow: hidden;
	padding: 71px 10px 7px 3px;
}
.intro-text { overflow: hidden; }
.gallery-box {
	margin: 0 -15px;
	overflow: hidden;
	padding: 0 80px 25px 81px;
}
.paw.bottom-right {
	width: 296px;
	bottom: 60px;
	right: 0;
}
.gallery-box .image-frame { overflow: hidden; }
.gallery-box .image-frame img {
	display: block;
	width: 100%;
	height: auto;
}

/* tabs-block styles */
.tabs-block {
	overflow: hidden;
	padding: 0 0 39px;
}
.tabs-block .nav-tabs {
	margin: 0 0 4px -30px;
	text-transform: uppercase;
	font: 400 14px/18px 'Lato', sans-serif;
}
.tabs-block .nav-item { margin: 0 0 15px 30px; }
.tabs-block .nav-tabs { border: 0; }
.tabs-block .nav-tabs .nav-link {
	padding: 0 0 12px;
	color: #515151;
	border-radius: 0;
	position: relative;
	display: block;
	border: 0;
}
.tabs-block .nav-tabs .nav-link:after {
	position: absolute;
	content: "";
	height: 4px;
	bottom: 0;
	left: 0;
	right: 0;
}
.tabs-block .nav-tabs .nav-link.active:after, .tabs-block .nav-tabs .nav-item.show .nav-link:after {
	background: #68cbf2;
}

/* footer styles */
#footer {
	color: #fff;
	font-size: 12px;
	line-height: 2.08;
	overflow: hidden;
	background: #6ccff6;
	padding: 37px 0 26px;
	background: -moz-linear-gradient(left, #6ccff6 0%, #2b90b8 100%);
	background: -webkit-linear-gradient(left, #6ccff6 0%,#2b90b8 100%);
	background: linear-gradient(to right, #6ccff6 0%,#2b90b8 100%);
}
#footer .heading {
	margin-bottom: 20px;
	font: 900 12px/normal 'Lato', sans-serif;
}

.f-links { margin: 0 0 24px; }
.f-links li { padding: 0 0 5px; }
.f-links li a:hover { color: #515151; }
.f-links li a:hover span { color: #fff; }

.f-links .email, .f-links a {
	color: #fff;
	padding: 0 0 0 36px;
	position: relative;
}
.f-links .email a { padding: 0; }
.f-links .email .icon span { font-size: 10px; }
.f-links .icon {
	left: 0;
	top: 50%;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	border: 1px solid #fff;
	position: absolute;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.f-links .icon span {
	left: 50%;
	top: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#footer .logo {
	width: 138px;
	position: static;
	margin: 4px auto 21px;
	transform: translate(0);
}
.copyright {
	border-top: 1px solid #fff;
	text-align: center;
	padding: 14px 0 0;
}
#footer a { color: #fff; }
#footer a:hover { color: #515151; }

@media (min-width: 767.98px) {
	#header {
		box-shadow: none;
		padding-top: 42px;
	}
	.logo {
		top: 34px;
		left: 39px;
		width: 150px;
		transform: translate(0);
	}
	.menu-opener { display: none; }
	.main-menu {
		padding: 0;
		width: auto;
		position: static;
		background: none;
		box-shadow: none;
	}
	.menu-items {
		float: right;
		margin: 0;
	}
	.menu-items li, .menu-items li:not(:first-child) {
		margin: 0 20px 0 0;
		display: inline-block;
		vertical-align: middle;
	}
	.menu-items li.icon { margin: 0 3px 0 0; }
	.menu-items li.icon:hover a {
		color: #515151;
		border-color: #515151;
	}
	.menu-items li.icon:hover a span { color: #515151; }
	.menu-items li a {
		color: #fff;
		padding: 0;
	}
	.menu-items .icon a {
		width: 33px;
		height: 33px;
		color: #fff;
		display: block;
		border-radius: 50%;
		border: 1.5px solid #fff;
	}
	.menu-items .icon a span {
		left: 50%;
		top: 50%;
		color: #fff;
		font-size: 14px;
		position: absolute;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.visual { padding: 162px 0; }
	.visual h1 {
		font-size: 28px;
		line-height: 1.64;
		margin: 0 0 30px;
	}
	#main h2 {
		font-size: 28px;
		line-height: 1.64;
		margin: 0 0 22px;
	}
	.tabs-block .nav-tabs { margin: 0 0 51px -20px; }
	.tabs-block .nav-item { margin: 0 0 0 20px; }
	#footer { padding: 31px 0 26px; }
	.copyright {
		padding: 0;
		border: 0;
	}
	.f-links { margin: 0; }
	.description { padding: 48px 0 0 40px; }
	.description p { margin:  0 0 12px; }
	.intro { padding: 63px 10px 7px 3px; }
	.gallery-box {
		margin: 0;
		padding: 78px 68px 138px 166px;
	}
	.tabs-block { padding: 22px 0 39px; }
	.text-block {
		padding-right: 75px;
		margin: -27px 0 0;
	}
	.tab-content {
		position: relative;
		top: -3px;
	}
}

@media (min-width: 1199.98px) {
	#footer .logo { margin: 0 64px 5px 23px !important; }
	.f-frame {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: end;
	}
	.paw.top-right {
		top: auto;
		bottom: 55px;
		width: 150px;
	}
	.paw.bottom-left {
		width: 310px;
		bottom: 160px;
		top: auto;
	}
	.visual .paw.top-center {
		width: 200px;
		top: -44px;
		left: 30%;
		right: auto;
	}
	.visual .paw.bottom-right { display: block; }
}