/* Global */
:root { --condensed-fonts: "Oswald"/* Android */, "Avenir Next Condensed"/* IOS */, "Arial Narrow"/* PC */; }
* { box-sizing: border-box; }
@font-face { font-family: 'Oswald'; font-style: normal; font-weight: normal; _font-display: swap; src: local('Oswald'), url(https://fonts.gstatic.com/s/oswald/v29/TK3iWkUHHAIjg752GT8G.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

html,body { height: 100%; }
body { margin: 0; overflow-y: scroll; font: normal 13px Arial; background: #edeef0; /*#dfe0d3;*/ }
h1, h2, .h1 { font-size: 22px; font-weight: normal; font-family: var(--condensed-fonts); padding: 0; margin: 0; color: #f87311; /*color: #41658a;*/ overflow: hidden; white-space: nowrap; height: 29px; }
h2 { font-size: 16px; height: auto; }
.h2 { background-color:#f6f8fb; border: 1px solid #e7eaed; border-bottom:0px; padding:3px 3px; margin-bottom:0px;  font: bold 12px  Arial; color: #41658a; margin-top:0px; color:#354350;}
@media (min-width: 666px) { h1, .headline { font-family: var(--condensed-fonts); } h2 { font-family: var(--condensed-fonts); } } /* smaller font size for h1/h2 in lower resolutions */
a { color: #41658a; text-decoration:none; }
.prop-value a.link { color: #41658a; text-decoration: underline; cursor:pointer; width: 100%; white-space: nowrap; overflow:hidden;}
.prop-value a.link:hover { color: #F87311; }
p { font-size: 14px; }
.fl { float: left; } .fr { float: right; } .cb { clear: both; } /* floats */
.l { text-align: left; } .r { text-align: right; } .c { text-align: center; } /* text aligns */
.xs { width: 24%; } .s { width: 30% } .ms { width: 32% } .m { width: 49%; box-sizing: border-box; } .l { width: 67%; } .xl { width: 100% } /* widths */
.mr3 { margin-right: 2%;}
.block { display: block; } .none { display: none; } .table-cell { display: table-cell; } /* display types */
.nw { white-space: nowrap; } 
.mr { margin-right:3%; width: 46%;}
.sr { margin-right:3%; width: 27%;}
.xsr { margin-right:3%; width: 21%;}
.spacing { margin: 0 0 15px 15px; }
.dial {position:relative; padding-left:0px !important;}
.dial:after { display:block; content:attr(data-code); position:absolute; left:1px; top:0px; width:33px; height:28px; line-height:28px; background-color:#efefef; padding-left:5px;border-top:1px solid #e4e3e8; border-bottom: 1px solid #e4e3e8;border-top-left-radius:3px; border-bottom-left-radius:3px;}
.dial input{ padding-left:44px;}
.dial.required {border-top-left-radius:3px; border-bottom-left-radius:3px; }
.dial.required:after {width:31px; }
.dial.required input {border-top-left-radius:0px; border-bottom-left-radius:0px; padding-left:40px;}

/* Header & Navigation */
#layout { margin: 0 auto; padding-left: 5px; padding-right: 5px; padding-top: 0px; min-width: 337px; max-width: 1004px; width: 100%; background: #fff; border-left: 1px #bebfac solid; border-right: 1px #bebfac solid; }
#layout { min-height: 100%; }
header { position: fixed; top: 0; right: 0; left: 0; z-index: 100; } /* header is fixed at the top */
nav { background: #fff; margin: 0 auto; padding: 0 5px 0 5px; max-width: 1004px; width: 100%; background: #fff; border-left: 1px #bebfac solid; border-right: 1px #bebfac solid; }
nav #menu { margin: 0 auto; margin-top:0px; padding: 0; max-width: 992px; border-collapse: collapse; border: none; width: 100%; }
nav #menu td { width: 16.66%; text-align: center; border-bottom: 1px #fff solid; }
nav #menu td div { width: 100%; height: 100%; }
nav #menu .logo { color: #61633d; margin: 0; padding: 5px 10px 5px 10px; background: #dfe0d3; border-left: 1px #c8cfd5 dotted; border-right: 1px #c8cfd5 dotted; font-family:'Oswald';font-size: 32px;letter-spacing:-1px;line-height: 34px;height: 37px; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
nav #menu .logo a { color: #61633d; text-decoration: none; }
nav #menu .logo .prefix { color: #666; }
nav #menu .logo .suffix { color: #f87311; }
nav #menu .tab { padding: 0; background: linear-gradient(#eee 50%,#e5e5e5 50%); border-left: 1px #c8cfd5 solid; border-right: 1px #c8cfd5 solid; font: normal 16px 'Oswald',Arial Narrow,Tahoma,Arial; }
nav #menu .tab a { text-decoration: none; color: #000; }
nav #menu .tab a:hover { text-decoration: none; color: #06c; }
nav #menu .divider { width:0; padding: 1px; background: #fff; border-top: none; border-bottom: none; }
nav #menu .active { background:#f87311; color: #fff; border-bottom: 1px #f87311 solid; border-right: 1px #c95000 solid; border-left: 1px #c95000 solid; text-shadow: none; }
nav #menu .active a div { color: #fff; text-decoration: none; }
nav #menu .active a:hover { color: #fff; }
nav .gutter {height:5px;background:#f87311;border-bottom:1px #c95000 solid;}
.breadcrumbs { padding: 4px 7px 4px 7px; height: 22px; width: 100%; overflow: hidden; /*line-height: 20px;*/ background: #eaedef; color: #000; border-top: 1px #fff solid; border-bottom: 1px #ccc solid; font: normal 11px Tahoma, Arial; }
/* Dynamic CSS data */
nav #menu td { width: 16.666%; }
.theme { width: 100%; height: 270px; background-image: url('theme_02.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; margin-bottom: 0px; }
.logotype::after { content: "HorseWeb" } @media (max-width: 590px) { .logotype::after { content: "HW"; } }

/* Content */
section { clear: both; /*min-width: 320px; max-width: 988px; */ margin: 0 auto; argin-top: 50px; adding: 5px; }
.content { width: 100%; adding: -5px -15px -15px -15px; padding: 1px 0 5px 0;  background: #fff; order-radius: 3px; order: solid #d7d8db /*#e3e4e8*/ 1px; /* box-shadow: 0 0 3px rgba(0, 0, 0, .25)*/; clear: both; }

/* Forms */
form { font: normal 12px Arial; color: #666; max-width: 336px; margin: 0 auto; background: #fbfbfb; padding: 20px; border: 1px #e4e3e8 solid; border-radius: 5px; }
form a:hover { text-decoration: underline; }
input,select,textarea { -webkit-appearance: none; }
input,select,textarea { height: 30px; font: normal 12px Tahoma,Arial; border: 1px #d4d9dd solid; padding: 4px; background-color: #fff; display: block; margin-bottom: 5px; width: 100%; border-radius: 3px; border: 1px #e4e3e8 solid; position: relative; }
input:-webkit-autofill,select:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px transparent inset; transition: background-color 5000s ease-in-out 0s; background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(0,174,255,0.04) 50%,rgba(255,255,255,0) 51%,rgba(0,174,255,0.03) 100%); }
input[type=submit],.submit { cursor: pointer; height: 30px; color: #fff; padding: 4px; background-color: #5281b9; border-radius: 3px; border: none; -webkit-appearance: none; margin: 0px; display:block;}
input[type=submit].login { float: left; width: 45%; }
input[type=submit].continue { background-color: #5fb053; }
input[type=submit].continue:hover { background-color: #67b45c; }
input[type=submit]:hover,.submit:hover { background-color: #5b87bd; }
/*.submit { margin-bottom:10px; width:100%;font: normal 15px Arial; }
.submit:hover {background-color: #5b87bd;}*/
.pedigree_info { width:100%; border-collapse:collapse; }
.pedigree_info td {border: 1px solid #e7eaed; text-align:center; vertical-align:center; height:20px;}
.pedigree_info i { font-style:normal; background-color:#ff0;}
.pedigree  { border-collapse:collapse;}
.pedigree tr td { border-bottom:1px solid #e0e0e0; padding-top:10px;}
.sire {background-color:#f7f9fc;}
.dam {background-color:#fcf7f7;}
select { background-image: url('/global/select-arrow.png'); background-position: center right; background-repeat: no-repeat; }
select.failed { background-image: url('/global/select-arrow-required.png'); background-repeat: no-repeat; background-position: center right; }
textarea { height: 100px; resize: none; }
form .headline { font: bold 15px Tahoma,Arial; color: #41658a; text-align: center; margin-bottom: 10px; line-height: 15px; }
form .keyline { font: normal 12px Tahoma,Arial; color: #666; }
.required { border-left: 5px solid #e4e3e8; padding-left: 6px; }
.failed { background-color: #faeaea; border-color: #e4b1af; color: #913d39; border-left: 5px solid #e4b1af; padding-left: 6px; border-top-left-radius:2px; border-bottom-left-radius:2px;}
.passed { border-left: 5px solid #5fb053; padding-left: 6px; }
fieldset { margin-bottom: 10px; border:1px solid #e4e3e8; border-radius: 5px; }

.myaccount form a.btn_submit { cursor: pointer; height: 35px; line-height:20px; color: #fff; padding: 8px; background-color: #5281b9; border-radius: 3px; border: none; -webkit-appearance: none; margin: 0px; text-align:center; font: normal 15px Arial; }
.myaccount form a.btn_submit:hover { background: #5b87bd; }

.messages { width: 100%; border-collapse: collapse; font: normal 12px Arial; color: #41658a; }
.messages tr { border-bottom: #e7eaed 1px solid; }
.messages tr:first-child { border-top: #e7eaed 1px solid; }
.messages tr:nth-child(2n-1) { background-color: #f6f8fb; }
.messages td { padding:3px 5px;}
.messages td { font-family: Courier; }
.messages tr:hover  { background-color:#e3f5e3; }
.messages .svg-icon { height: 20px; width: 18px; margin: 0px; }
.myaccount form a.reset { border:0px; margin:0px; padding:0px; display: inline-block; height: auto; background: none; }
.myaccount form a.reset:hover { text-decoration: underline; background: none; }

/* Quick Search (top) */
.qs { min-width: 100%; }
.qs { margin-bottom: 0; border-radius: 0; width: 100%; background: #f4f4f4; padding: 3px; border: 0; }
.qs select { font-size: 12px; font-weight: normal; font-family: var(--condensed-fonts); margin: 0; border-radius: 0; border: 1px #ddd solid; height: 23px; padding: 0 3px 3px 3px; width: 19%; max-width: 20%; }
.qs select.hl { background-image: url('/global/select-arrow-qs.png'); background-position: center right; background-repeat: no-repeat; background-color: #f5f9ff; border: 1px #d1d8e2 solid; color: #41658a; }
.qs table { border: 0px #000 solid; width: 100%; border-collapse: collapse; }
.qs table td { border: 0px #000 solid; width: 20%; }
.qs table td select { width: 100%; max-width: 100%; }
.qs table td.qs_short { width: 10%; }
.qs_advanced { text-align:center; display:block; height:23px; font-family: var(--condensed-fonts); padding-top: 0px; }

/* Results */
.results { width: 100%; border-collapse: collapse; font: normal 12px Arial; color: #41658a; }
.results .li { border-bottom: #e7eaed 1px solid; cursor: pointer; }
.results .li:hover div { }
.results .li:hover a { color:#F87311;}
.results .li a { text-decoration:underline;}
.results .li:first-child { border-top: #e7eaed 1px solid; }
.results .li:nth-child(2n-1) { background-color: #f6f8fb; } 
.results .li>div { padding: 0; font-size: 12px; }
.results .li>div.min { width: 30px; min-width: 30px; }
.results .li>div.max { width: 100%; padding: 0 0 0 4px; }
.results .li>div.image { padding: 0px 1px 0px 1px; }
.results .li>div.color { padding-left: 5px; width: 80px; min-width: 80px; max-width: 80px; }
.results .li>div.brand { width: 120px; min-width: 120px; max-width: 120px; }
.results .li>div.breed { width: 110px; min-width: 110px; max-width: 110px; }
.results .li>div.gender { width: 50px; min-width: 50px; max-width: 50px; }
.results .li>div.age { width: 30px; min-width: 30px; max-width: 20px; }
.results .li>div.year { width: 60px; min-width: 60px; max-width: 80px; }
.results .li>div.city { width: 100px; min-width: 100px; max-width: 120px; overflow: hidden; }
.results .li>div.location { width: 30px; min-width: 30px; max-width: 30px; }
.results .li>div.price { padding-right: 5px; font: bold 16px var(--condensed-fonts); }
.results .li>div.tablet, .results .li>div.desktop { display: none; }
.results .li>div.price>span { color:#F87311; }
.results .li>div.hidden { color:#808080; }
.ss {position:relative;} /*Show status*/
.ss:after { display:none; content:attr(data-status); position:absolute; left:1px; bottom:0px; min-width:35px; padding:2px; line-height:13px;background-color:#bc620a; border-top:1px solid #fff; border-right:1px solid #fff; color:#fff; font-family:oswald;
text-align:center; line-height:15px;
}
.ss_1:after { display:block; background-color:#ffcd30; }/*pending*/
.ss_2:after { display:block; background-color:#d25e0b;}/*sold*/
.ss_3:after { display:block; background-color:#00b200;}/*stud*/
.ss_4:after { display:block; background-color:#009bc8;}/*lease*/
.orange {color:#F87311; font-weight:bold;}
@media (min-width: 666px) { .results .li>div.tablet { display: table-cell; } }
@media (min-width: 768px) { .results .li>div.desktop { display: table-cell; } }
.results .li>div img { __width: 71px; __height: 49px; width: 68px; height: 48px; margin: 0; display: block; }
.results .li>div div { padding: 0; margin: 0; }
.results .li>div .name { display: none; font: bold 12px Arial; overflow: hidden; width: 154px; max-width: 154px; max-height: 13px; }
@media (min-width: 666px) { .results .li>div .name { display: none; font-size: 12px; width: 194px; max-width: 194px; } }
.results .li>div .title {  text-decoration: underline; font: normal 12px Arial; overflow: hidden; width: 154px; max-width: 154px; max-height: 12px; line-height: 12px; }
@media (min-width: 375px) { .results .li div.title { font-weight: normal; font-size: 12px; width: 174px; max-width: 174px; max-height: 12px; } }
@media (min-width: 666px) { .results .li div.title { font-weight: normal; font-size: 12px; width: 100%; max-width: 244px; max-height: 24px; } }
.results .li>div .location { font: normal 10px Arial; }
@media (min-width: 375px) { .results .li div.location { display: none; } }
@media (min-width: 666px) { .results .li div.location { display: none; } }
.results .li>div .description { font: normal 11px Arial; display: block; overflow: hidden; height: 27px; color: #354350; margin-right: 0px; }
@media (min-width: 666px) { .results .li>div .description { display:inline; } }
.results .li>div .mini { font: normal 12px var(--condensed-fonts); }
.results { display: table; list-style: none; margin: 0px; padding: 0px; }
.results .li { display: table-row; }
.results .li>div { display: table-cell; vertical-align: middle; }
.no-image { width: 71px; height: 46px; padding: 0 1px 0 1px; margin: 0; display:block; background-color: #fff; /*#edeef0; border-top: 1px #fff solid; /*dde3ea;*/ color:#92a5bb; }
.no-image { fill:rgba(65,101,138,0.6); width:71px; height:49px;padding:5px;} 
.results .li>div h3.title { margin:0px; padding:0px; display:inline; font-size:inherit;}
.small_info { background: #f4f4f4; padding:3px; margin:0px 0px 0px 0px; font-family: var(--condensed-fonts); overflow:hidden; white-space:nowrap; border-right: 3px solid #f4f4f4;}

.announce { clear:both; font-size:13px; background-color:#f6f8fb; padding:5px; font-family:'Arial Narrow', Oswald, Arial; border-top: #e7eaed 1px solid; border-bottom:#e7eaed 1px solid;}
.announce span,.announce a { color:#cc6600;}
.announce a { text-decoration:underline; }
.announce a:hover { text-decoration:none; }

/* Paginator */
.paginator { display: table; margin: 1px auto 1px auto; border-spacing: 1px; font: normal 13px var(--condensed-fonts); }
.paginator div.page { display: table-cell; vertical-align: middle; text-align: center; border-radius: 2px; width: 30px; height: 30px; background-color: #fbfbfb; border: 1px #d1d8e2 solid; color: #6784a1; cursor:pointer; }
.paginator div.page:hover { background: #f5f9ff; color: #41658a; }
.paginator div.page.current { background: #41658a; color: #fff; border: 1px #41659a solid; font-weight: bold; cursor: default; }
.paginator div.page.current:hover  { background: #41658a; color: #fff; }
.paginator .disabled { opacity: 0.5; cursor: default; }
.paginator a { color:inherit; }

/* Display */
#display,.section { font-size:12px; }
#display { width: 100%; color: #354350; }
#display .photo img { display: block; max-height: 342px; width: 100%; position:relative; }

.b-table { clear: both; display: block; border: 1px solid #e7eaed;  padding: 0; text-align: justify; overflow-x:auto; }
.b-table table { width:100%; margin:0px; padding:0px; border-collapse:collapse;}
.b-table td { border-right: 1px solid #e7eaed; }
.b-table a { white-space:nowrap; display:block; text-align: center; padding: 4px; }
.b-table a:hover { background-color: #f5f9ff; }
.b-table td:last-child { border:0px; }

/* Related links */
.b-table-v { margin-left: 10px; float: right; min-width: 100px; max-width: 285px; width:100%; height:250px; border: 1px solid #e7eaed; border-collapse:collapse;}
.b-table-v h3 { display:block; border:0px;}
.b-table-v div { height:228px; overflow-y:auto; border-top: 1px solid #e7eaed;}
.b-table-v ul { display:table; margin:0px; width:100%; __height: 100%; }
.b-table-v li { display: table-row;  border-bottom: 1px solid #e7eaed; }
.b-table-v a { display:table-cell; height:auto; padding: 6px 4px; vertical-align: middle; }
.b-table-v a:hover { background-color: #f5f9ff; }
/*
.b-table-v { margin-left: 10px; float: left; min-width: 100px; max-width: 285px; width:100%; height:250px; border: 1px solid #e7eaed; border-collapse:collapse;}
.b-table-v h3 { display:block; border:0px;}
.b-table-v div { height:228px; overflow-y:auto;}
.b-table-v ul { display:table; margin:0px; width:100%; height: 100%; }
.b-table-v li { display: table-row; }
.b-table-v a { display:table-cell; height:auto; padding: 4px; vertical-align: middle; }
.b-table-v a:hover { background-color: #f5f9ff; }
*/

#display .description { clear: both; display: block; padding: 4px; border: 1px solid #e7eaed; text-align: justify; }
.show_more { display:inline; }
.show_more a { display:inline; text-decoration:underline; }
.more_disabled { display: none; }
.more_enabled { display: inline; }
.form_phone { color: #41658a;}


.a_horses { width:100%; border-collapse:collapse; }
.a_horses tr:last-child td { border:0px; }
.a_horses tr:nth-child(2n-1) { border-top:1px solid #e4e3e8; }
.a_horses tr.odd { background-color: #f6f8fb; }
.a_horses b { font-size:13px; color:#41658a; font-weight:normal; }
.a_hi { width:56px; }
.myaccount form a.btn_h,.btn_h { display:inline-block; height: 22px; width:70px; line-height:22px; padding:0px 5px; text-align:center; background:none; background-image: linear-gradient(#fff,#edf8fd); }
.myaccount form a.disabled:hover { background-image:linear-gradient(#e4e3e8,#e4e3e8); color:#a0a0a0; }
.myaccount form a.disabled { background-image:linear-gradient(#e4e3e8,#e4e3e8); color:#a0a0a0; }
.myaccount form a.link { display:inline; color:#41658a; text-decoration:underline; background:none; border:0px; }

@media (min-width: 666px) { #display .photos { display:block; min-width:320px; max-width:520px; width:calc(50% - 5px); float:right; clear:right; margin-left:5px;} }
@media (min-width: 666px) { #display .photos { display:block; width: 459px; } }

#display .thumb { margin-left:1px; margin-top:0px; display:block; float:left; position:relative; width:60px; height:50px; overflow:hidden; }
#display .thumb_video:after { display:block; content:""; position:absolute; top:0px; left:0px; width:60px; height:50px; background:url('/global/play-circle.svg') 50% 50% no-repeat; fill:#ffffff; background-size:40px; color:#ffffff; line-height:50px; text-align:center; font-size:24px; background-color:rgba(0,0,0,0.5); font-weight:900; }
.details { width: 100%; display: table; border-top: 1px solid #ddd; vertical-align: top; border-collapse:collapse; height: auto; }
@media (min-width: 666px) { .details { height:351px; } }
.icons {  margin-top:0px;}
.icons table  {  border: 0px solid #e7eaed; border:0px;border-collapse:collapse; width: 100%; margin-top:1px;}
.icons td { border:0px; text-align:center; width:13.3%; vertical-align:middle; padding-right:1px;} 
.icons td.lc { padding-right:0px;}
.icons table { border-collapse: collapse; padding:0; margin:0;}
.icons table td { padding-left: 0; }
.icons a { border: 1px solid #e7eaed; color:#41658a; font-size: 16px; display:block; width:100%; height:44px; __line-height:31px; opacity:0.6;}
.icons a small { display:block; font-size:9px; margin-top:-2px;}
.icons a:hover { color:#41658a; background-color: #f5f9ff; border: 1px #d1d8e2 solid; opacity:1;}
.badge { position:relative; }
.badge:after { position:absolute; display:block; content:attr(data-likes); height:10px; font-size:10px;line-height:10px; color:#ffffff; top:4px; left: calc(50% + 4px); background-color:#41658a; border:1px solid #fff; border-radius:5px; padding:2px 4px;}

.myaccount form svg.mail_icon { 
display: inline-block;
width: 16px;
margin: 0px;
margin-right: 3px;
bottom: 3px;
position: relative;}

.part_properties { display: flex; justify-content: center; flex-direction: column-reverse;}
@media (min-width: 666px) { .part_properties { float:left; width: calc(100% - 464px); display:block; } }
.prop-row { width: 100%; display: table-row; }
.prop-title,.prop-value { padding: 4px; vertical-align: middle; }
.prop-title { width: 35%; display: table-cell; border: 1px solid #e7eaed; }
.prop-value { width: 65%; display: table-cell; border: 1px solid #e7eaed; overflow:hidden; _white-space:nowrap;}
.prop-value a { color:inherit; cursor:default; text-decoration:none;}
.prop-title-big, .prop-value-big { width:100%; display: block; border: 1px solid #e7eaed; border-top: 0px; padding: 1%; }
.prop-row:nth-child(2n-1) { background-color: #f6f8fb; }
.popup_iframe { text-decoration:underline;}
.popup_iframe:hover {color: #F87311;}

.user_images { display:none; position: absolute; top:4px; left:4px; z-index:800; background-color:#ffffff;}
.user_images:hover { overflow:initial; }
.user_images a { display: block; font-size:18px; padding:3px;}
.user_images a:hover { background-color:#e0e0e0;}
.user_images svg { display: inline-block; height:18px; width:18px; fill:#41658a;}
.user_images div { display: inline-block;}


.admin_images { position: absolute; bottom:4px; right:4px; z-index:800; background-color:#ffffff; height:20px; overflow:hidden; padding-top:20px;}
.admin_images:before{ content:'...'; display:inline-block; position:absolute; bottom:4px; right:7px;  text-align:right; font-size:18px; }
.admin_images_hover { overflow:initial; height:290px;}
.admin_images a { display: block; font-size:18px; padding:3px;}
.admin_images a:hover { background-color:#e0e0e0;}
.admin_images svg { display: inline-block; height:18px; width:18px; fill:#41658a;}
.admin_images div { display: inline-block;}
._set_first { position: absolute; top: 1px; right: 1px; z-index:800; background-color:#ffffff; }
._rotate { position: absolute; top: 17px; right: 1px; z-index:800; text-align:right; }
._rotate a {  background-color:#ffffff; }
.set_success { color: #e4b1af;  }

.manager_images { position: absolute; bottom:4px; right:4px; z-index:800; background-color:#ffffff; height:20px; overflow:hidden; padding-top:20px;}
.manager_images:before{ content:'...'; display:inline-block; position:absolute; bottom:4px; right:4px;  text-align:right; font-size:18px; }
.manager_images_hover { overflow:initial; height:90px;}
.manager_images a { display: block; font-size:18px; padding:3px;}
.manager_images a:hover { background-color:#e0e0e0;}
.manager_images svg { display: inline-block; height:18px; width:18px; fill:#41658a;}
.manager_images div { display: inline-block;}


td.desktop,.desktop { display:none; }
.mobile { display: block; }
span.mobile { display: inline; }
td.mobile { display: table-cell; }
.center { text-align:center; padding:5px; }
h1 {width: 100%; overflow:hidden; position: relative; }
h1.deleted {color:#F87311;}
.t { position:relative; }
.next_link {position:absolute; top:6px; right:0px; font-size:14px; _fill:#F87311; color:#F87311; font-family: var(--condensed-fonts); }
.results_text {position:absolute; top:6px; right:0px; font-size:12px; color:#777; font-family: var(--condensed-fonts); }

.scroll { white-space:pre-wrap;}
.next_link svg {position: relative; padding-top: 5px; display: inline-block;}
.fb-like {margin-top:5px;}
.fb_btns {position:absolute; right: 0px; top:0px;margin-top:0px; }
@media (min-width: 666px) {
    .desktop { display:block; }
    span.desktop { display:inline; }
    td.desktop { display:table-cell; }
    td.mobile,span.mobile,.mobile { display:none; }
    .fb_btns {top:-10px; margin-top:0px;}
}



.pt-15 {padding-top:3px;}
.rel { position:relative;}

/* Gallery */
.gallery_shevron { position:absolute; height:20%; width:20%; font-size:20px; top:45%; left:5px; fill: rgba(255,255,255,0.75);  padding:0px 0px; background-color:rgba(0,0,0,0.3); border-radius:5px;}
.ar { right:5px; left:auto;}
.thumbnails { width:100%; height:51px; margin:auto; position:relative; padding:0px; cursor:pointer; border-collapse:collapse; margin-top:0px;}
.thumbnails td {padding:0px;}
.thumbnails img { height:50px; margin-left:-5px;}
.gallery { position:relative; height:52px;}
.thumbnails .border{ display:block; content:''; position:absolute; top:1px; width:60px; height:50px;  border: 1px solid yellow; margin:0px; padding:0px; z-index:100; margin-left:1px;}
.gallery-buttons {width:50%; z-index:10; padding:0px;}
.gallery-buttons a { display:block; width:100%; height:50px;background-color:#f6f8fb; height:50px;line-height:50px;text-align:center; color:rgba(65,101,138,0.6); border:1px solid #e7eaed; font-size:20px; z-index:5; position:relative;}
.gallery-buttons a:hover { color:rgba(65,101,138,1); background-color:#f5f9ff;}
.gallery>div {height:51px; position:absolute; left:0px;top:1px;z-index:1;}
.tlist {overflow:hidden; border-left:1px solid #fff; border-right:1px solid #fff;}

.svg-icon { height: 18px; width:19px; fill:#41658a; margin-top:8px;}
a:hover .svg-icon { fill:#41658a; }
.icon-caret { height: 20px; width:12px; fill:rgba(65,101,138,0.6); margin-top:10px;}
a:hover .icon-caret { fill:rgba(65,101,138,1); }


.photo {display:block; __min-width: 320px;max-width: 520px; width: 100%; max-height:350px; margin:auto; position:relative; border:1px solid #e7eaed;box-sizing: border-box; padding:1px;}

.wide-show { display:none; }
@media (min-width: 2561px) { .wide-show { display: block; } }

/* Dialogue */
#popup_iframe>div { border-radius: 5px; position: relative; z-index: 1000; width: 1000px; height: 700px; margin-top: 78px; margin-left: auto; margin-right: auto; background-color: #ffffff; padding: 1px; border: 1px solid #666; }
#popup_iframe { position:fixed; top:0px; left:0px; z-index:9000; content:''; background-color:rgba(0,0,0,0.5); width:100%; height:100%; }
#popup_iframe>div>a { position:absolute; top:10px; right:10px; background-color:#666; border-radius:2px; width:40px; height:40px; text-align:center; color:#ffffff; font-size:28px; }
#popup_iframe>div>a>svg { fill: #ffffff; width:28px; height:28px; margin-top:5px; }
#popup_iframe iframe { width:100%; height:100%; border:0px; }

/* Sitemap*/
ul.sitemap {margin:0px; padding:0px; margin-top:1px;}
ul.sitemap li { display:block; float:left;  width:calc(25% - 1px); margin:0px; margin-right:1px; margin-bottom:1px; height:50px; padding:5px; border:1px solid #e7eaed; font-size:12px; text-align:center; min-width:130px; color:#41658a; cursor:pointer; overflow:hidden; background-color:#f5f8fb;}
ul.sitemap li:hover {background-color:#fffbeb;}
ul:after { display:block; content:''; clear:both;}
ul.sitemap li:nth-child(4n) { margin-right:0px;}

/* Related */
form#messages { float: none; width:100%; }
@media (min-width: 666px) { form#messages { float: left; } .related { margin-top: 0; } }
h3 { color:#41658a; }

/* Cross-linking Panels */
.crosslinks { margin-top: 4px; }
.crosslinks .dl { margin: 0; padding: 0; }
.crosslinks .dt { color: #41658a; display: block; margin: 0; padding: 5px 5px; width: 90px; text-align: center; border: 1px solid #e7eaed; float: left; position: relative; z-index: 10; cursor: pointer; border-radius: 5px 5px 0 0; margin-right: 5px; font: normal 15px 'Oswald','Arial Narrow', Arial; }
.crosslinks .dt h2 { font-size: 15px; font-weight: normal; margin: 0; }
.crosslinks .dt:hover { background-color: #f5f9ff; }
.crosslinks .tabs .dt:last-child { margin-right: 0px; }
.crosslinks .dt.tab-current { background-color: #fbfbfb; border-bottom:1px solid #fbfbfb; cursor: default; font-weight:bold;}
.crosslinks .dt.tab-current h2 { font-weight: bold; }
.crosslinks h2 { padding: 0 0 0 0px; margin: 0 0 3px 3px; font-size: 12px; color: #41658a; font-family:Arial; font-weight:bold;}
.crosslinks .dd:first-of-type:before { display: block; clear: both; content:''; }
.crosslinks .dd { display:none; margin: 0px; padding: 10px; top: -1px; z-index: 1; position: relative; width: 100%; background-color: #fbfbfb; border: 1px solid #e7eaed; height: 240px; overflow-y: auto; border-radius: 0 5px 5px 5px; }
@media (max-width: 568px) { .crosslinks .dd { border-radius: 0px 0px 5px 5px; } } /* iPhone 5: last tab's right border connects straight to the panel's right border -- no need for panel's top-right round corner */
@media (max-width: 568px) { .crosslinks .dt { font-family:Oswald; width:68px; } }
.crosslinks .dd.tab-info-current { display: block; }
.crosslinks .dd.tab-info-small { height: 140px; }
.crosslinks .dd a { color: #6784a1; font-family: "Arial Narrow", Arial; display: inline-block; overflow: hidden; white-space: nowrap; width: 90px; vertical-align: top; width: 33.33%; max-width: 100%; font-size: 11px; padding: 2px; border: 1px #fbfbfb solid; }
.crosslinks .dd span { color: #909090; font-family: "Arial Narrow", Arial; display: inline-block; overflow: hidden; white-space: nowrap; width: 90px; vertical-align: top; width: 33.33%; max-width: 100%; font-size: 11px; padding: 2px; border: 1px #fbfbfb solid; }
@media (min-width: 666px) { .crosslinks  .dd a { font-family: Arial; width: 16.666% } } /* six columns in higher resolutions */
@media (min-width: 666px) { .crosslinks  .dd span { font-family: Arial; width: 16.666% } } /* six columns in higher resolutions */
.crosslinks .dd a:hover { background-color: #f5f9ff; border: 1px #d1d8e2 solid; color: #41658a; border-radius: 3px; }

.list { margin-top:10px;}
.list .dd a { color: #6784a1; font-family: "Arial Narrow", Arial; display: inline-block; overflow: hidden; white-space: nowrap; width: 90px; vertical-align: top; width: 32%; max-width: 100%; font-size: 11px; padding: 2px; border: 1px #fbfbfb solid; }
@media (min-width: 666px) { .list .dd a { font-family: Arial; width: 16.3% } } /* six columns in higher resolutions */
.list .dd a:hover { background-color: #f5f9ff; border: 1px #d1d8e2 solid; color: #41658a; border-radius: 3px; }


/* Footer */
footer { font: normal 11px Arial; color: #95a3b0; /*#b5bfcc;*/ border-top: 5px #eaedef solid; margin-top: 10px; }
footer b { font: normal 13px 'Oswald',Arial; line-height: 11px; }
footer a { font: normal 11px Arial; color: #95a3b0; /*#b5bfcc; #95a3b0*/; text-decoration: none; }
footer a:hover { text-decoration: underline; }
footer table { margin: 5px 0 10px 0; width: 100%; }
footer table td { width: 30%; padding: 0 10px 0 10px; border-right: 1px #eaedef solid; vertical-align: top; }
footer table td:first-child { width: 20%; padding: 0; }
footer table td:last-child { width: 50%; padding-right: 0; border: none; }


/* My Account */
.myaccount .tabs { max-width: 336px; margin: 0 auto; clear: both; position: relative; z-index: 998; display: flex; -webkit-flex-direction: row; flex-direction: row; }
.myaccount .tabs a { width: 112px; width: 33.333333%; height: 35px; display: block; padding-top: 10px; font: normal 12px Arial; color: #41658a; text-align: center; background: #fff; border: #e4e3e8 solid 1px; border-left: 0px solid #e4e3e8; border-right: 1px solid #e4e3e8; }
.myaccount .tabs a:first-child { border-top-left-radius: 5px; border-left: 1px solid #e4e3e8; }
.myaccount .tabs a:hover { background-image: linear-gradient(#ffffff,#edf8fd); }
.myaccount .tabs a:last-of-type { border-top-right-radius: 5px; background: #fbfbfb; border-bottom: 1px solid #fbfbfb; color: #333; }
.myaccount form { border-top-left-radius: 0px; border-top-right-radius: 0px; position: relative; top: -1px; z-index: 997; }
.myaccount form a { display: block; height: 40px; border: solid 1px #e4e3e8; background: #fff; margin-bottom: 3px; font: normal 13px Arial; border-radius: 3px; }
.myaccount form a:hover { text-decoration: none; background-image: linear-gradient(#fff,#edf8fd); }
.myaccount form a:last-child { margin-bottom: 0; }
.myaccount form a div { padding-left: 10px; margin-right: 10px; height: 38px; padding-top: 12px; color: #333; border-left: 1px dotted #e4e3e8; }
.myaccount form a div:last-child { padding-left: 10px; width: 35px; text-align: center; }
.myaccount form i { font-size: 20px; text-align: center; width: 28px; height: 23px; display: block; float: left; margin-left: 10px; margin-top: 10px; margin-right: 10px; }
.myaccount form svg { font-size: 20px; text-align: center; width: 28px; height: 23px; display: block; float: left; margin-left: 10px; margin-top: 10px; margin-right: 10px; }
/* Dialogue Window */
#popup { display: block; position: relative; margin: 80px auto 0 auto; width: 336px; background: #fbfbfb;  border: 1px #e4e3e8 solid; border-radius: 5px; z-index: 1000; padding: 20px; }
#popup a { display: block; cursor: pointer; width:100%; height: 30px; color: #fff; padding: 8px; background-color: #5281b9; border-radius: 3px; border: none; -webkit-appearance: none; margin: 0px; margin-top:20px; margin-left:auto;margin-right:auto; text-align:center;}
#popup a.ltext { display:inline; text-decoration:underline; background:none; color:#5281b9; padding:0px;}
.btns_tb { width:100%;}
.btns td { min-width:50%; width:50%;}
.bg_popup { position: fixed; display: block; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 10000; background-color:rgba(0,0,0,0.5); }
.btn { display:inline-block; height: 30px; line-height:30px; padding:0px 5px; }
/* Photos Upload */
.files_control {margin-bottom:8px;}
.row_photos { display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; }
.u_box { margin-bottom:2px; width:58px; height:50px; position:relative; overflow:hidden; cursor:pointer; }
.u_box img {  height:50px; width: 66px; position:absolute; left: 0px; top:0px; max-width: 60px; }
.myaccount form a.u_photo_r { display:block; position:absolute; width:25px; right: 0px; bottom:0px; height:25px ; background:none; border-width:0px; }
.myaccount form a.u_photo_r:before { display:block; content:'-'; color:#ffffff; background-color:rgba(0,0,0,0.5); position:absolute; left:0px; top:0px; width:100%; height:100%; text-align:center; font-size:24px; line-height:80%; cursor:pointer; }
@-webkit-keyframes rotating { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } }
.u_photo_a { width: 58px; height:50px; display:block; position:relative; margin-right:2px; cursor:pointer;}
.u_photo_a input[type=file] { display:none; width:100%; height:100%; opacity:0; z-index:100; cursor:pointer; }
.u_photo_a:before { display: block; content:''; z-index:0; border:1px #e4e3e8 solid; position:absolute; width: calc(100% - 2px); height:calc(100% - 2px); font-size:42px; font-weight:bold; color:#c4c3c5; text-align:center; line-height:110%; cursor:pointer; }
.u_photo_a:after { display:block; content:'+';position: absolute; width: 25px; right: 0px; bottom: 0px; height: 25px; color: #ffffff;
    background-color: rgba(0,0,0,0.5); text-align: center;font-size: 24px; line-height: 100%; z-index:1000;}
.myaccount form .u_photo_a svg { display: block; z-index:1; position:absolute; top:0px; left:1px; width: calc(100% - 10px); height:calc(100% - 10px); font-size:24px; font-weight:bold; fill:#c4c3c5; text-align:center; line-height:110%; cursor:pointer; margin-top:5px; margin-left:5px;}
/*.u_photo_a:after { display: block; font-family: "Font Awesome 5 Free"; content:'\f382'; z-index:1; position:absolute; top:12px; left:1px; width: calc(100% - 2px); height:calc(100% - 2px); font-size:24px; font-weight:bold; color:#c4c3c5; text-align:center; line-height:110%; cursor:pointer; }*/
.rotate:after { content:''; }
.upload_process { padding-top: 2px; padding-left: 1px; float: none; }

.myaccount form a.inline { display:inline-block; border:0px; height:auto; text-decoration:underline; background:none;}
.myaccount form a.email_button_left { width:143px; background-color:#f0f0f0; float:left; display:block; padding:5px; height:28px; text-align:center;}
.myaccount form a.email_button_right { width:143px; background-color:#f0f0f0; float:right; display:block; padding:5px; height:28px; text-align:center;}

#get_pedigree {width:30%;}
.about_city { margin-top:10px; font-size:11px;}

.wrap {white-space:normal;}
.underline { text-decoration:underline; }
.underline:hover { text-decoration:none;}

input.checkbox {
    -webkit-appearance: checkbox;
    width: 14px;
    display: inline-block;
    height: 14px;
}

.breadcrumb { display: block; text-align:center; color: #bbb; }
.breadcrumb * {  color: #bbb; }
.breadcrumb li { display: inline-block; }
.breadcrumb li:after { display: inline-block; content:'\00a0\00BB\00a0'; }
.breadcrumb li:last-child:after { content:''; }

.xdebug-error { overflow-x: hidden; }

/* new main page */
.theme {
    width: 100%;
    height: 270px;
    background-image: url('hw_theme.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 0px;
}

.w50 { min-width: 50%; }
.w25 { width: 25%; }
.w12 { width: 12%; }
.pl4 { padding-left: 4px !important; }
.has {padding:0px; border:0px; background: transparent;}
.has input, .has select, .has textarea { height: 26px; background-color: rgba(255,255,255,0.9);}
.has input[type=submit] { height: 26px; background-color: rgba(82,129,185,1);}
.has input[type=submit]:hover { height: 26px; background-color: #5b87bd;}

@media (max-width: 666px) {
    .w50 { min-width: 70%; max-width: 100%; }
    /*.image { width: }*/
}
#exclude { display: inline-block; vertical-align: middle; height:14px; }
.checkbox_label { display: inline-block; }

#daily { font-weight: bold; font-size:12px; color:#316173;
    position: absolute; top: 14px; right: 10px;}