@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	font-family: 'Roboto Condensed', sans-serif;
}

html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

b {
	font-weight: bold;
}

hr {
	margin: 5% 0 8% 0;
	border: 1px solid #CCC;
	opacity: 0.2;
}

h1 {
	
}

h2 {
	margin: 3% 0 5% 0;
}

h3 {
	
}

h4 {
	margin: 5% 0 0 0;
}

h5 {
	
}

h6 {
}

p {
	font-size: 15pt;
}

input[type="text"], input[type="email"] {
	width: 100%;
	padding: 5%;
	border: 1px solid #CCC;
	margin: 0 0 5% 0;
	font-size: 13pt;
}

textarea {
	width: 100%;
	padding: 5%;
	border: 1px solid #CCC;
	font-size: 13pt;
	height: 25vh;
	margin: 0 0 5% 0;
}

input[type="button"], input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
	background-color: darkorange;
	color: #FFF;
	padding: 3.5% 5% 3.5% 5%;
	font-size: 15pt;
	border-radius: 5px;
}

video {
	width: 100%;
}

/* menu start */

.menu-master {
	width: 100%;	
	/*background: linear-gradient(#FFF, #FFF);*/
	position: fixed;
	z-index: 998;
	padding: 1% 0 0 0;
	box-shadow: 0 0 15px 0 #000;
	background-color: #FFF;
}

.menu-master-bg {
	display: table;
	width: 100%;
}

.menu {
	padding: 8% 5% 4% 0;
	background-color: #333;
	position: absolute;
	top: -1500px;
	z-index: 997;
	text-align: right;
	width: 100%;
}

.menu-desktop {
	display: none;
}

.menu-tel li {
	font-size: 14pt;
	color: #FFF;
}
.menu-tel a {
	color: #FFF!important;
}

.menu-tel img {
	width: 7%;
	vertical-align: bottom;
	margin-right: 3%;
}

.menu-social ul {
	margin: 0 0 1% 0;
}

.menu-social li {
	display: inline;
	margin: 0 1% 0 1%;
}

.menu-social img {
	width: 10%;
}

.menu ul {
	display: table;
	margin-bottom: 25px;
	list-style: none;
	width: 95%;
	font-size: 1.5em;
}

.menu li a {
	color: #FFF;
	font-weight: bold;
}

.menu h3 {
	color: #990000;
	font-size: 1.8em;
	font-weight: bold;
}

.menu-logo {
	width: 50%;
	float: left;
	position: relative;
	text-align: left;
}

.menu-logo img {
	width: 125%;
	padding: 1% 0 4% 5%;
}

.menu-ico {
	float: right;
	text-align: right;
	padding: 11.5% 5% 0 0;
}

.navicon-button {
	display: inline-block;
	position: relative;
	transition: 0.25s;
	cursor: pointer;
	user-select: none;
}

.navicon-button .navicon:before, .navicon-button .navicon:after {
	transition: 0.25s;
}

.navicon {
	position: relative;
	width: 1.8em;
	height: .3125rem;
	background: #000;
	transition: 1s;
	border-radius: 2.5rem;
}

.navicon:before, .navicon:after {
	display: block;
	content: "";
	height: .3125rem;
	width: 1.8rem;
	background: #000;
	position: absolute;
	z-index: -1;
	transition: 1s 0.25s;
	border-radius: 1rem;
}

.navicon:before {
	top: .625rem;
}

.navicon:after {
	top: -.625rem;
}

.open:not(.steps) .navicon:before,
.open:not(.steps) .navicon:after {
		top: 0 !important;
}

.open .navicon:before,
.open .navicon:after {
	transition: 1s;
}

/* × and + */
.open.plus .navicon,
.open.x .navicon {
	background: transparent;
}

.open.plus .navicon:before,
.open.x .navicon:before {
	transform: rotate(-45deg);
}

.open.plus .navicon:after,
.open.x .navicon:after {
	transform: rotate(45deg);
}

.open.plus {
	transform: scale(0.75) rotate(45deg);
}

/* menu end */

/* slide start */

.swiper-text {
	margin-top: 10vh;
	text-align: center;
	text-shadow: 3px 3px 3px #000;
	padding: 2.5% 0 7% 4%;
	width: 100%;
	position: relative;
	/*background-image: url("../img/bg-shadow-text.png");*/
}

.swiper-text h2 {
	color: #FFF;
	font-weight: bold;
	margin-bottom: 0;
}

.swiper-text p {
	margin: 2% 0 5% 0;
	color: #FFF;
	width: 97%;
	font-size: 20pt;
}


.swiper-container .swiper-slide {
	overflow: hidden;	
}

.swiper-container  {
	
}

/* slide end */

.content {
	width: 91%;
	background-color: #fff;
	padding: 6% 4.5% 5% 4.5%;
}

.content h1 {
	margin-top: 1%;
}

.content li {
	font-size: 14pt;
	list-style-type: none;
}

.content-ico {
	float: left;
	margin-right: 3%;
}

#about {
}

#about video {
	margin-bottom: 10%;
}

#about img {
	width: 100%;
}

#about li {
	list-style-type: square;
	margin-left: 7%;
}

#services {
	display: table;
	/*background: linear-gradient(#FFF, #FFEFBF);*/
	/*margin-top: 4%;*/
}

#services video {
	margin-bottom: 6%;
}

#services ul {
}

#services img {
	width: 100%;
	margin-bottom: 1%;
	pointer-events: none;
}

#services li {
	margin-bottom: 5%;
}

#services iframe {
	width: 100%;
	height: 50vh;
	margin-bottom: 5%;
	/*pointer-events: none;*/
}

#services h2 {
	font-size: 14pt;
	margin: 0;
	padding: 0 0 5% 0;
}

#services a {
	color: darkorange;
}

#services .fotos360 {
	display: table;
	margin-bottom: 5%;	
}

#rating {
	
}

#rating .swiper-container2 {
	height: 55vh;
	padding-top: 0;
	padding-bottom: 0;
}

#rating .swiper-text {
	padding: 0 0 15% 0;
}

#rating h2 {
	padding: 0!important;
	margin: 0!important;
	text-shadow: none;
	color: #000;
	text-align: left;
	font-size: 4vh;
}

#rating p {
	padding: 0!important;
	margin: 0!important;
	text-shadow: none;
	color: #000;
	text-align: left;
	font-size: 4vh;
}

#contact {
	display: table;
	/*background: linear-gradient(#FFF, #FFEFBF);*/
	color: #000;
}

#contact a {
	color: blue;
}

#contact textarea {
	
}

.content-contact-div-right {
	margin-top: 8%;
}

.content-contact-div-right p {
	margin-bottom: 5%;
}

.content-contact-div-right input {
	margin-bottom: 5%;
}

#footer {
	display: table;
	text-align: center;
	border-top: 10px solid orange;
	background-color: #000;
	color: #FFF;
	text-align: center;
}

#footer img {
	width: 100%;
	float: left;
	padding-bottom: 5%;
}

.menu-desktop ul li .active {
	color: darkorange!important;
}

.fotos {
	display: none;
}

@media (min-width: 640px) {
	
	.mobile {
		display: none;
	}
	
	a {
		color: darkorange;
	}

	body {
		overflow-x: hidden;
	}

	h1 {
		font-weight: bold;
	}
	
	p {
		font-size: 13pt;
	}
	
	.menu-master {
		padding: 0 0 0 0;
		background-color: transparent;
		background-image: url("../img/bg-shadow-menu.png");
	}
	
	.menu-master-bg {
		background-position: 0 -10%;
		padding-bottom: 0.5%;
		height: 12vh;
	}	
	
	.menu-logo {
		padding-top: 1px;
	}
		
	.menu-logo img {
		width: 30%;
		padding: 7px 0 0 9.3%;
	}
	
	.menu-ico {
		display: none;
	}
	
	.menu {
		position: fixed;
		top: 0;
		right: 0.5%;
		padding: 0;
		margin: 0;
		background-color: transparent;
		width: 70%;
		line-height: 3.5vh;
		z-index: 998;
	}
	
	.menu-mobile {
		display: none;
	}
	
	.menu-desktop {
		float: right;
		display: block;
		padding-top: 1.7%;
	}
	
	.menu-desktop a {
		color: #000!important;
		font-weight: normal!important;
	}
	
	.menu ul {
		margin: 0;
	}
	
	.menu li {
		display: inline-block;
		margin: 0.5% 0 0 5%;
		padding: 0;
		font-size: 1.2vw;
		color: #000;
	}
	
	.menu-tel li {
		margin-left: 1%;
	}
	
	.menu-tel img {
		width: 2%!important;
		margin-right: 1%!important;
	}
	
	.menu img {
		width: 2.5%;
		margin: 0 0 0 1%;
	}
	
	.menu-tel img {
		vertical-align: middle;
		margin-right: 2%;
	}
	
	.menu-tel img:hover {
		opacity: 1;
	}
	
	input[type="button"], input[type="submit"] {
		padding: 0.8% 1% 0.8% 1%;
		transition-duration: 1s;
	}
	
	input[type="button"]:hover, input[type="submit"]:hover {
		background-color: #000;
    	cursor: pointer;
	}
	
	.swiper-text {
		padding-left: 5%;
	}

	.swiper-text h2 {
		font-size: 5vh;
	}

	.swiper-text p {
		font-size: 5vh;
		padding: 0;
		margin-bottom: 3%;
		text-align: center;
	}
	
	.content {
		padding: 2% 5% 3% 5%;
	}
	
	.content h1 {
		margin: 0;
	}

	.content-ico {
		margin-right: 1%;
	}
	
	.fotos {
		display: table;
	}
	
	hr {
		margin: 1.5% 0 2% 0;
	}
	
	#about {
		display: table;
		padding-bottom: 0;
		min-height: 90vh;
	}
	
	#about li {
		font-size: 13pt;
		margin-left: 1.1%;
	}
	
	#about p {
	}
	
	#about video {
		float: right;
		width: 50%;
		margin: 0 0 0 1%;
	}
	
	#about img {
		width: 20%;
		margin: 0;
	}
	
	#about .swiper-container2 {
		display: none;
	}
	
	#services {
		padding-bottom: 3%;
		margin-top: 3%;
		border-top: 10px solid #F0F0F0;
		min-height: 90vh;
	}
	
	#services video {
		float: right;
		width: 50%;
		margin: 0 0 0 1%;
	}
	
	#services img {
		width: 16.3%;
		pointer-events: auto;
	}
	
	#services p {
		
	}
	
	#services ul {
		width: 100%;
	}
	
	#services li {
		display: inline;
	}
	
	#services .fotos360 {
		margin-bottom: 0;
		padding: 5% 0 5% 0;
		width: 50%;
		float: right;
		text-align: center;
		background-color: #F9F9F9;
	}
	
	#services h2 {
		margin-bottom: 10%;
	}
	
	#services li {
		margin: 0;
	}
	
	#rating {
		float: left;
		border-top: 10px solid #F0F0F0;
		min-height: 90vh;
	}

	#rating .swiper-container2 {
		height: 30vh;
		padding-top: 0;
		padding-bottom: 0;
	}
	
	#rating .swiper-text {
		padding: 0 0 5% 0;
	}

	#rating h2 {
		
	}
	
	#contact {
		border-top: 10px solid #F0F0F0;
		min-height: 90vh;
	}

	#contact p {
		font-size: 14pt;
		font-weight: normal;
	}

	#contact textarea {
		margin-bottom: 2%;
	}

	.content-contact-div-left {
		float: left;
		width: 49%;
	}

	.content-contact-div-right {
		margin: 0;
		float: left;
		width: 50%;
		padding-left: 1%;
		font-weight: bold;	
	}
	
	.content-contact-div-right input {
		margin-bottom: 2%;
	}

	.content-contact-div-right p {
		margin-bottom: 2%;
	}
	
	input[type="text"], input[type="email"] {
		width: 100%;
		padding: 2%;
		border: 1px solid #CCC;
		margin: 0 0 2% 0;
		font-size: 13pt;
	}

	textarea {
		width: 100%;
		padding: 2%;
		border: 1px solid #CCC;
		font-size: 13pt;
		height: 26vh;
		margin: 0 0 1% 0;
		resize: none;
	}
	
	#footer {
		background-size: 100%;
		padding-bottom: 0;
	}

	#footer img {
		width: 25%;
		margin-right: 5%;
		padding-bottom: 2%;
	}
	
}

}