@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

body { font-family: 'Roboto', sans-serif; color: #666666; background-color: #fff; overflow-x: hidden; }
a:link, a:hover, a:active, a:focus, a:visited { text-decoration: none !important; }
* { outline: none; box-sizing: border-box !important; }
a:focus { outline: none !important; }

p {
	font-size: 18px;
	color: #000;
	line-height: 34px;
	font-weight: 400;
	margin-bottom: 30px;
}

.remove-padding { padding: 0; }
.remove-right { padding-right: 0; }
.clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after {clear: both; } .row, .clearfix {zoom: 1; } .clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clear5 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 5px; } .clear10 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 10px; } .clear15 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 15px; } .clear20 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 20px; } .clear25 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 25px; } .clear30 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 30px; } .clear35 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 35px; } .clear40 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 40px; } .clear45 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 45px; } .clear50 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 50px; } .clear60 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 60px; } .lfloat {float: left } .rfloat {float: right }
.row { margin-bottom: 0; }
.box-shadow { box-shadow: 10px 20px 30px rgba(0,0,0,.15); border-radius: 0 0 60px 0; }
.container { max-width: 1380px; }
.master-wrap { overflow: hidden; }

/* DEFAULT */

h1 {
	color: #fff;
	font-size: 46px;
	line-height: 52px;
	font-weight: 500;
	margin-bottom: 45px;
}

h2 {
	color: #000;
	font-size: 36px;
	line-height: 42px;
	font-weight: 500;
	margin-bottom: 45px;
}

h3 {
	color: #fff;
	font-size: 24px;
	line-height: 32px;
	font-weight: 500;
	margin-bottom: 25px;
}

.button-default {
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	display: inline-block;height: 60px;
	line-height: 60px;
	text-transform: uppercase;
	background: #ff8a00;
	border-radius: 4px;
	padding: 0 50px;
	border: none;
	transition: all .3s ease-in-out;
	position: relative;
	top: 0;
	cursor: pointer;
}
	.button-default:hover { top: -5px; box-shadow: 0 5px 20px rgba(0,0,0,.2); }

header { height: 910px; background: url(../../images/bg-header.jpg) center top no-repeat; background-size: cover; padding: 30px 0; }
header p { font-size: 22px; line-height: 34px; color: #fff; opacity: .7; }

.list-menu { text-align: right; }
.list-menu li { display: inline-block; margin: 0 20px; }
.list-menu li a {
	color: #fff;
	font-weight: 500;
	line-height: 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
	transition: all .3s ease-in-out;
}
.list-menu li a:hover { opacity: .6; }

.content { padding: 80px; background: #fff; margin-top: -250px; position: relative; z-index: 10; }

.bg-blue { padding: 80px 0; background: #0064d4; }
.bg-blue img { margin-bottom: 30px; }
.bg-blue p { color: #fff; opacity: .7; line-height: 26px; font-weight: 300; }

.bg-white { padding: 80px 0; background: #fff; }
.bg-white p { color: #000; opacity: .7; line-height: 26px; font-weight: 300; }

.bg-blue .container { padding: 0 80px; }
.bg-white .container { padding: 0 80px; }


form { width: 100%; padding: 0 15px; }
form input {
	height: 55px;
	line-height: 55px;
	border: 1px solid #c0c0c0;
	border-radius: 4px;
	padding: 0 20px;
	background: #fff;
	margin-bottom: 15px;
	width: 100%;
}
form textarea {
	border: 1px solid #c0c0c0;
	border-radius: 4px;
	padding: 20px;
	background: #fff;
	width: 100%;
	height: 200px;
	margin-bottom: 15px;
}


footer { padding: 80px 0; background: #0064d4; }
.copyright { padding: 30px 0; background: #0064d4; border-top: 1px solid #3383dd; }
.copyright p { color: #fff; margin: 0; font-size: 14px; font-weight: 300; }




@media (max-width: 576px) { 
	.master-wrap { overflow: hidden; }

	.list-menu { display: none; }
	header { height: auto; }
	header .clear60 { display: none; }

	h1 { font-size: 24px; line-height: 30px; }
	header p { font-size: 16px; line-height: 22px; }

	.logo { display: inline-block; margin-bottom: 30px; }

	.content { padding: 30px; background: #fff; margin-top: 0; }
	.bg-blue { padding: 30px; }
	.bg-white { padding: 30px; }
	footer { padding: 30px; }

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

	.bg-blue .container { padding: 0; }
	.bg-white .container { padding: 0; }

	footer { text-align: center; padding: 30px 0 0; }
	.copyright { text-align: center; }
	.copyright .text-right { text-align: center !important; }
}


@media (max-width: 768px) { 
	.master-wrap { overflow: hidden; }
}


@media (min-width: 992px) { 

}


@media (min-width: 1200px) { 

}

/* MENU MOBILE */

.sidenav-trigger { position: relative; display: inline-block; z-index: 400; margin-top: 15px; color: #fff; }
.sidenav li>a>i, .sidenav li>a>[class^="mdi-"], .sidenav li>a li>a>[class*="mdi-"], .sidenav li>a>i.material-icons { margin: 0 2px 0 10px; }
.sidenav .collapsible li, .sidenav.fixed .collapsible li { background: #f1f1f1; border-bottom: 1px solid #fff; }

/* LOADER */

#startup { background: #0065e2; }
.spinner-container .path { stroke: #ffffff; }