@charset "utf-8";
/* CSS Document */

/**GENERAL**/

body{ font-family: sofia-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:1.2rem;
}

p{ font-family: sofia-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:1.2rem;	
	/*line-height: 1.1rem;*/
}

li { font-family: sofia-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:1.2rem;
}

h1, h2, h3, h4, h5 {
	font-family: serifa, serif;
	font-style: normal;
	text-transform: uppercase;
}

h1 {font-size: 2.5rem;}
h2{font-size: 2.3rem;}
h3{font-size: 1.9rem;}
h4{font-size: 1.8rem;}
h5{font-size: 1.6rem;}

a {
  transition-duration: 0.4s;
}

iframe {
	max-width:100%;
}

img {max-width:100%;}


.bold {font-weight: bold;}

strong {font-weight: bold;}

.side-padding {
    padding: 5px 30px !important;
}

.cta{
	text-transform: uppercase;
	font-size:1.1rem;
	display:inline-block;
	font-family: serifa, serif;
}

.top-row p {font-size: 1.0rem;}

/**WHITE BACKGROUND**/
.white-background {
color:#212121;
background-color:#ffffff;
}


hr {
  max-width: 200px;
  background-color: #28526F;
  height: 4px;
  border: 0;
}

/*.white-background h1, .white-background h2, .white-background h3, .white-background h4, .white-background h5 {color:#28526F;}*/


.white-background a {color: #55768B; text-decoration: none;}
.white-background a:hover {color: #28526F;}
.white-background a:hover h2, .white-background a:hover h3, .white-background a:hover h4 {color: #28526F;}

.white-background .cta {
	padding:14px 18px 14px 18px;
	background: #28526F;
	color:#ffffff;
	transition: 0.5s;
	display: inline-block;
	border: solid 2px #5B7D94;
}
.white-background .cta:hover{
	background: #6F94A9;
	color:#242424;
	transition: 0.5s;	
	border: solid 2px #5B7D94;
}

.white-background hr {
  background-color: #28526F;
  margin: 0;
}
/**DARK BLUE BACKGROUND**/
.dark-blue-background {
color:#fff;
background-color:#28526F;
}
.dark-blue-background a {color: #B5C1CF; text-decoration: none;}
.dark-blue-background a:hover {color: #fff;}




/**LIGHT BLUE BACKGROUND**/
.light-blue-background {
color:#212121;
background-color:#95B4CD;
}


/**SLATE BLUE BACKGROUND**/
.slate-blue-background {
color:#242424;
background-color:#6F94A9;
}
.slate-blue-background a {color: #242424; text-decoration: underline;}
.slate-blue-background a:hover {color: #152B37; text-decoration: none;}

.slate-blue-background .cta {
	padding:14px 18px 14px 18px;
	background: #ffffff;
	color:#28526F;
	transition: 0.5s;
	display: inline-block;
	border: solid 2px #28526F;
	text-decoration: none !important;
	text-align: center;
}
.slate-blue-background .cta:hover{
	background: #95B4CD;
	color:#212121;
	transition: 0.5s;	
	border: solid 2px #212121;
}


/**LIGHT SLATE BLUE BACKGROUND**/
.light-slate-blue-background {
color:#242424;
background-color:#C4D1D9;
}


/**DARK SLATE BLUE BACKGROUND**/
.dark-slate-blue-background {
color:#fff;
background-color:#28526F;
}

.dark-slate-blue-background hr {background-color: #B5C1CF; margin: 0;}

.dark-slate-blue-background a {color: #B5C1CF; text-decoration: underline;}
.dark-slate-blue-background a:hover {color: #D0DAE1; text-decoration: none;}

.dark-slate-blue-background .cta {
	padding:14px 18px 14px 18px;
	background: #ffffff;
	color:#28526F;
	transition: 0.5s;
	display: inline-block;
	border: solid 2px #28526F;
	text-decoration: none !important;
	text-align: center;
}
.dark-slate-blue-background .cta:hover{
	background: #95B4CD;
	color:#212121;
	transition: 0.5s;	
	border: solid 2px #212121;
}


/**LOGO**/
.logo {
width: 100%;
max-width: 150px;
margin-top: 0px;
margin-left: 4px;
margin-right: 4px;
/*padding: 25px;*/
padding-top: 25px;
padding-bottom: 25px;
}

.logo-sub {
width: 100%;
max-width: 150px;
margin-top: 0px;
/*margin-left: 4px;
margin-right: 4px;*/
padding: 25px;
padding-top: 25px;
padding-bottom: 25px;
}


/**TAGLINE**/
.tagline-row {
	background-color: rgba(40, 82, 111, 0.8);
	padding-top: 1px;
	padding-bottom: 0px;
	margin-bottom: -8px;
	z-index: 3;
	position: relative;
	color: #fff;
}
.tagline {font-size: 3.0em;}


/**HOMEPAGE**/
.homepage-icons {
	width: 100%;
	max-width: 200px !important;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s,-webkit-transform .5s;		
}

.about {padding-top: 1px;}
.about h3 {font-size: 1.5rem;}

.services h2 {font-size: 1.4rem;}

.services-row-title {display: none;}

.home-page-title {font-size: 1.7rem;}

.services .hmy-content {padding: 10px;}
.services-grid .cta, .services-grid-top .cta {min-height: 45px;width:75%;}



/**FOOTER**/
.footer h2 {font-size: 1.7rem;}


/**IMAGE-FIT-CONTAINER BACKGROUND**/

.fill-container{
	padding: 0px;
    width: 100%;
    margin: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
	height: 400px
}


.fill-container img{
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	/*-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform .5s;*/
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s,-webkit-transform .5s;		
}


/**FOOTER**/
.p7LBM-01{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

footer{
    margin-top: auto;
}


/**COPYRIGHT**/


/**PROJECT SEVEN**/


/**IN THIS SECTION**/
.in-this-section {margin-top:1%;}
.in-this-section h2 {font-size: 1.7rem;}


/*
***************************************************
NEWS LISTING PAGE
***************************************************
*/
.news-image-tile-image{
	padding: 0px;
    width: 100%;
    margin: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    height: 18rem;
}


.news-image-tile-image img{
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	/*-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform .5s;*/
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s,-webkit-transform .5s;		
}

.news-tile-image-link:hover img{
 -webkit-transform:scale(1.1);
 transform:scale(1.1)
}

.news-tile-image-link{
	text-decoration: none;
}

.news-tile-image-link-container{
	transition: box-shadow .5s,transform .5s,-webkit-box-shadow .5s,-webkit-transform .5s;
	-webkit-box-shadow: 0 10px 40px -15px rgba(0,0,0,.2);
	box-shadow: 0 10px 40px -15px rgba(0,0,0,.2);	
}

.news-tile-description{
	padding:5px 15px 15px 20px;
	min-height: 150px;
}

.news-tile-description h2{
	font-size: 2rem;
}

.news-tile-description hr{
	border-bottom: 5px solid #131C47;
	margin:-15px 0px 0px 0px;
	width: 100px;
	max-width: 100%;
	border-top: none;
}

.service-tile-description{
	padding:5px 15px 15px 20px;
	min-height: 187px;
}

.service-tile-description h2{
	font-size: 2rem;
}

.service-tile-description hr{
	border-bottom: 5px solid #131C47;
	margin:-15px 0px 0px 0px;
	width: 100px;
	max-width: 100%;
	border-top: none;
}


/**RESPONSIVE FORM**/

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=tel]
 {
	max-width:500px;
	width: 100%;
	padding: 10px;	
	border: 1px solid #191010;
	font-family: sofia-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.2rem; 
	 margin-bottom:15px;
	 display: inline-block;
	 -webkit-border-radius:0px;
	border-radius: 0;
	-webkit-appearance: none;
}

input[type=number]
 {
	max-width:500px;
	width: 85%;
	padding: 10px;	
	border: 1px solid #191010;
	font-family: sofia-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.2rem; 
	 margin-bottom:15px;
	 display: inline-block;
	 -webkit-border-radius:0px;
	border-radius: 0;
	-webkit-appearance: none;
}

textarea{
	max-width:500px;
	width: 100%;
	border: 1px solid #191010;	
	font-family: sofia-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.2rem; 
	margin-bottom:15px;
	padding:10px;
	resize: none;
	display: inline-block;
	-webkit-border-radius:0px;
	border-radius: 0;
	-webkit-appearance: none;
  }

select {
	max-width: 184px;
  width: 100%;
  border: 1px solid #191010;
  font-family: sofia-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2rem;
  margin-bottom: 15px;
  padding: 11px 20px 12px 20px;	
	color:#191010;
	display: inline-block;
	background: #ffffff;
}


select[multiple] option:checked { background: none; }

select option:focus,
select option:hover,
select option:active ,
select option {
	background:#28526F;
	color: #fff;
}

input[type=submit]{
	text-transform: uppercase;
	font-size:1.1rem;
	display:inline-block;
	font-family: serifa, serif;
	padding:15px 18px 10px 18px;;
	background: #28526F;
	color:#ffffff;
	transition: 0.5s;
	border: solid 2px #5B7D94;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 1.2px;
	margin-top:15px;
	margin-left: 5px;
	-webkit-border-radius:0px;
	border-radius: 0;
	-webkit-appearance: none;
}

input[type=submit]:hover{
	background: #6F94A9;
	color:#242424;
	transition: 0.5s;	
	border: solid 2px #5B7D94;
}

button {
	
	
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #191010;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #191010;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #191010;
}

.name_2{
	display: none !important;
}

.customer-form-addresses input[type="radio"] {
	height: 14px;
	width: 14px;
	vertical-align: top;
	position: relative;
	bottom: -3px;
}

.customer-form-addresses .address-to-choose {
    position: relative;
    padding-left: 5px;
    text-indent: 0;
    display: initial;
    /*max-width: 95%;*/
}


/**SIOP**/

.variant-options{
	display: none;
}

.cart-quantity{
	display: none;
}

.product-slug{
	display: none;
}

.tabl-basged {width: 100%;}

.tabl-basged-colofn-llun {width: 5%;}
.tabl-basged-colofn-cynnyrch {width: 60%;}
.tabl-basged-colofn-15 {width: 15%;}

.tabl-cyfanswm-basged {
width: 100%;
max-width: 500px;
}

.tabl-cyfanswm-basged-colofn {
width: 50%;
}

.siop-ar-lein hr {
  max-width: 100%;
  background-color: #28526F;
  height: 2px;
}

.terms-and-conditions {
    background: #FFF;
    font-family: "Times New Roman", Times, serif;
    color: #000;
	font-size:0.9em;
    /*font-size: 11px;*/
    width: 100%;
    min-height: 100px;
    max-height: 150px;
    overflow-y: auto;
    margin-bottom: 15px;
    padding: 0px 5px 5px 5px;
	border: 1px solid #000;
}

.terms-and-conditions p{
    font-family: "Times New Roman", Times, serif;
}

.terms-and-conditions h3{
	font-family:"Times New Roman", Times, serif;
	color:#000;
	
	font-weight:bold;
	margin-top:5px;
}

.terms-and-conditions h4{
	font-family:"Times New Roman", Times, serif;
	color:#000;	
	font-weight:bold;
}

.shop-h2 h2{
	font-size: 2.0rem;
}

.christmas {
    margin-bottom: 10px;
}

/**RESPONSIVE**/

@media only screen and (max-width: 1660px) {
	
.news-grid {flex-basis: 33% !important;}

}

@media only screen and (max-width: 1600px) {
	
.tagline {font-size: 2.5em;}

}

@media only screen and (max-width: 1570px) {
	
.services-grid .cta, .services-grid-top .cta {min-height: 70px;}

}



@media only screen and (min-width: 0px) and (max-width: 1450px) {
	.products-grid {flex-basis: 25% !important;}
}

@media only screen and (max-width: 1400px) {
	
.homepage-icons {max-width: 175px !important;}
	
.product-grid-description {flex-basis: 100% !important;}
	
}

@media only screen and (min-width: 0px) and (max-width: 1300px) {
	
	
}

@media only screen and (max-width: 1273px) {
	
.news-grid {flex-basis: 50% !important;}

}


@media only screen and (max-width: 1270px) {
	
.services-grid .cta, .services-grid-top .cta {min-height: 0px;}

.services-grid {flex-basis: 33% !important;}
.services-grid-top {flex-basis: 50% !important;}	

}

@media only screen and (max-width: 1250px) {
	
.logo {
	margin-left: 2px;
	margin-right: 2px;
	}
		.chart-grid {flex-basis: 33% !important;}
	.breed-image {flex-basis: 100% !important;} 
}

@media only screen and (min-width: 0px) and (max-width: 1200px) {
	.hide-on-tablet {display:none;}
	
	.tagline {font-size: 2.0em;}

	
	/*.logo {max-width: 250px;}*/
	
h1 {font-size: 2.2rem;}
h2{font-size: 2rem;}
h3{font-size: 1.6rem;}
h4 {font-size: 1.5rem;}
h5 {font-size: 1.3rem;}
	
	.menu-row .width-20 {width: 25%; float: left;}
	.menu-row .width-80 {width: 75%; float: left;}

}

@media only screen and (min-width: 0px) and (max-width: 1130px) {
	.products-grid {flex-basis: 33% !important;}
}

@media only screen and (min-width: 0px) and (max-width: 1100px) {
	.about-grid {flex-basis: 50% !important;}

}

@media only screen and (max-width: 1065px) {
	
.services-grid .cta, .services-grid-top .cta {min-height: 45px;}	

}

@media only screen and (min-width: 0px) and (max-width: 1000px) {
	.footer .width-25 {width: 50%; min-height: 470px;}

}


@media only screen and (min-width: 0px) and (max-width: 950px) {
	
	.homepage-icons {max-width: 150px !important;}
	
	.menu-row .width-20 {width: 30%; float: left;}
	.menu-row .width-80 {width: 70%; float: left;}
	
}

@media only screen and (max-width: 900px) {
.tagline-row {
    margin-top: 0px;
	background-color: rgba(40, 82, 111, 0.8);
}

.tagline {font-size: 1.7em;}
	
.top-row .width-60 {width: 60% !important; float: left !important;}
.top-row .width-40 {width: 40% !important; float: left !important;}

.hide-on-mobile {display:none;}	
	
.home-grid {flex-basis: 50% !important;}
	
.col-1 {
order: 1;
}	
.col-2 {
order: 2;
}	
.col-3 {
order: 3;
}
.col-4 {
order: 4;
}
	
	p {
    font-size: 1.1rem;
}
	
	li {
  font-size: 1.1rem;
}
	
.homepage-icons {max-width: 150px !important;}
	

	
}


@media only screen and (min-width: 0px) and (max-width: 870px) {
	.products-grid {flex-basis: 50% !important;}
}

@media only screen and (max-width: 868px) {
	
.news-grid {flex-basis: 100% !important;}
.news-image-tile-image{height: 22rem;}

}


@media only screen and (max-width: 800px) {
	

	
	.product-grid-photos {flex-basis: 100% !important;}
	.product-grid-title {flex-basis: 100% !important;}

		.chart-grid {flex-basis: 50% !important;}
	.breed-image {flex-basis: 100% !important;} 
	.product .hmy-content {
    padding: 10px 0px;
}
	.p7OPM-04 .opm-panel-content {
		padding: 20px 20px}
}



@media only screen and (max-width: 750px) {
	

		.col-1 {
	order: 1;
	flex-basis: 100% !important;
	}	
	.col-2 {
	order: 2;
	flex-basis: 100% !important;
	}	
	.col-3 {
	order: 4;
	flex-basis: 100% !important;
	}
	.col-4 {
	order: 3;
	flex-basis: 100% !important;
	}
	
}

@media only screen and (max-width: 725px) {
.services-grid {flex-basis: 50% !important;}
.services-grid .cta {min-height: 0px;}	

}



@media only screen and (max-width: 700px) {
	.footer .width-25 {min-height: 0px;}
	
	.about h3 {font-size: 1.1rem;}	
	
	.services h2 {font-size: 1.1rem;}
	
	h1 {font-size: 2rem; margin-top:5px; margin-bottom:5px; }
	h2{font-size: 1.8rem;}
	h3{font-size: 1.6rem;}
	h4{font-size: 1.2rem;}
	h5{font-size: 1.1rem;}
	
	
	.logo {
margin-top: 0px !important;
padding-top: 0px !important;
}
	
	.mobile-padding{
	/*padding-top:0px !important;
	padding-bottom:0px !important;*/
	padding: 0px !important;
}
.tagline-row {
  margin-top: 20px !important;
}	
	
	.home-page-title {font-size: 1.4rem;}
	
	.fill-container {height: 350px;}
	
	.menu-sub-row .lbm-right {text-align: center !important;}
	.menu-sub-row .p7AMM.amm-right {text-align: center !important;}
	
	.mobile-side-padding {padding: 10px 30px !important;}	
	
	.in-this-section {margin:3%;}
	
	.siop-ar-lein {display: none !important;}


	.christmas {
		 margin-top: 10px;
    margin-bottom: -7px;
}
	
}

@media only screen and (min-width: 0px) and (max-width: 680px) {
	.products-grid {flex-basis: 100% !important;}
}

@media only screen and (min-width: 0px) and (max-width: 680px) {
	.services-grid-top .cta {min-height: 66px;}	
}



@media only screen and (max-width: 600px) {
	/*.home-grid {flex-basis: 50% !important;}*/
	.about-grid {flex-basis: 50% !important;}
	
	.home-page-title {font-size: 1.35rem;}
	
	/*.logo {max-width: 200px;}*/
	
	.services-grid .cta, .services-grid-top .cta {min-height: 0px;}
		

}
@media only screen and (min-width: 0px) and (max-width: 500px) {
select {
	max-width: 200px;}
input[type="submit"] {
	margin-top: 0px;
	margin-left: 0px;	}
}
	

@media only screen and (max-width: 450px) {
	
	.fill-container {
  		height: 315px;
	}	
	

}

@media only screen and (max-width: 375px) {
	
	.fill-container {
  		height: 285px;
	}	

}


@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
     html {
        -webkit-text-size-adjust: none;
     }
}