@charset "utf-8";
/* =====================================================
   Fonts
===================================================== */
@font-face {
	font-family: 'Fredoka One Regular';
	src: url('../fonts/fredokaone-regular-webfont.eot');
	src: url('../fonts/fredokaone-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/fredokaone-regular-webfont.woff2') format('woff2'), url('../fonts/fredokaone-regular-webfont.woff') format('woff'), url('../fonts/fredokaone-regular-webfont.ttf') format('truetype'), url('../fonts/fredokaone-regular-webfont.svg#fredoka_oneregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Poppins Regular';
	src: url('../fonts/poppins-regular-webfont.eot');
	src: url('../fonts/poppins-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/poppins-regular-webfont.woff2') format('woff2'), url('../fonts/poppins-regular-webfont.woff') format('woff'), url('../fonts/poppins-regular-webfont.ttf') format('truetype'), url('../fonts/poppins-regular-webfont.svg#poppinsregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* =====================================================
   Base
===================================================== */
body {
	font-family: "Poppins Regular", Helvetica, Arial, sans-serif;
	height: 100%;
	overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Fredoka One Regular", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.2;
}
p {
	line-height: 1.6;
}
a {
	color: #333;
}
a:hover {
}
a:focus {
	outline: none;
}
ol, ul {
	list-style: none;
	padding: 0 0 0 30px;
}
em {
	padding-right: 3px;
}
img, object {
	display: block;
	max-width: 100%;
	height: auto;
}
figure {
	overflow: hidden;
	position: relative;
}
hr {
	border-top-color: #CDD4DA;
}
sup {
	text-transform: none;
}
.clearfix {
	zoom: 1;
}
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
	clear: both;
}
.clearfix:after {
	clear: both;
}
.no-link {
	cursor: default;
}
/* =====================================================
   Margins, Paddings, Borders and Alignments
===================================================== */
/* Margins */
.no-margin {
	margin: 0!important;
}
.no-left-margin {
	margin-left: 0;
}
.no-right-margin {
	margin-right: 0;
}
.no-top-margin {
	padding-top: 0;
}
.no-bottom-margin {
	margin-bottom: 0;
}
.margin-20 {
	margin-bottom: 20px;
}
.margin-30 {
	margin-bottom: 30px;
}
.margin-40 {
	margin-bottom: 40px;
}
.margin-50 {
	margin-bottom: 50px;
}
.margin-70 {
	margin-bottom: 70px;
}
.margin-100 {
	margin-bottom: 100px;
}
/* Paddings */
.no-padding {
	padding: 0!important;
}
.no-left-padding {
	padding-left: 0;
}
.no-right-padding {
	padding-right: 0;
}
.no-top-padding {
	padding-top: 0;
}
.no-bottom-padding {
	padding-bottom: 0;
}
.padding-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.padding-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.padding-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.padding-40 {
	padding-top: 40px;
	padding-bottom: 40px;
}
.padding-50 {
	padding-top: 50px;
	padding-bottom: 50px;
}
.padding-70 {
	padding-top: 70px;
	padding-bottom: 70px;
}
.padding-100 {
	padding-top: 100px;
	padding-bottom: 100px;
}
/* Borders */
.border {
	border: 1px solid rgba(0,0,0,0.2);
}
.no-border {
	border: none!important;
}
.border-right {
	border-right: 1px solid rgba(0,0,0,0.2);
}
/* Alignments */
.vcenter {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.hcenter {
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.clear {
	clear: both;
}
/* ========================================================
   Animations
======================================================== */
a, .anim, .owl-theme .owl-nav [class*="owl-"] {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
/* Page loader */
.cmyk {
	position: fixed;
	top: 50%;
	left: 50%;
	align-items: center;
	text-align: center;
	width: 320px;
	height: 320px;
	justify-content: center;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.cmyk-cyan {
	background-color: cyan;
	mix-blend-mode: darken;
	border-radius: 50%;
	height: 120px;
	width: 120px;
	left: 120px;
	margin-top: calc(50% - 60px);
	margin-left: calc(50% - 60px);
	animation: 4s move-left-up infinite;
}
.cmyk-magenta {
	margin-top: -120px;
	mix-blend-mode: darken;
	background-color: magenta;
	animation: 4s move-right-up infinite;
	border-radius: 50%;
	height: 120px;
	width: 120px;
	left: 120px;
	margin-left: calc(50% - 60px);
}
.cmyk-yellow {
	mix-blend-mode: darken;
	border-radius: 50%;
	height: 120px;
	width: 120px;
	left: 120px;
	margin-left: calc(50% - 60px);
	background-color: yellow;
	margin-top: -120px;
	animation: 4s move-down infinite;
}
 @keyframes move-right {
 50% {
 transform: translate(110px, 100px);
}
}
@keyframes move-up {
 50% {
 transform: translate(0, -95px);
}
}
@keyframes move-down {
 50% {
 transform: translate(0, 95px);
}
}
@keyframes move-left {
 50% {
 transform: translate(-110px, 100px);
}
}
@keyframes move-left-up {
 50% {
 transform: translate(-110px, -100px);
}
}
@keyframes move-right-up {
 50% {
 transform: translate(110px, -100px);
}
}
@keyframes move-right-mobile {
 50% {
 transform: translate(90px, 80px);
}
}
@keyframes move-up-mobile {
 50% {
 transform: translate(0, -75px);
}
}
@keyframes move-down-mobile {
 50% {
 transform: translate(0, 75px);
}
}
@keyframes move-left-mobile {
 50% {
 transform: translate(-90px, 80px);
}
}
@keyframes move-left-up-mobile {
 50% {
 transform: translate(-90px, -80px);
}
}
@keyframes move-right-up-mobile {
 50% {
 transform: translate(90px, -80px);
}
}
/*Page Loading Fade Effect */
.fade-in {
	opacity: 0;
	-webkit-animation: fadeIn ease-in 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	animation-delay: 1s;
}
@-webkit-keyframes fadeIn {
from {
 opacity:0;
}
to {
 opacity:1;
}
}
@-moz-keyframes fadeIn {
from {
 opacity:0;
}
to {
 opacity:1;
}
}
@keyframes fadeIn {
from {
 opacity:0;
}
to {
 opacity:1;
}
}
/* Carousel Fade Effect */
.carousel-fade .carousel-inner .item {
	opacity: 0;
	transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
	opacity: 1;
}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}

@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right {
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left {
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
}
/* =====================================================
   Navigation
===================================================== */
/* Custom bootstrap navigation */
.nav > li > a {
	padding: 0 25px;
	line-height: 50px;
}
.navbar {
	margin-bottom: 0;
}
.navbar-default {
	background-color: #FFF;
	border: none;
	border-radius: 0;
	width: 100%;
}
.navbar-default .navbar-brand {
	margin-top: -75px;
}
.navbar-default .navbar-nav > li > a {
	font-family: "Fredoka One Regular", sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	color: #FFF;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	background-color: #ED008C;
	color: #FFF;
}
.navbar-right {
	position: relative;
	background-color: #00ACEE;
}
.navbar-right:before {
	position: absolute;
	content: "";
	border-left: 19px solid #FFF;
	border-top: 25px solid #FFF;
	border-right: 19px solid transparent;
	border-bottom: 25px solid transparent;
	z-index: 9;
}
.navbar-default:before {
	position: absolute;
	content: "";
	top: 0;
	right: -50%;
	width: 100%;
	height: 50px;
	background-color: #00ACEE;
	z-index: 0;
}
.navbar-right > li {
	border-left: 1px solid rgba(255,255,255,0.25);
}
.navbar-right > li:first-child {
	border-left: none;
}
.navbar-right > li:first-child a {
	padding-left: 50px;
}
/* Toggle button */
.navbar-default .navbar-toggle {
	border: none;
	border-radius: 0;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: #ED008C;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #FFF;
}
/* Sticky mode */
.navbar-default.sticky {
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.navbar-default.sticky .navbar-brand {
	margin: 0;
	padding: 5px 0;
}
.navbar-default.sticky .navbar-brand > img {
	height: 40px;
}
/* =====================================================
   Content Sections
===================================================== */
/* Header */
.header {
	position: absolute;
	width: 100%;
	background-color: #FFF;
	z-index: 999;
}
.header i {
	color: #8e9ba7;
}
.top-bar {
	z-index: 999;
}
.top-bar .container, .top-bar .container:before {
	background-color: #EAEDF0;
}
.top-bar .container {
	position: relative;
	line-height: 50px;
	border-left: 1px solid #CDD4DA;
}
.top-bar .container:before {
	position: absolute;
	left: -100%;
	width: 100%;
	height: 50px;
	z-index: -1;
}
.top-bar .container:after {
	border-left: 40px solid transparent;
	border-right: 20px solid #FFF;
	border-top: 0px solid transparent;
	border-bottom: 50px solid #FFF;
	content: "";
	position: absolute;
	right: -20px;
	top: 0;
}
.top-bar i {
	font-size: 16px;
	margin-right: 10px;
}
.top-bar .social {
	border-left: 1px solid #CDD4DA;
}
.top-bar .request a {
	display: block;
	width: 100%;
	padding-right: 15%;
}
.top-bar .lang {
	list-style-type: none;
}
.top-bar .lang li {
	display: inline-block;
	vertical-align: top;
	border-left: 1px solid #CDD4DA;
	width: 50px;
	text-align: center;
}
.top-bar .lang a {
	display: inline-block;
	font-weight: 700;
	padding: 0 5px;
	color: #8E9BA7;
}
.top-bar .lang a.active {
	color: #000;
}
.top-bar .lang a img {
	width: auto;
	height: 20px;
	margin-top: 15px;
}
.top-bar .lang a.active img {
	opacity: 0.25;
}
.contact-claim .phone {
	font-family: "Poppins Regular", Helvetica, Arial, sans-serif;
	font-weight: 700;
}
.contact-claim ul li {
	position: relative;
	float: left;
}
.contact-claim ul li:nth-child(1) {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: right;
}
.contact-claim ul li:nth-child(2) {
	font-size: 30px;
	font-weight: bold;
	color: #2C3740;
	line-height: 33px;
	border-left: 1px solid #CDD4DA;
}
.contact-claim ul li span {
	display: block;
}
.contact-claim i {
	position: absolute;
	left: 20px;
	font-size: 25px;
	line-height: 35px;
}
/* Footer */
.footer {
	position: relative;
	background-color: #252525;
	color: #FFF;
	overflow: hidden;
}
.footer:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	content: "";
	background-image: url("../img/assets/logo_bg.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.05;
	-webkit-transform: rotate(-7deg);
	-moz-transform: rotate(-7deg);
	transform: rotate(-7deg);
}
.footer [class*="col-"] p {
	padding-right: 10%;
}
.footer h4 {
	text-transform: uppercase;
	color: #FFF;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 37px;
	letter-spacing: -0.5px;
}
.footer h4:after {
	content: "";
	background-color: #00ACEE;
	width: 35px;
	height: 2px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}
.footer h5 {
	color: #FFF;
	font-size: 15px;
	margin-bottom: 10px;
}
.footer .logo {
	display: block;
	margin-top: -30px;
	max-width: 180px;
}
.footer .contacts > span {
	color: #FFF;
	display: block;
	text-transform: capitalize;
	letter-spacing: -0.6px;
	margin-bottom: 2px;
}
.footer .contacts span a {
	color: #E3E3E3;
	text-transform: none;
}
.footer .location .btn-default {
	background-color: rgba(255,255,255,0.15);
	width: 50%;
	color: #FFF;
}
.footer .location .btn-default:hover, .footer .location .btn-default:focus, .footer .location .btn-default:active {
	background-color: #ED008C;
	color: #FFF;
}
.footer-bottom-bar {
	background-color: rgba(0,0,0,0.15);
	border-top: 2px solid #00ACEE;
}
.footer-bottom-bar .copyright {
	padding: 20px;
}
.footer-bottom-bar .copyright a {
	color: #FFF;
}
.footer-bottom-bar .backtotop, .footer-bottom-bar .backtotop:hover {
	color: #FFF;
}
.footer-bottom-bar .backtotop {
	display: block;
	padding: 21px 23px;
	background-color: #00ACEE;
	margin-top: -2px;
	margin-right: -15px;
}
.footer-bottom-bar .backtotop:hover {
	background-color: #ED008C;
}
/* Wrapping container */
.page-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	z-index: 9;
}
/* Welcome section */
.welcome > .container {
	position: relative;
	z-index: 1;
}
.welcome p {
	font-size: 16px;
	padding-right: 10%;
}
/* =====================================================
   UI - Modals
===================================================== */
.modal-dialog {
	width: 90%;
	max-width: 960px;
	margin: 30px auto;
}
.modal-body, .modal-footer {
	padding: 30px 7% 20px;
}
.modal-header {
	padding: 40px 7% 20px;
}
.modal-header .modal-title {
	width: 100%;
	text-align: right;
}
.modal-header .row > div {
	position: relative;
	height: 60px;
}
/* ==================================================
   UI - Simple CSS tooltip by Chris Bracco - https://chrisbracco.com/a-simple-css-tooltip/
================================================== */
[data-tooltip], .tooltip {
	position: relative;
	cursor: pointer;
	text-align: center;
}
[data-tooltip]:before, [data-tooltip]:after, .tooltip:before, .tooltip:after {
	position: absolute;
	visibility: hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	-moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	pointer-events: none;
}
[data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after, .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after {
	visibility: visible;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}
.tooltip:before, [data-tooltip]:before {
	z-index: 1001;
	border: 6px solid transparent;
	background-color: transparent;
	content: "";
}
.tooltip:after, [data-tooltip]:after {
	z-index: 1000;
	padding: 8px;
	width: 120px;
	background-color: #000;
	background-color: hsla(0, 0%, 20%, 0.9);
	color: #FFF;
	content: attr(data-tooltip);
	font-size: 14px;
	line-height: 1.2;
}
[data-tooltip]:before, [data-tooltip]:after, .tooltip:before, .tooltip:after, .tooltip-top:before, .tooltip-top:after {
	bottom: 100%;
	left: 50%;
}
[data-tooltip]:before, .tooltip:before, .tooltip-top:before {
	margin-left: -6px;
	margin-bottom: -12px;
	border-top-color: #000;
	border-top-color: hsla(0, 0%, 20%, 0.9);
}
[data-tooltip]:after, .tooltip:after, .tooltip-top:after {
	margin-left: -60px;
}
[data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after, .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after, .tooltip-top:hover:before, .tooltip-top:hover:after, .tooltip-top:focus:before, .tooltip-top:focus:after {
	-webkit-transform: translateY(-12px);
	-moz-transform: translateY(-12px);
	transform: translateY(-12px);
}
.tooltip-left:before, .tooltip-left:after {
	right: 100%;
	bottom: 50%;
	left: auto;
}
.tooltip-left:before {
	margin-left: 0;
	margin-right: -12px;
	margin-bottom: 0;
	border-top-color: transparent;
	border-left-color: #000;
	border-left-color: hsla(0, 0%, 20%, 0.9);
}
.tooltip-left:hover:before, .tooltip-left:hover:after, .tooltip-left:focus:before, .tooltip-left:focus:after {
	-webkit-transform: translateX(-12px);
	-moz-transform: translateX(-12px);
	transform: translateX(-12px);
}
.tooltip-bottom:before, .tooltip-bottom:after {
	top: 100%;
	bottom: auto;
	left: 50%;
	text-align: center;
}
.tooltip-bottom:before {
	margin-top: -12px;
	margin-bottom: 0;
	border-top-color: transparent;
	border-bottom-color: #000;
	border-bottom-color: hsla(0, 0%, 20%, 0.9);
}
.tooltip-bottom:hover:before, .tooltip-bottom:hover:after, .tooltip-bottom:focus:before, .tooltip-bottom:focus:after {
	-webkit-transform: translateY(12px);
	-moz-transform: translateY(12px);
	transform: translateY(12px);
}
.tooltip-right:before, .tooltip-right:after {
	bottom: 50%;
	left: 100%;
}
.tooltip-right:before {
	margin-bottom: 0;
	margin-left: -12px;
	border-top-color: transparent;
	border-right-color: #000;
	border-right-color: hsla(0, 0%, 20%, 0.9);
}
.tooltip-right:hover:before, .tooltip-right:hover:after, .tooltip-right:focus:before, .tooltip-right:focus:after {
	-webkit-transform: translateX(12px);
	-moz-transform: translateX(12px);
	transform: translateX(12px);
}
.tooltip-left:before, .tooltip-right:before {
	top: 3px;
}
.tooltip-left:after, .tooltip-right:after {
	margin-left: 0;
	margin-bottom: -16px;
}
/* =====================================================
   UI - Images
===================================================== */
/* Custom Bootstrap slideshow */
.full-screen {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 100%;
	overflow: hidden;
}
#video-background {
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -1;
}
.caption {
	max-width: 475px;
	font-weight: 700;
}
.caption .btn-default {
	display: inline-block;
}
.banner-text {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	max-width: 960px;
	margin: 0 auto;
	width: 100%;
	-webkit-transform: translateY(-40%);
	-moz-transform: translateY(-40%);
	-ms-transform: translateY(-40%);
	-o-transform: translateY(-40%);
	transform: translateY(-40%);
	z-index: 999;
}
.banner-text .caption:nth-child(1) {
	position: relative;
	display: inline-block;
	font-family: "Fredoka One Regular", sans-serif;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	background-color: #FFF;
	padding: 10px 15px;
	width: auto;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.banner-text .caption:nth-child(1):after {
	border-left: 10px solid #FFF;
	border-right: 10px solid transparent;
	border-top: 20px solid transparent;
	border-bottom: 20px solid #FFF;
	content: "";
	position: absolute;
	right: -20px;
	top: 0;
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
}
.banner-text h2 {
	white-space: normal;
	color: #FFF;
	font-size: 38px;
	text-transform: uppercase;
	padding: 20px 0;
	-webkit-text-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	-moz-text-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	text-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.carousel-inner {
	border-bottom: 10px solid #FEF200;
	margin-top: -10px;
}
.carousel-control.left, .carousel-control.right {
	background-image: none;
}
.carousel-control.left i:after, .carousel-control.right i:after {
	position: absolute;
	top: 50%;
	display: block;
	content: "";
	border-bottom: 2px solid rgba(255,255,255,0.5);
	width: 250px;
}
.carousel-control.left i:after {
	left: calc(-250px - 5px);
}
.carousel-control.right i:after {
	right: calc(-250px - 5px);
}
.carousel-control i {
	text-align: center;
	line-height: 40px;
	width: 50px;
	height: 50px;
	border: 5px solid rgba(255,255,255,0.5);
	border-radius: 50%;
	margin-top: 10%;
}
.carousel-control:hover i {
	border: 5px solid rgba(255,255,255,0.5);
	background-color: #00ACEE;
}
.carousel-indicators {
	display: none;
}
/* Custom image section */
.img-wrap {
	position: relative;
	padding-top: 50px;
}
.img-wrap img {
	float: left;
	border: 10px solid #FFF;
}
.img-cont {
	position: absolute;
	top: 350px;
	right: -5%;
}
.img-cont img {
	width: 350px;
	border: 10px solid #FFF;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}
/* Owl carousel customization */
.services-slider .owl-item:hover {
	cursor: move;
	cursor: grab;
}
.owl-carousel {
	position: relative;
}
.owl-theme .owl-nav {
	position: absolute;
	top: -95px;
	right: 0;
	margin-top: 0;
}
.owl-theme .owl-nav [class*="owl-"] {
	position: relative;
	display: inline-block;
	line-height: 40px;
	color: #000;
	background-color: #FEF200;
	width: 40px;
	height: 40px;
	margin: 10px;
	padding: 0px;
	border-radius: 50%;
	border: 2px solid transparent;
	cursor: pointer;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
	background-color: #ED008C;
	color: #FFF;
	text-decoration: none;
}
.owl-theme .owl-nav [class*="owl-"] .fa-chevron-left:before, .owl-theme .owl-nav [class*="owl-"] .fa-chevron-right:before {
	position: absolute;
	width: 40px;
	height: 40px;
	line-height: 40px;
}
.owl-theme .owl-nav [class*="owl-"] .fa-chevron-left:before {
	top: -2px;
	left: -3px;
}
.owl-theme .owl-nav [class*="owl-"] .fa-chevron-right:before {
	top: -2px;
	left: -1px;
}
.slides-tab {
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 1px;
	margin-left: 1px;
}
.zoom img {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.zoom:hover img {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.slides-text {
	padding: 35px 25px;
	border: 1px solid #d4dee5;
	-webkit-box-shadow: 0 0 6px 2px rgba(212,222,229,0.4);
	box-shadow: 0 0 6px 2px rgba(212,222,229,0.4);
}
.slides-text h4 {
	letter-spacing: -0.5px;
	margin-bottom: 15px;
}
.slides-text p {
	letter-spacing: 0.1px;
}
/* =====================================================
   UI - Buttons
===================================================== */
/* Custom Bootstrap buttons */
.btn, .btn.focus, .btn-default:focus {
	background-color: #FEF200;
}
.btn-default, .query .btn-default:focus {
	position: relative;
	display: inline-block;
	font-family: "Fredoka One Regular", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	padding: 15px 25px;
	border-radius: 0;
	border: none;
	color: #000;
}
.btn:hover, .btn-default:hover, .query .btn-default:active, .query .btn-default:focus {
	background-color: #ED008C;
	color: #FFF;
}
.btn-dismiss {
	font-size: 1.8em;
	padding: 12px 0;
	border: none;
}
.btn-dismiss, .btn-dismiss:focus {
	background-color: #FFF;
	color: #A0A0A0;
}
.btn-dismiss:hover {
	background-color: #FFF;
	color: #333;
}
/* =====================================================
   UI - Other elements
===================================================== */
/* Headings */
.heading span {
	font-family: "Fredoka One Regular", sans-serif;
	font-size: 16px;
	display: block;
	color: #707070;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.heading h2 {
	position: relative;
	font-size: 36px;
	text-transform: uppercase;
	color: #1F3030;
	padding-bottom: 15px;
	margin-bottom: 40px;
	text-shadow: 0.25rem -0.25rem rgba(255, 0, 255, 0.75), -0.25rem -0.25rem #00fac1, 0 0.5rem rgba(255, 255, 0, 0.75);
}
.heading h2:after, .heading h6:after {
	background-color: #ED008C;
	content: "";
	display: block;
	position: absolute;
	width: 35px;
	height: 2px;
	left: 0;
	bottom: 0;
}
/* Custom lists */
.special-list {
	margin-top: 20px;
	margin-bottom: 20px;
}
.special-list li {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 5px;
	padding-left: 15px;
}
.special-list li:before {
	position: absolute;
	top: 5px;
	left: 0;
	content: "";
	background-color: #00ACEE;
	height: 7px;
	width: 7px;
	border-radius: 50%;
}
/* Colors */
.bg-white {
	background-color: #FFF;
}
.bg-light-gray {
	background-color: #F2F2F2;
}
.bg-gray {
	background-color: #394650;
}
.bg-amber {
	background-color: #FEF200;
}
.diagonal {
	position: relative;
	overflow: hidden;
}
.diagonal:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: "";
}
.diagonal:after {
	position: absolute;
	top: 50%;
	left: 55%;
	content: "";
	width: 250px;
	height: 1080px;
	background-color: #FEF200;
	-webkit-transform: rotate(30deg) translateY(-50%) translateX(-50%);
	-moz-transform: rotate(30deg) translateY(-50%) translateX(-50%);
	-ms-transform: rotate(30deg) translateY(-50%) translateX(-50%);
	-o-transform: rotate(30deg) translateY(-50%) translateX(-50%);
	transform: rotate(30deg) translateY(-50%) translateX(-50%);
}
/* Claim */
.claim-figure {
	background-image: url("../img/content/why-image.jpg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 75% auto;
	background-attachment: fixed;
	overflow: hidden;
}
.claim-figure img {
	top: 0;
	width: auto;
	height: 100%;
}
.claim-text {
	padding: 50px 15% 100px 15%;
}
.claim-text, .claim-text .heading h2 {
	color: #000;
}
.testimonial {
	background-color: #F2F2F2;
}
/* Brand */
.brand {
	font-weight: 700;
	text-transform: uppercase;
}
.brand span {
	color: #00ACEE;
}
/* Custom blockquote */
.custom-blockquote {
	padding: 50px 15% 20px 15%;
	border: 0;
}
.quote {
	position: relative;
	font-size: 18px;
	font-style: italic;
	padding: 30px;
	margin-top: -120px;
	background-color: #00ACEE;
	color: #FFF;
	width: 100%;
	max-width: 480px;
}
.quote:after {
	border-left: 10px solid #00ACEE;
	border-right: 30px solid transparent;
	border-top: 30px solid #00ACEE;
	border-bottom: 10px solid transparent;
	content: "";
	position: absolute;
	left: 0;
	bottom: -30px;
}
blockquote footer {
	margin-top: 50px;
}
blockquote footer:before {
	display: none;
}
blockquote footer h5 {
	margin-bottom: 5px;
}
blockquote footer p {
	text-transform: uppercase;
}
/* Query bar */
.query {
	position: relative;
	background-color: #00ACEE;
	color: #FFF;
}
.query:before {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url("../img/content/query_bw.jpg");
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
}
.query:after {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.5);
}
.query .container {
	position: relative;
	z-index: 9;
}
.query h2, .query p {
	text-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.query p {
	font-size: 24px;
	margin-bottom: 20px;
}
.query .btn {
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
/* Separators */
.anim-circle {
	position: relative;
	left: 50%;
	width: 50px;
	height: 50px;
	-webkit-transform: translateX(-50%) translateY(50%);
	-moz-transform: translateX(-50%) translateY(50%);
	-ms-transform: translateX(-50%) translateY(50%);
	-o-transform: translateX(-50%) translateY(50%);
	transform: translateX(-50%) translateY(50%);
}
.inner-circle {
	position: relative;
	left: 0;
	width: 50px;
	height: 50px;
	border-width: 10px;
	border-style: solid;
	border-left-color: #00ACEE;
	border-top-color: #ED008C;
	border-right-color: #FEF200;
	border-bottom-color: #000;
	border-radius: 50px;
}
.anim-rotate {
	animation-name: rotate;
	animation-duration: 10s;
	animation-direction: alternate;
	animation-timing-function: cubic-bezier(.6, .39, .22, 1.01);
	animation-iteration-count: infinite;
}
@keyframes rotate {
 0% {
 transform: rotate(0deg);
}
50% {
 transform: rotate(180deg);
}
 100% {
 transform: rotate(360deg);
}
}
/* Carousel */
.media-carousel {
	margin-bottom: 0;
	padding: 0 40px 30px 40px;
	margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left {
	left: -12px;
	background-image: none;
	background: none repeat scroll 0 0 #222222;
	border: 4px solid #FFFFFF;
	border-radius: 23px 23px 23px 23px;
	height: 40px;
	width : 40px;
	margin-top: 30px
}
/* Next button  */
.media-carousel .carousel-control.right {
	right: -12px !important;
	background-image: none;
	background: none repeat scroll 0 0 #222222;
	border: 4px solid #FFFFFF;
	border-radius: 23px 23px 23px 23px;
	height: 40px;
	width : 40px;
	margin-top: 30px
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li {
	background-color: #C0C0C0;
}
.media-carousel .carousel-indicators .active {
	background-color: #333;
}
.media-carousel img {
	width: 250px;
	height: 100px
}
/* =====================================================
   Contact form
===================================================== */
ol.phpfmg_form {
	list-style-type: none;
	padding: 0;
	margin: 20px 0 0;
}
ol.phpfmg_form input, ol.phpfmg_form textarea, ol.phpfmg_form select {
	position: relative;
	font-family: "Quattrocento Sans", Helvetica, Arial, sans-serif;
	color: #000;
	border: 2px solid #CCC;
	width: 100%;
	margin: 0 0 20px;
	background-color: #FFF;
	outline: 0 none;
}
ol.phpfmg_form input, ol.phpfmg_form textarea, ol.phpfmg_form select {
	border: 2px solid #CCC;
}
ol.phpfmg_form input:hover, ol.phpfmg_form textarea:hover, ol.phpfmg_form select:hover {
	border-color: #00ACEE;
}
ol.phpfmg_form input:focus, ol.phpfmg_form textarea:focus, ol.phpfmg_form select:focus {
	border-color: #ED008C;
}
ol.phpfmg_form li {
	display: block;
	float: left;
	margin: 0;
}
.form_field, .form_required {
	font-weight: 700;
}
.form_required {
	color: red;
	margin-right: 10px;
}
.form_submit_block {
	padding-top: 0;
}
.text_box, .text_area, .text_select, .col_field input.fmgCaptchCode {
	background-image: url(img/layout/contact-inputs-bg.png);
	background-position: left top;
	background-repeat: repeat-y;
	padding: 10px 10px 10px 45px;
	position: relative;
	transition: all .2s ease-out 0;
}
.col_field input.fmgCaptchCode {
	float: left;
	margin-bottom: 0;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 19px;
	width: 80px;
	padding: 5px;
	text-align: center;
}
.instruction {
	display: none;
}
.form_error_title {
	line-height: 3.29em;
	background: url("img/layout/alert_error.png") no-repeat scroll 20px center #FFE9E9;
	border: 2px solid #E99F9F!important;
	color: #D25C5A!important;
	float: left;
	width: 75%;
	text-align: center;
	margin-bottom: 0;
}
.form_error {
	background: url("img/layout/alert_error.png") no-repeat scroll 20px center #FFE9E9;
	border-color: #E99F9F;
	color: #D25C5A;
}
.form_error_highlight input, .form_error_highlight textarea {
	border: 2px solid #E99F9F!important;
	color: #000!important;
}
div.instruction_error {
	color: #E99F9F;
	font-weight: 700;
}
hr.sectionbreak {
	height: 1px;
	color: #CCC;
}
#one_entry_msg {
	background-color: #F4F6E5;
	border: 1px dashed red;
	padding: 10px;
	margin-bottom: 10px;
}
#frmFormMailContainer input[type="submit"] {
	display: inline-block;
	float: right;
	font-family: "Fredoka One Regular", Helvetica, Arial, sans-serif;
	background-color: #00ACEE;
	border: none;
	width: auto;
	color: #FFF;
	margin: 0;
}
#frmFormMailContainer input[type="submit"]:hover {
	background-color: #ED008C;
	border-color: none;
	color: #FFF;
}
.field_block {
	float: left;
	display: block;
}
.col_field {
	position: relative;
}
.col_field span {
	display: block;
	left: 0;
	position: absolute;
	top: 0;
	width: 44px;
	line-height: 44px;
	font-size: 1.5em;
	text-align: center;
	color: #A0A0A0;
	z-index: 100;
}
.col_field:hover span.icon, .col_field:focus span.icon {
	color: #333;
}
.col_field span#phpfmg_processing {
	height: 25px;
	left: 50%;
	position: absolute;
	top: 15px;
	width: 25px;
}
.col_field span.icon-user:before {
	font-family: 'FontAwesome';
	content: "\f007";
}
.col_field span.icon-phone:before {
	font-family: 'FontAwesome';
	content: "\f095";
}
.col_field span.icon-mail:before {
	font-family: 'FontAwesome';
	content: "\f1fa";
}
.col_field span.icon-edit:before {
	font-family: 'FontAwesome';
	content: "\f14b";
}
.col_field span.icon-company:before {
	font-family: 'FontAwesome';
	content: "\f1ad";
}
.captcha, .reload, .fmgCaptchCode {
	display: block;
	float: left;
	line-height: 33px;
}
.reload {
	margin-left: 15px;
	margin-right: 15px;
}

/* =====================================================
   Responsive Media Queries
===================================================== */
@media (min-width:0em) and (max-width:29em) { /* smartphones, iPhone, portrait 480x320 phones */
.header {
	position: fixed;
	height: 50px;
}
.navbar-nav {
	margin: 0 -15px;
}
.navbar.navbar-default.sticky .navbar-toggle {
	margin-top: 8px;
}
.navbar-default {
	margin-top: -50px;
}
.navbar-default.sticky {
	margin-top: 0;
}
.navbar-default.sticky .navbar-brand {
	padding: 0 15px;
}
.navbar-default .navbar-brand > img, .navbar-default.sticky .navbar-brand > img {
	height: 50px;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}
.navbar-default .navbar-brand {
	position: absolute;
	top: 0;
	width: 50%;
	margin-top: 0;
	padding: 0 15px;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}
.navbar-default .navbar-brand, .navbar-default.sticky .navbar-brand {
	left: 25%;
}
.navbar-default .navbar-nav > li > a {
	padding-left: 50px;
}
.navbar-default:before {
	right: -80%;
	background-color: #FFF;
}
.navbar-default .navbar-toggle {
	background-color: #FFF;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #00ACEE;
}
.navbar-default .navbar-toggle:hover .icon-bar {
	background-color: #FFF;
}
.top-bar {
	width: 30%;
}
.top-bar .lang {
	position: relative;
	text-align: center;
	z-index: 999;
}
.top-bar .lang a img {
	margin-top: 10px;
	margin-bottom: 10px;
}
.carousel-control {
	width: 50px;
	height: 50px;
}
.carousel-control.left, .carousel-control.right {
	top: 87%;
}
.carousel-control.left {
	left: 30%;
}
.carousel-control.right {
	right: 30%;
}
.banner-text {
	left: 30px;
	padding-right: 60px;
}
.banner-text h2 {
	font-size: 30px;
}
.owl-theme .owl-nav {
	top: 30%;
	width: 100%;
}
.img-cont {
	display: none;
}
.equal-height {
	height: inherit!important;
}
.padding-100 {
	padding-top: 50px;
	padding-bottom: 50px;
}
}

@media (min-width:30em) and (max-width:39em) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
.navbar-default .navbar-brand {
	position: absolute;
	top: 0;
	width: 50%;
	margin-top: 0;
	padding: 0 15px;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}
.navbar-default .navbar-brand, .navbar-default.sticky .navbar-brand {
	left: 25%;
}
}

@media (min-width:30em) and (max-width:39em) and (orientation:landscape) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
}

@media (min-width:40em) and (max-width:59em) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
.navbar-default .navbar-brand {
	position: absolute;
	top: 0;
	width: 50%;
	margin-top: 0;
	padding: 0 15px;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}
.navbar-default .navbar-brand, .navbar-default.sticky .navbar-brand {
	left: 25%;
}
}

@media (min-width:40em) and (max-width:59em) and (orientation:landscape) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
}

@media (min-width:60em) and (max-width:63em) { /* tablet, landscape iPad, lo-res laptops ands desktops */
.navbar-default .navbar-brand {
	position: absolute;
	top: 0;
	width: 50%;
	margin-top: 0;
	padding: 0 15px;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}
.navbar-default .navbar-brand, .navbar-default.sticky .navbar-brand {
	left: 25%;
}
}

@media (min-width:64em) and (max-width:79em) { /* big landscape tablets, laptops, and desktops */
.navbar-default .navbar-brand {
	position: absolute;
	top: 0;
	width: 50%;
	margin-top: 0;
	padding: 0 15px;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}
.navbar-default .navbar-brand, .navbar-default.sticky .navbar-brand {
	left: 25%;
}
}

@media (min-width:80em) and (max-width:89em) { /* hi-res laptops and desktops */
.navbar-default .navbar-brand {
	position: absolute;
	top: 0;
	width: 50%;
	margin-top: 0;
	padding: 0 15px;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}
.navbar-default .navbar-brand, .navbar-default.sticky .navbar-brand {
	left: 25%;
}
}

@media (min-width:80em) and (max-width:89em) and (max-height:37.5em) { /* hi-res laptops and desktops */
}

@media (min-width:90em) { /* hi-res laptops and desktops */
}
/* =====================================================
   Bootstrap additional 5 columns layout: http://www.wearesicc.com/quick-tips-5-column-layout-with-twitter-bootstrap/
===================================================== */
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}
.col-xs-15 {
	width: 20%;
	float: left;
}

@media (min-width: 768px) {
.col-sm-15 {
	width: 20%;
	float: left;
}
}

@media (min-width: 992px) {
.col-md-15 {
	width: 20%;
	float: left;
}
}

@media (min-width: 1200px) {
.col-lg-15 {
	width: 20%;
	float: left;
}
}