@charset "utf-8";
/* CSS Document */

html {
  scroll-behavior: smooth;
}

body {
	width: 100%;
	margin-left: 0vw;
	margin-top: 0px;
	left: 50%;
}



@media screen and (min-width: 1000px) {
	#mobile { display: none }
}

@media screen and (max-width: 1000px) {
	#desktop { display: none }
}

.icons {
	padding: 0px 10%;
}

.iconsm {
	padding: 0px 10%;
	border-left: thin solid #5B5A54;
	border-right: thin solid #5B5A54;
	
}

.topnav {
	background-color: #c0c0c0;
	padding: 4% 0;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: black;
}

.menu {
	color: black;
	font-family: 'ubuntu';
	
	padding: 5px 5%;
	font-size: 20px;
	
}

a {
	text-decoration: none;
}

.mobile1 {
	background-color: #991d20;
	font-family: 'ubuntu';
	padding: 10% 0px;
	color: white;
}

.mobile1 h2 {
	margin-top: -5px;
	font-size: 20px;
}

#slider{
	overflow: hidden;
	margin: auto;
	font-family: 'ubuntu';
	color: black;
}

#slider p{
	padding: 0px 5%;
}

#slider figure{
	position: relative;
	width: 500%;
	margin: 0;
	left: 0;

}

#slider figure .slide{
	width: 20%;
	float: left;
	height: 50%;
}

@keyframes slider{
	0% {left: 0;}
	20% {left: 0;}
	25%{left: -100%}
	40%{left:-100%}
	45%{left:-200%}
	60%{left:-200%}
	65% {left:-300%}
	80%{left:-300%}
	85%{left:-400%}
	100%{left:-400%}
}

#sliderd{
	overflow: hidden;
	margin: auto;

	width: 100%;
	
}

#sliderd h3 {
	font-weight: 600;
}

#sliderd h4 {
	font-weight: 500;
}

#sliderd p{
	padding: 0px 5%;
}

#sliderd figure{
	position: relative;
	width: 500%;
	margin: 0;
	left: 0;
}

#sliderd figure .slide{
	width: 20%;
	height: 50%;
}

.dtx {
clear: both;
font-family: 'ubuntu';
background-color: #c0c0c0;
padding: 3% 0% 0% 0%;
}

.red {
background-color: #991d20;
color: white;
padding: 1% 3%;
background: rgba(150, 0, 4, 0.9);
}

.oned {
	background-image: url("1bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	padding: 5% 30% 10%;
	height: 300px;
	color: black;
}
.twod {
	background-image: url("2bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: -20px;
	padding: 2% 50% 18% 5%;
	height: 300px;
}
.threed {
	background-image: url("3bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: -20px;
	padding: 2% 50% 18% 5%;
	height: 300px;
}
.fourd {
	background-image: url("4bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: -20px;
	padding: 2% 50% 18% 5%;
	height: 300px;
}
.fived {
	background-image: url("5bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: -20px;
	padding: 2% 50% 18% 5%;
	height: 300px;
}

.oned hr {
width: 80%;
}

.oned h3 {
	font-size: 36px;
	font-weight: 700;
	color: white;
	font-family: 'ubuntu';
}
.oned h4 {
	font-size: 20px;
	font-weight: 200;
	color: black;
	margin-bottom: 50px;
	font-family: 'ubuntu';
}

.slide h5{
font-family: 'ubuntu';
font-size: 20px;
}

.twod h3 {
	font-size: 36px;
	font-weight: 700;
	color: white!important;
	font-family: 'ubuntu';

}
.twod h4 {
	font-size: 20px;
	fomt-weight: 200;
	color: white!important;
	margin-bottom: 50px;
	font-family: 'ubuntu';

}

.threed h3 {
	font-size: 36px;
	font-weight: 700;
	color: white!important;
	font-family: 'ubuntu';

}
.threed h4 {
	font-size: 20px;
	fomt-weight: 200;
	color: white!important;
	margin-bottom: 50px;
	font-family: 'ubuntu';

}

.fourd h3 {
	font-size: 36px;
	font-weight: 700;
	color: white!important;
	font-family: 'ubuntu';

}
.fourd h4 {
	font-size: 20px;
	fomt-weight: 200;
	color: white!important;
	margin-bottom: 50px;
	font-family: 'ubuntu';

}

.fived h3 {
	font-size: 36px;
	font-weight: 700;
	color: white!important;
	font-family: 'ubuntu';

}
.fived h4 {
	font-size: 20px;
	fomt-weight: 200;
	color: white!important;
	margin-bottom: 50px;
	font-family: 'ubuntu';

}

#ribbon h1 {
color: white;
}

.buttond {
	background-color: #c0c0c0;
	color: white;
	font-size: 18px;
	width: 30%;
	height: 50px;
	line-height: 50px;
	font-family: 'ubuntu';
	text-align: center;
}

.buttond:hover {
	transform: scale(1.1);
	color: white;
	background-color: #991d20;
	transition-duration: 1s;
}

.corner {
	position: absolute;
	margin-top: -11%;
	margin-left: 80%;
}

@keyframes slider{
	0% {left: 0;}
	20% {left: 0;}
	25%{left: -100%}
	40%{left:-100%}
	45%{left:-200%}
	60%{left:-200%}
	65% {left:-300%}
	80%{left:-300%}
	85%{left:-400%}
	100%{left:-400%}
}

.one {
	background-image: url("div1bg.png");
	margin-top: -20px;
	padding: 3% 10%;
	height: 20%;
}

.one h3 {
	color: #c0c0c0;
}

.two {
	background-image: url("div2bg.png");
	margin-top: -20px;
	padding: 5%;
	height: 440px;
}
.three {
	background-image: url("div3bg.png");
	margin-top: -20px;
	padding: 5%;
	height: 440px;
}
.four {
	background-image: url("div4bg.png");
	margin-top: -20px;
	padding: 5%;
	height: 440px;
}
.five {
	background-image: url("div5bg.png");
	margin-top: -20px;
	padding: 5%;
	height: 440px;
}

.slide hr {
	border-top: 2px solid #c0c0c0;
}

.slide h3 {
	font-size: 36px;
	font-weight: 800;
	
}
.slide h4 {
	font-size: 20px;
	font-weight: 200;
	color: white;
	margin-bottom: 50px;
}

.button {
	background-color:#c0c0c0;
	color: #991d20;
	font-size: 16px;
	width: 70%;
	height: 50px;
	line-height: 50px;
	font-family: 'ubuntu';
}

.mobile2 {
	padding: 5%;
	font-family: 'ubuntu';
}

.mobile2 h3 {
	font-family: 'ubuntu';
	font-size: 32px;
	font-weight: 300;
}

.mobile2 h4 {
	margin-top: -10px;
	font-family: 'ubuntu';
	font-size: 20px;
	font-weight: 500;
	color: gray;
}

.mobile2 hr {
	margin-top: -10px;
	padding: 3px 5%;
	background-color: #991d20;
	border: none;
}

.mobile2 p {
	font-family: 'ubuntu';
}

.mobile3 {
	display: inline-block;
	background-color: #991d20;
	padding: 7% 20% 5%;
	font-family: 'ubuntu';
	color: white;
	font-size: 16px;
}

.contact {
	padding: 5%;
	background-color: black;
	color: white;
}

.contact h3 {
	font-family: 'ubuntu';
	font-size: 26px;
}

.contact p {
	font-family: 'ubuntu';
}

#form {
	font-size: 18px;
	box-shadow: 0px 10px 5px black;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 10%;
	padding-right: 10%;
	color: #991d20;
}

#form textarea {
	width: 85%;
}

input[type=text] {
	background-color: transparent;
  padding: 12px 20px;
  margin: 0px 0;
  box-sizing: border-box;
  border: none;
  border-bottom: 2px solid #991d20;
	color: #991d20;
}

textarea {
	background-color: transparent;
  padding: 12px 20px;
  margin: 0px 0;
  box-sizing: border-box;
  border: none;
  border-bottom: 2px solid #991d20;
	color: #991d20;
	resize: none;
}

.footer {
	padding: 10%;
	font-family: 'ubuntu';
	
}

.footer h1 {
	font-size: 14px;
}

#dtribbon p {
	font-size: 16px;
	font-family: 'ubuntu';
	height: 16px;
	line-height: 16px;
	background-color: #991d20;
	text-align: right;
	padding: 10px 7%;
	margin-top: -.2%;
}

.top {
	font-family: 'ubuntu';
	background-color: #c0c0c0;
	color: black;
	font-weight: 500;

	font-size: 14px;
	padding: .4% 5%;
	
}

.header {
	clear: both;
	padding: 0px 10%;
	background-color: #991d20;
	color: white;
	font-family: 'ubuntu';

}

.head {
	padding: 2% 3% 0px;
}

.header p{
	font-family: 'ubuntu';
	margin-top: -1%;
	font-size: 16px;
	font-weight: 500;
	display: inline-block;
	vertical-align: middle;
	padding: 0px 4% 2% 4%;
}

.header p:hover {
	color: #c0c0c0;
	transition-duration: .5s;
}

.header a {
	color: white;
}

.header a:hover {
	color: #c0c0c0;
	transform: scale(1.1);
	transition-duration: .5s;
}

.text {
	padding: 2% 5% 2% 50%;
}

.text h3 {
	font-family: 'ubuntu';
	font-size: 32px;
	font-weight: 400;
}

.text h4 {
	margin-top: -10px;
	font-family: 'ubuntu';
	font-size: 24px;
	font-weight: 600;
	color: gray;
}

.text hr {
	margin-top: -10px;
	padding: 3px;
	background-color: #991d20;
	border: none;
	width: 100%;
	float: right;
}

.dt4 hr {
	margin-top: -10px;
	padding: 3px;
	background-color: #991d20;
	border: none;
	
}

.right2 {
	float: right;
	padding-right: 5%;
}

.text p {
	font-family: 'ubuntu';
	font-size: 18px;
}

.rightimg {
	float: right;
	padding: 5% 10% ;
}

.dt3 {
	background-color:#991d20;
	color: white;
	padding: 5%;
}

.icon1 {
	padding: 0px 10%;
}

.itext {
	display: inline-block;
	width: 18%;
	padding: 0px 6%;
	font-family: 'ubuntu';
	font-size: 20px;
}

.dt4 {
	color: white;
	background-color: black;
	padding: 3% 5%;
	display: inline-block;
	width: 90%;
}

.accent {
	display: inline-block;
	float: left;
	padding: 5%;
}

.accent2 {
	display: inline-block;
	float: right;
	padding: 5%;
	
}

.dt4 h3 {
	font-family: 'ubuntu';
	font-size: 30px;
	font-weight: 200;
}

.dt4 p {
	padding: 0px 50% 0px 0px;
	font-family: 'ubuntu';
}

.button3 {
	padding: 10px;
	background-color: white;
	font-family: 'ubuntu';
}

#footer {
	padding: 2% 15%;
	background-color: white;
}

#footer h3 {
	font-family: 'ubuntu';
	font-weight: 200;
}

.dt5 {
	width: 33%;
	display: inline-block;
	font-family: 'ubuntu';
	vertical-align: top;
	
}

.dt6 {
	width: 33%;
	display: inline-block;
	font-family: 'ubuntu';
	vertical-align: top;
}

.dt7 {
	width: 33%;
	display: inline-block;
	font-family: 'ubuntu';
	vertical-align: top;
	
}

.logo {
	padding: 0px 1%;
}

.dt5 h4 {
	margin-top: -4%;
	padding: 0;
	
}

.dots {
	font-size: 40px;
	color: white;
	margin-top: -5%;
	position: absolute;
	padding-left: 5%;
}

.topimg1 {
	background-image: url(img1.jpg);
	font-family: 'ubuntu';
	color: white;
	padding: 3% 0%;
	width: 100%;
	background-repeat: no-repeat;
}

.topimg1 h1 {
	font-size: 50px;
	font-weight: 200;
	margin-top: -.5%;
}

.topimg2 {
	background-image: url(img2.jpg);
	font-family: 'ubuntu';
	color: white;
	padding: 3% 0%;
	width: 100%;
}

.topimg2 h1 {
	font-size: 50px;
	font-weight: 200;
	margin-top: -.5%;
	margin-bottom: -.5%;
}

.pagetext {
	padding: 0% 20% 5%;
}

.pagetext h2{
	
	font-family: 'ubuntu';
	font-size: 32px;
}

.pagetext h3 {
	font-family: 'ubuntu';
	font-size: 24px;
	color: #4B4B4B;
}

.pagetext p {
	font-family: 'ubuntu';
	font-size: 18px;
}

.pagetextm {
	padding: 0% 10% 2%;
}

.pagetextm h2{
	
	font-family: 'ubuntu';
	font-size: 32px;
}

.pagetext h3 {
	font-family: 'ubuntu';
	font-size: 24px;
	color: #4B4B4B;
}

.pagetextm p {
	font-family: 'ubuntu';
	font-size: 18px;
}

#ribbon {
	display: inline;
	background-color: #991d20;
	width: 96%;
	float: left;
	padding: 10px 2%;
	font-size: 24px;
	clear: both;
}

#ribbon h1 {
	display: inline;
	font-family: 'ubuntu';
	font-size: 20px;
}

.agent {
	width: 30%;
	padding: 5%;
	display: inline-block;
	height: 500px;
}

.agent2 {
	width: 30%;
	padding: 5%;
	display: inline-block;
	height: 500px;
}

#mid {
	display: inline;
}

#mid h1 {
	font-family: 'ubuntu'
}

#mid h2 {
	font-family: 'ubuntu';
}

#container {
	margin-top: -50px;
	padding: 0px 10%;
}

#containerm {
	padding: 0px 1%;
}

.testm {
	width: 30%;
	height: auto;
	padding: 0% 0%;
	display: inline-table;
}

.testm h1 {
	font-family: 'ubuntu';
	font-weight: 200;
	font-size: 30px;
}

.testm h2 {
	font-family: 'ubuntu';
	font-size: 16px;
	margin-top: -20px;
}

.testm p {
	font-family: 'ubuntu';
	font-size: 16px;
}

.test {
	width: 30%;
	height: auto;
	padding: 0% 5%;
	display: inline-table;
}

.test h1 {
	font-family: 'ubuntu';
	font-weight: 200;
	font-size: 30px;
}

.test h2 {
	font-family: 'ubuntu';
	font-size: 16px;
	margin-top: -20px;
}

.test p {
	font-family: 'ubuntu';
	font-size: 16px;
}

#container hr {
	width: 80%;
	background-color:  #991d20;
	height: 3px;
	border: none;
}

.test:hover {
	transform: scale(1.05);
	transition-duration: .5s;
}

h4 a {
	color: #6E6E6E;
}

a{
	color: black;
}

.sq {
	padding: 3%;
}

.sq:hover {
	transform: scale(1.05);
	transition-duration: .5s;
}

.house {
	display: inline;
	width: 45%;
	padding: 2.5% 2.5%;
	vertical-align: top;
}

.housetext {
	display: inline-block;
	width: 50%;
}

.housem {
	display: inline;
	width: 100%;
	padding: 2.5% 2.5%;
	vertical-align: top;
}

.housetextm {
	display: inline-block;
	
}

.d1 {
	font-family: 'ubuntu';
	padding: 0 10%;
}

.dan {
	display: inline-block;
	float: left;
	padding: 0 5% 5%;
}

.d1 p{
	display: inline;
	font-size: 20px;
	clear: both;
	padding-bottom: 5%;
}

.m1 {
	font-family: 'ubuntu';
	padding: 5%;
}

.d2 {
	font-family: 'ubuntu';
	padding: 0 20%;
}

.d2 p{
	display: inline;
	font-size: 20px;
	clear: both;
	padding-bottom: 5%;
}

#fphead {
	color: white;
	background-image: url("fphead.jpg");
	font-family: 'ubuntu';
	padding: 10%;
	font-size: 32px;
}

#fpmid {
	padding: 10%;
	font-family: 'ubuntu';
}

#dtfphead {
	color: white;
	background-image: url("fphead.jpg");
	background-repeat: round;
	font-family: 'ubuntu';
	padding: 5%;
	font-size: 40px;
}

#dtfpmid {
	padding: 3% 20%;
	font-family: 'ubuntu';
	font-size: 22px;
}

.mid {
	font-family: 'ubuntu';
	font-size: 32px;
	color: white;
	font-weight: 700;
	background-color: black;padding: 5%;
}

.intro {
	font-family: 'ubuntu';
	padding: 0px 10%;
}

.intro img {
	padding: 2%;
	
}
.intro p {
	display: inline-block;
	padding: 0px 15%;
}

.pages {
padding: 3% 25%;
font-family: 'ubuntu';
}

.pages h1 {
color: #991d20;
}

.box {
font-family: 'ubuntu';
padding: 1% 15%;
clear: both;
}

.half {
width: 45%;
padding: 1% 2.5%;
float: left;
}

.pic {
width: 45%;
padding: 3% 2.5%;
float: left;
}

.half h2 {
color: #991d20;
}

.mobilebox {
font-family: 'ubuntu';
padding: 5%;
}

.mobilebox h2 {
color: #991d20;
}

.gallery {
padding: 0% 5% 5% 5%;
font-family: 'ubuntu';
}

.image {
width: 50%;
float: left;

}

.gallerym {
padding: 0% 5% 5% 5%;
font-family: 'ubuntu';
}

.imagem {
width: 100%;

}

.pagesm {
padding: 5%;
}

.pagesm h1 {
color: #991d20;
}