/* FOOTER LINK COLORS */

.footer a:link, 
.footer a:visited, 
.footer a:active 	{ color: yellow; text-decoration: none; white-space: nowrap; }

.footer a:hover 	{ color: blue; text-decoration: none; white-space: nowrap; }


/* COPYRIGHT LINK COLORS */

div.footer-copyright a:link, 
div.footer-copyright a:visited, 
div.footer-copyright a:active 	{ color: #B5D0E7; text-decoration: none; }

div.footer-copyright a:hover 	{ color: #FFFFFF; text-decoration: underline; }


.smalltext	{ color: #291f07; font: 23px "PT Sans", arial, sans-serif; font-weight: normal; padding-bottom: 5px; line-height: normal; }



/* NON-GALLERY IMAGE BORDERS */

.q-border	 	{ border: #291f07 1px solid; }


.puppypix	 	{
	border: #291f07 2px solid;
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	max-width: 480px;
	max-height: none;
	width: 0px;
}

 .puppypix-200 		{ width: 500px; height: auto; border: #291f07 2px solid;}



.puppypix-500	 	{ border: #291f07 2px solid; width: 500px; height: auto;}

.Galborder	 	{ border: #291f07 1px solid; cursor:pointer; }	

A:hover .Galborder,
A:active .Galborder 	{ border: green 1px solid; cursor:pointer; }

/***************
START Media Queries #1 WHEN PAGE WIDTH LESS THAN 890 IS ACTIVE (FOR TABLET)
***************/
@media handheld and (max-width: 890px),
   screen and (max-device-width: 890px),
   screen and (max-width: 890px) 

{	
.puppypix-200 		{ width: 400px; height: auto; border: #291f07 2px solid;}
}	

{	
.puppypix-300 		{ width: 300px; height: auto; border: #291f07 2px solid;}
}	

{	
.puppypix 			{ width: 400px; height: auto; border: #291f07 2px solid;}
}	

 	
.puppypix-500 		{
	width: 461px;
	height: auto;
	border: #291f07 2px solid;
	font-weight: normal;
}
 	

/***************
START Media Queries #2 WHEN PAGE WIDTH LESS THAN 740 IS ACTIVE
***************/
@media handheld and (max-width: 740px),
   screen and (max-device-width: 740px),
   screen and (max-width: 740px) 
{ 
.puppypix 			{ width: 300px; height: auto; }
}

{	
.puppypix-200 		{ width: 80%; height: auto; border: #291f07 2px solid;}
}	

{	
.puppypix-300 		{ width: 250px; height: auto; border: #291f07 2px solid;}
}	


{	
.puppypix-500 		{ width: 250px; height: auto; border: #291f07 2px solid;}
}	


/***************
START Media Queries #3 -  WHEN PAGE WIDTH LESS THAN 482 IS ACTIVE
                      CLASSES HERE CAN ALSO BE FOUND IN THE style.css
***************/
@media handheld and (max-width: 482px),
   screen and (max-device-width: 482px),
   screen and (max-width: 482px) 
  
{
.puppypix 			{ width: 250px; height: auto; }
}

.puppypix-200 		{
	width: 40%;
	height: auto;
	border: #291f07 2px solid;
	text-align: right;
}
}


{	
}	

/* MISC */

form .form-group {
  margin-bottom: 15px; }

.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.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%;
}

/* 9.2.5. Contact us page */
 

.contact-form label {
  font-size: 0.8333em;
  margin-bottom: 3px; }


.form-group:placeholder {
  color: #808080;
   
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
input[type="date"] {
  line-height: 34px;
}
.form-group {
  margin-bottom: 15px;
}

/* 2.2.1. Buttons */
button, a.button {
  border: none;
  color: #fff;
  cursor: pointer;
  padding: 0 15px;
  white-space: nowrap; }
  button.btn-large, a.button.btn-large {
    padding: 0 32px;
    height: 43px;
    font-size: 1.1667em;
    line-height: 43px; }
  button.btn-medium, a.button.btn-medium {
    padding: 0 32px;
    height: 34px;
    line-height: 34px;
    font-size: 1em; }
  button.btn-small, a.button.btn-small {
    height: 28px;
    padding: 0 24px;
    line-height: 28px;
    font-size: 0.9167em; }
  button.btn-mini, a.button.btn-mini {
    height: 19px;
    padding: 0 20px;
    font-size: 0.8333em;
    line-height: 19px; }
  button.full-width, a.button.full-width {
    padding-left: 0;
    padding-right: 0; }

button {
  font-size: 0.9167em;
  font-weight: bold;
  background: #98ce44;
  height: 34px;
  line-height: 34px; }
  button:hover {
    background: #7fb231; }

a.button {
  display: inline-block;
  background: #d9d9d9;
  font-size: 0.8333em;
  line-height: 1.8333em;
  white-space: nowrap;
  text-align: center; }
  a.button:hover {
    background: #98ce44; }
  a.button.btn-mini {
    padding-left: 10px;
    padding-right: 10px; }
  a.button.btn-large, a.button.btn-medium, a.button.btn-small, a.button.full-width {
    font-weight: bold; }




button, a.button {
  /* Extra buttons */ }
  button.white, a.button.white {
    background: #fff;
    color: inherit; }
  button.silver, a.button.silver {
    background: #d9d9d9; }
  button.sky-blue1, a.button.sky-blue1 {
    background: #01b7f2; }
    button.sky-blue1:hover, a.button.sky-blue1:hover {
      background: #07a5d8; }
 
button.quantum, a.button.quantum{
color: #FFFFFF;    
border: #FFFFFF 1px solid;
background: #291f07; }


    button.quantum:hover, a.button.quantum:hover {
color: #291f07;
border: #FFFFFF 1px solid;
background: #FFFFFF; }
 
 

  button.yellow, a.button.yellow {
    background: #fdb714; }
    button.yellow:hover, a.button.yellow:hover {
      background: #e9b02b; }
  button.dark-blue1, a.button.dark-blue1 {
    background: #2d3e52; }
  button.green, a.button.green {
    background: #98ce44; }
    button.green:hover, a.button.green:hover {
      background: #7fb231; }
  button.red, a.button.red {
    background: #e44049; }
  button.light-brown, a.button.light-brown {
    background: #e6c687; }
  button.orange, a.button.orange {
    background: #ff6000; }
  button.dull-blue, a.button.dull-blue {
    background: #12a0c3; }
  button.light-orange, a.button.light-orange {
    background: #f5a77d; }
  button.light-purple, a.button.light-purple {
    background: #db8df6; }
  button.sea-blue, a.button.sea-blue {
    background: #0ab596; }
  button.sky-blue2, a.button.sky-blue2 {
    background: #6dace6; }
  button.dark-blue2, a.button.dark-blue2 {
    background: #194eb0; }
  button.dark-orange, a.button.dark-orange {
    background: #ff3e3e; }
  button.purple, a.button.purple {
    background: #9f60b5; }
  button.light-yellow, a.button.light-yellow {
    background: #ffd200; }
  button.btn-extra, a.button.btn-extra {
    font-size: 1em;
    height: 70px;
    padding: 0;
    text-transform: uppercase;
    background: transparent;
    color: #fff;
    line-height: 1.5em;
    border: 1px solid #01b7f2;
    border-left: none;
    position: relative;
    overflow: hidden;
    letter-spacing: 0;
    display: inline-table;
    table-layout: fixed;
    margin-right: 10px;
    margin-bottom: 10px; }
    button.btn-extra > i, a.button.btn-extra > i {
      width: 55px;
      vertical-align: middle;
      background: #01b7f2;
      color: #2d3e52;
      font-size: 36px;
      display: table-cell;
      height: 70px;
      text-align: right;
      padding-right: 8px; }
      button.btn-extra > i:after, a.button.btn-extra > i:after {
        display: block;
        content: "";
        position: absolute;
        left: 55px;
        border-bottom: 70px solid #01b7f2;
        border-right: 16px solid transparent;
        top: 0;
        bottom: 0; }
    button.btn-extra > span, a.button.btn-extra > span {
      display: table-cell;
      vertical-align: middle;
      padding: 0 20px 0 35px;
      text-align: left; }
      button.btn-extra > span em, a.button.btn-extra > span em {
        color: #194eb0;
        font-size: 1.6667em;
        font-weight: bold;
        font-style: normal; }
    button.btn-extra:hover, a.button.btn-extra:hover {
      color: inherit;
      background: #fff;
      border: none;
      border-right: 1px solid transparent !important; }
      button.btn-extra:hover > i, a.button.btn-extra:hover > i {
        color: #fff; }
    button.btn-extra.blue, a.button.btn-extra.blue {
      border-color: #01b7f2; }
      button.btn-extra.blue > i, a.button.btn-extra.blue > i {
        background: #01b7f2; }
        button.btn-extra.blue > i:after, a.button.btn-extra.blue > i:after {
          border-bottom-color: #01b7f2; }
      button.btn-extra.blue > span em, a.button.btn-extra.blue > span em {
        color: #01b7f2; }
    button.btn-extra.yellow, a.button.btn-extra.yellow {
      border-color: #fdb714; }
      button.btn-extra.yellow > i, a.button.btn-extra.yellow > i {
        background: #fdb714; }
        button.btn-extra.yellow > i:after, a.button.btn-extra.yellow > i:after {
          border-bottom-color: #fdb714; }
      button.btn-extra.yellow > span em, a.button.btn-extra.yellow > span em {
        color: #fdb714; }