/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
	display:block
}
mark, rp, rt, ruby, summary, time {
	display:inline
}
/* Global properties */
html {
	width:100%
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#9d9d9d;
	min-width:984px;
	background:url(../images/body.jpg) center 0 repeat
}

	
.ic, .ic a {
	border:0;
	float:right;
	background:#fff;
	color:#f00;
	width:50%;
	line-height:10px;
	font-size:10px;
	margin:-220% 0 0 0;
	overflow:hidden;
	padding:0
}
.head {
	float:left;
}
.search{
	float:right;
	}
/*sddm	
#cssmenu1 {
    position: relative;
    margin: 0;
    font-family: 'Roboto Condensed';
    line-height: 1;
    width: 219px;
    margin-left: -25px;
}
.align-right {
  float: right;
}
#cssmenu1 ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
#cssmenu1 ul li {
  position: relative;
  margin: 0;
  padding: 0;
}
#cssmenu1 ul li a {
  text-decoration: none;
  cursor: pointer;
}
#cssmenu1 > ul > li > a {
  color: #dddddd;
  text-transform: uppercase;
  display: block;
  padding: 20px;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  background: #222222;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: 300;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  position: relative;
}
#cssmenu1 > ul > li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#cssmenu1 > ul > li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom: 1px solid #000000;
}
#cssmenu1 > ul > li:hover > a,
#cssmenu1 > ul > li.open > a,
#cssmenu1 > ul > li.active > a {
  background: #151515;
  color: #ffffff;
}
#cssmenu1 ul > li.has-sub > a::after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid #000000;
  border-botom: 13px solid transparent;
  border-left: 125px solid transparent;
  border-right: 125px solid transparent;
  left: 0;
  bottom: -13px;
  bottom: 0px;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

#cssmenu1 ul > li.has-sub::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-top-color: #dddddd;
  z-index: 2;
  right: 20px;
  top: 24.5px;
  pointer-events: none;
}
#cssmenu1 ul > li:hover::after,
#cssmenu1 ul > li.active::after,
#cssmenu1 ul > li.open::after {
  border-top-color: #ffffff;
}
#cssmenu1 ul > li.has-sub.open > a::after {
  opacity: 1;
  bottom: -13px;
  margin-left: -16px;
}
#cssmenu1 ul > li.has-sub.open > a::before {
    opacity: 1;
    bottom: -12px;
    width: 6px;
    margin-left: -17px;
}
#cssmenu1 ul ul {
  display: none;
}
#cssmenu1 ul ul li {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
#cssmenu1 ul ul li a {
  background: #f1f1f1;
  display: block;
  position: relative;
  font-size: 15px;
  padding: 14px 20px;
  border-bottom: 1px solid #dddddd;
  color: #777777;
  font-weight: 300;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
#cssmenu1 ul ul li:first-child > a {
  padding-top: 18px;
}
#cssmenu1 ul ul ul li {
  border: 0;
}
#cssmenu1 ul ul li:hover > a,
#cssmenu1 ul ul li.open > a,
#cssmenu1 ul ul li.active > a {
  background: #e4e4e4;
  color: #666666;
}
#cssmenu1 ul ul > li.has-sub > a::after {
  border-top: 13px solid #dddddd;
}
#cssmenu1 ul ul > li.has-sub > a::before {
  border-top: 13px solid #e4e4e4;
}
#cssmenu1 ul ul ul li a {
  padding-left: 30px;
}
#cssmenu1 ul ul > li.has-sub::after {
  top: 18.5px;
  border-width: 6px;
  border-top-color: #777777;
}
#cssmenu1 ul ul > li:hover::after,
#cssmenu1 ul ul > li.active::after,
#cssmenu1 ul ul > li.open::after {
  border-top-color: #666666;
}
		/*sddm end*/	
	
	
a {
	color:#00a9ff;
	outline:none
}
a:hover {
	text-decoration:none
}
.col-1, .col-2, .col-3, .col-4 {
	float:left
}
.wrapper {
	width:100%;
	overflow:hidden
}
.extra-wrap {
	overflow:hidden
}
.bg {
	width:100%;
	background:url(../images/bg.jpg) center 0 no-repeat
}
.main {
	width:984px;
	padding:0;
	margin:0 auto;
	font-size:0.875em;
	line-height:1.285em
}
p {
	margin-bottom:18px
}
.p0 {
	margin-bottom:0px
}
.p1 {
	margin-bottom:6px
}
.p2 {
	margin-bottom:15px
}
.p3 {
	margin-bottom:30px
}
.p4 {
	margin-bottom:45px
}
.p5 {
	margin-bottom:50px
}
.reg {
	text-transform:uppercase
}
.fleft {
	float:left
}
.fright {
	float:right
}
.alignright {
	text-align:right
}
.aligncenter {
	text-align:center
}
.title {
	margin-bottom:18px
}
.it {
	font-style:italic
}
.letter {
	letter-spacing:-1px
}
.color-1 {
	color:#00a9ff
}
.color-2 {
	color:#a2c902
}
.color-3 {
	color:#fabb0c
}
.color-4 {
	color:#0f0f0f
}
.color-5 {
	color:#fd1717
}
/* boxes */
.margin-bot {
	margin-bottom:35px
}
.spacing {
	margin-right:35px
}
.indent {
	padding:0 0 0px 32px
}
.indent2 {
	padding-top:10px
}
.indent3 {
	padding-top:38px
}
.indent4 {
	padding:26px 0 0px 32px
}
.indent5 {
	padding-top:22px
}
.indent-bot {
	margin-bottom:22px
}
.indent-bot2 {
	margin-bottom:19px
}
.indent-bot3 {
	margin-bottom:45px
}
.img-indent-bot {
	margin-bottom:25px
}
.img-indent {
	float:left;
	margin:0 10px 0px 0
}
.img-indent2 {
	float:left;
	margin:0 15px 0px 0
}
.img-indent3 {
	float:left;
	margin:0 20px 0px 0
}
.img-indent4 {
	float:left;
	margin:0 28px 0px 0
}
.img-indent-r {
	float:right;
	margin:4px 0px 0px 15px
}
.prev-indent-bot {
	margin-bottom:10px
}
.buttons a:hover {
	cursor:pointer
}
.menu li a, .list-1 li a, .button-2, .logo {
	text-decoration:none
}


stat_main {
	width:100%
}
/* header */
header {
	width:100%;
	margin-bottom:-16px;
	position:relative;
	z-index:1
}
.row-1 {
	width:100%;
	height:113px;
	overflow:hidden;
	padding-top:24px
}
.row-2 {
	width:100%;
	min-height:85px;
	position:relative;
	z-index:1
}
.row-3 {
	width:100%;
	min-height:417px;
	position:relative;
	z-index:2
}
h1 {
	padding:0px 0 0 40px;
	position:relative;
	float:left
}
.logo {
	display:block;
	width:250px;
	height:78px;
	text-indent:-5000px;
	background:url(../images/logo2a.png) 0 0 no-repeat;
	margin:10px 0 8px 0
}
.slog {
	display:block;
	font-size:14px;
	line-height:1.2em;
	color:#8a8a8a;
	text-transform:uppercase;
	letter-spacing:-1px
}
/* search-form */
#search-form {
	width:244px;
	min-height:39px;
	padding:20px;
	margin-right:19px;
	background:#000;
	border-radius:18px;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	float:right
}
.search-form {
	background:#fefefe;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	width:100%;
	overflow:hidden
}
#search-form input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.214em;
	width:170px;
	padding:10px 18px 11px;
	margin:0;
	color:#9d9d9d;
	border:none;
	background:none;
	float:left
}
#search-form a {
	display:block;
	width:38px;
	height:38px;
	text-indent:-5000px;
	background:url(../images/search-button.png) 9px 8px no-repeat #00a9ff;
	border-radius:0 8px 8px 0;
	-moz-border-radius:0 8px 8px 0;
	-webkit-border-radius:0 8px 8px 0;
	float:right
}
#search-form a:hover {
	background-color:#aaa
}
/* main menu */
.menu {
	width:100%;
}
.menu li {
	float:left;
	position:relative;
	margin-right:1px
}
.menu li.last-item {
	margin:0
}
.menu li a {
	display:inline-block;
	width:163px;
	font-size:17px;
	line-height:1.22em;
	padding:18px 0 36px;
	margin-top:10px;
	color:#fff;
	background:#000;
	text-align:center;
	border-radius:18px 18px 0 0;
	-moz-border-radius:18px 18px 0 0;
	-webkit-border-radius:18px 18px 0 0
}
.menu li a.active, .menu li a:hover {
	color:#0f0f0f;
	background:#fff;
	padding:28px 0 36px;
	margin:0
}
/* slider */
.slider-wrapper {
	overflow: hidden;
	width: 984px;
	position: absolute;
	top: -15px;
	left: 0px;
	background: #fff;
	border-radius: 0 18px 0 0;
	-moz-border-radius: 0 18px 0 0;
	-webkit-border-radius: 12px 12px 0 0
}


.slider {
	height:403px;
	width:948px;
	margin:10px auto
}
.items {
	display:none
}
.pagination {
	position:absolute;
	top:0;
	z-index:999
}
.banner {
	width:400px;
	height:205px;
	position:absolute;
	top:92px;
	left:98px
}
.prev {
	display:block;
	width:22px;
	height:37px;
	text-indent:-5000px;
	position:absolute;
	left:25px;
	top:183px;
	z-index:99;
	background:url(../images/slider-control.png) left top no-repeat
}
.prev:hover {
	background-position:left bottom
}
.next {
	display:block;
	width:22px;
	height:37px;
	text-indent:-5000px;
	position:absolute;
	right:22px;
	top:183px;
	z-index:99;
	background:url(../images/slider-control.png) right top no-repeat
}
.next:hover {
	background-position:right bottom
}
.b1 {
	color:#0f0f0f;
	font-size:50px;
	line-height:1.2em;
	display:block;
	letter-spacing:-3px
}
.b2 {
	color:#00a9ff;
	font-size:80px;
	line-height:1.2em;
	display:block;
	text-transform:uppercase;
	letter-spacing:-4px;
	margin:-12px 0 13px -5px
}
*+html .b2 {
	margin:-12px 0 5px -5px
}
.b3 {
	color:#0f0f0f;
	font-size:17px;
	line-height:1.2em;
	display:block
}
.b4 {
	color:#0f0f01;
	font-size:17px;
	line-height:1.2em;
	display:block
}
/* content */
#content {
	width:100%;
	padding:10px 0 40px;
	background:#fff;
	border-radius:18px 18px 0 0;
	-moz-border-radius:18px 18px 0 0;
	-webkit-border-radius:12px 12px 0 0;
	position:relative;
	z-index:2
}
#content .padding {
	padding:24px 12px 0
}
.spacer-1 {
	width:100%;
	background:url(../images/pic-1.gif) 217px 0 repeat-y
}
h2 {
	font-size:39px;
	line-height:1.9em;
	color:#0f0f0f;
	margin-bottom:5px;
	letter-spacing:-2px
}
h3 {
	font-size:30px;
	line-height:1.3em;
	margin-top:-5px;
	letter-spacing:-2px
}
h3 strong {
	display:block;
	color:#fefefe;
	margin-bottom:-11px
}
h4 {
	font-size:18px;
	line-height:1.2em;
	color:#fefefe;
	letter-spacing:-1px;
	margin-bottom:20px
}
h5 {
	color:#0f0f0f;
	text-decoration:underline;
	font-weight:normal
}
h6 {
	color:#0f0f0f;
	font-weight:normal;
	margin-bottom:5px
}
.border-bot {
	width:100%;
	padding-bottom:20px;
	background:url(../images/pic-1.gif) 0 bottom repeat-x
}
.box-bg {
	padding:33px;
	background:#e4e4e4
}
.box {
	width:100%;
	background:url(../images/box.png) center 0 repeat #101010;
	border-radius:19px;
	-moz-border-radius:19px;
	-webkit-border-radius:19px
}
.box h3 {
	margin-top:-8px
}

.pad{
	padding:0px 27px
}
.box .pad {
	padding:28px 35px
}
.box.first .button {
	background:url(../images/button1.png) left top no-repeat
}
.box.first .button:hover {
	background-position:left bottom
}
.box.first .numb {
	background:url(../images/numb-1.gif) 0 0 repeat-x #00a9ff
}
.box.second .button {
	background:url(../images/button2.png) left top no-repeat
}
.box.second .button:hover {
	background-position:left bottom
}
.box.second .numb {
	background:url(../images/numb-2.gif) 0 0 repeat-x #a2c902
}
.box.third .button {
	background:url(../images/button3.png) left top no-repeat
}
.box.third .button:hover {
	background-position:left bottom
}
.box.third .numb {
	background:url(../images/numb-3.gif) 0 0 repeat-x #fabb0c
}
.box.fouth .button {
	background:url(../images/button4.png) left top no-repeat
}
.box.fouth .button:hover {
	background-position:left bottom
}
.box.fouth .numb {
	background:url(../images/numb-4.gif) 0 0 repeat-x #fd7272
}
.numb {
	display:inline-block;
	padding:0px 3px 2px;
	font-size:40px;
	line-height:1.2em;
	letter-spacing:-2px;
	color:#fefefe;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px
}
*+html .numb {
	padding:6px 7px 4px
}
.block-news {
	padding:27px 33px 30px;
	border:1px solid #eaeaea;
	background:url(../images/block-news-tail.gif) 0 0 repeat-x #f9f9f9;
	border-radius:18px;
	-moz-border-radius:18px;
	-webkit-border-radius:18px
}
.button {
	display:block;
	width:43px;
	height:43px;
	text-indent:-5000px
}
.button-2 {
	display:inline-block;
	font-size:19px;
	line-height:1.21em;
	letter-spacing:-1px;
	color:#fefefe;
	padding:9px 20px 11px;
	background:url(../images/button-tail.gif) 0 0 repeat-x #3c3c3c;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px
}
.button-2:hover {
	background:#3c3c3c
}
.list-1 li {
	line-height:24px;
	padding-left:10px;
	background:url(../images/marker.gif) 0 10px no-repeat
}
.list-1 li a {
	display:inline-block;
	color:#9d9d9d
}
.list-1 li a:hover {
	text-decoration:underline
}
.list-2 li {
	line-height:24px
}
.link {
	color:#9d9d9d
}
.link:hover {
	text-decoration:none
}
.link-1 {
	display:inline-block;
	font-size:14px;
	padding-right:8px;
	background:right 8px no-repeat
}
.link-1:hover {
	color:#fff
}
.text-1 {
	line-height:20px;
	margin:0
}
dl.address {
	line-height:24px;
	color:#9d9d9d
}
dl.address span {
	float:left;
	width:74px;
	color:#fefefe
}
dl.contact {
	line-height:20px;
	color:#9d9d9d
}
dl.contact span {
	display:block;
	color:#0f0f0f
}
dl.contact dt, dl.contact dd {
	margin-bottom:5px
}
.tdate-1 {
	font-size:20px;
	line-height:1.2em;
	color:#0f0f0f;
	text-align:center;
	letter-spacing:-2px;
	margin:-8px 16px 0 0
}
.tdate-1 strong {
	display:block;
	font-size:49px;
	line-height:1.2em;
	color:#00a9ff;
	margin-bottom:-10px
}
.tdate-2 {
	float:left;
	color:#0f0f0f
}
.news {
	padding-left:25px;
	background:url(../images/pic-1.gif) 0 0 no-repeat
}
#contact-form {
	display:block
}
#contact-form label {
	display:block;
	height:30px;
	overflow:hidden
}
#contact-form input {
	float:left;
	width:526px;
	font-size:13px;
	line-height:1.23em;
	color:#0f0f0f;
	padding:4px 10px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #ebebeb;
	background:none
}
#contact-form textarea {
	height:262px;
	overflow:auto;
	float:left;
	width:526px;
	font-size:13px;
	line-height:1.23em;
	color:#0f0f0f;
	padding:4px 10px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #ebebeb;
	background:none
}
.text-form {
	float:left;
	display:block;
	font-size:14px;
	width:73px;
	line-height:1.78em;
	color:#0f0f0f
}
.buttons {
	padding-top:16px;
	text-align:right
}
.buttons a {
	margin-left:6px;
	padding:9px 25px 11px
}
/* footer */
footer {
	width:100%;
}
.row-top {
	width:100%;
	padding:33px 0 42px;
	background:#000
}
.row-padding {
	padding:0 62px
}
.row-bot {
	width:100%;
	padding:35px 0;
	font-size:12px;
	line-height:20px
}
.list-services li {
	line-height:24px;
	padding-left:28px
}
.list-services li a {
	color:#9d9d9d;
	text-decoration:none
}
.list-services li a:hover {
	text-decoration:underline
}
.list-services li.item-1 {
	background:url(../images/facebook.png) 0 3px no-repeat
}
.list-services li.item-2 {
	background:url(../images/twitter.png) 0 3px no-repeat
}
.list-services li.item-3 {
	background:url(../images/linkedin.png) 0 3px no-repeat
}
.footer-logo {
	display:block;
	color:#9d9d9d;
	font-size:60px;
	line-height:1.2em;
	text-transform:uppercase;
	letter-spacing:-3px;
	font-weight:400;
	margin-bottom:5px
}
.footer-logo strong {
	color:#00a9ff;
	text-transform:none;
	display:inline-block
}
.phone {
	display:inline-block;
	font-size:20px;
	line-height:1.2em;
	color:#9d9d9d;
	letter-spacing:-1px;
	padding-left:5px
}
.phone strong {
	color:#fff
}

/*momo css*/
frame{
	width: 700px;
}

iframe {
	height:600px;
	width: 100%;
    margin-left: 0px;
	    margin-top: 53px;
	
allowtransparency="false";
	
}
/*christina css*/
table
{
	border-collapse: collapse;
	margin-bottom: 3em;
	font-size: 100%;
	line-height: 1.1;
}

tr:hover, td.start:hover, td.end:hover
{
	background: #FF9;
}

th, td
{
	padding: .3em .5em;
}

th
{
	font-weight: normal;
	text-align: left;
	background: url(tabletree-arrow.gif) no-repeat 2px 50%;
	padding-left: 15px;
}

th.year { width: 12em; }
th.2010 { width: 20em; }
th.2011 { width: 20em; }
th.2012 { width: 20em; }
th.2013 { width: 20em; }
th.2014 { width: 20em; }

thead th
{
	background: #c6ceda;
	border-color: #fff #fff #888 #fff;
	border-style: solid;
	border-width: 1px 1px 2px 1px;
	padding-left: .5em;
}

tbody th.start
{
	background: url(tabletree-dots.gif) 18px 54% no-repeat;
	padding-left: 26px;
}

tbody th.end
{
	background: url(tabletree-dots2.gif) 18px 54% no-repeat;
	padding-left: 26px;
}


/* iframe css */
.wrapper2         {width:100%;height:100%;margin:0 auto;background-color:#fff}
.h_iframe        {position:relative;}
.h_iframe .ratio {display:block;width:100%;height:auto;}
.h_iframe iframe {position:absolute;top: 42px;left:0;width:100%; height:100%;}

.stat_main{
	width:100%
}

/*<=== Responsive area ====>*/
@media only screen and (max-width: 979px) {}

@media only screen and (max-width: 813px) {

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #9d9d9d;
    min-width: 100%;
}	
}
@media only screen and (max-width: 767px) {

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #9d9d9d;
    min-width: 100%;
}	
	
	}
@media only screen and (max-width: 480px) {
	body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 50%;
    color: #9d9d9d;
    min-width: 100%;
}	
	#content {
    width: 50%;
    padding: 10px 0 40px;
    background: #fff;
    border-radius: 18px 18px 0 0;
    -moz-border-radius: 18px 18px 0 0;
    -webkit-border-radius: 18px 18px 0 0;
    position: relative;
    z-index: 2;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #9d9d9d;
    min-width: 100%;
}
.indent {
    padding: 0 0 0px 0px;
}

	}
@media only screen and (max-width: 380px) {

	
	
}
	












ul.menu li.icon {display: none;}

@media screen and (max-width:680px) {
  ul.menu li:not(:first-child) {display: none;}
  ul.menu li.icon {
    float: right;
    display: inline-block;
  }
}


@media screen and (max-width:680px) {
  ul.menu.responsive {position: relative;}
  ul.menu.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.menu.responsive li {
    float: none;
    display: inline;
  }
  ul.menu.responsive li a {
    display: block;
    text-align: center;

  }
  
  .slider {
    height: 403px;
    width: 100%;
    margin: 10px auto;
}
  
.row-2 {
    width: 100%;
    min-height: 56px;
    /* background-color: blue; */
    position: relative;
    z-index: 1;
}

#content {
    width: 100%;
    padding: 10px 0 40px;
    background: #fff;
    border-radius: 18px 18px 0 0;
    -moz-border-radius: 18px 18px 0 0;
    -webkit-border-radius: 18px 18px 0 0;
    position: relative;
    z-index: 2;
}
.img-indent3 {
    float: left;
    margin: 0 19px 0px 0;
}

.menu li a {
    display: inline-block;
    width: 100px;
    font-size: 21px;
    line-height: 2.22em;
    /* padding: 14px 0 36px; */
    margin-top: -27px;
    color: #fff;
    background: #000;
    text-align: center;
    /* border-radius: 18px 18px 0 0; */
    -moz-border-radius: 18px 18px 0 0;
    /* -webkit-border-radius: 18px 18px 0 0; */
}
.row-top {
    width: 100%;
    padding: 33px 0 42px;
    background: #000;
}

.row-padding {
    padding: 0px 26px;
}

.slider-wrapper {
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: -15px;
    left: -2px;
    background: #fff;
    border-radius: 0 18px 0 0;
    -moz-border-radius: 0 18px 0 0;
    -webkit-border-radius: 18px 18px 0 0;
}
.row-3 {
    width: 100%;
    min-height: 417px;
    position: relative;
    z-index: 2;
}
.row-bot {
    width: 100%;
    padding: 35px 0;
    font-size: 12px;
    line-height: 20px;
}
.row-1 {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 24px;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #9d9d9d;
    min-width: 100%;
    
}
.main {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    font-size: 0.875em;
    line-height: 1.285em;
}
}
@media screen and (max-width:680px) {
#search-form {
    width: 96%;
    min-height: 24px;
    padding: 11px;
    /* margin-left: 20px; */
    float: left;
    /* margin-bottom: 24px; */
    margin-right: 0px;
    background: #000;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    /* float: right; */
}


iframe {
    height: 521px;
    width: 100%;
    margin-left: 0px;
    margin-top: 42px;
}

}
@media only screen and ( max-device-width: 680px )
{
    #nav
    {
        position: relative;
    }
        #nav > a
        {
        }
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
        }
 
    /* first level */
 
    #nav > ul
    {
        height: auto;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
    }
        #nav:target > ul
        {
            display: block;
        }
        #nav > ul > li
        {
            width: 100%;
            float: none;
        }
 
    /* second level */
 
    #nav li ul
    {
        position: static;
    }

}