a {color: #ff8700;}
a:hover {color: #ff8700; text-decoration: none;}

.top {background: #3b2d28; height: 30px;}
.top li {display: inline-block;}
.top li a {font-size: 22px; padding: 0px 0px 0px 5px; line-height: 28px;}
.top li a:hover {color: #fff;}
.top .social {text-align: right;}
.top .uk-slidenav {font-size: 20px; height: 30px; width: 9px; line-height: 30px; color: #ff8700;}
.top .uk-slidenav:hover {color: #fff;}
.top .uk-slidenav-position .uk-slidenav {margin: 0px; display: inherit;}
.top .uk-slidenav-position .uk-slidenav-next {left: 12px;}
.top .uk-slidenav-position .uk-slidenav-previous {left: 0px;}
.top .uk-slider-container {padding-left: 22px;}
.top .uk-slider-container ul li a {font-size: 14px; font-weight: lighter; color: #fff; line-height: 30px;}
.navigation {background: #209740; padding-top: 15px; box-shadow: inset 0px 2px 3px rgba(0,0,0,0.3);}
.navigation .logo {float: left; padding-left: 15px;}
.navigation .tools {float: right;}
.navigation .tools .date {float: left; font-family: Georgia, serif; color: #fff; font-size: 18px; padding-right: 20px; line-height: 28px;}
.navigation .tools .login {float: left;}
.navigation .tools .login button {background: #146c2c; border: none; padding: 5px 30px; color: #fff;}
.navigation .tools .login button:hover {background: #ff8700;}
.navigation .loginSmall {float: right; padding-right: 25px;}
.navigation .loginSmall button {background: #209740; border: none; padding: 5px 30px; color: #fff; margin: 7px 10px 0px 0px;}
.navigation .loginSmall button:hover {background: #ff8700;}
.navigation .tools .search {float: left; background: #fff; width: 180px; margin-left: 20px;}
.navigation .tools .search input {font-style: italic; font-size: 11px;}
.navigation .tm-navbar {margin-bottom: 0px; border-bottom: 7px solid #ff7800; background: #146c2c; margin-top: 45px;}
.navigation .tm-navbar ul li a {color: #fff; border-right: 1px solid #209740; font-size: 16px; padding: 0px 30px;}
.navigation .tm-navbar ul li a:hover {background: #ff7800; border-right: 1px solid #ff7800;}
.uk-navbar-toggle {color: #fff; font-size: 28px; margin-left: 25px;}
.uk-navbar-toggle:hover {color: #ff8700;}
.uk-navbar-toggle:focus {color: #fff;}
#userModule {background:  #3b2d28; color: #fff; padding: 20px;}

.main {background: #efeeee; padding-top: 20px; box-shadow: inset 0px 2px 3px rgba(0,0,0,0.3);}
#tm-content {background: #fff; padding: 20px; border: 1px solid #ddd;}
.content {border-left: none; padding-left: 0px;}
.uk-article-title, .latestAds h1 {font-family: Georgia, serif; font-size: 28px; color: #3b2d28; border-bottom: 1px solid #ededed; margin-bottom: 5px; line-height: 32px; font-weight: bold;}
.uk-article-meta {margin: 5px 0px !important; font-style: italic;}
.uk-article a.uk-align-left {float: none; margin-right: 0px;}
.uk-article .uk-align-left img {width: 100%; border: 1px solid #ededed;}
.inset {padding: 0px 20px 0px 0px;}
.inset h3 {background: #ededed; padding: 5px 10px; margin-bottom: 0px; font-family: Georgia, serif; font-size: 21px; font-weight: bold;}
.inset ul {margin-bottom: 30px;}
.inset ul li {border-bottom: 1px dotted #ff8700; font-weight: lighter;}
.inset ul li a:hover {background: #ff8700; color: #fff; font-weight: bold;}
.inset ul li.uk-active a {font-weight: bold;}
.tm-sidebar-a .uk-panel-box {background: none;}
.agrolinkBanner {margin: -20px 15px 15px; padding: 0px;}
.agrolinkBanner a {background: #ff8700; font-weight: bold; text-align: center; font-size: 21px; display: block; color: #fff; padding: 7px 0px; line-height: 28px; border: 1px solid #3b2d28;}
.agrolinkBanner a:hover {background: #3b2d28; color: #ff8700;}

.usermenu {margin-top: 10px; text-align: left; background: #209740;}
.usermenu h3 {background: #3b2d28; color: #ff8700; padding: 5px 10px; margin-bottom: 0px; font-family: Georgia, serif; font-size: 21px; font-weight: bold;}
.usermenu li a {color: #fff; font-size: 16px; font-weight: lighter;}
.usermenu li a:hover {color: #fff; font-weight: bold;}

.registration {width: 100%; border: 1px solid #ddd;}
.registration h1 {font-family: Georgia, serif; font-size: 28px; color: #3b2d28; border-bottom: 1px solid #fff; padding-bottom: 10px; line-height: 32px; font-weight: bold;}
.registration span.text {display: none;}
.registration input {width: 90%;}
.registration .uk-grid {margin-bottom: 10px; margin-top: 10px;}
.registration input#jform_password1, .registration input#jform_username {margin-bottom: 0px;}
.remind form, .reset form {border: 1px solid #ddd;}
.registration .well {margin-bottom: 0px;}

#system-message-container {width: 100%;}
.alert {margin-bottom: 20px !important; width: 100% !important; box-sizing: border-box;}

.btn-primary, .btn-info, .btn-inverse {background: #146c2c;}
.btn-primary:hover, .btn-info:hover, .btn-inverse:hover {background: #ff7800;}

select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {background: #e8f2da; border-color: #ccc;}

.juloawrapper {width: 100%;}
#adsmanager_innermenu {border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 20px; font-weight: lighter; color: #ddd; line-height: 24px;}
#adsmanager_innermenu a {font-size: 18px; padding: 0px 10px;}
.Potražnja {background: #ffefdd; border: 1px solid #ff8700; padding: 10px;}
.Ponuda {background: #c1e9cc; border: 1px solid #209740; padding: 10px; margin-bottom: 20px;}
.Potražnja h2 a {background: #ff8700; padding: 5px; color: #fff !important; display: block; font-weight: bold; font-family: Georgia, serif;}
.Ponuda h2 a {background: #209740; padding: 5px; color: #fff !important; display: block; font-weight: bold; font-family: Georgia, serif;}
#adshome ul {padding-left: 20px;}
#adshome ul li {list-style: none;}
#adshome ul li i {font-size: 20px;}
#adshome ul li a {font-size: 18px; line-height: 26px;}
#adshome ul li a:hover {font-weight: bold;}

.filterBox {border-bottom: 1px solid #ededed; padding-bottom: 20px;}

.contactRights {border: 1px solid #ededed; padding: 20px; display: block; margin-right: 50px;}
#slider {border: 1px solid #ededed; border-radius: 0px;}
#carousel {width: 100% !important; text-align: left;}
#carousel li {width: 90px !important; height: 75px !important; border: 1px solid #ededed; background: #f5f5f5; margin-right: 3px;}
ul.slides li:hover {cursor: pointer;}
.flex-direction-nav {display: none;}

.back_button a div {background: #209740; width: 100%; box-sizing: border-box; margin-top: 30px; color: #fff; font-weight: 18px;}
.back_button a div:hover {background: #ff8700; color: #fff;}
.breadcrumb {box-sizing: border-box; border-radius: 0px;}

#adminForm input#fad_headline, input#fname {width: 100%;}
#adminForm textarea#fad_text {width: 100%; height: 200px;}

.adsmanager_table_description h4 {margin: 0px;}

.paginationblock {text-align: center;}
.paginationblock ul {}
.paginationblock ul li {list-style: none; display: inline; border: 1px solid #ccc; padding: 5px 10px; margin: 0px 3px;}

@media (min-width: 768px) {
	
	.navigation .logo {padding-left: 0px;}
	.uk-navbar-toggle {margin-left: 0px;}
	
	.content {border-left: 1px dotted #ddd; padding-left: 20px;}
	.registration .fieldlabel {text-align: left;}
	
	#comments-form .smiles {padding: 5px 90px !important;}
	#comments-form .commentsCaptcha {margin: 10px 0px; padding: 0px 10px 0px 20px; width: 65%;}
	#comments-form-buttons {margin-top: 0px !important;}
	#comments-form-buttons a {font-size: 14px;}
	#comments-form label {font-size: 13px !important;}
	.uk-article a.uk-align-left {float: left; margin-right: 20px; margin-top: 20px;}
	.uk-article .uk-align-left img {width: 140px !important;}
}

@media (min-width: 1024px) {
	
	.tm-navbar ul li a {padding: 0px 13px;}
	
	.registration .fieldlabel {text-align: right;}
	
	.Ponuda {margin-bottom: 0px !important;}

	#comments-form .smiles {padding: 5px 10px !important;} 
	#comments-form .commentsCaptcha {margin: 10px 0px; padding: 0px 10px 0px 20px; width: 50%;}
	#comments-form-buttons {margin-top: 0px !important;}
	#comments-form-buttons a {font-size: 16px;}
	#comments-form label {font-size: 13px !important;}
	#comments .comments-list .comment-date {float: right !important; padding: 0px !important; width: 40% !important; text-align: right;}
}

@media (min-width: 1025px) {
	
	.registration .fieldlabel {text-align: right;}
	
	.Ponuda {margin-bottom: 0px !important;}
	
	#comments-form .smiles {padding: 5px 10px !important;} 
	#comments-form .commentsCaptcha {margin: 10px 0px; padding: 0px 10px 0px 20px; width: 50%;}
	#comments-form-buttons {margin-top: 0px !important;}
	#comments-form-buttons a {font-size: 16px;}
	#comments-form label {font-size: 13px !important;}
	#comments .comments-list .comment-date {float: right !important; padding: 0px !important; width: 40% !important; text-align: right;}
}

.footer {color: #fff; height: 81px; font-weight: lighter; border-top: 10px solid #ff8700;}
.footer a {color: #ff9900;}
.footer p {text-align: left;}
.tm-footer {margin: 20px 0px;}
.tm-totop-scroller {top: 10px;}
a.tm-totop-scroller:hover {color: #fff;}
.social-footer {float: left; margin: -2px 17px 0px 0px;}
.social-footer a {font-size: 42px; color: rgba(255,255,255,0.2); padding-right: 3px;}
.social-footer a:hover {text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); color: rgba(255,255,255,0.7)}

/* --- JCOMMENTS --- */
#jc {background: #F7F7F7; padding: 10px 15px; border-radius: 0px 5px 5px 5px; box-shadow: inset 0px 0px 3px rgba(0,0,0,0.2); border: 7px solid #ccc; }
#comments {padding-top: 5px;}
#comments-form label {font-size: 10px; line-height: 28px; font-family: 'Roboto', sans-serif; color: #870008; font-style: italic; font-weight: lighter;}
#comments-form input#comments-form-name, #comments-form input#comments-form-email {border-radius: 3px; background: #fff; border: none; box-shadow: inset 0px 0px 3px rgba(0,0,0,0.2); font-family: 'Roboto', sans-serif; height: 32px; font-weight: bold; color: #444; font-size: 14px; padding: 2px 10px 3px 10px; box-sizing: border-box; width: 100%;}
#comments-form input#comments-form-name {margin-bottom: 10px;}
#comments-form input.selected, #comments-form textarea.selected {background: #fff !important; box-shadow: inset 0px 0px 5px rgba(0,0,0,0.3) !important;}
#comments-form textarea {background: #fff; border: none; box-shadow: inset 0px 0px 3px rgba(0,0,0,0.2); font-family: 'Roboto', sans-serif; font-weight: bold; color: #444; font-size: 14px; resize: none; width: 100%; box-sizing: border-box; padding: 10px;}
#comments-form .smiles {background: #ededed; border-radius: 5px 5px 0px 0px; margin-top: 10px; padding: 5px 6px;}
#comments-form .smiles img {margin-right: 3px;}
#comments-form .smiles img:hover {cursor: pointer;}
#comments-form .grippie {width: 100%; font-size: 12px; color: #777; text-align: right; background: #ededed; border-radius: 0px 0px 5px 5px; font-style: italic; padding: 2px 10px 5px 0px; font-weight: lighter; box-sizing: border-box;}
#comments-form p {padding: 0px !important; margin: 0px 0px 3px 0px !important;}
input#comments-form-subscribe {float: none;}
#comments-form .commentsCaptcha {border: 1px solid #ededed; border-radius: 3px; box-sizing: border-box;}
#comments-form input#comments-form-captcha {margin: 0px !important; border: none; border-radius: 3px; box-shadow: inset 0px 0px 3px rgba(0,0,0,0.2); font-family: 'Roboto', sans-serif; height: 32px; font-weight: normal; color: #444; font-size: 14px; padding: 2px 10px 3px 10px;}
#comments-footer {display: none;}
#comments-form-buttons {text-align: right; margin-top: 0px;}
#comments-form-buttons a {border: none; color: #fff !important; border-radius: 15px; padding: 5px 20px !important; line-height: 40px !important; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); font-family: 'Roboto', sans-serif; font-weight: normal !important;
	background: #eabc9d;
	background: -moz-linear-gradient(top,  #eabc9d 0%, #ff6600 6%, #ff9900 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eabc9d), color-stop(6%,#ff6600), color-stop(100%,#ff9900));
	background: -webkit-linear-gradient(top,  #eabc9d 0%,#ff6600 6%,#ff9900 100%);
	background: -o-linear-gradient(top,  #eabc9d 0%,#ff6600 6%,#ff9900 100%);
	background: -ms-linear-gradient(top,  #eabc9d 0%,#ff6600 6%,#ff9900 100%);
	background: linear-gradient(to bottom,  #eabc9d 0%,#ff6600 6%,#ff9900 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eabc9d', endColorstr='#ff9900',GradientType=0 );
}
#comments-form-buttons a:hover {background: #870008 !important;}
#comments-form-buttons a:after {content: "\f27a"; font-family: 'FontAwesome'; padding-left: 10px;}
#comments .comments-list {margin: 0px !important;}
#comments .comments-list a.comment-anchor {background: #870008; padding: 0px 7px; border-radius: 2px; color: #fff; font-weight: lighter; font-size: 12px; margin-right: 10px; float: left;}
#comments .comments-list .even, #comments .comments-list .odd {padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #fff;}
#comments .comments-list .comment-date {float: left; font-weight: lighter; font-size: 11px; color: #777; padding: 10px 0px; width: 100%;}
#comments .comments-list .comment-author {font-family: 'Merriweather', serif; font-style: italic;}
#comments .comments-list .comment-body {padding-top: 10px; font-weight: lighter;}
#comments .comments-list .comment-body blockquote {border: none; background: #fff; box-shadow: 0px 1px 2px rgba(0,0,0,0.2); border-radius: 3px; padding: 15px; font-size: 14px; margin: 5px 0px;}
#comments .comments-list .comment-body .quote {color: #870008; font-style: italic;}
#comments #comments-list-footer {text-align: center;}
#comments #comments-list-footer a.refresh {font-size: 11px !important; padding: 2px 10px 3px 10px !important;}
#comments .comments-buttons {text-align: right;}
#comments .comments-buttons a {background: #cdbba3; font-size: 11px; padding: 2px 10px; border-radius: 10px; color: #fff; font-style: italic;}
#comments .comments-buttons a:hover {background: #3e1d10; color: #fff;}
#comments #nav-bottom .page {background: #cdbba3; font-weight: bold; color: #fff; padding: 0px 5px; border-radius: 2px; margin-right: 2px;}
#comments #nav-bottom .hoverpage {background: #870008; font-weight: bold; color: #fff; padding: 0px 5px; border-radius: 2px; cursor: pointer; margin-right: 2px;}
#comments #nav-bottom .activepage {background: #3e1d10; font-weight: bold; color: #fff; padding: 0px 5px; border-radius: 2px; margin-right: 2px;}
#comments-form-message {background: #ff9900; color: #fff; font-style: italic; font-weight: lighter; font-size: 16px; text-align: center; border-radius: 3px; padding: 10px; box-shadow: 0px 1px 3px rgba(0,0,0,0.3); text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
#comments-form-message:before {content: "\f071"; font-family: 'FontAwesome'; font-style: normal !important; padding-right: 5px;}
#addcomments {padding-top: 230px; margin-top: -230px;}


/* --- LOGIN --- */
.loginForm {padding: 10px 15px; margin-bottom: 20px; background: #f5f5f5; box-shadow: inset 0px 0px 3px rgba(0,0,0,0.2); border-radius: 3px;}
.loginForm input {margin-bottom: 5px;}
.loginButton {text-align: right; padding-bottom: 10px;}
label#password-lbl {margin-top: 10px; display: block;}
.loginLinks {margin-top: 30px;}
.loginLinks li {list-style: none;}
.loginLinks li a {font-family: 'Roboto', sans-serif;}
.loginLinks li a:hover {font-weight: bold;}
.loginLinks li i {color: #ff6600; width: 15px;}

#jform_username, #jform_password1 {margin-bottom: 20px;}
#jform_token, #jform_password2, #jform_email {margin-bottom: 5px;}

/* --- USER PROFILE --- */
.profile ul {padding: 0px;}
.profile ul li {list-style: none;}
.profile .dl-horizontal {margin: 0px;}
.profile dt {font-weight: lighter; font-style: italic; color: #870008; font-size: 12px;}
.profile dd {margin-bottom: 10px; font-weight: bold; color: #3e1d10;}

/* --- USER MODULE --- */
.k2UserBlock {background: #e3ccaf; border-radius: 5px; padding: 10px; margin: -10px 0px 25px 0px; box-shadow: inset 0px 0px 3px rgba(0,0,0,0.3);}
.k2UserBlock .k2UserBlockDetails {text-align: left;}
.k2UserBlock img {border-radius: 5px; border: 2px solid #870008; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);}
.k2UserBlock .k2UserAvatar {float: left; margin-right: 10px;}
.k2UserBlock .ubName a {font-family: 'Merriweather', serif; font-weight: bold; font-style: italic; color: #3e1d10; font-size: 18px; text-shadow: 0px 1px 1px rgba(0,0,0,0.3);}
.k2UserBlock .ubName a:hover {color: #870008;}
.k2UserBlock .ubGreeting {font-weight: lighter; color: #3e1d10; font-size: 12px;}
.k2UserBlockActions {text-align: right; padding-top: 10px;}
.k2UserBlockActions ul {margin-bottom: 10px;}
.k2UserBlockActions ul li {display: inline; list-style: none; line-height: 28px;}
.k2UserBlockActions ul li a {background: #3e1d10; color: #fff; font-weight: bold; padding: 2px 10px 4px 10px; border-radius: 10px; font-size: 11px; box-shadow: 0px 0px 2px rgba(0,0,0,0.3); margin-right: 7px;}
.k2UserBlockActions ul li a:hover {background: #870008; color: #fff;}
.k2UserAddItem a {display: block; font-weight: lighter !important; text-align: center; font-size: 24px !important;}

/* --- CONTACT --- */
.rsform-block-imeiprezime, .rsform-block-email {margin-bottom: 20px;}
.rsform-block-poruka {margin-bottom: 5px;}
.rsform-block-posalji {padding-bottom: 10px; text-align: right;}

/* --- REGISTER --- */
p.k2ProfileHeading {font-weight: bold; font-size: 18px; color: #aaa; text-align: center; margin: 20px 0px 10px 0px;}
.rsform-block-submit {padding: 0px 5px 10px 0px; text-align: right;}
.rsform-block-firstandlastname, .rsform-block-username, .rsform-block-emailconfirm, .rsform-block-password, .rsform-block-gender {margin-bottom: 20px;}
.rsform-block-confirmpassword, .rsform-block-avatar {margin-bottom: 5px;}
.infoRegistration {font-size: 11px; font-style: italic; color: #777; margin: 0px;}
fieldset.registration {margin: 0px 0px 5px 0px;}


/* --- OSMAP --- */
#osmap a:hover {font-weight: bold;} 

/*** ALL VIDEOS ***/
.avPlayerContainer {width: 100% !important;}
.avPlayerWrapper .avPlayerContainer .avPlayerBlock { position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden;}
.avPlayerWrapper .avPlayerContainer .avPlayerBlock iframe {position: absolute; top:0; left: 0; width: 100%; height: 100%;}


/* --- TINY MCE --- */
table#Uvod_tbl.mceLayout {height: 79px !important;}
table#Uvod_tbl.mceLayout tbody tr.mceLast td.mceIframeContainer.mceFirst.mceLast {padding: 10px; box-shadow: inset 0px 0px 3px rgba(0,0,0,0.35); background: #fff; border-radius: 0px 0px 5px 5px; border: none !important;}
iframe#Uvod_ifr {height: 50px !important;}
table#Uvod_tbl.mceLayout tbody tr.mceFirst td.mceToolbar.mceLeft.mceFirst.mceLast, table#Sastojci_tbl.mceLayout tbody tr.mceFirst td.mceToolbar.mceLeft.mceFirst.mceLast, table#Priprema_tbl.mceLayout tbody tr.mceFirst td.mceToolbar.mceLeft.mceFirst.mceLast {border: 1px solid #ccc !important; border-bottom: none !important; border-radius: 5px 5px 0px 0px;}
table#Sastojci_tbl.mceLayout tbody tr.mceLast td.mceIframeContainer.mceFirst.mceLast, table#Priprema_tbl.mceLayout tbody tr.mceLast td.mceIframeContainer.mceFirst.mceLast {padding: 10px; box-shadow: inset 0px 0px 3px rgba(0,0,0,0.35); background: #fff; border-radius: 0px 0px 5px 5px; border: none !important;}
iframe#Sastojci_ifr, iframe#Priprema_ifr {height: 250px !important;}
table#Uvod_tbl, table#Sastojci_tbl, table#Priprema_tbl {border: none !important;}

/* --- Component: Sticky --- */
[data-uk-sticky].uk-active {z-index: 980; -moz-box-sizing: border-box; box-sizing: border-box;}
.uk-sticky-placeholder > * {-webkit-backface-visibility: hidden; backface-visibility: hidden;}
[data-uk-sticky][class*='uk-animation-'] {-webkit-animation-duration: 1.15s; animation-duration: 1.15s;}
[data-uk-sticky].uk-animation-reverse {-webkit-animation-duration: 1.04s; animation-duration: 1.04s;}

/* --- ADD TO HOME SCREEN --- */
.ath-viewport * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ath-viewport {position: relative; z-index: 2147483641;pointer-events: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none;text-size-adjust: none;}
.ath-modal {pointer-events: auto !important; background: rgba(0,0,0,0.6);}
.ath-mandatory {background: #000;}
.ath-container {pointer-events: auto !important; position: absolute; z-index: 2147483641; padding: 0.7em 0.6em; width: 18em; background: #eee; background-size: 100% auto; box-shadow: 0 0.2em 0 #d1d1d1; font-family: sans-serif; font-size: 15px; line-height: 1.5em; text-align: center;}
.ath-container small {font-size: 0.8em; line-height: 1.3em; display: block; margin-top: 0.5em;}
.ath-ios.ath-phone {bottom: 1.8em; left: 50%; margin-left: -9em;}
.ath-ios6.ath-tablet {left: 5em; top: 1.8em;}
.ath-ios7.ath-tablet {left: 0.7em; top: 1.8em;}
.ath-ios8.ath-tablet, .ath-ios9.ath-tablet{right: 0.4em; top: 1.8em;}
.ath-android {bottom: 1.8em; left: 50%; margin-left: -9em;}

/* close icon */
.ath-container:before {content: ''; position: relative; display: block; float: right; margin: -0.7em -0.6em 0 0.5em;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAdVBMVEUAAAA5OTkzMzM7Ozs3NzdBQUFAQEA/Pz8+Pj5BQUFAQEA/Pz8+Pj5BQUFAQEA/Pz9BQUE+Pj4/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8+Pj4/Pz8+Pj4/Pz8/Pz8/Pz8/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8/Pz9AQEA/Pz+fdCaPAAAAJnRSTlMACQoNDjM4OTo7PEFCQ0RFS6ytsbS1tru8vcTFxu7x8vX19vf4+C5yomAAAAJESURBVHgBvdzLTsJAGEfxr4C2KBcVkQsIDsK8/yPaqIsPzVlyzrKrX/5p0kkXEz81L23otc9NpIbbWia2YVLqdnhlqFlhGWpSDHe1aopsSIpRb8gK0dC3G30b9rVmhWZIimTICsvQtx/FsuYOrWHoDjX3Gu31gzJxdki934WrAIOsAIOsAIOiAMPhPsJTgKGN0BVsYIVsYIVpYIVpYIVpYIVpYIVpYIVpYIVpYIVlAIVgEBRs8BRs8BRs8BRs8BRs8BRs8BRs8BRTNmgKNngKNngKNngKNngKNhiKGxgiOlZoBlaYBlaYBlaYBlaYBlaYBlaYBlaYBlZIBlBMfQMrVAMr2KAqBENSHFHhGEABhi5CV6gGUKgGUKgGUKgGUFwuqgEUvoEVsoEVpoEUpgEUggF+gKTKY+h1fxSlC7/Z+RrxOQ3fcEoAPPHZBlaYBlaYBlaYBlZYBlYIhvLBCstw7PgM7hkiWOEZWGEaWGEaWGEaIsakEAysmHkGVpxmvoEVqoEVpoEVpoEVpoEVpoEVpoEVkoEVgkFQsEFSsEFQsGEcoSvY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnmbNAUT2c2WAo2eAo2eAo2eAo2eAo2eArNEPFACjZ4CjZ4CjZ4CjaIird/rBvFH6llNCvewdli1URWCIakSIZesUaDoFg36dKFWk9zCZDei3TtwmCj7pC22AwikiIZPEU29IpFNliKxa/hC9DFITjQPYhcAAAAAElFTkSuQmCC);
background-color: rgba(255,255,255,0.8); background-size: 50%; background-repeat: no-repeat; background-position: 50%; width: 2.7em; height: 2.7em; text-align: center; overflow: hidden; color: #a33; z-index: 2147483642;}
.ath-container.ath-icon:before {position: absolute; top: 0; right: 0; margin: 0; float: none;}
.ath-mandatory .ath-container:before {display: none;}
.ath-container.ath-android:before {float: left; margin: -0.7em 0.5em 0 -0.6em;}
.ath-container.ath-android.ath-icon:before {position: absolute; right: auto; left: 0; margin: 0; float: none;}

/* applied only if the application icon is shown */
.ath-container.ath-icon {}
.ath-action-icon {display: inline-block; vertical-align: middle; background-position: 50%; background-repeat: no-repeat; text-indent: -9999em; overflow: hidden;}
.ath-ios7 .ath-action-icon, .ath-ios8 .ath-action-icon, .ath-ios9 .ath-action-icon{width: 1.6em; height: 1.6em; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAACtCAYAAAB7l7tOAAAF6UlEQVR4AezZWWxUZRiH8VcQEdxZEFFiUZBFUCIa1ABBDARDcCciYGKMqTEGww3SOcNSAwQTjOBiiIpEhRjAhRgXRC8MFxojEhAFZUGttVhaoSxlaW3n8W3yXZxm6vTrOMM5Q98n+V9MMu1pvl++uZhKuypghu49KaaTWGdZSYoVN6VD95nMpLNYZ9XNbdQR2od2k88O3Gm6Bh0t7H0p5Vwp2Ax3ajpu2tYbciFWwkTFO63DY6+JcI4USFaSyYpWp8N7SVZJKR3EinkBk9JxvZFXxhnZSjBaoWp1ZL0ES8WKYXMZp0AndORgy8WKFe5Yf1zvvSBWDEpys2LU6MjD5kmEWQlGKsJRHXlcqUSQVcItEnDEA6gAb7LhjvD9WO6yIEfICQI5A1nzGCYB1T4og5bBiFcyv2f6ujYhl4iVxwKG6qp8MK55HsqPwK0rMr9v/yEo3uCPrJstVh5KMER30Aeh31Ioq0FrHfjXw9CYghnrvYFTuqfEymFzGSwBlT4ARYr7u+K6GLmCVGvAGg2NMG0d/sgJnpScZLjXSkC5z8H3eQ72/k24Q8NfzvwFyK4qtuJSZKaubRPyE/K/Mtx+EvCHL+7uasId1t10w0scz/RzSzYzAfgKV30D3LPaG7lRkR8RK4tKKJKAMp+D7r0EfmmOe0x3m2itAc/ZxBjgAt1mXHWKPPkdb+QGSTJdrDaU5EoJ2OtzwD0WwY7KNNzbRfMFFg24WPdtGHnS221Cflgsj56hjwTs8TnY7oq7/QDhjutGicsb2AVcovsO18l6uPPNNiE/JFaGAq7Q7fY50G4LYVtz3FrdaNGyBXbIl+q24DqhyHes9EaulwR3SwtZs+ktAT/7HORliru1gnCndONFyx44Dfn7MPLYN7yR6yTJZAllJeguAT/4HOBFz8I3ZWm4E0TLFbBD7qn7EVdtHYx53R9ZN0ksrZRuErDN5+AuLIWvm+Oe1k0ULdfADrmX7idcR0/DyBXeyCdlLuMMOGCBz4F1ng+f7yFcve5e0fIFHELeiav6BAx70Rt5p0yhY3u/wR0kyarW/uX35b403PtFyzewQ75ctwtXzSkY8WqruHslSV8RscrL6TJ1bcvfWJ0/HzbtIdw/ugdFyzdwOOAq3T6fmzxwGQ3vbmO8iFioIWqYSsHMj9M/ljfuTsOdItoZBXYBfXX7cVXVwvXLm/8+fU3lcdCqdEMNGBbgUmRmfQISQKd5sGEn4VK6YtEiAXYBA3QVuA4q8hCHrDcafR1ul65jewfuovsCl7vJrNlOuEbdo6JFCuwCrtb9hqusBu56Cw4cI1y1briIWEBn3Ue0XKPuMdGiBg4H9NdV0HJ/6QZLOEPmPN0GmpfSPS5arIBdwHUtIFfoBsl/ZsgfhHCfFi2WwC5goO4AmvanbqBkzJA76tboZokWa2AXMEi3RTdAvDLkDqJFAhzB32xFD2wZsGXA0WfAlgFbBmwZsGXAlgFbBpzk04JaKb0iA9ZnF9x5SQAFtRKKIgPWZxfaeRmwAZ/BGbAB37eaG6MCbnq2Aed5czYyKirgpmcbsAHHZAZswN0Wwo7KeG1fFf2jAm56dtzOQ42yB+65mDhWFBUwUETMUiMDNmADbp/APRaTAh6I2bpGCNw1bufRZJQ1cPdF/NueHZsgDEBBGLbMGoIu4AZu5gLOZeEaYmEXeznF3jRPyEv4frgJvvJe3qTefY0AAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwb8rwADBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgz4/sz1Nia/9hizA7zgklwy3RYwYMBzBRjw4bPjxAbAAizAAtwgwAIswAIswAIMGDBgARZgARZgAS4FWIAFWIAFWIABAwYswAIswAIswIUAC7AAC7AACzBgwIAFWIAFWIAFuBBgARZgARZgAQYMGPApQ99ZCdgWtzqwATbABtgAG2DbnxNb7zbRimsMLMACrDf2wMWI/WasfQAAAABJRU5ErkJggg==); margin-top: -0.3em; background-size: auto 100%;}

.ath-ios6 .ath-action-icon {width: 1.8em; height: 1.8em; background-image:url(data:image/png;base64,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); margin-bottom: 0.4em; background-size: 100% auto;}

.ath-android .ath-action-icon {width: 1.4em; height: 1.5em; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEVmZmb///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZW6fJrAAAAEXRSTlMAAAYHG21ub8fLz9DR8/T4+RrZ9owAAAB3SURBVHja7dNLDoAgDATQWv4gKve/rEajJOJiWLgg6WzpSyB0aHqHiNj6nL1lovb4C+hYzkSNAT7mryQFAVOeGAj4CjwEtgrWXpD/uZKtwEJApXt+Vn0flzRhgNiFZQkOXY0aADQZCOCPlsZJ46Rx0jhp3IiN2wGDHhxtldrlwQAAAABJRU5ErkJggg==); background-size: 100% auto;}

.ath-container p {margin: 0; padding: 0; position: relative; z-index: 2147483642; text-shadow: 0 0.1em 0 #fff; font-size: 1.1em;}
.ath-ios.ath-phone:after {content: ''; background: #eee; position: absolute; width: 2em; height: 2em; bottom: -0.9em; left: 50%; margin-left: -1em; -webkit-transform: scaleX(0.9) rotate(45deg);
transform: scaleX(0.9) rotate(45deg); box-shadow: 0.2em 0.2em 0 #d1d1d1;}
.ath-ios.ath-tablet:after {content: ''; background: #eee; position: absolute; width: 2em; height: 2em; top: -0.9em; left: 50%; margin-left: -1em; -webkit-transform: scaleX(0.9) rotate(45deg);
transform: scaleX(0.9) rotate(45deg); z-index: 2147483641;}
.ath-application-icon {position: relative; padding: 0; border: 0; margin: 0 auto 0.2em auto; height: 6em; width: 6em; z-index: 2147483642;}
.ath-container.ath-ios .ath-application-icon {border-radius: 1em; box-shadow: 0 0.2em 0.4em rgba(0,0,0,0.3), inset 0 0.07em 0 rgba(255,255,255,0.5); margin: 0 auto 0.4em auto;}

@media only screen and (orientation: landscape) {
	.ath-container.ath-phone {width: 24em;}
	.ath-android.ath-phone {margin-left: -12em;}
	.ath-ios.ath-phone {margin-left: -12em;}
	.ath-ios6:after {left: 39%;}
	.ath-ios8.ath-phone {left: auto; bottom: auto; right: 0.4em; top: 1.8em;}
	.ath-ios8.ath-phone:after {bottom: auto; top: -0.9em; left: 68%; z-index: 2147483641; box-shadow: none;}
}