/* ===========================
   NOTARYSIGN MAIN CSS
=========================== */

@import url('../css2');

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-family:'Poppins', sans-serif;
}

/* ===========================
   HEADER
=========================== */

.headerarea{
	width:100%;
	height:160px;
	background:#FFF;
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
	padding-top:10px;
}

/* ===========================
   NAVIGATION
=========================== */

nav{
	width:100%;
	background:#21588f;
	position:fixed;
	top:160px;
	left:0;
	z-index:999;
}

.nav-wrapper{
	max-width:1200px;
	margin:auto;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0 20px;
	height:70px;
}

.logo p{
	color:#fff;
	font-size:26px;
	font-weight:bold;
	text-transform:uppercase;
}

/* MENU */

nav ul{
	list-style:none;
	display:flex;
}

nav ul li{
	display:inline-block;
}

nav ul li a{
	color:#fff;
	text-decoration:none;
	font-size:18px;
	padding:0 20px;
	line-height:70px;
	text-transform:uppercase;
}

nav ul li a:hover{
	color:#c0d96f;
}

nav ul li .activemenu{
	color:#c0d96f;
}

/* HAMBURGER */

.menu-toggle{
	display:none;
	font-size:30px;
	color:white;
	cursor:pointer;
}

/* ===========================
   CONTENT
=========================== */

.container{
	width:100%;
	margin-top:240px;
}

.content{
	max-width:1200px;
	margin:auto;
	padding:60px 20px;
	color:#3e4152;
}

.content h1{
	margin-bottom:10px;
}

.content p{
	font-size:16px;
	line-height:24px;
}

.content:nth-child(even){
	background:#fff;
}

/* ===========================
   TEXT
=========================== */

.logotext{
	color:#000;
	font-size:18px;
	text-align:center;
	padding:10px 20px;
}

.logotextmainpage{
	color:#21588f;
	font-size:24px;
	text-align:center;
	padding:20px;
}

.Textboldunder{
	font-weight:bold;
	text-decoration:underline;
}

.Textitalic{
	font-weight:bold;
	font-style:italic;
}

/* ===========================
   IMAGES
=========================== */

.centerimage{
	display:block;
	margin:auto;
	max-width:100%;
	height:auto;
}

/* ===========================
   LINKS
=========================== */

a{
	color:#000;
}

a:hover{
	color:#c0d96f;
}

/* ===========================
   ACCORDION
=========================== */

.accordion{
	background:#fff;
	color:#21588f;
	cursor:pointer;
	padding:18px;
	width:100%;
	border:none;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	transition:0.3s;
}

.accordion:after{
	content:'\25BC';
	float:right;
}

.active:after{
	content:'\25B2';
}

.panel{
	padding:0 18px;
	background:#fff;
	max-height:0;
	overflow:hidden;
	transition:max-height 0.2s ease-out;
	text-align:justify;
}

/* ===========================
   FOOTER
=========================== */

.footer{
	width:100%;
	background:#21588f;
	color:#fff;
	padding:20px;
	text-align:center;
	margin-top:40px;
}

.footer p{
	font-size:15px;
	line-height:24px;
}

.footer a{
	color:#fff;
}

.footer a:hover{
	color:#c0d96f;
}

/* ===========================
   TABLET
=========================== */

@media (max-width:900px){

nav ul li a{
	padding:0 12px;
	font-size:16px;
}

.logotextmainpage{
	font-size:22px;
}

}

/* ===========================
   MOBILE
=========================== */

@media (max-width:768px){

.menu-toggle{
	display:block;
}

nav ul{
	position:absolute;
	top:70px;
	left:0;
	width:100%;
	background:#21588f;
	flex-direction:column;
	display:none;
}

nav ul.active{
	display:flex;
}

nav ul li{
	text-align:center;
}

nav ul li a{
	line-height:50px;
	display:block;
}

.container{
	margin-top:250px;
}

.content{
	padding:40px 20px;
}

.logotext{
	font-size:16px;
}

.logotextmainpage{
	font-size:20px;
}

}

/* ===========================
   SMALL PHONES
=========================== */

@media (max-width:480px){

.headerarea{
	height:auto;
	padding:10px;
}

.container{
	margin-top:260px;
}

.logotextmainpage{
	font-size:18px;
}

}