/*Styles For Desktop - 1
====================================================================*/

body {
	background: url(../images/background.jpg) no-repeat 0 0;
	background-size: 100%;
	-webkit-background-size: 100%;
}


.social	{float:right; top:-27px; position:absolute; right:-37px; width:26%}
.social li {display:block; float:left; list-style:none;width:19%; margin:2px}
.social li img {}
.social lI a:hover{opacity:0.7}
.logo {
	text-align: center;
	width: 100%;
	padding: 10px 0;
}
.header {
	box-shadow: 0px 10px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 10px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 10px 10px rgba(0,0,0,0.5);
	-o-box-shadow: 0px 10px 10px rgba(0,0,0,0.5);
	-ms-box-shadow: 0px 10px 10px rgba(0,0,0,0.5);
}
.content {
	margin-top: 35px;
}
.nav {
	width: 205px;
	background: none;
	border: 2px solid #fff;
	border-left: none;
	padding: 10px 0 10px 0;
}
.nav-wrap {
	background-color: #a0acb5;
	padding: 20px 20px 20px 0;
	width: 195px;
	float: left;
	margin-right: 17px;
}
.nav ul {
	padding-top: 8px;
	text-align: right;
	margin-bottom: 14px;
}
.nav li {
	list-style: none;
	padding: 11px 0;
}
.nav li a {
	font-family: 'Oxygen', sans-serif;
	color: #fff;
	font-size: 13.8px;
	margin: 0 10px;
	text-decoration: none;
}
.nav li a:hover {
	text-decoration: underline;
}
.container {
	width: 79.6%;
	float: left;
}

.container a	{color:#7B909D	; text-decoration:underline;}
.container a:hover	{text-decoration:none;}

.container h1 {
	color: #414042;
	font-weight: 700;
	font-family: 'Oxygen', sans-serif;
	font-size:33px;
	margin-bottom:10px
}
.container h2 {
	color: #414042;
	font-weight: 700;
	font-family: 'Oxygen', sans-serif;
	font-size:26px;
	margin:10px 0 20px 0;
}
.container h3 {
	color: #414042;
	font-weight: 700;
	font-family: 'Oxygen', sans-serif;
	font-size:22px;
	margin:10px 0 20px 0;
}

.container ul	{
	margin-left: 15px;
	margin-bottom: 15px;
	font-family: 'Oxygen', sans-serif;
	font-size: 14px;
	color: #414042;
}

.container li {
	padding: 2px 0;
}

.container p {
	margin-bottom: 15px;
	line-height: 22px !important;
}

.left-column {
	width: 42%;
	float: left;
	margin: 0 50px 0 0;
	
}

.left-column p {margin-bottom:2px !important; text-align:left !important}
.left-column ol {list-style:decimal inside; color:#7B909D;}
.right-column ol {list-style:decimal inside; color:#7B909D;}
.right-column {
	width: 42%;
	float: left;
	margin: 0;
}



.container p {
	font-family: 'Oxygen', sans-serif;
	font-size: 14px;
	text-align: justify;
	line-height: 20px;
	color: #414042;
}
.footer {
	font-family: 'Oxygen', sans-serif;
	text-align: center;
	font-size: 13px;
	padding: 15px 0;
	margin: 50px 0 0 0;
	color: #414042;
}

.footer a	{color:#7B909D	; text-decoration:underline;}
.footer a:hover	{text-decoration:none;}

.nav_helper_wrap {
	background-color: #a0acb5;
	width: 223px;
	position: absolute;
	padding: 20px;
	padding-right: 0;
	padding-left: 0;
	z-index: 0;
	top: 476px;
}
.nav_helper {
	border: 2px solid #fff;
	border-right: 0;
	border-left: 0;
	padding: 215px;
}

.mobile {
	display: none;
}
.form																				{font-family: 'Oxygen', sans-serif; font-size: 14px; color: #414042; margin-bottom: 15px;}
#query																				{width: 100%; min-height: 150px;}
.form-button																	{border: none; background: #a6a6a6; font-family: 'Oxygen', sans-serif; color: #fff; text-transform: uppercase; padding: 4px 10px;}
.form-button:hover															{background: #808080}
.center													{text-align:center !important}


.float-shadow {
  display: inline-block;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.float-shadow:hover, .float-shadow:focus, .float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.float-shadow:hover:before, .float-shadow:focus:before, .float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}
  .download {background:#6d6e71; color:#fff !important; padding:10px;}
  .download:hover{text-decoration:none !important}
/*Styles Above 1161px - 2
====================================================================*/
@media only screen and (min-width: 960px) and (max-width: 1160px) {
body {
	background: url(../images/background.jpg) no-repeat 0 0;
	background-size: 100%;
	-webkit-background-size: 100%;
}
.logo {
	text-align: center;
	width: 100%;
	padding: 10px 0;
}
.header {
	box-shadow: 0px 10px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 10px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 10px 10px rgba(0,0,0,0.5);
	-o-box-shadow: 0px 10px 10px rgba(0,0,0,0.5);
	-ms-box-shadow: 0px 10px 10px rgba(0,0,0,0.5);
}
.content {
	margin-top: 35px;
}
.nav {
	background: none;
	border: 2px solid #fff;
	border-left: none;
	padding: 10px;
	width:188px
}
.nav-wrap {
	background-color: #a0acb5;
	padding: 20px 20px 20px 0;
	width: 200px;
	float: left;
	margin-right: 10px;
}
.nav ul {
	padding-top: 10px;
	text-align: right;
	margin-bottom: 13px;
}
.nav li {
	list-style: none;
	padding: 12px 0;
}
.nav li a {
	font-family: 'Oxygen', sans-serif;
	color: #fff;
	font-size: 13px;
	margin: 0 10px;
	text-decoration: none;
}
.nav li a:hover {
	text-decoration: underline;
}
.container {
	width: 75.6%;
	float: left;
}
.left-column {
	width: 45%;
	float: left;
	margin: 0 50px 0 0;
}
.right-column {
	width: 45%;
	float: left;
	margin: 0;
}
.container p {
	font-family: sans-serif;
	font-size: 12px;
	text-align: justify;
	line-height: 30px;
	color: #414042;
}

.footer {
	text-align: center;
	font-size: 12px;
	padding: 15px 0;
	margin: 50px 0 0 0;
	color: #414042;
}
.nav_helper_wrap {
	background-color: #a0acb5;
	width: 100px;
	position: absolute;
	padding: 20px;
	padding-right: 0;
	padding-left: 0;
	z-index: 0;
	top: 436px;
}
.nav_helper {
	border: 2px solid #fff;
	border-right: 0;
	border-left: 0;
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding: 223px;
}
}


/*Styles Above 768px - 2
====================================================================*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
body {
	background: url(../images/background.jpg) no-repeat 0 0;
	background-size: 100%;
	-webkit-background-size: 100%;
}
.logo {
	text-align: center;
	width: 100%;
	padding: 10px 0;
}
.header {
	box-shadow: 0px 10px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 10px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 10px 10px rgba(0,0,0,0.5);
	-o-box-shadow: 0px 10px 10px rgba(0,0,0,0.5);
	-ms-box-shadow: 0px 10px 10px rgba(0,0,0,0.5);
}
.content {
	margin-top: 35px;
}
.nav {
	display: none;
}
.nav-wrap {
	display: none;
}
.nav ul {
	padding-top: 5px;
	text-align: right;
}
.nav li {
	list-style: none;
	padding: 13px 0;
}
.nav li a {
	font-family: 'Oxygen', sans-serif;
	color: #fff;
	font-size: 14px;
	margin: 0 10px;
	text-decoration: none;
}
.nav li a:hover {
	text-decoration: underline;
}
.container {
	width: 100%;
	float: left;
}
.left-column {
	width: 100%;
	float: left;
	margin: 0 50px 20px 0;
}
.right-column {
	width: 100%;
	float: left;
	margin: 0;
}
.container p {
	font-family: sans-serif;
	font-size: 12px;
	text-align: justify;
	line-height: 30px;
	color: #414042;
}
.footer {
	text-align: center;
	font-size: 12px;
	padding: 15px 0;
	margin: 50px 0 0 0;
	color: #414042;
}
.nav_helper_wrap {
	display: none;
}
.nav_helper {
	display: none;
}

.mobile {
	display: block;
}

}


/*Styles for 767px - For Tablet in Potrait Mode
====================================================================*/
@media only screen and (max-width: 767px) {
.table {
	width: 100%;
	overflow-x: scroll;
	overflow-y: hidden;
}
}
   

/*Styles for Smartphones - 3
====================================================================*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
body {
	background: url(../images/background.jpg) no-repeat 0 0;
	background-size: 100%;
	-webkit-background-size: 100%;
}
.logo {
	text-align: center;
	width: 100%;
	padding: 10px 0;
}
.header {
	box-shadow: 0px 10px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 10px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 10px 10px rgba(0,0,0,0.5);
	-o-box-shadow: 0px 10px 10px rgba(0,0,0,0.5);
	-ms-box-shadow: 0px 10px 10px rgba(0,0,0,0.5);
}
.content {
	margin-top: 35px;
}
.nav {
	display: none;
}
.nav-wrap {
	display: none;
}
.nav ul {
	padding-top: 5px;
	text-align: right;
}
.nav li {
	list-style: none;
	padding: 13px 0;
}
.nav li a {
	font-family: 'Oxygen', sans-serif;
	color: #fff;
	font-size: 14px;
	margin: 0 10px;
	text-decoration: none;
}
.nav li a:hover {
	text-decoration: underline;
}
.container {
	width: 100%;
	float: left;
}
.left-column {
	width: 100%;
	float: left;
	margin: 0 50px 20px 0;
}
.right-column {
	width: 100%;
	float: left;
	margin: 0;
}
.container p {
	font-family: sans-serif;
	font-size: 12px;
	text-align: justify;
	line-height: 30px;
	color: #414042;
}
.footer {
	text-align: center;
	font-size: 12px;
	padding: 15px 0;
	margin: 50px 0 0 0;
	color: #414042;
}
.nav_helper_wrap {
	display: none;
}
.nav_helper {
	display: none;
}

.mobile {
	display: block;
}
.social	{float:right; top:-27px; position:absolute; right:15px; width:35%}
.social li {display:block; float:left; list-style:none;width:19%; margin:2px}
.social li img {}
.social li a:hover{opacity:0.7}
}


/*Styles for Smartphones - 4
====================================================================*/
@media only screen and (max-width: 480px) {
body {
	background: url(../images/background.jpg) no-repeat 0 0;
	background-size: 100%;
	-webkit-background-size: 100%;
}
.logo {
	text-align: center;
	width: 100%;
	padding: 10px 0;
}
.header {
	box-shadow: 0px 10px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 10px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 10px 10px rgba(0,0,0,0.5);
	-o-box-shadow: 0px 10px 10px rgba(0,0,0,0.5);
	-ms-box-shadow: 0px 10px 10px rgba(0,0,0,0.5);
}
.content {
	margin-top: 35px;
}
.nav {
	display: none;
}
.nav-wrap {
	display: none;
}
.nav ul {
	padding-top: 5px;
	text-align: right;
}
.nav li {
	list-style: none;
	padding: 13px 0;
}
.nav li a {
	font-family: 'Oxygen', sans-serif;
	color: #fff;
	font-size: 14px;
	margin: 0 10px;
	text-decoration: none;
}
.nav li a:hover {
	text-decoration: underline;
}
.container {
	width: 100%;
	float: left;
}
.left-column {
	width: 100%;
	float: left;
	margin: 0 50px 20px 0;
}
.right-column {
	width: 100%;
	float: left;
	margin: 0;
}
.container p {
	font-family: sans-serif;
	font-size: 12px;
	text-align: justify;
	line-height: 30px;
	color: #414042;
}
.footer {
	text-align: center;
	font-size: 12px;
	padding: 15px 0;
	margin: 50px 0 0 0;
	color: #414042;
}
.nav_helper_wrap {
	display: none;
}
.nav_helper {
	display: none;
}

.mobile {
	display: block;
}

.social	{float:right; top:-27px; position:absolute; right:50px; width:59%}
.social li {display:block; float:left; list-style:none;width:19%; margin:2px}
.social li img {}
.social li a:hover{opacity:0.7}
}


@media only screen and (min-width: 1920px) {

body {
	display: block;
}
.nav_helper_wrap {
	background-color: #a0acb5;
	width: 390px;
	position: absolute;
	padding: 20px;
	padding-right: 0;
	padding-left: 0;
	z-index: 0;
	top: 476px;
}

.container h1 {
	color: #414042;
	font-weight: 700;
	font-family: sans-serif;
	font-size:33px;
	margin-bottom:10px
}

.nav-wrap {
	background-color: #a0acb5;
	padding: 20px 20px 20px 0;
	width: 170px;
	float: left;
	margin-right: 30px;
}

.mobile {
	display: none;
}

.nav {width: 184px;
background: none;
border: 2px solid #fff;
border-left: none;
padding: 10px 0 0px 0;}

.nav ul {padding-top: 8px;
text-align: right;
margin-bottom: 4px;}

.nav li {list-style: none;
padding: 10px 0;}
}