@import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700');

* {
	color: #fff;
	font-family: 'Rajdhani', sans-serif;
	-webkit-font-smoothing: antialiased
}

body {
	background-color: #242424;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: right top;
	background-attachment: fixed
}

.body-bg {
	background-color: #242424;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: right top;
	background-attachment: fixed
}

body.subpagina>.body-bg {
	background-color: #00AEEF
}

h1 {
	font-family: 'Rajdhani', sans-serif;
	font-size: 45px;
	line-height: 53px;
	font-weight: 600
}

h2 {
	font-family: 'Rajdhani', sans-serif;
	font-size: 40px;
	line-height: 47px
}

h3 {
	font-family: 'Rajdhani', sans-serif;
	font-size: 35px;
	line-height: 42px
}

h4 {
	font-family: 'Rajdhani', sans-serif;
	font-size: 30px;
	line-height: 36px
}

h5 {
	font-family: 'Rajdhani', sans-serif;
	font-size: 25px;
	line-height: 29px;
	font-weight: 400
}

p {
	color: #242424;
	font-family: 'Rajdhani', sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 25px
}

#wrapper {
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 100%
}

#wrapper #menuTrigger {
	display: none
}

#wrapper #content {
	z-index: 99;
	position: relative;
	width: 60%;
	padding: 50px 0 0 50px;
	height: 100%;
	-webkit-transition: opacity 500ms ease-in-out;
	-moz-transition: opacity 500ms ease-in-out;
	-o-transition: opacity 500ms ease-in-out;
	transition: opacity 500ms ease-in-out
}

#wrapper #content h1 {
	color: #333333
}

#wrapper #content p {
	color: #000;
	padding: 0 30px 0 0;
}

#wrapper #content #nav-tabContent {
	height: auto;
	padding-bottom: 50px;
	background-color: #fff;
	border-radius: 5px;
	padding: 20px;
	margin-bottom: 50px;
}

::-webkit-scrollbar { 
    display: none; 
}

#wrapper #content::-webkit-scrollbar { 
    display: none; 
}

#wrapper #content #nav-tabContent::-webkit-scrollbar {
	display: none
}

#wrapper .plate--column {
	padding: 0
}

#wrapper .plate--container {
	max-width: 2000%
}

#wrapper ul#navTabs {
	padding: 0
}

#wrapper ul#navTabs li {
	display: inline;
	text-align: center
}

#wrapper ul#navTabs a {
	display: inline-block;
	width: auto;
	padding: .75rem 0;
	margin: 0 36.5px 0 0;
	text-decoration: none;
	color: #333333;
	font-size: 25px;
	font-weight: 600;
	transition: 200ms ease-in-out
}

#wrapper ul#navTabs .one:hover~#hr1,
#wrapper ul#navTabs .one.active~#hr1 {
	margin-left: 0;
	width: 73px;
}

#wrapper ul#navTabs .two:hover~#hr1,
#wrapper ul#navTabs .two.active~#hr1 {
	margin-left: 108px;
	width: 70px;
}

#wrapper ul#navTabs .three:hover~#hr1,
#wrapper ul#navTabs .three.active~#hr1 {
	margin-left: 204px;
	width: 110px;
}

#wrapper ul#navTabs .four:hover~#hr1,
#wrapper ul#navTabs .four.active~#hr1 {
	margin-left: 345px;
	width: 115px;
}

#wrapper ul#navTabs #hr1 {
	height: 4px;
	margin: 0;
	background: #F96C1C;
	border: none;
	transition: .3s ease-in-out;
	margin-top: -2px
}

#wrapper ul#navTabs #hr2 {
	height: 1px;
	width: 460px;
	margin: 0;
	background: #fff;
	border: none;
	margin-top: 2px
}

#wrapper ul#navTabs li.active a {
	color: #fff
}

#logo {
	position: absolute;
	right: 50px;
	top: 50px;
	z-index: 101
}

#logo>a>img {
	position: fixed;
	top: 25px;
	right: 25px;
	-webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out
}

#logo.homepage>a>img {
	transition-delay: 200ms
}

#logo.homepage .wit {
	opacity: 1
}

#logo.homepage .zwart {
	opacity: 0
}

#logo.subpagina>a>img {
	transition-delay: 300ms
}

#logo.subpagina .wit {
	opacity: 0
}

#logo.subpagina .zwart {
	opacity: 1
}

#call, #windows-support {
	position: fixed;
	right: 50px;
	bottom: 50px;
	height: 50px;
	width: 50px;
	border-radius: 100%;
	display: flex;
	background-color: #F96C1C;
	-webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
	clip: rect(-10px 50px 70px -65px);
	z-index: 2
}

#call {
	top: 660px;
}

#windows-support {
	top: 590px;
}

#call i,
#windows-support i {
	vertical-align: middle;
	margin: auto;
	-webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out
}

#call h5,
#windows-support h5 {
	color: #fff;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: table;
	margin-left: 0;
	opacity: 0;
	width: 140px;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out
}

#call:hover,
#windows-support:hover {
	transform: scale(1.3);
	clip: rect(-10px 70px 70px -265px)
}

#call:hover h5,
#windows-support:hover h5 {
	opacity: 1;
	margin-left: -160px
}

#call:hover i,
#windows-support:hover i {
	font-size: 20px
}

#menu {
	position: fixed;
	right: 50px;
	top: 250px;
	text-align: right;
	padding-right: 17px;
	z-index: 100
}

#menu ul {
	list-style: none
}

#menu ul li a {
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	font-weight: 600;
	line-height: 46px
}

#menu ul li.active a {
	color: #10ACF4
}

#menu ul li.active a:after {
	content: ' ';
	width: 8px;
	height: 8px;
	background-color: #00AEEF;
	position: absolute;
	right: 0;
	margin-top: 19px;
	border-radius: 100%
}

#menu.subpagina ul li a {
	transition-delay: 300ms;
	color: #242424
}

#menu.subpagina ul li.active a {
	color: #fff
}

#menu.subpagina ul li.active a:after {
	background-color: #fff
}

body.subpagina #menu ul li a {
	color: #242424
}

body.subpagina #menu ul li.active a {
	color: #fff
}

body.subpagina #menu ul li.active a:after {
	background-color: #fff
}

.uitgelichteafbeelding {
	height: 100%;
	min-height: 280px;
	width: 100%;
	border-radius: 5px;
	background: #00aeef1a;
	background-repeat: repeat;
	background-image: none;
	background-size: auto;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.contact {
	height: 280px;
	min-height: 280px;
	width: 46%;
	border-radius: 7px;
	background: #e64163;
	background-position-x: 0%;
	background-position-y: 0%;
	background-repeat: no-repeat;
	background-image: none;
	background-size: cover;
	background-position: center center;
	float: right;
	display: flex;
	right: 21px;
	position: absolute;
}


#ball {
	position: fixed;
	bottom: -323px;
	left: -323px;
	background-color: #00AEEF;
	height: 980px;
	width: 975px;
	border-radius: 100%;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	z-index: 2;
	background-position: top 20% right 30%;
	background-size: 65%;
	background-repeat: no-repeat
}

#ball .service {
	background-color: #333333;
	height: 100px;
	width: 100px;
	position: absolute;
	border-radius: 100%;
	display: flex;
	z-index: 2;
	-webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out
}

#ball .service img {
	vertical-align: middle;
	margin: auto;
	-webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out
}

#ball .service h5 {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: table;
	margin-left: 0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out
}

#ball .service:hover {
	height: 159px;
	width: 159px;
	background-color: #F96C1C
}

#ball .service:hover h5 {
	opacity: 1;
	margin-left: 200px
}

#ball .service.hide {
	opacity: 0
}

#ball #service1 {
	right: 269px;
	top: -26px
}

#ball #service1 img {
	width: 56px
}

#ball #service1:hover {
	right: 241px;
	top: -55px
}

#ball #service1:hover img {
	width: 89px
}

#ball #service2 {
	right: 87px;
	top: 100px
}

#ball #service2 img {
	width: 53px;
}

#ball #service2:hover {
	right: 57px;
	top: 70px
}

#ball #service2:hover img {
	width: 85px;
}

#ball #service3 {
	right: -11px;
	top: 264px
}

#ball #service3 img {
	width: 54px
}

#ball #service3:hover {
	right: -40px;
	top: 235px
}

#ball #service3:hover img {
	width: 84px
}

#ball #service4 {
	right: -58px;
	top: 462px
}

#ball #service4 img {
	width: 75px;
}

#ball #service4:hover {
	right: -87px;
	top: 433px
}

#ball #service4:hover img {
	width: 118px;
}

#ball .title {
	position: absolute;
	bottom: 351px;
	left: 370px;
	display: block;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out
}

#ball .title h5 {
	margin: 0
}

#ball .title h1 {
	font-size: 75px;
	margin: 30px 85px 10px 0;
	line-height: 90px;
}

#ball .title.hide {
	opacity: 0
}

#ball2 {
	position: fixed;
	bottom: -323px;
	left: -323px;
	background-color: #00AEEF;
	height: 980px;
	width: 975px;
	border-radius: 100%;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	z-index: 2;
	background-position: top 20% right 30%;
	background-size: 65%;
	background-repeat: no-repeat;
	overflow: hidden;
	opacity: 1;
	z-index: 1;
	-webkit-transition: all 1000ms cubic-bezier(0, 0, .44, 1);
	-moz-transition: all 1000ms cubic-bezier(0, 0, .44, 1);
	-o-transition: all 1000ms cubic-bezier(0, 0, .44, 1);
	transition: all 1000ms cubic-bezier(0, 0, .44, 1)
}

#ball2 .service {
	background-color: #333333;
	height: 100px;
	width: 100px;
	position: absolute;
	border-radius: 100%;
	display: flex;
	z-index: 2;
	-webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out
}

#ball2 .service img {
	vertical-align: middle;
	margin: auto;
	-webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out
}

#ball2 .service h5 {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: table;
	margin-left: 0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out
}

#ball2 .service:hover {
	height: 159px;
	width: 159px;
	background-color: #F96C1C
}

#ball2 .service:hover h5 {
	opacity: 1;
	margin-left: 200px
}

#ball2 .service.hide {
	opacity: 0
}

#ball2 #service1 {
	right: 269px;
	top: -26px
}

#ball2 #service1 img {
	width: 56px
}

#ball2 #service1:hover {
	right: 241px;
	top: -55px
}

#ball2 #service1:hover img {
	width: 89px
}

#ball2 #service2 {
	right: 87px;
	top: 100px
}

#ball2 #service2 img {
	width: 53px;
}

#ball2 #service2:hover {
	right: 57px;
	top: 70px
}

#ball2 #service2:hover img {
	width: 118px
}

#ball2 #service3 {
	right: -11px;
	top: 264px
}

#ball2 #service3 img {
	width: 54px
}

#ball2 #service3:hover {
	right: -40px;
	top: 235px
}

#ball2 #service3:hover img {
	width: 84px
}

#ball2 #service4 {
	right: -58px;
	top: 462px
}

#ball2 #service4 img {
	width: 75px;
}

#ball2 #service4:hover {
	right: -87px;
	top: 433px
}

#ball2 #service4:hover img {
	width: 85px
}

#ball2 .title {
	position: absolute;
	bottom: 351px;
	left: 370px;
	display: block;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out
}

#ball2 .title h5 {
	margin: 0
}

#ball2 .title.hide {
	opacity: 0
}

#ball2.grow {
	width: 150vw;
	height: 150vw;
	opacity: 1;
	z-index: unset
}

#ball2.grow #mash {
	display: block
}

#ball2 #mash {
	display: none;
	position: fixed;
	right: 0;
	top: 0;
	min-height: 100%
}

.modal-content {
	border-radius: 0;
	padding: 0 30px
}

.modal-content h1 {
	color: #000
}

body.subpagina #ball2 {
	width: 150vw;
	height: 150vw;
	opacity: 1
}

body.subpagina #ball2 #mash {
	display: block
}

.mdc-form-field {
	display: inline-block;
	width: 100%;
	margin: 10px 0
}

.mdc-form-field input {
	width: 100%;
	background: transparent;
	border: none;
	border-bottom: 2px solid black;
	padding: 8px;
	font-size: 20px;
	font-family: 'Rajdhani', sans-serif;
	color: black;
}

.mdc-form-field input::placeholder,
.mdc-form-field textarea::placeholder {
	color: black;
}

.mdc-form-field input:focus {
	outline: none
}

.mdc-form-field textarea {
	width: 100%;
	background: transparent;
	border: none;
	border-bottom: 2px solid black;
	padding: 8px;
	font-size: 20px;
	font-family: 'Rajdhani', sans-serif;
	color: black;
}

.mdc-form-field textarea:focus {
	outline: none
}

.mdc-form-field:first-of-type {
	width: calc(50% - 10px)
}

.mdc-form-field:nth-of-type(2) {
	width: calc(50% - 10px);
	margin-left: 15px;
}

::-webkit-input-placeholder {
	color: #fff
}

::-moz-placeholder {
	color: #fff
}

:-ms-input-placeholder {
	color: #fff
}

:-moz-placeholder {
	color: #fff
}

.plate--element.plate--element__image img {
	border-radius: 5px;
}

.submit>button {
	background-color: #F96C1C;
	border: 2px solid transparent;
	padding: 15px 36px;
	border-radius: 27px;
	font-family: 'Rajdhani', sans-serif;
	font-weight: bold;
	transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.submit>button:hover {
	background-color: white;
	border-color: #F96C1C;
	color: #F96C1C;
	cursor: pointer;
}

.submit>button:after {
	font-family: 'fontawesome';
	content: '\f1d8';
	position: relative;
	padding-left: 10px
}

i.fa {
	padding-left: 10px;
}

#call i.fa, .circle i.fa, #windows-support i.fa {
	padding-left: 0;
}

.offset-contact {
	/* background-color: #242424; */
	/* padding: 24px; */
	line-height: 30px;
	margin-right: 30px;
	color: black;
}

.offset-contact strong,
.offset-contact span {
	color: black;
}

.plate--element__contact_form {
	margin-bottom: 50px;
}

.download-blok {
	display: block;
	margin: 7px;
	border-radius: 10px;
	background-color: #242424;
	text-decoration: none !important;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out
}

.download-blok .download-blok-inner {
	margin: auto;
	display: flex;
	text-align: center;
	width: 100%;
	height: 100%;
	flex-wrap: wrap
}

.download-blok .download-blok-inner span {
	color: #fff;
	text-align: center;
	font-size: 16px;
	margin: auto;
	width: 100%
}

.download-blok .download-blok-inner .circle {
	width: 44px;
	height: 44px;
	background-color: #00AEEF;
	border-radius: 100%;
	margin: 0 auto;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out
}

.download-blok .download-blok-inner .circle i {
	width: 100%;
	margin: auto;
	height: 100%;
	padding-top: 12px
}

.download-blok:hover {
	background-color: #F96C1C
}

.download-blok:hover .download-blok-inner span {
	text-decoration: none
}

.download-blok:hover .download-blok-inner .circle {
	background-color: #242424
}

.btn-vg-default {
	background-color: #F96C1C;
	padding: 15px 36px;
	border-radius: 27px;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	margin-bottom: 10px;
	box-sizing: border-box;
	border: 2px solid transparent;
}

.btn-vg-default:hover {
	color: #F96C1C;
	background-color: white;
	border-color: #F96C1C;
}

.btn-vg-default:hover i.fa {
	color: #F96C1C;
}

#mobTel {
	display: none;
}

.cc-color-override-1867739337 .cc-btn:hover {
	background-color: #00AEEF!important;
}

.cc-color-override-1867739337 .cc-btn {
	color: white!important;
}

.cc-color-override-1867739337 .cc-message {
	color: black!important;
	font-weight: 600;
}

@media (min-width:1000px) {
	.modal-dialog {
		max-width: 900px;
	}

}

@media (min-width:992px) and (max-width:1199px) {
	#ball, #ball2 {
		height: 940px;
		width: 765px
	}

	#ball .title h1 {
		font-size: 60px;
		margin: 30px 0 10px 0;
		line-height: 65px;
	}

}

@media (min-width:768px) and (max-width:991px) {
	#ball, #ball2 {
		height: 940px;
		width: 765px;
		background-size: 73%
	}

	#ball .title h1 {
		font-size: 60px;
		margin: 30px 0 10px 0;
		line-height: 65px;
	}

	#wrapper #content p {
		padding: 0 35px 0 0;
	}


}

@media (max-width:767px) {
	.uitgelichteafbeelding {
		height: 100%;
		min-height: 180px;
		width: 100%;
		border-radius: 5px;
		background: #00aeef1a;
		background-position-x: 0%;
		background-position-y: 0%;
		background-repeat: repeat;
		background-image: none;
		background-size: auto;
		background-repeat: repeat;
		background-image: none;
		background-size: auto;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}

	.contact{
		display: none;
	}

	#menu, body.subpagina #menu {
		background-color: #252525;
		position: fixed;
		right: 0;
		bottom: 100vh;
		text-align: center;
		width: 100%;
		height: 100vh;
		z-index: 100;
		padding: 0;
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
		top: inherit;
	}

	#menu ul, body.subpagina #menu ul {
		padding: 0;
		margin-top: 170px
	}

	#menu ul li a, body.subpagina #menu ul li a {
		color: #fff
	}

	#menu ul li.active a, body.subpagina #menu ul li.active a {
		color: #00AEEF
	}

	#menu ul li.active a:after, body.subpagina #menu ul li.active a:after {
		background-color: #00AEEF;
		margin-left: 10px;
		display: inline-block;
		right: auto
	}

	#call, #windows-support {
		display: none
	}

	.offset-contact {
		margin-right: 0;
		margin-bottom: 35px
	}

	#wrapper {
		overflow: scroll;
		height: 100vh;
		-webkit-overflow-scrolling: touch;
	}

	#wrapper ul#navTabs {
		text-align: center
	}

	#wrapper ul#navTabs a {
		padding: 6px 0;
		margin: 0 20px
	}

	#wrapper ul#navTabs #hr1 {
		display: none
	}

	#wrapper ul#navTabs #hr2 {
		width: 100vw;
		margin-left: -35px;
		margin-top: 12px;
		margin-bottom: 33px
	}

	#wrapper #content {
		overflow-y: visible;
		-webkit-overflow-scrolling: touch;
	}

	#wrapper #content h1 {
		text-align: center
	}

	#wrapper #menuTrigger {
		display: block;
		width: 23px;
		margin-left: 25px;
		margin-top: 50px;
		z-index: 101;
		position: absolute;
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out
	}

	#wrapper #menuTrigger .bar {
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
		width: 23px;
		height: 3px;
		background-color: #fff;
		margin-top: 4px;
		display: block
	}

	#wrapper #content {
		width: 100%;
		padding: 0 35px 0 35px;
		margin-top: 160px;
	}

	#wrapper #content #nav-tabContent {
		height: auto;
		overflow: visible;
	}

	.download-blok {
		margin-left: 0;
		margin-right: 0
	}

	body.menu-open #logo .zwart {
		opacity: 0
	}

	body.menu-open #logo .wit {
		opacity: 1
	}

	body.menu-open #menu {
		bottom: 0
	}

	body.menu-open #wrapper #menuTrigger {
		margin-top: 71px
	}

	body.menu-open #wrapper #menuTrigger .bar.first {
		transform: rotate(45deg)
	}

	body.menu-open #wrapper #menuTrigger .bar.last {
		transform: rotate(-45deg);
		margin-top: -10px;
		margin-bottom: 15px
	}

	body.menu-open #wrapper #menuTrigger .bar.mid {
		opacity: 0
	}

	#logo>a>img {
		width: 100px
	}

	#logo>a>img {
		position: absolute;
		top: 0;
		right: 0;
	}

	#logo {
		right: 25px;
		top: 25px;
	}

	body>.body-bg {
		opacity: .28
	}

	body.subpagina>.body-bg {
		opacity: 1;
		background-image: none
	}

	#ball2 {
		bottom: -380px;
		left: -25%;
		right: 0;
		width: 150%;
		height: 670px;
		z-index: 1
	}

	#ball2.grow {
		bottom: 0;
		transform: scale(2)
	}

	#ball2.grow #mash {
		display: none
	}

	body.subpagina #ball2 {
		bottom: -15%;
		left: -50%;
		height: 200vh;
		width: 200vw;
		right: 0
	}

	body.subpagina #ball2 #mash {
		display: none
	}

	#ball {
		z-index: 2;
		width: 100%;
		height: 75px;
		bottom: 0;
		left: 0;
		border-radius: 0
	}

	#ball .title {
		position: absolute;
		bottom: 80px;
		width: 80%;
		top: auto;
		left: 0;
		right: 0;
		margin: auto;
		text-align: center
	}

	#ball .title h5 {
		display: none
	}

	#ball .title h1 {
		font-size: 45px;
		line-height: 50px;
		margin: 30px 0 10px 0;
	}

	#ball .service h5 {
		top: auto;
		font-size: 15px;
		opacity: 1;
		text-align: center;
		width: 100%
	}

	#ball .service:hover h5 {
		margin-left: 0
	}

	#ball #service1 {
		left: 0;
		border-radius: 0;
		width: 25%;
		height: 75px;
		top: 0
	}

	#ball #service1 img {
		width: 37px;
		margin-top: 16px
	}

	#ball #service1:hover {
		top: 0;
		bottom: 0
	}

	#ball #service1:hover img {
		width: 37px
	}

	#ball #service2 {
		left: 25%;
		border-radius: 0;
		width: 25%;
		height: 75px;
		top: 0
	}

	#ball #service2 img {
		width: 40px;
		margin-top: 16px
	}

	#ball #service2:hover {
		top: 0;
		bottom: 0
	}

	#ball #service2:hover img {
		width: 40px
	}

	#ball #service3 {
		left: 50%;
		border-radius: 0;
		width: 25%;
		height: 75px;
		top: 0
	}

	#ball #service3 img {
		width: 28px;
		margin-top: 16px
	}

	#ball #service3:hover {
		top: 0;
		bottom: 0
	}

	#ball #service3:hover img {
		width: 28px
	}

	#ball #service4 {
		left: 75%;
		border-radius: 0;
		width: 25%;
		height: 75px;
		top: 0
	}

	#ball #service4 img {
		width: 32px;
		margin-top: 16px
	}

	#ball #service4:hover {
		top: 0;
		bottom: 0
	}

	#ball #service4:hover img {
		width: 32px
	}

	#mobTel {
		display: block
	}

	#mobTel>hr {
		background-color: #fff;
		width: 80vw;
		margin-top: 30px;
		margin-bottom: 30px
	}

	#mobTel h5 {
		color: #fff;
		margin: auto;
		text-decoration: none
	}

	#mobTel #mobCall {
		height: 50px;
		width: 50px;
		border-radius: 100%;
		margin: 20px auto;
		background-color: #F96C1C;
		display: flex
	}

	#mobTel #mobCall i {
		vertical-align: middle;
		margin: auto;
		padding-left: 0;
	}

}

/*# sourceMappingURL=style.css.map */