/*Theme Name: Med Smart Pharmacy MobileTheme URI: Description:Version: 0.1Author: Fredjil S. SantervaAuthor URI: */@font-face {    font-family: 'cr';    src: url('fonts/GOTHIC/gothic.eot');    src: url('fonts/GOTHIC/gothic.eot') format('embedded-opentype'),         url('fonts/GOTHIC/gothic.woff') format('woff'),         url('fonts/GOTHIC/gothic.ttf') format('truetype'),         url('fonts/GOTHIC/gothic.svg#cr') format('svg');}@font-face {    font-family: 'cb';    src: url('fonts/GOTHICB/gothicb.eot');    src: url('fonts/GOTHICB/gothicb.eot') format('embedded-opentype'),         url('fonts/GOTHICB/gothicb.woff') format('woff'),         url('fonts/GOTHICB/gothicb.ttf') format('truetype'),         url('fonts/GOTHICB/gothicb.svg#cb') format('svg');}@font-face {    font-family: 'ti';    src: url('fonts/trebucit_0/trebucit_0.eot');    src: url('fonts/trebucit_0/trebucit_0.eot') format('embedded-opentype'),         url('fonts/trebucit_0/trebucit_0.woff') format('woff'),         url('fonts/trebucit_0/trebucit_0.ttf') format('truetype'),         url('fonts/trebucit_0/trebucit_0.svg#ti') format('svg');}@font-face {    font-family: 'tbi';    src: url('fonts/trebucbi_0/trebucbi_0.eot');    src: url('fonts/trebucbi_0/trebucbi_0.eot') format('embedded-opentype'),         url('fonts/trebucbi_0/trebucbi_0.woff') format('woff'),         url('fonts/trebucbi_0/trebucbi_0.ttf') format('truetype'),         url('fonts/trebucbi_0/trebucbi_0.svg#tbi') format('svg');}@font-face {    font-family: 'tb';    src: url('fonts/trebucbd_0/trebucbd_0.eot');    src: url('fonts/trebucbd_0/trebucbd_0.eot') format('embedded-opentype'),         url('fonts/trebucbd_0/trebucbd_0.woff') format('woff'),         url('fonts/trebucbd_0/trebucbd_0.ttf') format('truetype'),         url('fonts/trebucbd_0/trebucbd_0.svg#tb') format('svg');}@font-face {    font-family: 't';    src: url('fonts/trebuc_0/trebuc_0.eot');    src: url('fonts/trebuc_0/trebuc_0.eot') format('embedded-opentype'),         url('fonts/trebuc_0/trebuc_0.woff') format('woff'),         url('fonts/trebuc_0/trebuc_0.ttf') format('truetype'),         url('fonts/trebuc_0/trebuc_0.svg#t') format('svg');}/* transitions  ----------------------------------------------- */*, *:before, *:after { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }*:before, *:after { position: absolute; }/* css resets  ----------------------------------------------- */html, body, div, span, applet, object, iframe, blockquote, pre,a, abbr, acronym, address, big,cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup,tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,tr, th, td, p { border: 0 none; font-size: 100%; outline-color: invert; outline-style: none; outline-width: 0; margin: 0; padding: 0; }/* basics  ----------------------------------------------- */h1 { font-size: 24px; margin: 0; padding: 0; }h2 { font-size: 20px; margin: 0; padding: 0; }h3 { font-size: 18px; margin: 0; padding: 0; }h4 { font-size: 16px; margin: 0; padding: 0; }h5 { font-size: 13px; margin: 0; padding: 0; }h6 { font-size: 12px; margin: 0; padding: 0; }p { word-wrap: break-word; }img { max-width: 100%; height: auto; }iframe { width: 100%; }.comp { color: #1172ff; font: bold 13px Arial; }.comingsoon { color: red; font-weight: 700; font-style: italic; }.image-l { border-radius: 12px;float: left; margin:-17px 40px 0 0; }.image-r { border-radius: 12px;float: right; margin:-17px 40px 0 0; }.wrapper { width: 480px; height: auto; margin: 0 auto; }.wrapper-inner { width: 450px; height: auto; margin: 0 auto; }body { position: relative; width: 100%; height: auto; background: #fff; line-height: 21px; color: #000; margin: 0 auto; padding: 0; }/* header ----------------------------------------------- */header { width: 100%; height: 143px; background: #fff; padding: 22px 0; }	.logo img { margin: 0 auto; display: block; }	/* banner ----------------------------------------------- */#main-nav  { width: 100%; height: auto; overflow: hidden; position: relative; z-index:999; padding: 10px 0; }	nav { width: 100%; display: block; height: auto; overflow: hidden; }	nav  a.mainbtn { position: relative; z-index: 20; text-align: left; text-decoration: none; font: bold 20px Open Sans Condensed, sans-serif; border-radius: 5px; background: #fff; color: #9024cb; width: 100%; height: 53px; display: block; padding: 11px 0 0 10px; }	nav  a.mainbtn:before { content: url('images/toggle.png'); top: 15px; right: 10px; }	nav ul { border-radius: 4px; background: #56851e; margin: 0; padding: 0; height: auto; width: 100%;  }	nav ul li { list-style: none; display: block; height: 53px; width: 100%; }	nav ul li a { position: relative; z-index: 20; text-align: center; text-decoration: none; font: 19px Open Sans Condensed, sans-serif; color: #fff; width: auto; height: 50px; display: block; padding: 11px 20px 0 0; }	nav ul li a:after { bottom: -8px; content: url("images/hr.png"); right: 12px; }	nav ul li:last-child a:after { content: ""; }	nav ul li a:hover, nav ul li.current_page_item a { color: #501271; }	#banner { width: 100%; min-height: 723px; overflow: hidden; background: url('images/banner.png') left top no-repeat #5a008c; padding: 0; }.flash { text-align: center; position: relative; width: 100%; margin: 0 auto; }.flash img { margin: 0 auto; display: block; padding: 10px 0 40px; }.flash h1 { font: 30px/35px cb; color: #fff; margin: 0 0 20px; }.flash p { display: block; font: 16px/30px Arial; color: #fff; }#banner a.flashbtn { display: block; width: 244px; height: 47px; text-align: center; text-decoration: none; padding: 10px 0; margin: 9px auto 40px; font: 19px Arial; color: #fff; background: url('images/slogan-btn.png') center top no-repeat; }#banner a.flashbtn:hover { background: url('images/slogan-btn.png') center bottom no-repeat; }/* mid ----------------------------------------------- */	#mid { width: 100%; height: auto; text-align: center; overflow: hidden; background: #fff; }	#mid ul { margin: 15px auto 11px; padding: 0; height: auto; width: 100%; column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; column-gap: 0; -moz-column-gap: 0; -webkit-column-gap: 0; }	#mid ul li { margin: 0 0 5px; list-style: none; display: inline-block; height: 55px; width: 100%; }	#mid ul li a { position: relative; z-index: 20; text-align: left; text-decoration: none; font: bold 16px Open Sans Condensed, sans-serif; color: #fff; width: 220px; height: 55px; display: block; padding: 14px; background: url('images/btn.png') center top no-repeat; }	#mid ul li a:hover, nav ul li.current_page_item a { background: url('images/btn.png') center bottom no-repeat; }	#mid-left { width: 212px; height: 174px; position: relative; padding: 100px 11px 6px ; float: left; background: url('images/mid-left.png') center top no-repeat; text-align: left; }	#mid-right { width: 212px; height: 174px; position: relative; padding: 100px 11px 6px ; float: right; background: url('images/mid-right.png') center top no-repeat; text-align: left; }	#mid h1 a{ text-decoration: none; font: bold 28px/28px Yesteryear, cursive; color: #509200; }	#mid h1 a span { font: bold 25px Open Sans Condensed, sans-serif; color: #5a008c; }	#mid-left:hover { background: url('images/mid-left-hover.png') center top no-repeat; }	#mid-right:hover { background: url('images/mid-right-hover.png') center top no-repeat; }	/* main ----------------------------------------------- */#main { padding: 17px 0; height: auto; clear: both; overflow: hidden; background: #f1f1f1; }#main_content { width: auto; height: auto; padding: 8px 18px; text-align: center; min-height: 500px; }	#main_content h1 { margin: 0 0 15px; font: 30px Open Sans Condensed, sans-serif; color: #5a008c; }	#main_content h2 { font: 18px tb; color: #414141; margin: 0 0 8px; }	#main_content p { margin-bottom: 24px; font: 14px/21px t; color: #414141; }	#main_content a { font: bold 14px t !important; color: #414141; text-decoration: underline; }#main_content ul { margin: 0 0 35px; padding: 0 10px; }	#main_content ul li:before { color: #000; content: url('images/bullet.png'); top: 0; left: 0; }	#main_content ul li { margin: 0 0 6px; font: 14px t; color: #414141; text-decoration: none; text-align: center; position: relative; }	#main_content ul li a { font: bold 14px t; color: #414141; text-decoration: underline; }#bottom { width: 100%; height: auto; overflow: hidden; display: block;  padding: 8px 18px; text-align: center; }#bottom .box { margin: 30px 0; }	#bottom h1 { margin: 0 0 15px; font: 28px/20px Yesteryear, cursive; color: #509200; }	#bottom h1 span { margin: 0 0 15px; font: 26px News Cycle, sans-serif; color: #64029a; }	#bottom h2 { font: 18px tb; color: #414141; margin: 0 0 8px; }	#bottom p { margin-bottom: 24px; font: 14px/21px t; color: #414141; }	#bottom a { font: 13px tbi; color: #64029a; text-decoration: none; }	img.bottom-hr { display: block; margin: 0 auto; }	img.bottom-hr2 { display: block; margin: 30px auto; }	#bottom .count { column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; column-gap: 0; -moz-column-gap: 0; -webkit-column-gap: 0; }	#bottom .count a { text-decoration: none; text-align: left; font: bold 19px Open Sans Condensed, sans-serif; color: #fff; width: 209px; height: 57.5px; display: block; padding: 14px 0 0 18px; background: url('images/bottom-btn.png') center top no-repeat; }	#bottom .count a:hover { background: url('images/bottom-btn.png') center bottom no-repeat; }/* footer ----------------------------------------------- */footer { height: auto; width: 100%; background: #fff; text-align: center; overflow: hidden; padding: 0 0 30px; }.footer-contacts h1 { font: 20px tb; color: #141414; margin: 0 0 15px; }.footer-contacts .ftp { margin: 0 0 20px; }.footer-contacts .last { margin: 20px 0 40px; }.footer-contacts .ftp, .footer-contacts  .ftp a { font: 14px/19px t; color: #414141; }     .footer-contacts  .ftp a { font: 14px tb; color: #64029a; text-decoration: underline; }#copyright { font: 16px t; color: #000000; width: 100%;  text-align: center; padding: 0 147px; }	#copyright a { text-decoration: none; font: 16px t; color: #000000; }		#desktop { margin: 10px 0; }		#desktop a { font: 15px tb; color: #64029a; text-decoration: underline; }		/* search  ----------------------------------------------- */.search_results div.page, .search_results div.post { border: 1px solid #000; background: #fffcec; color: #000; margin: 10px 0; padding: 15px; }.search_results div.entry-meta {font-style: italic;}.search_results a {color: #000;}.search_results h1 a, .search_results a:hover {text-decoration: none;}/* resources ----------------------------------------------- */.resources { width: 100%; height: auto; text-align: left !important; margin: 20px auto; }.resources a { text-align: center; color: #854dd5 !important; text-decoration: none!important; display: block!important; font-weight: 700!important; }.resources a:hover { color: #854dd5; text-decoration: none; padding-left: 10px; }.resources ul, .resources li { list-style-type: none; list-style: none; margin: 0; padding: 0; }.resources ul li { list-style-image: none!important; margin-bottom: 8px!important; background: #FAFDFE; border: 1px solid #ACD7D6; border-bottom: 2px solid #95CCCB; padding: 12px !important; }.resources ul li span { font-size: 11px; color: #666; letter-spacing: 1px; }.resources ul li:before { content: ""!important; }/* Dang IE 7 ----------------------------------------------- */.lt-ie8 .dang-ie { width: 100%; height: 100%; position: fixed; background-color: #00abdd; }.message { text-align: center; color: #fff; font-size: 20px; position: absolute; top: 20%; left: 0; right: 0; }.inner-message { position: relative; top: -20%; left: 0; right: 0; text-align: center; margin: auto; }.inner-message img { position: relative; left: 3em; }.inner-message a.download { display: block; width: 300px; padding: 10px; color: #fff; margin: 2em auto; border: 1px solid #fff; }.terms { color: #fff; font-size: 13px; padding: 20px; position: absolute; right: 0; bottom: 0; }.terms a { color: #fff; font-weight: bold; }.lt-ie8 .protect-me { display: none; }@media only screen and (max-width: 480px) { .wrapper, .wrapper-inner { max-width: 100%; }}@media only screen and (max-width: 450px) { nav  a.mainbtn { background:#fff; }#banner { background: #5a008c; }#flash, nav { padding: 0 10px; }#mid ul { column-count:1; -moz-column-count:1; -webkit-column-count:1; padding: 0 10px; }#mid ul li a { text-align: center; width: 100%; background: url("images/btn-r.png") repeat-x scroll center top rgba(0, 0, 0, 0); border-radius: 7px; }#mid ul li a:hover { background: url("images/btn-r-hover.png") repeat-x scroll center top rgba(0, 0, 0, 0); }#bottom .count { column-count:1; -moz-column-count:1; -webkit-column-count:1; padding: 0 10px; }#bottom .count a.left, #bottom  .count a.right { display: inline-block; vertical-align: top; width: 100%; background: url("images/btn-r.png") repeat-x scroll center top rgba(0, 0, 0, 0); border-radius: 7px; }#bottom .count a.left:hover, #bottom  .count a.right:hover { background: url("images/btn-r-hover.png") repeat-x scroll center top rgba(0, 0, 0, 0); }#copyright { padding: 0px 10px; }#bottom .count a { margin: 10px 0; }}@media only screen and (max-width: 423px) { #mid { text-align: center; }#mid-left, #mid-right { display: inline-block; vertical-align: top; margin: 0 auto; width: 100%; margin: 30px 0; }#mid-left h1, #mid-right h1 { text-align: center; }}/*.rslides {position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0}.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0}.rslides li:first-child{position:relative;display:block;float:left}.rslides img{display:block;height:auto;max-width:100%;border:0} */