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

* {	box-sizing : border-box; }

::-webkit-input-placeholder { color : #aaa; opacity: 0.7; font-weight : 300; }
::-moz-placeholder { color : #aaa; opacity: 0.7; font-weight : 300; }
:-ms-input-placeholder {  color : #aaa; opacity: 0.7; font-weight : 300; }
:-moz-placeholder { color : #aaa; opacity: 0.7; font-weight : 300; }

html { scroll-behavior: smooth; }

body { padding : 0; margin : 0; font-family : 'Roboto', Arial, sans-serif; color : #444; scroll-behavior: smooth; font-size : 20px; line-height : 30px; }

header, content, section, footer { display : block; float : none; padding : 0; margin : 0; }

.layout-container { display : flex; flex-flow : row nowrap; }

.layout { flex : 1 1 100%; }

.layout-left { position : relative; z-index : 2; }

.layout-right { position : relative; z-index : 1; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family : 'Roboto', Arial, sans-serif;
	color : #34a4b7;
}

h1, .h1 {
	font-size: 40px;
	line-height: 45px;
	font-weight: 400;
}

h2, .h2 {
	font-size: 30px;
	line-height: 40px;
	font-weight: 400; 
}

h3, .h3 {
	font-size: 20px;
	line-height: 30px;
	font-weight: 300; 
}

h4, .h4 {
	font-size: 18px;
	line-height: 28px;
	font-weight: 300; 
}

h5, .h5 {
	font-size: 20px;
	line-height: 30px;
	font-weight: 300; 
}

h6, .h6 {
	font-size: 20px;
	line-height: 30px;
	font-weight: 300; 
}

p, li, table { 
	font-family : 'Roboto', Arial, sans-serif; 
	font-size : 20px; 
	line-height : 30px;
	font-weight: 300;
	color : #444;
}

a:not(.btn), a:visited:not(.btn), a:focus:not(.btn), a:active:not(.btn) { color : #34a4b7; font-weight : 700; }
a:hover { text-decoration : underline; color : #34a4b7; }

strong { font-weight : 700; }

nav {
	position: relative;
	width: 100%;
	border-right: 1px solid #ddd;
}

.btn, input[type=submit] {
	font-size: 20px;
    background-color: #34a4b7;
    color: #ffffff;
    display: inline-block;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 400;
    padding: 20px 40px;
    text-align: center;
    text-decoration: none;
    transition: ease 0.5s;
	width: 100%;
	border: none;
	max-width: 260px;
} .btn:hover { max-width : 300px; background-color : #34a4b7; color : #fff; }

.bg-white 		 { background-color : #ffffff !important; }
.bg-black 		 { background-color : #000000 !important; }
.bg-lighter-grey { background-color : rgba(238,238,238,0.35); }
.bg-light-grey 	 { background-color : #eeeeee !important; }
.bg-grey 		 { background-color : #444444 !important; }
.bg-blue 		 { background-color : #0076CE !important; }
.bg-dark-blue 	 { background-color : #1e4a93 !important; }

.text-white		   , .text-white-gd * 	 	 { color : #ffffff !important; }
.text-black		   , .text-black-gd * 	     { color : #000000 !important; }
.text-lighter-grey , .text-lighter-grey-gd * { background-color : rgba(238,238,238,0.35); }
.text-light-grey   , .text-light-grey-gd * 	 { color : #eeeeee !important; }
.text-grey		   , .text-grey-gd *	 	 { color : #444444 !important; }
.text-blue		   , .text-blue-gd * 		 { color : #0076CE !important; }
.text-dark-blue	   , .text-dark-blue-gd *  	 { color : #1e4a93 !important; }

.nls { list-style : none; }

.table-fixed { table-layout : fixed; }

.p-10 { padding : 6rem !important; }
.pt-10 { padding-top : 6rem !important; }
.pr-10 { padding-right : 6rem !important; }
.pb-10 { padding-bottom : 6rem !important; }
.pl-10 { padding-left : 6rem !important; }
.ptb-10 { padding-top : 6rem !important; padding-bottom : 6rem !important; }
.plr-10 { padding-left : 6rem !important; padding-right : 6rem !important; }

form label { display : block; text-align : left; font-size : 20px; line-height : 30px; font-weight : 300; margin-bottom : 10px; width : 100%; }
form input:not([type=submit]), select, textarea { display : block; border : 1px solid #C8C9C7; color : #919191; padding : 15px; width : 100%; font-weight: 300; }
form .full { width : 100%; float : none; padding : 15px; position : relative; clear : both; }
form .half { width : 50%; float : left; padding : 15px; position : relative; }
form .required-field { color : #c3002f; font-size : 14px; font-weight : 700; }
form label.error { color : #c3002f; font-size : 12px; position : absolute; left : 0; text-align : right; top : 0; margin : 15px 0 0 -15px; }
form label p { font-size : 16px; }