@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600');
@font-face{font-family:'Pristina';src:url('fonts/Pristina-Regular.eot');src:url('fonts/Pristina-Regular.eot?#iefix') format('embedded-opentype'),url('fonts/Pristina-Regular.woff2') format('woff2'),url('fonts/Pristina-Regular.woff') format('woff'),url('fonts/Pristina-Regular.ttf') format('truetype'),url('fonts/Pristina-Regular.svg#Pristina-Regular') format('svg');font-weight:normal;font-style:normal}

html,body{padding:0;margin:0}
body{background-color:#fff;font-family:'Open Sans', sans-serif;font-size:13px;color:#000;position:relative;-webkit-text-size-adjust:none}

h1{margin:0 0 10px 0;font-family:'Pristina', sans-serif;font-size:35px;color:#000}
h2{margin:0 0 5px 0;font-family:'Pristina', sans-serif;font-size:25px;color:#000}
a:link, a:visited{color:#000;text-decoration:none}
a:hover{text-decoration:underline}

.clear{clear:both}
.sticky{position:fixed;top:0}
.container{width:90%;max-width:1000px;margin:0 auto}
.transparent{background:rgba(255,255,255,0.45)}
.divider{width:20%;height:1px;margin:20px auto 20px auto;background:#ccc}
.background{background:url(../images/background.jpg) no-repeat;background-position:center center;background-size:cover}

/* BUTTONS */
.buttons{margin-top:25px}
.button, .buttonlarge{display:block;width:100%;height:30px;margin-bottom:5px;background:#1d213a;color:#fff;border-radius:3px}
.button a, .buttonlarge a{display:block;width:100%;height:30px;color:#fff;text-decoration:none;font-weight:bold;text-align:center;line-height:30px}
.button:hover, .buttonlarge:hover{background:#fff}
.button:hover a, .buttonlarge:hover a{color:#1d213a}
.buttonlarge{margin-top:20px}

/* HEADER */
header.default{display:none;width:100%;padding:25px 0}
header.default .logo{float:left}
header.default .headerbuttons{float:right}
header.default .headerbuttons .headerbutton{display:inline-block;margin-right:5px}
header.default .headerbuttons .headerbutton:last-child{margin-right:0}
.mobileheader{position:fixed;top:0;left:0;width:100%;height:50px;background:#fff}
.mobileheader .left{float:left;line-height:50px}
.mobileheader .left img{max-height:40px;margin-top:5px}
.mobileheader .right{float:right;line-height:57px}
.mobileheader .right a{color:#000;text-decoration:none}
.mobileicons{text-align:center}
.mobileicons a{display:inline-block !important}
.mobileicons a img{max-width:25px !important}

/* MENUBAR */
.menubar{display:none;width:100%;height:50px;background:#fff}
.menubar .menuleft, .menubar .menumiddle, .menubar .menuright{display:inline-block;vertical-align:top}
.menubar .menuleft, .menubar .menuright{width:15%;visibility:hidden}
.menubar .menuleft img{max-height:40px;margin-top:5px}
.menubar .menuright{text-align:right}
.menubar .menuright img{margin-top:8px}
.menubar .menumiddle{width:69%;text-align:center}
.menubar .mainmenu ul{list-style:none}
.menubar .mainmenu ul li{display:inline-block;position:relative;margin-left:-4px;box-sizing:border-box;padding:0 15px;line-height:50px}
.mainmenu{font-family:'Pristina', sans-serif;font-size:20px;margin-top:-20px}
.mainmenu ul li img{height:14px;margin-right:5px}
.mainmenu ul li ul.submenu{display:none;position:absolute;margin-left:-51px;text-align:left}
.mainmenu ul li ul.submenu li{width:250px;background:#1d213a}
.mainmenu ul li ul.submenu a:link, .mainmenu ul li ul.submenu a:visited{box-sizing:border-box;padding:0 15px;display:block;color:#fff;text-decoration:none}
.mainmenu ul li ul.submenu li:hover{background:#fff}
.mainmenu ul li ul.submenu li:hover a{color:#000}
.mainmenu ul li a:link, .mainmenu ul li a:visited{color:#000;text-decoration:none}
.mainmenu ul li:hover, .mainmenu ul li.active{background:#1d213a}
.mainmenu ul li:hover a, .mainmenu ul li.active a{color:#fff}
.mainmenu ul li:hover ul.submenu{display:block}

/* CONTENT */
.content{padding-top:50px}
.contentpadding{box-sizing:border-box;padding:30px}

/* COLUMNS */
.onecolumn, .twocolumn, .twocolumn-left, .threecolumn{width:100%}
.twocolumn h1{margin-top:20px}
.twocolumn .left, .twocolumn .right, .twocolumn-left .left, .twocolumn-left .right{display:block;width:90%;margin:0 auto;overflow:hidden}
.threecolumn .left, .threecolumn .middle, .threecolumn .right{display:block;width:90%;margin:0 auto;text-align:center;overflow:hidden}
.threecolumn .left .default, .twocolumn-left .left .default{display:none}
.threecolumn h1{margin:0 0 15px 0}
.threecolumn h2{margin:0 0 5px 0}
.threecolumn h3{margin:0 0 5px 0}
.threecolumn .right{padding-bottom:25px}
.threecolumn .right a{margin-bottom:10px;display:block}
.threecolumn .right a:last-child{margin-bottom:0}
.threecolumn .right img{width:100%;display:block}

/* FORMS */
.contactform{width:100%}
.contactform input{width:100%;height:30px;box-sizing:border-box;padding:0 5px;margin-bottom:8px;font-family:'Open Sans', sans-serif;font-size:13px;color:#000}
.contactform input[type=checkbox]{width:auto;height:auto}
.contactform input[type=submit]{float:right;margin-top:-5px;border:none;background:#1d213a;color:#fff;font-weight:600;cursor:pointer;transition:all 0.2s ease-in-out}
.contactform input[type=submit]:hover{background:#141729;color:#888}
.contactform textarea{width:100%;min-height:150px;box-sizing:border-box;padding:5px;margin-bottom:8px;font-family:'Open Sans', sans-serif;font-size:13px;color:#000}
.webwapp{display:none}

/* FOOTER */
.subfooter{width:100%;background:#1d213a;padding:25px 0;color:#fff}
.subfooter img{max-width:100px;margin-bottom:10px}
.subfooter .column{width:100%;margin-bottom:20px;text-align:center}
.subfooter .column:last-child{margin-bottom:0}
.subfooter .column h3{text-transform:uppercase;font-family:'Open Sans',Arial,Helvetica,sans-serif;font-size:16px;margin-bottom:5px;color:#fff}
.subfooter .column ul{padding-left:0}
.subfooter .column ul li{list-style-type:none}
.subfooter .column ul li a:link, .subfooter .column ul li a:visited{color:#fff;text-decoration:none}
.subfooter .column ul li a:hover{text-decoration:underline}
footer{width:100%;background:#141729;padding:15px 0;font-weight:300;font-size:11px;color:#888}
footer a:link, footer a:visited{color:#888;text-decoration:none}
footer a:hover{color:#888;text-decoration:underline}
footer .left, footer .right{float:none;text-align:center}

/* OTHER */
#accordion{margin-top:15px}
#accordion .ui-icon{display:none}
#accordion .ui-accordion-header{background:#1d1f3c;margin:0px;border:0;padding-top:.3em;padding-bottom:.3em;border-top-left-radius:15px;border-top-right-radius:15px;color:#fff;font-size:20px}
#accordion .ui-accordion-content{background:rgba(255,255,255,0.45)}
.linksleft, .linksright{float:none;width:100%;box-sizing:border-box;padding:10px}
.linksfull{width:100%;text-align:center;padding:5px 0}
.transparency{background:transparent}
.dog .showresults .bordered{max-width:750px !important}
.dog .showresults .bordered label{font-weight:700;margin-bottom:8px}
.dog .healthtable .bordered, .dog .showresults .bordered{border:1px solid #ccc;width:100%;max-width:500px;box-sizing:border-box;padding:10px}
.dog .healthtable .bordered .left, .dog .healthtable .bordered .right{display:block;vertical-align:top}
.dog .healthtable .bordered label{display:inline-block;font-weight:bold;min-width:75px}
.dog .pedigree{width:100%;overflow:hidden}
.dog .pedigreeimage{display:block;max-width:100%}
.dog .pedigreebutton{margin-top:10px;display:block;width:250px;height:30px;line-height:30px;color:#fff;font-weight:bold;text-align:center;border-radius:30px;background:#1d213a}
.gallery{width:100%;text-align:center}
.gallery a{display:inline-block;width:25%;margin-right:4%;margin-bottom:2.5%;border:3px solid #fff}
.gallery a img{display:block;width:100%}
.gallery a:nth-child(3n){margin-right:0}
.gallery a:last-child{margin-right:0}
.article{width:100%;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.2)}
.article:last-child{margin-bottom:20px;padding-bottom:0;border-bottom:none}
.articledate{display:block;width:100%}
.articlecategory, .articleicon, .articletitle{display:inline-block}
.articlecategory{width:15%}
.articleicon{height:17px}
.articletitle{width:75%}

@media only screen and (max-width: 768px) {
	.content p img{width:100%;height:auto;margin:0 0 10px 0 !important}
}

@media only screen and (min-width : 768px) {
	header.default{display:block}
	.divider{display:none}
	.mobileheader{display:none}
	.menubar{display:block}
	.button{display:inline-block;width:200px;height:30px;margin-right:5px;background:#1d213a;color:#fff;border-radius:3px}
	.button a{display:block;width:200px;height:30px;color:#fff;text-decoration:none;font-weight:bold;text-align:center;line-height:30px}
	.buttonlarge{display:inline-block;padding:0 20px;width:auto !important;height:30px;margin-right:5px;background:#1d213a;color:#fff;border-radius:3px}
	.buttonlarge a{display:block;padding:0 20px;width:auto !important;height:30px;color:#fff;text-decoration:none;font-weight:bold;text-align:center;line-height:30px}
	.content{padding-top:0}
	.contentpadding{padding:40px}
	.subfooter{padding:15px 0}
	.subfooter img{display:block}
	.subfooter .divider{display:none}
	.subfooter .column{width:25%;display:inline-block;vertical-align:top;margin:0 12.15% 0 0;text-align:left}
	.subfooter .column:nth-child(3){margin-right:0}
	footer .footerleft{float:left;text-align:left}
	footer .footerright{float:right;text-align:right}
	#accordion{display:none}
	.dog #accordion{display:block !important}
	.contactform{width:75%}
	.contactform input{width:50%}
	.twocolumn .left, .twocolumn .right{display:table-cell;box-sizing:border-box;padding:40px;vertical-align:top;text-align:left;margin:inherit}
	.twocolumn-left .left, .twocolumn-left .right{display:table-cell;box-sizing:border-box;padding:40px;vertical-align:top;text-align:left;margin:inherit}
	.twocolumn .left{width:70.15%;height:100%}
	.twocolumn .right{height:100%;background:rgba(255,255,255,0.25)}
	.twocolumn-left .left{width:250px;height:100%;background:rgba(255,255,255,0.25)}
	.twocolumn-left .right{width:800px;height:100%}
	.threecolumn .left, .threecolumn .middle, .threecolumn .right{display:table-cell;box-sizing:border-box;padding:40px;vertical-align:top;text-align:left;margin:inherit}
	.threecolumn .left{width:243px;height:100%;background:rgba(255,255,255,0.25)}
	.threecolumn .right{width:250px;height:100%}
	.threecolumn .middle{width:500px;}	
	.threecolumn .left .default, .twocolumn-left .left .default{display:block}
	.webwapp{display:block}
	.mobwapp{display:none}
	.linksleft{float:left;width:45%;box-sizing:border-box;padding:10px}
	.linksright{float:right;width:45%;text-align:left;box-sizing:border-box;padding:10px}
	.transparency{background:rgba(255,255,255,0.25)}
	.dog .showresults, .dog .obtainedtitles, .dog .healthtable, .dog .pedigree{margin-bottom:25px}
	.dog .healthtable .bordered .right{margin-left:20px}
	.dog .healthtable .bordered .left, .dog .healthtable .bordered .right{display:inline-block;vertical-align:top}
	.article{margin-bottom:inherit;padding-bottom:0;border-bottom:0}
	.articledate{display:inline-block;width:15%}
	.articlecategory{width:15%}
	.articletitle{width:55%}
}