html, body { margin: 0px; width: 100%; height: 100%; display: block; font-size: 100%; font-style: normal; font-family: Arial, Helvetica, sans-serif;; color: #444; background: #FFF; }
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,a,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
list-style:none;
}
body {line-height: 1.5em;height: 100%;background: #FFFCF7 url(../img/background.png);font-size: 0.82em;}
/* Basic declarations */
header, section, article, aside, footer, figure, nav, hgroup, video, div, canvas { display: block; }
p { margin: 0.5em 0; }
a { text-decoration: none; color: #C57200; }
a:hover { text-decoration: underline; }
a img { border: 0px; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #6C3108; text-align: left; font-size: 1.8em; line-height: 1.2em; }
h1 { color: #000; padding-bottom:4px; }
h2 { font-size: 1.5em; padding: 5px 0; }
h3{ font-size: 1.3em; line-height: 1em; margin: 5px 0; }
h4 { font-size: 1em; line-height: 1.5em; }
h4 em { font-size: 0.82em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }
ul { margin-left: 3em; list-style: square; }
ol { margin-left: 3em; list-style: decimal;}
ol li {list-style: decimal;}
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
input, select, textarea { border: 1px solid #CCC; padding: 3px 5px; font-size: 12px; color: #444; font-family: Arial, Helvetica, sans-serif; }
input[type=radio],input[type=checkbox],input[type=slider] { border: 0; padding: 0; }
input[type=button],input[type=reset],input[type=submit],.button { background: #6C3108; color: #FFF; cursor: pointer; text-decoration: none; margin-right: 10px; border: 1px solid #6C3108; padding: 5px 18px; display: inline-block; }
.clear, .spacer { clear: both; height: 0px; margin: 0px; padding: 0px; }
.pad { padding: 10px; padding-right: 0px;}
.divider { }
table { border-collapse: collapse; width: 100%; }
.hide { display: none;}
.box { padding: 15px 8px; }
h2 a { color: #000; }
.minh { min-height: 600px; padding: 20px 10px; }
.darkbg { color: #FFF; }
.darkbg a { color: #EEE; }
.darkbg h1,.darkbg h2,.darkbg h3,.darkbg h4,.darkbg h5,.darkbg h6 { color: #FFF; }
.darky { background: #AB8460; padding: 15px; }
.schedule.darkbg.darky > p {color: #ffedbb;text-align: justify;}
.darkn {background: #BE8C00; padding: 15px; }
.darkx { background: #B4AE08; padding: 5px 10px; }
.darkz { background: #CE0E09; padding: 5px 10px; }
.schedule div { padding: 1px; font-size: 0.87em; }
.schedule h4 { margin: 5px 0; color: #220500; }
.breadcrumb { padding: 1.2em 0;}
/* layout*/
#layout { background: transparent; position: absolute; height: 100%; top: 0; left: 0; width: 100%; min-width: 100%;}
#wrapper { min-height:100%; height: auto !important;height: 100%; min-width: 970px; width: 100%; position: relative; }
.table { width: 100%; display: table; vertical-align: top; height:100%; }
.tablerow {width: 100%; display: table-row; vertical-align: top; height: 100%; }
#header { width: 100%; position: relative; }
#header .container { background: url(../img/headerbg.png) no-repeat center right; }
.headtop { text-align: right; height: 30px; padding-top: 10px; padding-bottom: 10px;font-family: cursive; font-size: 18px; color: #333; }
.headtop input[type=text]{ border:0px; border-bottom: 2px dotted #000; width: 200px;}
.headtop input[type=text]:focus, .headtop input[type=text]:active, .headtop input[type=text]:hover { border-bottom: 2px dotted #000; }
#nav { position: relative; background: rgba(228,214,192, 0.6); padding: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #ded0ba; }
.no-rgba #nav { background-color: #EDE0CB; }
#content { padding: 10px; padding-top: 25px; float: left; width: 700px; text-align: justify; }
#footer { clear: both; overflow: hidden;background: #6E2D00; line-height: 1.7em; font-size: 0.92em; color: #EEE; }
#footer .container {padding: 0;padding-top: 15px;}
#footer .address, #footer .copyright { display: inline-block; width: 48%; }
.footabout { width: 200px; display: none; padding: 8px 15px; float: left; text-align: left; }
.foottop { display: block; height: 100%; min-height: 100%; margin-bottom: -100px; ; }
.container { width: 970px; position: relative; margin: 0 auto; }
/*header */
.logo { padding: 10px 0; }
.logo h1 { display: none;color:#ceab8b; }
.logo img { padding-left: 5px; }
.no_slidebg { width: 100%; height: 80px; background: #AA112D; }
.pagemargin { padding: 15px; }
.searchbox { display:none; top: 40px; position: absolute; right: 10px; }
.searchbox input[type=text] { width: 15em; padding: 9px; padding-right: 30px; background: #FFF; border: 0; color: #000; }
.searchbox ul { padding: 0px; margin: 0; list-style: none; }
.searchbox ul li {float: left; width: auto; border-right: 1px solid #AAA; }
.searchbox ul li:last-child { border: 0px; }
.searchbox ul li a { display: block; padding: 0px 15px; color: #AAA; }
.searchbox ul li a:hover { color: #EEE;}
.row:after { content:""; display:table; clear:both; }
/*navigation*/
.navigate { display: none; }
#nav .container { background: #220500; padding: 5px; }
#nav ul { padding: 0px 0px; margin: 0px; list-style: none; font: normal 12px/25px Arial; font-weight: normal; }
#nav ul li { float:left; text-align: center; position: relative;transition: all 0.5s; /*border-right: 1px solid #c5c5c5;*/ }
/*#nav ul li:hover, #nav ul li a:hover, #nav ul li:hover a { background-color: #673301; text-decoration: none; -webkit-transition: background-color 0.5s;-moz-transition: background-color 0.5s;-o-transition: background-color 0.5s;-ms-transition: background-color 0.5s;transition: background-color 0.5s; color: #FFF; }*/
#nav ul li a, #nav ul li span { color: #FFF; display: block; padding: 7px 38px;transition: all 0.5s; }
#nav ul li:hover > ul, #nav ul li a:hover > ul { display: block; width: 280px; -webkit-transition: 2s linear;-moz-transition: 0.5s linear;-o-transition: 0.5s linear;-ms-transition: 0.5s linear;transition: 2s linear; }
#nav ul li > ul { display: none; padding: 0; margin: 0px; text-align: left; list-style: none; display: none; line-height: 20px; z-index: 2000; background: #220500; position:absolute; height:auto; border:0px; border-top: 5px solid #220500; }
#nav ul li > ul > li { margin: 0px; padding: 0px; float: none; border: 0px; position: relative; width: 100%;text-align: left; }
#nav ul li:hover > ul > li a { padding: 5px 15px; display: block; color: #FFF; background: #220500; }
#nav ul li > ul > li a:hover, #nav ul li > ul > li:hover { background: #6E2D00; filter: none; color: #FFF; }
#nav ul li:last-child ul { right: 0px;}
#nav ul li.currentitem, #nav ul li.currentbranch { text-decoration: none; background-color: #6E2D00; color: #FFF; }
#nav ul li.currentitem a, #nav ul li.currentitem span, #nav ul li.currentbranch a, #nav ul li.currentbranch span { color: #FFF;}
#nav ul li.currentbranch ul li.currentitem { background: none; }
.topmenu {float: right; padding: 0 10px; }
.topmenu ul { margin: 0; padding: 0; list-style: none; }
.topmenu li { float: left; padding: 0px 10px; margin: 5px; border-right: 1px solid #EEE; }
.topmenu li a { color: #C57200; }
.topmenu li:last-child { border: 0px; }
/* sidemenu */
.submenu ul { margin: 0px; padding: 10px; background: #AB8460; list-style: none; }
.submenu ul li a { display: block; color: #E4D6C0; padding: 6px 10px; }
.submenu ul li a:before { content: " \00BB\ \ \ "; }
/* .sidemenu ul li ul { display: none; background: #FFF; } */
.submenu ul li ul li a { background: #6E2D00; padding-left: 25px; color: #555; }
/* .sidemenu ul li:hover ul { display: block; } */
.submenu ul li a:hover {background: #6E2D00; text-decoration: none; color: #FFF; }
/* footer */
.copyright { clear: both; padding: 20px 0; color: #999; }
.copyright a img { margin: 0 0 -2px 0; }
.sociolinks { float: left; margin-right: 0px; width: 340px; padding: 5px 0px; }
.sociolinks img.backicon {float: left; margin: 0 20px 0 0; }
footer .addr { font-style: normal; float: left; padding:0 15px 0 0; }
.addr h2 { margin: 0; padding: 0; font-size: 2em; color: #DDD; }
.addr img { margin: 5px; }
.icons img { width: 48px; height: 48px; margin: 0 3px }
.footabout img { display: block; margin: auto; }
.footnav { margin: 0px; padding: 0px; padding: 0; padding: 0 5%; width: 90%; float: left; }
#footer h3 { margin: 0 0 10px; font-size: 1.2em;color:#d98614;}
.icons ul {margin:0;padding: 5px 0 0;}
.icons ul li a.face-book,.icons ul li a.social_email {background: url("../img/face_icon.png")no-repeat 0 0;display: block;height: 30px;width: 100%;line-height: 28px;padding: 0 0 0 40px;color:#ccc;}
.icons ul li a.social_email {background: url("../img/mail_icon.png")no-repeat 0 0;}
.footnav ul { margin: 0px; padding: 0px; list-style: none; }
.footnav ul li { float: left; width: 31%; padding: 0 1%; }
.footnav ul li>a { padding: 0px; margin: 0px; font-family: arial; color: #AB8460;display: block; }
.footnav ul li span { font-size: 1.5em; padding-top: 10px; font-family: 'Merienda', cursive; display: block; line-height: 2em; color: #AB8460; }
.footnav ul li>ul {margin: 0px; padding: 0px; list-style: none; }
.footnav ul li> ul li { float: none; display: block; width: 98%; }
.copyright ul { display: block; list-style: none; margin: 0px 0; padding: 5px 0 0 0; float: right; line-height: 0.82em; }
.copyright ul li { border-left: 1px solid #999; display: inline-block; padding: 0 10px; }
.copyright ul li.first { border-left: none; }
.copyright ul li a { color: #999; }
#footer h2 {margin: 0 0 15px;padding: 0;font-size: 2em;color: #DDD;/*background: url("../img/border_icon.jpg") repeat-x 0 bottom;*/}
#footer .contactinfo {display: inline-block;width: 100%;}
#footer .contactinfo .footer_box {float:left;width:37%;margin:0 20px 0 0;height: 150px;background: url("../img/border_icon1.jpg") repeat-y right 0;}
#footer .contactinfo .icons, #footer .contactinfo .footnavi {width: 25%;}
#footer .contactinfo .footnavi {background: none;}
/* Home */
#slides { padding: 8px 0 15px; }
.sliderContent { color: #CCC; width: 100%; height: 290px; position: relative; overflow: hidden; }
.sliderContent div.base { background: #FFFCF7 url(../img/background.png); display: none; position: absolute; opacity: 0; width: 100%; left: 0%; height: 290px; }
.sliderContent div.base img { position: absolute; z-index:0; left: 0; top:0; border: 0; height: 90%; background: #E4D6C0; width: 60%; max-width: 600px; margin: 0; padding: 1.5%; }
.sliderContent div.activeSlide { opacity: 1; left: 0; }
.sliderContent div.base div.caption { position: absolute; z-index:0; z-index: 1; width: 30%; top: 10%; right: 1%; font-size: 1em; padding: 2%; color: #333; margin-left: 1%; }
.sliderContent div.base div.caption a.link { display: inline-block; background: #EEC402; border: 1px solid #EE9E02; color: #000; padding: 7px 20px;margin-top: 20px; }
.sliderContent div.base div.caption h2 { font-size: 1.8em; line-height: 1.3em; margin: 0 0 10px 0; padding: 0; font-weight:bold; color: #220500;}
.sliderContent div.base div.caption h2 a{ color: #EEE; }
.taoNav { text-align: right; margin: -25px 15px 0px 5px; z-index: 5; position: relative; }
.taoNav a { display: inline-block; margin: 2px 5px; padding: 3px 4px; background: #CCC; line-height: 0.7em; color: #CCC; -ms-border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; cursor: pointer; }
.taoNav a.active { background: #220500; color: #220500; }
.taoNav a:hover { text-decoration: none; }
.photolist img { width: 100px; height: 100px; float: left; margin: 5px auto; padding: 5px; background: #FFF; }
.photolist strong { text-align: left; display: block; padding-bottom: 8px; }
.hometabs div.box { float: left; height: 200px; overflow: hidden; width: 44.5%; padding: 2%; margin-left: 1%; }
.leftpart {width: 680px;float: left;padding-right: 8px;line-height: 1.8em;text-align: justify;}
.rightpart {width: 270px;float: right;padding-left: 9px;}
.more { position: absolute; bottom: 0; right: 10px; }
.more a { color: #925F00; }
.qutoeblock {padding: 15px 0; background: #E4D6C0; margin-top: 30px; }
#quotes { min-height: 100px; height: 100px; margin: 0; }
.quotecontent { color: #6E2D00; width: 100%; height: 100%; position: relative; overflow: hidden; }
.quotecontent div.base { background: #E4D6C0; position: absolute; opacity: 0; width: 100%; left: 0%; height: 100%; }
.quotecontent div.activeSlide { opacity: 1; }
#quotes .taoNav { display: none; }
#quotes .quote span { font-size: 3em; display: inline-block; line-height: 1em; color: #C57200; font-weight: bold; }
#quotes .quote span:last-child { display: block; text-align: right; }
#quotes .quote p { padding: 10px; line-height: 1.4em; font-size: 1.2em; font-family: 'Merienda', cursive;; }
#quotes div.author { line-height: 1.2em; font-size: 1em; text-align: right; }
/* news */
.annoc div { width: 100%; margin: 8px 0; }
.news div.article { border-bottom: 1px dashed #EEC402; padding: 8px 5px; }
.news div.article h2 { font-size: 1.2em; }
.splitleft, .splitright { width: 47%; padding: 0 1%; display: inline-block; vertical-align: top; }
.splitright { text-align: right; }
.splitright a { color: #925F00; }
.newsitem { margin:15px 0 0 0; }
.newsitem span, .newsitem p { display: inline-block; vertical-align: top; margin: 0; padding: 0; }
.newslist a { background: url(../img/arrow_right.png) no-repeat 0px 0px; padding:5px 0px 5px 40px; display: block; }
.event div { padding: 0 5px; border-bottom: 1px dashed #AB8460; }
.event div:last-child { border: 0px;}
.event a { background: none; padding: 0 5px; }
.newslist.event div { border: 0; }
.newslist.event div a { background: url(../img/event.png) no-repeat 0px 8px; padding:5px 0px 5px 40px; border: 0px; }
.sermon div a { background: url(../img/audio.png) no-repeat 0px 5px; padding:5px 0px 5px 40px; min-height: 30px; }
.files div a { background: url(../img/default_document.png) no-repeat 0px 5px; }
/*calendar */
#calendar { border-collapse: collapse; width: 100%; background: transparent; color: #333;}
#calendar th,#calendar td {font-family: 'Merienda', cursive; border: 1px solid #E0E0C0; width: 14%; height: 70px; min-height: 50px; }
#calendar th { text-align: center; vertical-align: middle; font-size: 18px; height: 40px; color: #9B7313; line-height: 20px; font-family: 'Merienda', cursive; }
#calendar td.caption { border: 0pc; vertical-align: middle; text-align: center; color: #9B7313; font-size: 1.3em; line-height: 20px; font-family: 'Merienda', cursive; }
#calendar td.today { background: #EDE0CB; }
#calendar ul { margin: 0px; padding: 0px; list-style: none; font-family: arial; display: block; }
#calendar ul li { padding: 2px; line-height: 14px; color: #FFF; border-bottom: 1px solid #FFF; background: #B4AE08; font-size: 11px; }
#calendar ul li a {color: #FFF; }
/* gallery */
#imageoverlay { position: fixed; top: 0; left: 0; z-index:111; background: transparent; width: 100%; height: 100%; }
.overlay { position: absolute; z-index: 3; width: 100%; height: 100%; bottom: 0px; background: rgba(9,9,9,0.9); background-image: url(/image/cache/overlay-pattern.png);}
.taoGalleryBox { width: 100%; padding: 0%; z-index:1121; height: 100%;/* background: rgba(9,9,9,0.9); background-image: url(/image/cache/overlay-pattern.png);*/ }
.no-rgba #gcontent {background: #333; }
#gimage {width: 58%;margin: 0 auto; text-align: center; height: 100%;}
#gimage img { background: #FFF; padding: 5px; border: 1px solid #EEE; }
#gcontent {text-align: center;position: relative;bottom:9%;}
#gcontent div { margin: 5px 0; }
#gcontent div p {color:#ddd;}
#gcontent label {display: block;color: #e49f0c;font-size: 1.2em;}
#gcontent label em{ display:block; font-size:.7em; }
#gcontent span { display: block; }
#gnav { position: absolute; top: 50%; left: 13%; width: 74%; z-index:1122; text-align: right; }
#gnav a {margin-left: 2px;display: inline-block;padding: 2px 15px; font-size: 0;padding: 24px 24px 5px !important;}
#gnav a#gprev {float:left;background: url("../img/arrow-left-48.png") no-repeat 0 0;}
#gnav a#gnext{float:right;background: url("../img/arrow-right-48.png") no-repeat 0 0;}
#gclose {position: absolute;z-index:1122;top: 10px;right: 10px;width: 32px;background: url("../img/close-32.png") no-repeat 0 0; height: 32px;font-size: 0;}
.gwait { margin-top: 30%;background: url("../img/loading-img.gif") no-repeat 0 0; height: 128px;
width: 128px; margin: 0 auto;font-size: 0;}
.gallerylist {position: relative;display: inline-block;height: auto;min-width: 19%;padding: 5px;margin: 0;text-align: center;}
.gallerylist img { height: auto; max-width: 90%; max-height: 150px; border: 1px solid #DDD; padding: 2px; }
.gallerylist h3 { margin-top: 5px; text-align: center; font-size: 1.1em;}
.gallerylist p { display: none; }
.imageGallery {text-align: left;margin: 15px 0;}
.imageGallery:after{content:''; display:table; clear:both;}
.imageGallery a {background: #FFF;height: 150px;border:1px solid #FFF;/* width: 150px; */margin: 2px 0;overflow: hidden;text-align: center;vertical-align: middle;position: relative;text-align: center;overflow: hidden;display: inline-block;}
.imageGallery a .gContent { display: none; }
.imageGallery a img {height: 100%; /* Firefox 10+, Firefox on Android */ /* IE6-9 */ /* Chrome 19+, Safari 6+, Safari 6+ iOS */max-width: 100%;}
.imageGallery a:hover img {opacity:.84;}
/*video */
.videoresults { padding: 15px 0px; }
.videoresults div.videoleft { width: 400px; float: left; }
.videoresults div.desc { width: 270px; color: #666; float: right; padding-top: 30px;}
/*webform */
.postwebform tr { margin: 8px 0px; }
.errmsg, .msg { color: red; font-weight: bold; padding: 10px 0px; }
.taoCMSerror { color: red; }
form table tr td { padding: 5px 0px; }
form legend { border-bottom: 1px dashed #CCC; width: 100%; display: block; background: transparent; color: #667233; font-size: 14px; }
.filteropts h2 { display: inline-block; font-size: 12px; }
.postwebform td.labelcol, .member_options td.labelcol{ width:40%; }
.postwebform td.valuecol, .member_options td.valuecol{ vertical-align: top; }
.postwebform td.valuecol input, .member_options td.valuecol input, .postwebform td.valuecol textarea, .member_options td.valuecol textarea {width: 90% !important;height: 24px;transition: all 0.5s ease 0s;}
.postwebform td.valuecol select, .member_options td.valuecol select{width: 93%;height: 33px;transition: all 0.5s ease 0s;}
.postwebform td.valuecol input:focus, .member_options td.valuecol input:focus, .postwebform td.valuecol textarea:focus, .member_options td.valuecol textarea:focus,.postwebform td.valuecol select:focus, .member_options td.valuecol select:focus {border: 1px solid #8e4d0f;}
.general_login {float: left; width: 64%; }
.general_login div.logintitle, .userinfotitle { font-family: 'Merienda', cursive; font-size: 1.3em; }
.general_login div.loginmessage { font-style: italic; margin-bottom: 20px; }
.general_login div.row { margin: 8px 0px; }
.general_login div.row span.label { text-align: right; padding-right: 7px; width: 100px; font-weight: bold; display: inline-block; }
.general_login div.loginbtn, .general_login div.forgotpassword { margin-left: 110px; }
.changepass { padding: 10px 0; }
.changepass .row { margin: 8px; }
.changepass .row .label, .changepass .row .input { display: inline-block; width: 200px; }
#filter { display: none; }
.registerbox { float: right; margin: 7% 10% 7% 0; width: 20%; padding: 2%; background: #FFFACD; border : 1px dotted #FB8A15; }
.fieldgroup_label { font-size: 1.3em; font-weight: bold; }
/* event */
#editevent { background: #F9F9F9; padding: 20px; }
#editevent input { margin-left: 5px; }
#editevent table { border: 0px; margin: 0px; }
#editevent table td { padding: 3px 0px; }
#editevent table td { font-weight: bold; }
#editevent textarea{ width: 350px; height: 100px; }
#editevent table td div.field { padding: 3px 0px; }
#editevent table td div.field span { display: inline-block; width: 80px; }
#editevent table .currentimage { display: none; }
.indievent { border: 1px dotted #CCC; border-left: 0px; border-right: 0px; }
.indievent h1 { font-size: 20px; }
.indievent span { display: block; }
.indievent label { display: block; color: #666; font-style: italic; }
.indievent div { text-align: justify; padding: 10px; }
.indievent div img { float: left; margin: 5px 10px; }
.eventrow { background: #B69A71; padding: 2%; float: left; width: 28%; margin: 1% 0 0 1%; height: 100px; color: #E4D6C0; }
.eventrow h3 a { color: #FFF; }
.eventrow p { margin: 0; padding: 0; }
.eventrow em { font-size: 0.82em; }
/*paging */
#form_paging_links, #calendar_paging_links,#gallery_paging_links, #paging_links, .newschannel_paging_links { text-align: right; margin: 8px; }
#form_paging_links span,#gallery_paging_links span, #paging span, #calendar_paging_links span, #paging_links span, .paging span,.newschannel_paging_links span,#gnav a { display: inline-block; background: #EEDB74; color: #000; text-align: center; margin: 2px; padding:5px;}
.newschannel_paging_links span a, #gnav a, #gallery_paging_links span a, #calendar_paging_links span a, #form_paging_links span a, #paging_links span a { display: block; padding: 1px 10px; }
.newschannel_paging_links span a:hover, #gallery_paging_links span a:hover, #calendar_paging_links span a:hover, #form_paging_links span a:hover, #paging_links span a:hover, #gnav a:hover { background: #77744A; text-decoration: none; color: #FFF; }
/*searchresults */
#searchresults { }
#searchresults dt { margin-top: 10px; padding: 5px 0px; border-top: 1px dotted #CCC; font-family: 'PT Serif', Georgia, serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; font-size: 12px; }
#searchresults dd { padding-left: 10px; }
/* forum */
#forum { border: 1px solid #DDD; border-collapse: collapse; }
#forum td { padding: 5px 10px; border: 1px solid #DDD; }
#forum-header { background: #EEE; font-weight: bold; }
#forum-highlight { background: #F9f9f9; }
#content-background { font-size: 0.82em; }
/* video lib */
.vidlib { clear: both; margin: 10px 0; border-bottom: 1px dashed #CCC; height: 170px }
.vidlib .img { width: 30%; float: left; margin-right: 1%; }
.vidlib .img img { width: 96%; padding:2%; background: #FFF; box-shadow: 0 0 8px #999;-webkit-box-shadow: 0 0 8px #999; -moz-box-shadow: 0 0 8px #999; }
.vidlib .info { width: 67%; float: right; padding: 1%; }
.vidlib .info p { overflow: hidden; height: 110px; }
/* FAQ*/
.faq { padding: 8px 0; }
.faq .ques {font-weight: bold; color: #F04A26; }
.faq .ques label, .faq .ans label { width: 20px; display: inline-block; font-weight: bold; vertical-align: top; }
.faq .ques span, .faq .ans span { display: inline-block; width: 95%; vertical-align: top; }
/* Modal */
.modalwindow { display: block; position: fixed; top: 10%; left: 0; margin: auto; height: 90%; z-index:999; overflow:auto;
overflow-x: hidden; width: 100%; }
#modaldata {background: #FFF; border: 1px solid #999; max-height: 500px; overflow:auto; -webkit-box-shadow: 0 0 8px #BBB;box-shadow: 0 0 8px #BBB; padding: 0px; margin: 0px auto; margin-top: 20px; position: relative; }
.modalcontent, .modalprocess { background: #FFF; padding: 0px 20px 20px 20px; color: #000; }
.shade{ display: block; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background: #DDD; z-index:998; -moz-opacity: 0.3; opacity:.30; filter: alpha(opacity=30); }
.modalLabel { background: #FFF; line-height: 25px; padding:5px; margin: 5px 10px;}
.modalLabel label { color: #E68D17; font-size: 1.2em; }
.modalLabel span { position: absolute; right: -0px; top: 5px; }
.modalLabel span a { color: #999; background: #FFF; font-size: 16px; font-family: tahoma; display: inline-block; padding: 0px 10px; text-decoration: none; }
.modalLabel span a img { width: 20px; }
.staff { margin: 10px 0; line-height: 1.1em; }
.staff .posi { color: #777; font-style: italic; }
.lnkurl { padding: 10px 0;}
.lnkurl h4 { font-size: 1.1em; }
.lnkurl p { margin: 0; padding: 0; font-size: 0.92em; }
.lnkurl a { font-size: 0.92em; }
.Insertls, .Bulletinls { float: right; width:46%; padding: 0 2%; }
/* rss feeds */
.rssfeeds { padding: 10px 0; }
.rssitem {padding: 10px 0; border-top: 1px dashed #AB8460; }
.rssitem h3 {font-size: 1.1em; margin:0;}
.rssitem div.publishinfo { font-size: 0.82em; color: #999; }
.rssitem p.desc { margin: 0; line-height: 1.5em;}
/*tao Gallery */
.hide { display: none; }
#imageoverlay { position: fixed; top: 0; left: 0; z-index:111; background: transparent; width: 100%; height: 100%; }
.no-rgba #gcontent {background: #333; }
#gcontent span { display: block; }
.imageGallery a {display: inline-block;background: #FFF;padding: 2px;height: auto;/* min-width: 28%; */max-width: 18%;font-family: 'Merienda', cursive;vertical-align: middle;position: relative;text-align: center;border: 1px solid #CCC;margin: 5px;overflow: hidden;line-height: 0;}
.imageGallery a .gContent { display: none; }
.imageGallery a img {max-width: 100%;height: auto;}
.imageGallery a:hover {border: 1px solid #999; }
/* files table */
.downloadtb { width: 100%; table-collapse:collapse; border: 0px; }
.downloadtb td, .downloadtb th { padding: 3px 8px; }
.downloadtb th { background: #EDE0CB; padding: 5px 8px; }
.downloadtb tr { border-bottom: 1px solid #EDE0CB; }
.downloadtb tr:nth-child(odd) { background: #FFFBF7; }
.downloadtb td p { margin: 2px 0; }
.downloadtb tr:hover { background: #FCF4EC; }
/*homilies */
.homlist { padding: 10px; clear: both; font-size: 0.92em; border-top: 1px solid #EDE0CB; }
.homlist .homily,.homlist .readings { float: left; width: 49%; }
.homlist:nth-child(even) { background: #FFFBF7; }
.homlist .file2 { display: none; }
/*Custom Styles */
.logo {
background: #673301;padding:0px !important;
}
.logo img {
padding-left: 0px !important;
margin-bottom: -5px !important;
max-width: 100% !important;
}
#nav ul li a, #nav ul li span {
color: #000 ;
}
#nav .container {
background: transparent !important;
padding: 0px !important;
}
#nav{height:40px !important;}
#header {
background: #673301 !important;
}
#nav ul li.currentitem a, #nav ul li.currentitem span, #nav ul li.currentbranch a, #nav ul li.currentbranch span{color:#fff;}
.sliderContent .img{width: 601px;
height: 280px;
background-size: contain;background-repeat:no-repeat;
margin-bottom: -280px;}
.newsitem p {width:100%;}
.newsitem {padding-bottom:10px !important;}
.newsitem h3{width:100%;}
.rightpart img{
max-width: 100%;
}
.male-list,.female-list {
display: block;
float: left;margin:0 0 10px;
padding-bottom: 9px;border-bottom: 1px dashed #915d2b;
}
.male-list h2{text-align:left;font-size: 18px;}
.male-list h4 a {color:#d98614;}
.main-male-image{max-width:150px;float:left;margin-top:15px;}
.male-list > p{
float: right;
text-align: left;
display: block;
width: 500px;
margin: 5px !important;
margin-top: -10px !important;
margin-left: 10px !important;
clear: right; font-size: 13px;
position: relative;margin-top:10px !important;
}
.male-list table,#group_description table{
border-collapse: separate;
width: 500px;
margin-left: 10px;
float: right;
padding: 10px !important;
margin-top: 10px !important;
border: 1px dotted;
}
.male-list td,#group_description td{border:1px dotted;vertical-align: middle;}
.male-list > p img{max-width:150px;height:auto !important;margin-right:10px;}
.full-table{
width: 100% !important;
text-align: left;border:none !important;font-size:14px;
}
.full-table p{padding:5px !important;font-size:14px;}
.female-dog-list{float:left;clear:both;display:block;border-top:1px dotted;margin-top:10px;padding-top:10px;}
.female-dog-list img{width:100px;height:auto;float:left;margin-top:10px;}
.female-dog-list span {
float: left;
display: block;
width: 100%;
font-size: 20px;
margin-bottom: 10px;
}
.female-dog-list p{width:550px;float:right;margin-left:10px;}
.photo img{max-width:100% !important;}
.group_dogs_label{display:none;}
#group_nogroup{display:none;}
.fieldlabel {float: left;width: 40%;}
.fieldval > input , .fieldval > select{
border: 1px solid #ccc;
height: 24px;
padding: 3px 10px;
transition: all 0.5s ease 0s;
width: 50%;
}
input[type="checkbox"] {width:auto;}
.fieldval > input:focus,.fieldval > select:focus {border: 1px solid #8e4d0f;}
#dog_image label,.group_description_label{display:none;}
.fieldval > select{
height: 33px;
width: 53.3%;
}
.fieldrow {
display: block;
float: left;
width: 100%;
margin-top: 15px;
}
.purpose.purpose_multicheckbox {
float: none;
margin: 0 0 0 40%;
width: 40%;
}
#form_1_post input[type="submit"] {margin: 15px 0 7px 40%;}
.group_dogs_desc img,#group_description img{margin-right:20px;}
.group_dogs_desc{margin-bottom:30px;}
#group_description{margin-bottom:30px;}
#group_description {
margin-bottom: 30px;
display: block;
float: left;
}
#topnav li:hover{background-color:#6E2D00;color:white;}
#nav ul li.first:hover{background-color:transparent;}
#nav ul li.first:hover a{color:#6e2d00 !important;}
#topnav li:hover a{color:white !important;text-decoration:none;}
#nav ul li.first{background-color:transparent;color:#6e2d00 !important;padding: 5px 3% 0 0; }
#nav ul li.first.currentitem a{color:#6e2d00 !important;}
.fa-home{font-size:31px !important;}
#topnav .first a {
padding: 0px;
color: #673301;
}
.logo-font{
color: #ceab8b;
font-size: 50px;
line-height: 50px;
float: right;
margin-top: 30px;
font-family: 'Merienda', cursive;
margin-right: 50px;
text-align: right;
}
.webform_detail_view_7 label{display:none;}
.facebook{
background-image: url('../img/facebook.png');
background-size: contain;
background-repeat: no-repeat;
width: 50px;
height: 50px;
position: relative;text-indent:-9999px;
float: left;
}
.email{
background-image: url('../img/email.png');
background-size: contain;
background-repeat: no-repeat;
width: 50px;
height: 50px;
position: relative;text-indent:-9999px;
float: left;
}
.rss{
background-image: url('../img/rss.png');
background-size: contain;
background-repeat: no-repeat;
width: 50px;
height: 50px;
position: relative;
float: left;text-indent:-9999px;
}
.sociolinks .icons li{list-style:none;}
.sociolinks .icons ul{margin-left:0px;}
.individual-male-image{float: left; margin: 15px 15px 0 0; max-width: 50%;border: 1px solid #aaa;padding:3px;}
.individual-male-list {
display: block;
float: left;width:100%;
border-top: 1px dotted;
margin-top: 20px;
padding-top: 20px;
}
.individual-male-list h2{text-align:left;}
.individual-male-list>p{
text-align: justify;
display: block;
width: 100%;
margin: 5px !important;
margin-top: -10px !important;
margin-left: 10px !important;
clear: right;font-size: 14px;
position: relative;margin-top:10px !important;
}
.individual-male-list table,#group_description table{
border-collapse: separate;
width:100%;
margin-left: 10px;
float: left;
padding: 10px !important;
margin-top: 10px !important;
border: 1px dotted;
}
.individual-male-list td,#group_description td{border:1px dotted;vertical-align: middle;}
.individual-male-list > p img{max-width:100%;height:auto !important;margin-right:10px;border: 1px solid #aaa;padding:2px;}
.privacy_policy .domain_block {margin:0 0 0 15px;}
.privacy_policy .domain_block li {list-style:line-height: 24px;list-style: inherit; padding: 0 0 10px;}
.addres_block {width:100%;display: inline-block;}
.addres_block .addres_box1 {float:left;width:48%;}
.addres_box1 strong {color:#6c3108;}
/*Links*/
.linksWrapper {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;flex-direction: row;align-items: flex-start;/* align-content: flex-start; */height: 100%;margin-bottom: 30px;}
.linksWrapper .linkBlock{-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;position: relative;}
.linksWrapper .linkBlock .link {margin: 10px;box-shadow: 0 4px 10px 0 rgb(0 0 0 / 10%);}
.linksWrapper .linkBlock .img{position:relative;text-align: center;/* margin: 0 10px; */background: #FFF; line-height:0;}
.linksWrapper .linkBlock .img img{width: 100%;}
.linksWrapper .linkBlock h3{position: relative;text-align: center;margin: 0;margin-bottom: 10px;text-transform: capitalize;font-size:1.5em;font-weight:600;}
.linksWrapper .linkBlock .dtls {background: #FFF;padding: 10px;text-align: center;min-height: 150px;}
.linksWrapper .linkBlock .dtls p{text-align:left;}
.linksWrapper .linkBlock .dtls a{text-align: center;}
.linksWrapper .linkBlock .dtls a:hover{ text-decoration:none; color:#333;}
/* mobile css */
/* mobiles with less that resolution */
@media(max-width:960px) {
#footer .contactinfo .footer_box {width:42%;}
#footer .contactinfo .icons, #footer .contactinfo .footnavi { width: 25%;}
#footer .contactinfo .footnavi {margin:0;}
}
@media(max-width:850px) {
#topnav .first { padding: 7px 15px 7px 20px !important;}
}
@media(max-width:844px) {
#footer .contactinfo .footer_box {width:50%;}
#footer .contactinfo .icons, #footer .contactinfo .footnavi { width: 21%;}
}
@media(max-width:710px) {
#footer .contactinfo .footer_box {width:100%;margin:0;padding: 0 0 15px;}
#footer .contactinfo .addres_box {background:none;}
footer .addr {width:38%;}
#footer .contactinfo .icons, #footer .contactinfo .footnavi { width: 40%; margin: 0 30px 0 0; padding:0;}
}
@media all and (min-width: 0px) and (max-width: 699px){
body {font-size: .985em;color:#333;}
.logo-font{display:none;}
#topnav .first{padding: 0.3em 1.5em;}
.bg { background: none; }
.slidebg { height: auto; }
.logo h1 { display: block; padding-left: 1em; color:#ceab8b;height:50px;padding-top:10px;}
.logo a:hover { text-decoration: none; }
#wrapper, .container { min-width: 100%; width: 100%; }
#nav ul li a, #nav ul li span {
color: #fff !important;
}
.sliderContent { height: 380px;}
.sliderContent .img {
width: 100%;
background-size: contain;
background-repeat: no-repeat;
margin-bottom: 0px;
background-position: 50% 0%;
}
.sliderContent div.base div.caption {
padding: 2% !important;
width: 96% !important;
margin: 0;
position: relative;
right: 0;
top: 0;
left: 0% !important;
}
#slides, .sliderContent div.base{height:auto !important;}
.caption h1 span {
font-size: 18px !important;
text-align: center;
width: 100% !important;
float: left;
margin-bottom: 10px;
}
.caption p span {
text-align: center;
width: 100% !important;
float: left;
}
.logo h1{font-size: 1em;}
.male-list>p{width:100%!important;}
.main-male-image {max-width:250px !important;}
.female-dog-list p {
width: 100%;
}
.photo img{max-width:100% !important;padding:2px !important;}
.leftpart, #cartright, .reviewbox,.rightpart,#footer{padding: 15px;height: auto;margin: 0 auto;/* text-align: initial; */width: auto;float: none;display: block;}
#footer {/* width:100%; */padding: 15px;}
.topsocio, .sugbox,.topmenu,.logo img, .sliderContent div.base img, .taoNav,.sociolinks img.backicon {display: none;}
.slideing { width: 100%; }
.sliderContent div.base div.caption { padding: 2%; font-size: 0.87em; width:96%; background: #EDE0CB; margin: 0; position: relative; right: 0; top: 0; left: 0; }
#slides, .sliderContent div.base { padding: 0; background: #EDE0CB; height: 260px; margin: 0;}
#header,#header .container { background: #220500; max-height:4em;}
#nav {height: 2em;position: absolute;top: 0;right: 0;}
#nav .container { padding: 0; }
#nav ul { padding: 0 5px; margin: 0px; position: absolute; top: 4em; right: 0px; min-width:18em; width: 100%; background-color: #220500; list-style: none; font: normal 13px/35px Arial; font-weight: normal; }
#topnav .first { padding: 7px 0 0 20px !important;}
#nav ul li { float:none; background: #220500; border-bottom: 1px solid #321510; text-align: left; position: relative; }
#nav ul li:last-child { border: 0px; }
#nav ul li a,#nav ul li span { color: #FFF; padding: 0.3em 1.5em; display: inlne-block; }
#nav ul li:hover, #nav ul li a:hover, #nav ul li:hover a { }
#nav ul li:hover ul, #nav ul li ul { display: none;}
.navigate { display: block; font-size: 1.2em; float: right; position: absolute; right: 0; padding: 0px;}
.navigate a { display: block; color: #DDD; cursor: pointer; }
.navigate a label.mbtn { cursor: pointer; display: inline-block; vertical-align: middle; line-height: 0; margin: 0; padding: 10px; width: 2.2em; height: 2em; }
.navigate a label.mbtn div { display: block; width: 100%; margin-top: 10%; }
.navigate a label.mbtn div label { display: inline-block; margin: 0; width: 15%; margin-right: 10%; border-top: 5px solid #DDD; }
.navigate a label.mbtn div span { display: inline-block; margin: 0; border-top: 5px solid #DDD; width: 70%; }
.navigate a label.mbtn:hover div label, .masternav:hover label.mbtn div label { border-top: 5px solid #FFF; }
.navigate a label.mbtn:hover div span, .masternav:hover label.mbtn div span { border-top: 5px solid #FFF; }
.masternav { float: right; position: relative; }
.navigate a label.mbtn:hover { background: #220500; }
.masternav:hover a label.mbtn { background: #220500; }
.masternav ul { display: none; z-index: 1; }
.masternav:hover ul { display: block; z-index: 10202; }
#quotes { height: 120px; font-size: 0.87em; }
.sociolinks { display: inline-block; width: 90%; margin: 1%; vertical-align: top; }
.pagemargin { padding: 0; }
.hometabs div.box { width: 94%; height: auto; }
.copyright { font-size: 0.82em; }
.termsnav { float: none; text-align: left; }
.darkbg { color: #333; padding:0; }
.darkbg a, .submenu ul li a { color: #C57200; }
.darkbg h1,.darkbg h2,.darkbg h3,.darkbg h4,.darkbg h5,.darkbg h6 { color: #220500; }
.darky,.darkn,.darkx,.darkz, .submenu ul { background:none; }
#gnav {width: 96%;left: 2%;}
#gimage {width:80%;}
.schedule.darkbg.darky > p {color:#333;}
.imageGallery a {min-width: 25%;}
}
/*Listings*/
.list_stat.Sold, .list_stat.Pending { display:block !important;}
.list_stat {color: #9b8449 !important;font-size: 1.1em;padding: 0 !important;}
#compListings p{ display:none;}
.listingsRow { display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;}
.listBlock {-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;margin: 10px 0;}
.listBlock:hover .lisrWrap img {-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);--moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);}
.listBlock:hover .lnk { background:rgb(204, 194, 173);}
.listBlock .lisrWrap{border-bottom:1px solid #ebe3d2;position: relative;padding: 5px 10px;height: 100%;/* margin: 10px; */}
.listBlock .F_img {width: 100%;/* height: 150px; */text-align: center;overflow: hidden;margin: 10px 0;margin-top: 0;position: relative;}
.listBlock .F_img img{max-width: 100%;min-width: 80%;}
.listBlock .F_img a {display:block;width: 100%;height: 100%;}
.listBlock .F_img.noImage img{ display:none;}
.F_img.noImage {background: url('/image/cache/noImage.png') center center no-repeat !important;}
.listBlock .detials{/* height: 60px; */text-align: center;font-size: 14px;}
.listBlock .detials .addr {display: block;text-align: center;font: 400 14px/18px 'Oxygen', sans-serif;}
.listBlock .detials .addr a{/* font: 700 14px/20px 'Oxygen', sans-serif; *//* color: #9b8449; */}
.listBlock .detials .addr span{display:inline-block;/* margin-left: 5px; */}
.listBlock .price {font: 800 18px/21px 'Oxygen', sans-serif;text-shadow: 0px 0px 4px #000;color: #ffffff;/* background: rgba(128, 24, 24, 0.65); */padding: 2px;display: block;text-align: center;position: absolute;z-index: 9;right: 0;bottom: 0;}
.listBlock .list_dtls{display:table;/* padding: 5px 0; */width:100%;border-collapse: collapse;}
.listBlock .list_dtls .dtl_row{display:table-row;/* border-bottom: 1px solid #DDD; */}
.listBlock .list_dtls .col{display:table-cell;vertical-align: top;padding: 3px 0;line-height: 18px;text-align: left;}
.listBlock .list_dtls .col span{font-weight: 500;}
.listBlock .list_dtls .col+.col{text-align:right;}
.listBlock .list_dtls .col.hide{ display:none;}
.listBlock .list_dtls .col.agent strong{display:block;font-size: 11px;}
.listBlock .mlscent { text-align: center; padding:10px 0; }
.listBlock .mlscent .tel a:before {content:"\f095"; color:#9b8449; margin: 2px; font: normal normal normal 12px/1 FontAwesome; vertical-align:middle; padding: 1px; display: inline-block; height: 14px; width: 14px; }
.listBlock .mlscent .email span:before {content:"\f0e0"; color:#383838; margin: 3px; font: normal normal normal 12px/1 FontAwesome; vertical-align:middle; padding: 1px; display: inline-block; height: 14px; width: 14px; }
.listBlock .list_dtls .col.phone span { font-size:12px;}
.listBlock .lnk{text-align:center;padding:2px;margin:2px 0;position: absolute;display: block;width: 97%;bottom: 0;background: #f1eadb;}
.listBlock .lnk a:hover{ color:#9b8449;}
.listBlock .mls { text-align:left;}
.listBlock .mls span { font-weight:700;}
.listBlock .detials .links{float:right;margin: 0;}
.listBlock .detials .links .price {display:block;font: 400 16px/21px 'Oxygen', sans-serif;}
.listBlock .Sold:before, .listing_top .imageBlock .Sold:before { content:""; display:block;position: absolute;width: 110px;height: 110px;background: url(/image/cache/sold-ovr.png) no-repeat left top;background-size: contain;}
.timeblock { font-size: 0.92em; color: #333; }
.listBlock .Pending:before, .listing_top .imageBlock .Pending:before { content:""; display:block;position: absolute;width: 110px;height: 110px;background: url(/image/cache/pending-ovr.png) no-repeat left top;background-size: contain;}
.lisrWrap .openHouse,.images .imageBlock .openHouse { position: absolute;width: 110px;height: 110px;left: 1; top 0; z-index: 12; background: url(/image/cache/open_house.png) no-repeat left top;background-size: contain;}
.listing_indi{/* padding-top: 86px; */}
.listing_indi .listing_top {/* padding-top:0; */}
.listing_top{padding: 15px 0;background: #404040;border-bottom: 2px solid #383838;text-align: center;}
.listing_top .images:after { content:""; display:table; clear:both;}
.listing_top ._image{text-align: center;position: relative;}
.listing_top ._image.no_img{background:url('/image/cache/noImage.png') center center no-repeat !important;width: 100%;min-width: 200px;}
.listing_top ._image img { width: 100%; max-width:100%;}
.listing_top #allimg {margin: 5px 0;font-size: 0;display: none;}
.listing_top #allimg img {width: 60px;margin: 2px;/* background: #333; */cursor: pointer;padding: 1px;}
.listing_top #allimg img.active{ border:1px solid #DDD;}
}
/* ====================grid====================
================================================== */
.col-xxs-1,.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xxs-2, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xxs-3,.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xxs-4, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xxs-5, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xxs-6, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xxs-7, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xxs-8, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xxs-9, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xxs-10, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xxs-11, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xxs-12, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{ position:relative; min-height:1px;}
.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12{ float:left; }
.col-xxs-12{ width:100%; }
.col-xxs-11{ width:91.66666667%; }
.col-xxs-10{ width:83.33333333%; }
.col-xxs-9{ width:75%; }
.col-xxs-8{ width:66.66666667%; }
.col-xxs-7{ width:58.33333333%; }
.col-xxs-6{ width:50%; }
.col-xxs-5{ width:41.66666667%; }
.col-xxs-4{ width:33.33333333%; }
.col-xxs-3{ width:25%; }
.col-xxs-2{ width:16.66666667%; }
.col-xxs-1{ width:8.33333333%; }
.visible-xxs{ display:block !important; }
/* ====================small size grid style declarations====================
================================================== */
@media (min-width:580px){ .container{ width:98%; }
.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12{ float:left; }
.col-xxs-12{ width:100%; }
.col-xxs-11{ width:91.66666667%; }
.col-xxs-10{ width:83.33333333%; }
.col-xxs-9{ width:75%; }
.col-xxs-8{ width:66.66666667%; }
.col-xxs-7{ width:58.33333333%; }
.col-xxs-6{ width:50%; }
.col-xxs-5{ width:41.66666667%; }
.col-xxs-4{ width:33.33333333%; }
.col-xxs-3{ width:25%; }
.col-xxs-2{ width:16.66666667%; }
.col-xxs-1{ width:8.33333333%; }
.visible-xxs{ display:block !important; }
/* ==================== padding and spacing classes ====================
================================================== */
.xxs-pad{ padding-left:15px; padding-right:15px; }
.xxs-pad-left{ padding-left:15px; }
.xxs-pad-right{ padding-right:15px; }
}
@media (min-width:640px){ .container{width: 100%;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{ float:left; }
.col-xs-12{ width:100%; }
.col-xs-11{ width:91.66666667%; }
.col-xs-10{ width:83.33333333%; }
.col-xs-9{ width:75%; }
.col-xs-8{ width:66.66666667%; }
.col-xs-7{ width:58.33333333%; }
.col-xs-6{ width:50%; }
.col-xs-5{ width:41.66666667%; }
.col-xs-4{ width:33.33333333%; }
.col-xs-3{ width:25%; }
.col-xs-2{ width:16.66666667%; }
.col-xs-1{ width:8.33333333%; }
.visible-xs{ display:block !important; }
.pull-right{ float:right; }
.pull-left{ float:left; }
/* ==================== padding and spacing classes ====================
================================================== */
.xs-pad{ padding-left:15px; padding-right:15px; }
.xs-pad-left{ padding-left:15px; }
.xs-pad-right{ padding-right:15px; }
}
@media (min-width:992px){
.container{ width:91%; }
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{ float:left; }
.col-md-12{ width:100%; }
.col-md-11{ width:91.66666667%; }
.col-md-10{ width:83.33333333%; }
.col-md-9{ width:75%; }
.col-md-8{ width:66.66666667%; }
.col-md-7{ width:58.33333333%; }
.col-md-6{ width:50%; }
.col-md-5{ width:41.66666667%; }
.col-md-4{ width:33.33333333%; }
.col-md-3{ width:25%; }
.col-md-2{ width:16.66666667%; }
.col-md-1{ width:8.33333333%; }
.visible-md{ display:block !important; }
#user-nav{ margin:0; }
/* ==================== padding and spacing classes ====================
================================================== */
.md-pad{ padding-left:15px; padding-right:15px; }
.md-pad-left{ padding-left:15px; }
.md-pad-right{ padding-right:15px; }
}
@media (min-width:1200px){ .container{ width:1170px }
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{ float:left; }
.col-lg-12{ width:100%; }
.col-lg-11{ width:91.66666667%; }
.col-lg-10{ width:83.33333333%; }
.col-lg-9{ width:75%; }
.col-lg-8{ width:66.66666667%; }
.col-lg-7{ width:58.33333333%; }
.col-lg-6{ width:50%; }
.col-lg-5{ width:41.66666667%; }
.col-lg-4{ width:33.33333333%; }
.col-lg-3{ width:25%; }
.col-lg-2{ width:16.66666667%; }
.col-lg-1{ width:8.33333333%; }
.visible-lg{ display:block !important; }
/* ==================== padding and spacing classes ====================
================================================== */
.lg-pad{ padding-left:15px; padding-right:15px; }
.lg-pad-left{ padding-left:15px; }
.lg-pad-right{ padding-right:15px; }
/* ==================== go to top button ====================
================================================== */
.cd-top{height:40px;width:40px;right: 50px;bottom: 50px;}
}
@media (min-width:780px){
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{ float:left; }
.col-sm-12{ width:100%; }
.col-sm-11{ width:91.66666667%; }
.col-sm-10{ width:83.33333333%; }
.col-sm-9{ width:75%; }
.col-sm-8{ width:66.66666667%; }
.col-sm-7{ width:58.33333333%; }
.col-sm-6{ width:50%; }
.col-sm-5{ width:41.66666667%; }
.col-sm-4{ width:33.33333333%; }
.col-sm-3{ width:25%; }
.col-sm-2{ width:16.66666667%; }
.col-sm-1{ width:8.33333333%; }
.visible-sm{ display:block !important; }
}
@media(max-width:550px) {
.imageGallery { text-align:center;}
.imageGallery a {min-width: 40%;}
}
@media(max-width:495px) {
h1 {font-size: 24px;}
.copyright .container { text-align: center;}
.termsnav {float: left;text-align: center; width: 100%;}
.copyright ul {float: none;padding: 0 0 10px 0;}
.sliderContent {height: 300px;}
.sliderContent .img {height: 215px}
.addres_block .addres_box1 {width:100%;}
}
/* mobiles width 480 or above width */
@media all and (min-width: 480px){
.sociolinks img.backicon { display: block; }
.logo h1{font-size: 1.2em !important;}
}
/* mobiles width 480 or above width */
@media all and (min-width: 550px) and (max-width: 699px){
.footnavi { width: 104%; margin: 0 -2%; display: block; background: #FFFCF7 url(/image/cache/background.png); }
.footnav { width: 94%; margin: 0 4%; }
.sliderContent div.base img { display: block; height: 240px; width: 53%; border: 0px; padding: 0; position: absolute; left: 5px; top: 10px; }
.sliderContent div.base div.caption { width: 47%; position: absolute; left: 55%; top: 10px; padding: 0;text-align: center;}
.sliderContent div.base div.caption h1,.sliderContent div.base div.caption h3{text-align: center;}
#quotes { height: 80px; }
.logo h1{font-family: "Merienda",cursive;font-size: 28px !important;line-height: 57px;margin: 0;
padding: 0 0 6px 30px; text-transform: uppercase;}
.listBlock{
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.linksWrapper .linkBlock {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
}
@media (max-width:550px)
{
.logo h1{font-family: "Merienda",cursive;font-size: 24px !important;line-height: 57px;margin: 0;
padding: 0 0 6px 20px; text-transform: uppercase;}
.listBlock{
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.linksWrapper { justify-content:center;}
.linksWrapper .linkBlock {-ms-flex: 0 0 90%;flex: 0 0 90%;max-width: 90%;}
}
@media (max-width:450px)
{
.logo h1{font-size: 18px !important;padding: 5px;height: auto;line-height: normal;}
.gallerylist {width:46%;}
.listBlock{
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (max-width:420px){
.imageGallery a { width: 45%;}
}
@media screen and (max-width:380px){
#footer .contactinfo .footer_box{ background: url("../img/border_icon.jpg") repeat-x scroll 0 bottom;
height: auto;margin: 0;padding: 15px 0; width: 100%;}
#footer .contactinfo .footnavi{background:none;padding:15px 0 0 0;}
footer .addr { padding: 0;width: 49%;}
.sliderContent {height: 270px;}
.sliderContent .img {height: 175px;}
.fieldlabel {width: 100%;}
.fieldval > input, .fieldval > select {width: 93%;}
.fieldval > select {width: 99%;}
.purpose.purpose_multicheckbox {margin:0;width: 100%;}
input[type="checkbox"] {width: auto;}
input[type="submit"] {margin: 15px 0 0;}
.imageGallery a { width: 45%;}
.list_row.listing {width:100%; }
.listBlock .lisrWrap, .listBlock .F_img { height:auto;}
}
@media (max-width:360px){
.logo h1{font-size: 16px !important;padding: 0 0 6px 10px;}
.imageGallery a {min-width: auto;max-width: 100%;width: auto;}
}
@media (max-width:320px){
.gallerylist {padding: 0 0 10px;width: 100%;}
.gallerylist img {
border: 1px solid #ddd;height: 100%;max-height: 100%;max-width: 98%;padding: 2px;width: 98%;}
}
/* TABLETS width 700 or above width */
@media all and (min-width: 700px) and (max-width: 969px){
#topnav .first{
padding: 6px 0px;
}
.fa-home{font-size: 18px !important;}
body, html { max-width: 969px; min-width: 700px; width: 100%; padding: 0; margin: 0; }
#nav ul li a { }
#nav, #nav .container { padding: 0;}
#footer{ padding: 0px; width: 98%; padding: 1%; }
.searchbox,.sociolinks img.backicon { display: none; }
.slider { width: 100%; }
#slides { padding: 8px 0;}
.hometabs div.box { min-height: 200px; height: auto; }
#wrapper, .container { min-width: 100%; width: 100%; }
.container { width: 100%; }
#content { width: 60%; padding:0 2%; }
.news ul li { height: auto; }
.mess { font-size: 1.5em; }
.footnavi { width: 70%; }
.sociolinks { width: 30%; padding: 0; }
.leftpart { width: 64%; padding: 0 1%; margin-right: 10px; margin-bottom: 20px; }
.rightpart{ width: 30%; }
.sliderContent .img {
width: 56%;
margin-bottom: -280px;
margin-left: 20px;
}
.sliderContent div.base div.caption {width:35%}
#slides{height:auto !important;margin-bottom:30px;}
.sliderContent { min-height: 240px;height:auto !important;}
.logo h1{font-size: 1.5em !important;}
.male-list>p{width:100%!important;}
.main-male-image {max-width:250px !important;}
.female-dog-list p {
width: 100%;
}
.listBlock{
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
}
@media all and (min-width: 700px) and (max-width:759px){
#nav ul li { min-width: 1%; }
#nav ul li a { padding: 6px 25px; }
.quote { font-size: 0.82em; line-height: 0.82em; }
.annoc p { width: 65%; }
.linksWrapper .linkBlock {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
}
@media all and (min-width: 760px) and (max-width:849px){
#nav ul li { min-width: 1%; }
#nav ul li a { padding: 6px 25px; }
.quote { font-size: 0.82em; line-height: 0.82em; }
}
@media all and (min-width: 850px) and (max-width: 969px){
#nav ul li.first{padding: 9px 15px 0 20px;}
#nav ul li a { }
.leftpart { width: 67%; padding:0 1%; }
.quote { font-size: 0.92em; line-height: 0.82em; }
.rightpart { width: 28%; }
}
@media screen and (min-width:700px) and (max-width:800px)
{
.logo-font {font-size:40px;}
}
@media all and (min-width: 0px) and (max-width: 469px){
footer .addr {width:100%; float:none; margin-bottom:10px;}
#footer .contactinfo .addres_box {float:none;clear:both;height: auto;}
#nav {position:relative;background: #673301;width: 100%;height: auto !important;float: none;}
#nav:after {content:''; clear:both; display:table;}
.navigate {float: right;position: relative;}
}