/* RESET */
html, body{margin:0px;padding:0px;font-family: sans-serif;font-size:13px;height:100%;color:#404040; background : #fff none repeat scroll center center }
form{padding:0px;margin:0px;} label {display: block; margin-bottom:5px}
ol, ul, p{margin:5px 0px 20px 0px;padding:0px;list-style:none;}
a{text-decoration:none; color:#666 }
a:link:hover{text-decoration:underline;}
img{border:0px;}
big{font-family:Arial,'Lucida Grande','Lucida Sans Unicode',sans-serif;font-size:130%;}
h1, h2, h3, h4, h5, h6{font-family: 'Open Sans', sans-serif; text-transform:uppercase; margin :0px 0px 5px 0px;font-weight:normal;color:#A20717; font-weight: 400 }
h1{font-size:36px; margin-bottom:10px;}
h2{font-size:20px; font-weight:100 }
h3{font-size:16px;}
/* LAYOUT */
.wrap{ margin:0px auto;padding:0px; max-width:1200px }
.content{padding:0px 0px; margin:0px 10px; display:block ; max-width:1200px }
.streach{ min-height:100%; min-width:100%; }
.body>* { min-width:320px;}
.page { max-width:1600px; margin:0px auto;}
.menu { padding:0px 0px 0px 0px; margin:0px; padding:0px; }
.menu li { display:inline-block; margin:0px; padding:0px 5px; }
.menu li:first-child { display:inline-block; padding-left:0px; }
.FL{ float:left } .FR{float:right}
/*------------------------------------------------------------------------------------*/
.top { padding:0px; margin:0px; height:40px; display:none; background:#000 url('images/theme/top.png') repeat-x scroll left top; }
.top .wrap{ padding:0px; height:40px; background: transparent url('images/theme/top-wrap.png') no-repeat scroll center top; }
.top .wrap .content{ padding:1px 0px 1px 0px; margin:0px; }
.header { padding:0px; margin:0px ; background:transparent url('images/theme/header-tile.png') repeat-x scroll center top; }
.header .wrap{ padding:0px; background: transparent url('images/theme/header-wrap.html') no-repeat scroll center top; }
.header .wrap .content{ padding:0px;}
.header .wrap .content > img { margin-top:22px}
.logo { position: relative; width:169px; margin:0px auto; text-align: center ; display: block ; z-index:900; margin-bottom:-53px; margin-top:-5px;}
.mobile { padding:0px; margin:0px ; min-height:150px; background:transparent url('images/theme/mob-head.png') no-repeat scroll center top; }
.banner { padding:0px 0px; margin:z; background:transparent url('images/theme/sample.jpg') repeat-x scroll left bottom; background-size:cover; }
.banner .wrap{ padding:0px; width:100%; background: transparent url('images/theme/banner-wrap.html') no-repeat scroll center top; }
.banner .wrap .content h1{ padding:10px 0px;; color:white }
.breadcrumb li { background: transparent url('images/theme/b2.gif') no-repeat scroll left center ; padding-left:18px; }
.breadcrumb li:first-child { background-image: none }
.body { padding:10px 0px; margin:0px; background:transparent url('images/theme/body.html') repeat-x scroll left top; }
.body .wrap{ padding:0px; background: transparent url('images/theme/body-wrap.html') no-repeat scroll center top; overflow:hidden }
.body .wrap .content {background-color: transparent; padding:10px 0px 10px 0px}
.body .wrap .content h2 { font-size:28px; xwhite-space:nowrap ; position:relative ; z-index:100}
.body .wrap .content h2 a { display:inline-block; margin-left:15px; font-size:60%; position:relative; top:-5px; padding-left:15px; border-left:1px #ccc solid }
.next a.anchor { display:inline-block; margin-left:15px; font-size:60%; position:relative; top:-5px; padding-left:15px; border-left:1px #ccc solid }
.next h2 { font-size:28px; xwhite-space:nowrap ; position:relative ; z-index:100}
.hotlinks { position:absolute; width:100%; z-index:500; padding:0px; margin:0px; margin-top:-62px;}
.hotlinks .wrap .content > div > div { height:52px; padding-left:10px}
.hotlinks .wrap .content > div > div > div { padding:10px }
.hotlinks ul { margin:0px; padding:0px; overflow:hidden ; width:100%}
.hotlinks li { float:left; display:block; margin-right:10px; list-style: none; }
.hotlinks li a { display: block; height:32px; }
.hotlinks li img{ margin-bottom:-10px; margin-right:10px}
.hotlinks li input[type=text] { display:inline; border: 1px #FFA500 solid;width:auto; margin-right:10px; padding:3px 10px }
.hotlinks li.FR { float:right}
.welcome { background:#FFA500 url('images/theme/border-w-b.png') repeat-x scroll left bottom ; padding:0px; color:white; font-size:10pt; text-align:justify}
.welcome .body { background:transparent url('images/theme/border-w-t.png') repeat-x scroll left top; }
.welcome .wrap .content { padding:20px 0px 20px 0px}
.welcome h1 small {line-height:40px;}
.welcome .body .wrap .content h1 { margin:0px; padding:0px; color:white ; font-size:40px; line-height:48px; text-align:left; display:block }
.welcome .button { color:white; background:#FFDD80; color:#FFA500; margin-top:0px }
.welcome .button:hover {background:white; color:#FFA500; text-decoration:none}
.welcome p{ margin:0px 0px 5px 0px ; padding:0px; }
.quickies .content > div > div >div{ border-right: 1px gray dotted ; overflow:hidden}
.quickies .content > div > div:first-child >div{ border-left : 1px gray dotted ;}
.quickies .content > div > div > div{ background-color: #ddd; padding:10px; xtext-transform:uppercase; background:#fff url('images/theme/border-w-b.png') no-repeat scroll right bottom }
.quickies .content > div > div:nth-child(3n+2) > div{ xbackground-color: #FFff80; }
.quickies .content > div > div:nth-child(3n+3) > div{ xbackground-color: #FFDD80; }
.xquickies .content > div > div:after{ content:''; position:relative; top:-5px; display:block; width:100%; height:5px; background-color:rgba(0,0,0,.1)}
.quickies .content .files img { position: absolute }
.quickies .content .files li a{ margin-left:40px; height:32px; display:block; overflow:hidden; margin-left:40px}
.quickies .content .files li { margin:5px 0px 0px 0px; padding-top:5px; border-top:1px #ccc dotted;text-transform:uppercase; }
.quickies .content .files li:first-child { border:0px transparent none }
.quickies .content .files { margin:0px 0px 10px 0px; padding:0px; height:80px}
.quickies .content > div > div > div> a{color:#FFA500}
.newsline img{ border:2px white solid; vertical-align:middle ; }
.newsline { position:relative;top:-6px ; left:-13px }
.newsline li { color:white ; height:48px; width:100%; overflow:hidden ; margin-bottom:12px}
.newsline li a { color:white ; float:right; border:1px #fff solid; margin-top:8px; padding:5px 20px; height:auto ; display: block }
.info { background-color:#FFDD80; }
.info .content { margin:0px auto ; padding:0px ; width:auto}
.info .content > div > div > div{ background-color:white; padding:10px }
.info .content > div > div { }
.info .content > div > div:nth-child(even) { background-color: }
.info .content > div > div > div .cbox { height:200px; overflow:auto; padding:10px; xborder:1px silver solid }
.info .content > div > div > div > * { display:block; }
.info .content > div > div > div > *:first-child { border-top: 0px transparent none;}
.info .wrap .content h2{ margin:0px auto;color:white!important}
.info .wrap .content h3{ color:#666!important}
.info .content > div > div > div ul{ overflow: hidden; margin:0px}
.info .content > div > div > div ul li:hover {background-color:#FFDD80}
.info .content > div > div > div > p { border:0px transparent solid; margin-bottom:5px; padding-bottom:0px; margin-top:0px; padding-top:0px }
.info .content .button { background-color: #FFA500}
.button { display:inline-block; padding:5px 20px; background:#A20717; width:auto; text-transform:uppercase; color:white; margin-top:5px; font-size:8pt}
.button:hover { color:white; }
div.news li { padding:10px 15px 0px 70px; height:65px; border-top:1px #eee solid; overflow:hidden }
div.news li:first-child { border-top-width:0px;}
div.news li img { margin-left:-60px; position:absolute }
div.news li em { margin-left:-60px; position:absolute; background-color:#eee; color:gray; display:block; height:50px; width:50px; text-align:center; vertical-align:middle; font-size:16px; padding-top:5px }
div.news li p { display:inline; margin:0px; padding:0px}
div.news li a { display:block}
div.notices li { overflow:hidden; height:45px; margin:0px 0px 5px 0px; dborder-bottom:1px black dotted }
div.notices li em { font-size:8pt; margin:2px 10px 2px 2px; width:40px; padding:0px; line-height:18px; float:left; display:inline-block; background-color:#ddd; text-align:center; text-transform:uppercase; padding-top:5px}
div.notices li em:first-line { font-size:14pt; }
div.notices li a { padding:5px 5px 5px 50px; display:block}
div.reports li { overflow:hidden; height:45px; margin:0px 0px 5px 0px; border-bottom:1px black dotted }
div.reports li img { margin:2px 10px 2px 2px; width:40px; padding:0px; line-height:20px; float:left; display:inline-block; background-color:#FFA500; text-align:center; text-transform:uppercase}
div.reports li a { padding:5px 5px 5px 50px; display:block}
div.calendar li{ background-color:#FFB033; padding:7px 0px 8px 0px; display:block; float:left; width:13.9%; height:50%; text-align:center; color:#fff; }
div.calendar ul.dy li:nth-child(odd){ background-color:#FFA500; }
div.calendar ul.wd li{ background-color:white; color:#666; cborder-bottom:1px #666 solid}
div.calendar ul.dy li.sp {background-color:transparent}
.footer { padding:0px; margin:0px; background:#FF9C00 url('images/theme/footer.html') repeat-x scroll left top; }
.footer .wrap { padding:0px; background: transparent url('images/theme/footer-wrap.html') no-repeat scroll center top; }
.footer .wrap .content{ padding:0px 0px 0px 0px; margin:0px; width:100%; }
.footer .wrap .content .hsp1 { min-height:330px; position:relative; background-color:rgba(255,255,255,0); transition: .5s; xbackground: transparent url('images/theme/border-w-b.png') repeat-x scroll left bottom ; }
.footer .wrap .content .hsp1:nth-child(even) { background-color:orange}
.footer .wrap .content .hsp1 > div { margin:10%; padding:0px 0px 0px 0px }
.footer .wrap .content .hsp1:hover { background-color:rgba(255,255,255,.2);}
.footer .wrap .content > ul > li > div > a { color:#A20717; font-size:20px; text-transform:uppercase; display:block; }
.footer .wrap .content ul ul a{ color:white; font-weight:normal; margin:10px 0px 10px 0px; display:block }
.footer >.quick { background-color:#ffdd80!important; border-top:1px white solid; max-width:100% }
.footer >.quick .content { padding:20px 0px 20px 0px; color:#A20717; overflow:hidden; width:1200px; margin:0px auto }
.footer >.quick li{ float:left; display:block ; text-transform:uppercase; }
.footer >.quick li a { color:#A20717; border-left:16px #A20717 solid ;padding:2px 10px 0px 5px; display:block ; transition: .5s; }
.footer >.quick li a:hover { border-color:#FF9C00; color:#FF9C00; text-decoration:none; display:block}
.footer >.quick ul{ max-width:720px}
.login input{ width:100%; padding:3px; border-radius:5px; margin-top:5px; border:1px #ccc solid}
.bottom { padding:0px; margin:0px; background:#A20717 none repeat-x scroll left top; }
.bottom .wrap{ background: transparent none) no-repeat scroll center top; }
.bottom .wrap .content{ padding:20px 0px 20px 0px; width:97%; color:#fff; overflow:hidden }
.bottom .wrap .content a { color:#fff; }
.social { margin-top:0px}
.social *{ margin:0px 0px 0px 0px; vertical-align: middle; }
.social img{width:16px;}
.bottom .menu img { vertical-align: middle;}
.bottom .menu { float:right }
.copyright{ vertical-align: middle;display:inline-block; padding-right:10px;}
.developed{ vertical-align: middle;display:inline-block; xborder-left:1px gray solid; padding-left:10px;display:none }
.developed a{color:#633; }
.copyright a{color:#336; }
.study .img { height:160px; background-color:#ccc; display:block; border:1px #CCC solid }
.study .img:after { content:''; position:absolute; height:40px; width:40px; margin:121px 0px 0px -1px; background-image:url('images/theme/img_edge.png'); cbackground-color:rgba(255, 156, 0,.2)}
.study .img:before { content:''; position:absolute; height:160px; width:100%; background-color:rgba(255, 156, 0,0); transition: .5s; }
.study .img:hover:before { background-color:rgba(255, 156, 0,.4); }
.study div h3 {color:#A20717; padding:0px 0px; white-space:nowrap; overflow:hidden; width:100%}
.study div:hover h3 { color:#A20717; }
.study div h3 a { padding:10px 0px 0px 0px ; display:block; color:#A20717}
.study div p { padding:0px 0px 20px 0px; margin:0px; height:30px; overflow:hidden}
.h-news .img { height:200px; background-color:#ccc; display:block ; background-position:center center; border:1px #666 solid }
.h-news .img:hover:before { content:''; position:absolute; height:200px; width:100%; background-color:rgba(255, 255, 255,.2)}
.h-news div h3 {color:#fff; background-color:#A20717; padding:0px 5px; white-space:nowrap; overflow:hidden; width:100%}
.h-news div:hover h3 { background-color:#FF9C00; padding:0px 5px; }
.h-news a {color:#000; font-weight:bold;}
.right > div { border-left:1px silver solid; border-bottom:1px silver solid; padding:45px; margin-bottom:20px }
.right > div:after { background:silver url('images/theme/img_edge.png') no-repeat scroll left bottom; content:''; position:absolute; width:40px; height:40px; margin:6px 0px 0px -46px;}
.right > div > ul{ margin:0px; padding:0px }
.body .wrap .content .contact h2{ font-size:16px; margin-top:20px}
.contact .box-hot b { display:inline-block; min-width:100px; margin-left:-100px; }
.contact .box-hot {margin-left:100px;}
.article blockquote { margin:10px 0px 20px 5%; padding:20px 0px 20px 5%; border-left: 5px #FFDD80 solid }
.article blockquote img{ display:block; max-width:120px ; border:2px #ccc solid ; padding:5px}
.article ul,.article ol{margin:5px 0px 10px 20px; }
.article li {margin:2px 0px 3px 0px;; max-width:400px; padding-bottom:3px; border-bottom:1px #ddd solid}
.article ul li{ list-style:square; list-style-image: url('images/theme/b1.png') }
.article ol li{ list-style:decimal; }
.article img{ max-width:100%}
.body h1, .cms-std h1{ display:none}
.article table { width: 100%}
.article table thead th { text-align: center ; border-bottom:1px #FF9C00 solid ; background-color:#FFDD80; color:#A20717; padding:3px 5px;}
.article table thead td { text-align: center ; border-bottom:1px #FF9C00 solid ; background-color:#FFDD80; color:#A20717; padding:3px 5px;}
.article table tbody th { text-align: left ; border-bottom:1px #FF9C00 solid ;color:#FF9C00; padding:3px 5px;}
.article table tbody td { border-bottom:1px #FF9C00 solid ; padding:3px 5px; }
.article h2 { margin-top:20px; }
#history > * { margin-left: 0px}
#history > h1 { margin-left:0px; position:absolute; margin-top:-80px; margin-left:-95px}
#history em { margin-left:-140px; font-size:8pt; font-weight:bold; margin-top:-33px; display:block; position:absolute; background-color:#A20717; color:white ; width:100px; text-align:center ;padding: 10px 0px }
#history em:before{ content:''; position:absolute; margin-left:110px; margin-top:-0px; display:block; background-color:#A20717; height:15px; width:15px; border-radius:100% }
#history { border-left:5px #FF9C00 solid; margin-left:150px;padding:20px 0px 20px 20px; margin-top:0px; }
#staff ul { margin-left:0px; }
#staff li { margin:0px 0px 30px 130px; border-left:1px maroon dotted; padding-left:10px}
#staff li img { position: absolute; margin-left:-140px; width:100px; padding:5px; border:2px #FFDD80 solid}
#staff li span { display:block}
#staff li span:before { display:inline-block; width:130px; color:#aaa}
#staff li span.cell:before {content:'Personal Telephone : '}
#staff li span.email:before {content:'Email Address : '}
#staff li span.phone:before {content:'Official Telephone : '}
#staff li span.temple:before {content:'Temple Telephone : '}
#facilities .img { background: transparent none no-repeat scroll center center ; background-size:cover; min-height:300px}
#facilities > ul .img { min-height:200px; border:3px #FF9C00 solid; border-radius:10px }
#facilities > h1 { background:#FFA500 url('images/theme/sample.jpg') no-repeat scroll left center; padding:5px 20px; color:white; margin-bottom:20px}
#facilities > ul> li:after { border:0px; content:''; display:block; height:30px; margin: 15px 0px; background: transparent url('images/theme/hr30.png') no-repeat scroll center center ;}
#faculties > ul .img { min-height:200px; border:3px #FF9C00 solid; border-radius:10px }
#faculties > h1 { background:#FFA500 url('images/theme/sample.jpg') no-repeat scroll left center; padding:5px 20px; color:white; margin-bottom:20px}
#faculties > ul> li:after { border:0px; content:''; display:block; height:30px; margin: 15px 0px; background: transparent url('images/theme/hr30.png') no-repeat scroll center center ;}
#research > ul >li { margin:20px 0px 30px 130px; border-left:1px maroon dotted; padding-left:10px; display:table}
#research > ul >li img { position: relative; margin:-25px 0px 0px -140px; width:100px; padding:5px; float:left; border:2px #FFDD80 solid; display:block}
#calendar { overflow:visible}
#calendar .month { display:table; overflow:visible; width:100%}
#calendar .month > div { display:table;}
#calendar .month > div > div { text-align:center; padding:5px 5px; border:1px #ccc solid; width:100%; color:#aaa; }
#calendar .month > div > div b{color:#333; }
#calendar .month > .h > div{ background-color:#efefef; color:#333}
#calendar .month > div > div .l { display:none; position:absolute; width:200px; padding:10px; border:1px #ccc solid; background-color:#efefef; z-index:100}
#calendar .month > div > div .l a{ display:block}
#calendar .month > div > div:hover .l { display:block}
#calendar select { display:inline-block; width: auto}
/* CSS MENU SUBTITLES ------------------------------------------------------------------------------------ */
/* CSS MENU ------------------------------------------------------------------------------------ */
@media only screen and (min-device-width: 1000px){
.cssmenu { top:85px; position:relative; width:100%;height: 49px; margin:0 auto -50px auto ; max-width:1200px; display:table; background: linear-gradient(top, #fefefe 0%, #eee9f0 100%); z-index: 1000;}
.cssmenu .span { width:205px; }
.cssmenur > ul > li { float: left!important; }
.cssmenu ul,.cssmenu li,.cssmenu span,.cssmenu a { margin: 0; padding: 0; position: relative;}
.cssmenu ul { margin:0px auto;widthx:50% }
.cssmenu:after,.cssmenu ul:after { content: ''; display: block; clear: both; }
.cssmenu a { color: #fff; display: inline-block; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 16px; line-height: 34px; padding: 0 10px; text-decoration: none;}
.cssmenu a:hover {text-decoration:none}
.cssmenu > ul > li { float: left; }
.cssmenu > ul > li.has-sub:hover:after { border-bottom: 10px solid #eee; content: ''; display: block; width: 0; height: 0; position: absolute; left: 50%; bottom: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; margin-left: -10px; }
.cssmenu > ul > li:first-child > a { border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; }
.cssmenu > ul > li.has-sub.active:after { border-bottom: 10px solid #7f1720; content: ''; display: block; width: 0; height: 0; position: absolute; left: 50%; bottom: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; margin-left: -10px;}
.cssmenu > ul > li.active > a { -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); }
.cssmenu > ul > li:hover > a { -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); }
.cssmenu .has-sub { z-index: 1; }
.cssmenu .has-sub:hover > ul { display: block; }
.cssmenu .has-sub ul { background:#eee; display: none; position: absolute; width: 200px; top: 100%; left: 0;}
.cssmenu .has-sub ul li { ; *margin-bottom: -1px; }
.cssmenu .has-sub ul li a { background: #eee; color: #333; border-bottom: 1px dotted #ccc; filter: none; font-size: 14px; display: block; line-height: 120%; padding: 10px;}
.cssmenu .has-sub ul > li:hover > a { background: #CCC;}
.cssmenu .has-sub .has-sub:hover > ul { display: block;}
.cssmenu .has-sub .has-sub ul { display: none; position: absolute; left: 100%; top: 0;}
.cssmenu .has-sub .has-sub ul li a { }
.cssmenu .has-sub .has-sub ul li a:hover { }
.cssmenu .has-panel > ul { width:600px; padding:0px; margin:0px 0px 0px -100px ; }
.cssmenu .has-panel > ul > li { height:auto; width:150px; padding:0px; margin:0px; display:inline-block; float:none; }
.cssmenu .has-panel > ul > li a { text-decoration:none; padding:0px; margin:0px; display:inline;float:none; background:transparent none no-repeat scroll left top; }
.cssmenu .has-panel > ul > li:hover a{ text-decoration:none; padding:0px; margin:0px; display:inline;float:none; background:transparent none no-repeat scroll left top; }
.cssmenu .has-panel > ul ul li { height:auto; width:auto; padding:0px; margin:0px; display:block;float:none; }
.cssmenu .has-panel > ul ul { height:auto; width:auto; padding:0px; margin:0px; display:block;float:none; background:transparent none no-repeat scroll left top; }
}
@media only screen and (max-device-width: 999px) {
.cssmenu { background:#A20717 ; overflow:scroll; height:100%; overflow:auto; width:250px; margin:0px; padding:0px; position:fixed ; top:0px; bottom:0px; left:-250px; z-index:3000; transition: .5s;}
.cssmenu > ul{ margin:0px 10px 0px 10px; float:none ; }
.cssmenu:before{ content:''; margin:0px 10px 0px 10px; position:relative; height:100px; top:0px; background: transparent url('images/theme/menu-logo.png') no-repeat scroll center center ; display:block}
.cssmenu li { margin:0px!important; padding:0px!important;}
.cssmenu .has-sub > a { font-weight:bold; color:#FFA500}
.cssmenu a { color:#FFf}
.cssmenu >ul >li > a:link{ display:block; text-transform:uppercase; text-align:center; border-bottom:1px white dotted; border-top:1px white dotted; margin:10px 0px; padding:3px 0px}
.page { overflow:hidden ; left:0px; position:relative; min-width:100%; transition: .5s; }
.menuonx .page { left:250px; transition: .5s;}
.menuonx .cssmenu { left:0px; transition: .5s; }
.body .wrap .content h1 { font-size:200%}
.body .wrap .content h2 { font-size:170%}
}
.swiper-container{ background-color: maroon; max-width:1500px; margin:0px auto }
.swiper-slide { background: transparent none no-repeat scroll right center;}
.ban { background: transparent none no-repeat scroll center center ; background-size:cover; min-height:400px}
@media only screen and (max-device-width: 9999px) { .swiper-container, .swiper-slide { width: 100%; height:430px; } .mobile { display:none; } }
@media only screen and (max-device-width: 999px) {
.header{ display:none} .mobile { display:block; }
.hotlinks .wrap .content { margin:10px 0px; }
}
@media only screen and (max-device-width: 768px) {
.swiper-container, .swiper-slide { width: 100%; height:300px; background-size:auto 300px }
.ban {min-height:300px}
}
@media only screen and (max-device-width: 480px) {
.swiper-container, .swiper-slide { width: 100%; height:300px; background-size:auto 250px; background-position:right top }
.ban {min-height:200px}
}
.home-highlights ul { animation: mymove 20s infinite; -webkit-animation: mymove 20s infinite; b }
.home-highlights li { }
@keyframes mymove {
0% {margin-top: 0px;}
20% {margin-top: 0px;}
25% {margin-top: -60px;}
45% {margin-top: -60px;}
50% {margin-top: -120px;}
70% {margin-top: -120px;}
75% {margin-top: -180px;}
95% {margin-top: -180px;}
}
@-webkit-keyframes mymove {
0% {margin-top: 0px;}
20% {margin-top: 0px;}
25% {margin-top: -60px;}
45% {margin-top: -60px;}
50% {margin-top: -120px;}
70% {margin-top: -120px;}
75% {margin-top: -180px;}
95% {margin-top: -180px;}
}
@keyframes myhighlights {
0% { color:#fff}
50% {color:yellow}
0% { color:#fff}
}
@-webkit-keyframes myhighlights {
0% { color:#fff}
50% {color:yellow}
0% { color:#fff}
}