@import url('https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap&subset=latin-ext');




body {
	width: 100%;
	background: #ffffff;	
	margin: 0px;
	padding: 0px;
}
.t {
	font-family: 'Muli', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF7C1F;
	text-decoration: none;
	background-color: pink;
	background-repeat: repeat-x;
	padding-left: 10px;
	padding-right: 10px;
	white-space: nowrap;
}


/*** GENERAL ELEMENTS ***/
a {
	text-decoration: none;
}

p {
	font-family: 'Muli', helvetica, sans-serif, arial;
	font-weight: lighter;
	font-size: 18px;
	line-height: 150%;
}   

h1 {
	font-family: 'Muli', helvetica, sans-serif, arial;
	text-transform: uppercase;
	font-weight: 900;
	color: #ffffff;
	font-size: 3em;
	line-height: 110%;
	margin: 0;
}

h2 {
	font-family: 'Muli', helvetica, sans-serif, arial;
	text-transform: uppercase;
	font-weight: 800;
	color: #8A8A90;
	font-size: 2em;
	letter-spacing: 3px;
	line-height: 110%;
	margin: 0;
}

h3 {
	font-family: 'Muli', helvetica, sans-serif, arial;
	color: #ffffff;
	font-size: 1.5em;
	line-height: 110%;
	font-weight: lighter;
	margin: 0;
}

h4 {
	font-family: 'Muli', helvetica, sans-serif, arial;
	font-weight: 800;
	font-size: 2em;
	letter-spacing: 3px;
	margin: 2px 0;
}

h5 {
	font-family: 'Muli', helvetica, sans-serif, arial;
	font-weight: 800;
	font-size: 19px;
	margin: 2px 0;

}



.button {
	font-family: 'Muli', helvetica, sans-serif, arial;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 13px;
	letter-spacing: 2px;
	border: 1px solid #ffffff;
	border-radius: 50px;
	padding: 10px 30px;
}

.button:hover {
	background: #FFFFFF;
	border: none;
	border-radius: 27.5px;
	color: #293B45;
	box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.40);
	transition: 2s;


}


.buttonBlue {
	font-family: 'Muli', helvetica, sans-serif, arial;
	color: #ffffff;
	background: #004B85;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 2px;
	border: 1px solid #004B85;
	border-radius: 50px;
	padding: 10px 30px;
	width: 100px;
	float: right;
	margin: 50px 0;
}

.buttonBlue:hover {
	box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.40);
	transition: 2s;
}



/*** HOMEPAGE SECTIONS *****/

#MainHero {
	background-image: url(/themes/macaodrive/static/images/homeHero.jpg);
	background-size: 100% !important;
	background-repeat: no-repeat;
	padding: 25% 10%;

}

#FileSharing {
	background: #141111;
	padding: 5%;

}

#dashboardAngle {
	background: #141111;
	clip-path: polygon(0 0, 100% 0, 100% 46%, 0 100%);
	padding: 5%;
	margin-top: -2px;
	z-index: 0;
}

#dashboard {
	background: #ffffff;
	text-align: center;
	padding: 0 0 6% 0;
	
}


#ProductFeatures {
	background-image: linear-gradient(103deg, #f9f9f9 50%, #DADBEE 100%);
	padding: 0;
	clear: none;
}

#Action {
	background-image: url(/themes/macaodrive/static/images/dataAnywhere.jpg);
	display: flex;
	background-repeat: no-repeat;
		background-size: cover;
	background-attachment: fixed;

}

#Trusted {
	background: #ffffff;
	padding: 5%;
	text-align: center;
	width: 100%;
}


/*** 01. HOME HERO ***/

.Headline {
	text-align: center;
	    -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 3s; /* Firefox < 16 */
        -ms-animation: fadein 3s; /* Internet Explorer */
         -o-animation: fadein 3s; /* Opera < 12.1 */
            animation: fadein 3s;

}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}





#MainHero .button {
	width: 90px;
	text-align: center;
	margin: 10% auto 10% auto;
}

#MainHero .button:hover {
	background: #ffffff;
	color: #004B85;
}


/*** 02. FILE SHARING ***/

#FileSharing h2 {
	text-align: center;
	color: #8A8A90;
}

#FileSharing p, #FileSharing h5  {
	color: #ffffff;
	text-align: center;
}





.fileTypes {
    text-align: center !important;
    padding: 3% 0 2% 0;
}




#ProductFeatures .row {
	width: 100%;
	clear: none;
  display: flex;
}
#ProductFeatures .column1 {
	width: 60%;
	float: left;
	padding: 10% 10% 5% 10%;
}

.collab {
    padding: 5% 0 2% 0;
} 

#ProductFeatures .column2 {
	width: 50%;
	float: right;
	text-align: right;
}




.callAction {
    width: 50%;
    float: right !important;
    text-align: right;
    padding: 10% 5% 10% 45%;
    right: 0 !important;
    color: #fff;
}

.dash {
	margin: -8% 0 0 0;
	z-index: 2000 !important;
}


#Trusted h2 {
	width: 100%;
	float: none;
	margin: 0 0 1.5% 0;
}
#Trusted .row {
	width: 70%;
	margin: 0 auto;
	float: none;
	clear: both;
}


.Trusted-col1, .Trusted-col2, .Trusted-col3 {
	width: 30%;
	float: left;
	margin: 1%;
}



/******  PRIVACY POLICY ******/
ul.list-contents li{
	list-style-type: none !important;
	font-weight: 800;
}

h3.darkContent {
	font-family: 'Muli', helvetica, sans-serif, arial;
	color: #8A8A90 !important;
	font-size: 1.5em;
	line-height: 110%;
	font-weight: 500 !important;
	margin: 0 0 10px 0;
}

#info p.heading, #data-collect p.heading, #data-how p.heading, #data-how-use p.heading, #disclosure p.heading, #international p.heading, #security p.heading, #rights p.heading, #glossary p.heading {
	margin: 0 0 2px 0 !important;
}

ul.your-rights li {
	font-style: italic !important;
}

#glossary h4 {
	font-size: 18px !important;
}


#data-how-use table, #data-how-use th, #data-how-use td {
  border: 1px solid #8A8A90;
  border-collapse: collapse;
}

#data-how-use td, #data-how-use th {
    padding: 20px 20px;
    font-size: 14px;
    line-height: 150%;
}