/*
Theme Name: SNUG
Description: Custom
Version: 1.0
Author: obu interactive
Author URI: http://obuinteractive.com
Tags: Custom
*/


/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */

 @font-face {
  font-family: 'FuturaBookBTRegular';
  src: url('css/fonts/futurabook-webfont.eot');
  src: url('css/fonts/futurabook-webfont.eot?#iefix') format('embedded-opentype'),
  url('css/fonts/futurabook-webfont.woff') format('woff'),
  url('css/fonts/futurabook-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'FuturaBookBTMedium';
  src: url('css/fonts/futura-medium-webfont.eot');
  src: url('css/fonts/futura-medium-webfont.eot?#iefix') format('embedded-opentype'),
  url('css/fonts/futura-medium-webfont.woff') format('woff'),
  url('css/fonts/futura-medium-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

   article,
   aside,
   details,
   figcaption,
   figure,
   footer,
   header,
   hgroup,
   nav,
   section { display: block; }

   audio,
   canvas,
   video { display: inline-block; *display: inline; *zoom: 1; }

   audio:not([controls]) { display: none; }
   [hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
 html, body {height: 100%; }
 html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html, button, input, select, textarea { font-family: sans-serif; color: #222; }

body {  color: #303132;
  margin: 0;
  font:15px 'FuturaBookBTRegular',arial,helvetica,clean,sans-serif;
}


/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

 ::-moz-selection { background: #9c7e0f; color: #fff; text-shadow: none; }
 ::selection { background: #9c7e0f; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

   a { color: #673c8a; }
   a:visited { color: #673c8a; }
   a:hover { color: #9ba81c; }
   a:focus { outline: thin dotted; }

   /* Improve readability when focused and hovered in all browsers: h5bp.com/h */
   a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

   abbr[title] { border-bottom: 1px dotted; }

   b, strong { font-weight: bold; }

   blockquote { margin: 1em 40px; }

   dfn { font-style: italic; }

   hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

   ins { background: #ff9; color: #000; text-decoration: none; }

   mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

   /* Redeclare monospace font family: h5bp.com/j */
   pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

   /* Improve readability of pre-formatted text in all browsers */
   pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

   q { quotes: none; }
   q:before, q:after { content: ""; content: none; }

   small { font-size: 85%; }

   /* Position subscript and superscript content without affecting line-height: h5bp.com/k */
   sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
   sup { top: -0.5em; }
   sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

   ul, ol { margin: 1em 0; padding: 10px 0 10px 30px; }
   dd { margin: 0 0 0 40px; }
   nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

 img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

 svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

   figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

   form { margin: 0; }
   fieldset { border: 0; margin: 0; padding: 0; }

   /* Indicate that 'label' will shift focus to the associated form element */
   label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

 legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

 button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

 button, input { line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

 button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

/*
 * Re-set default cursor for disabled elements
 */

 button[disabled], input[disabled] { cursor: default; }

/*
 * Consistent box sizing and appearance
 */

 input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
 input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
 input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

 button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

 textarea { overflow: auto; vertical-align: top; resize: vertical; }

 /* Colors for form validity */
 input:valid, textarea:valid {  }
 input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

   table { border-collapse: collapse; border-spacing: 0; }
   th { text-align: left; }
   td { vertical-align: top; }


/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

   .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */

   /* **************** TEMPLATE ***************** */
   /* ====== Page Head, Body, and Foot ====== */


   #page {


    margin: 0 auto;
    width: 100%;
    _text-align:left;
    min-height: 100%;
  }

  #page > .inner { padding-bottom: 50px; }

  .head {
    background: #673c8a;
    clear: both;
    min-height: 60px;
    position: relative;
    z-index: 9999;
  }

  .head > .inner { margin: 0 auto; width: 1104px; }

  .foot > .inner { min-width: 1104px; }

  .body {
    overflow:hidden;
    _overflow:visible;
    /*  margin-bottom: 50px; */
    _zoom:1;
  }

  .body > .inner {
    background: transparent;
    width: 1050px;
    margin: 0 auto;
    ovreflow: hidden;
  }

  .home .body > .inner { background: transparent; }

  .foot {
    background: #303132;
    z-index: 99999;
    position:fixed;
    left:0px;
    bottom:0px;
    width:100%;
    padding: 2px 0 0 0;
    clear:both;
    font-size: 12px;
  }

  /* re order div */
  .foot .unit {
   float: right;
 }

 .foot > .inner {
  margin: 0 auto;
  padding: 0 1em;

}

.body:after,
.main:after,
.body > .inner:after {
  clear:both;
  display:block;
  visibility:hidden;
  overflow:hidden;
  height:0 !important;
  line-height:0;
  font-size:xx-large;
  content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
}

.sub #bg img {
  height: 100%;
  position: fixed;
  top: 0;
  right: 0px;
  z-index:-9999;
  background-size: cover;
}

/* max image */
/*! Version: 2.0.73 (12-Oct-2012) */.mc-hide-scrolls{overflow:hidden}body .mc-cycle{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}div.mc-image{-webkit-transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;-o-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center center;background-repeat:no-repeat;height:100%;overflow:hidden;width:100%}.mc-old-browser .mc-image{overflow:hidden}

/* ====== Columns ====== */

.main {

  padding: 25px;
  position: relative;
  _zoom:1;
}

.home .main {
	position: absolute;
	bottom: 50px;
	width: 700px;
}

.sub .main {
	width: 700px;
	background: #fff;
  background: rgba(255,255,255,0.8);
  margin: 0;
  height: auto;
  padding-bottom: 80px;
}

.pricelist .main {
	width: 960px;
}

.leftCol { float:left;
  width:400px;
  _margin-right:-3px;
  position: relative;
}

.rightCol {
  float:right;
  width: 242px;
  _margin-left:-3px;
  padding: 35px 0 35px 0;
}

/* **************** GRIDS ***************** */
.line, .lastUnit {overflow: hidden;_overflow:visible;_zoom:1; }
.unit{float:left;_zoom:1;}
.unitExt{float:right;_zoom:1;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit {float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}
/* extending grids to allow a unit that takes the width of its content */
.media{width:auto;}

/* ====== Headings ====== */

/* .h1 -.h6 classes should be used to maintain the
semantically appropriate heading levels - NOT for use on non-headings */

h1, .h1 {
  color: #673c8a;
  font-family: "FuturaBookBTMedium", sans-serif;
  font-size: 45px;
  font-weight:normal;
  font-style: normal;
  margin: 23px 0px 10px 0px;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: -0.05em;
}

h2, .h2, h3, .h3, h4, .h4 {
  color: #673c8a;
  font-family: "FuturaBookBTMedium", sans-serif;
  font-size:25px;
  line-height: 27px;
  font-weight:normal;
  font-style: normal;
  margin: 0;
  padding: 10px 0;
  text-transform: uppercase;
}

h2, .h2 {
  font-size: 30px;
}

h5, .h5, h6, .h6  {
  color: #673c8a;
  font-family: "FuturaBookBTMedium", sans-serif;
  font-size: 20px;
  line-height: 27px;
  font-weight:normal;
  font-style: normal;
  margin: 0;
  padding: 10px 0;
  text-transform: uppercase;
}

/* text */
blockquote {
  font-size: 18px;
  line-height: 21px;
  font-style: italic;
  background: #ececec;
  padding: 15px 15px;
  margin: 1.5em 0.5em ;
}

p {
  font-size: 15px;
  line-height: 21px;
}

.foot p
{
  font-size: 12px;
  line-height: 12px;
}

.main ul {
  list-style: none;
  margin: 0;
}

.main li {
  padding-left: 0;
  text-indent: -.7em;
  line-height: 22px;
  font-size: 15px;
  padding-bottom: 5px;
}

.main ul li:before {
  content: "\25A0";
  padding-right: 0.5em;
  color: #754b96; /* or whatever color you prefer */
}

.main ol li {
	padding-left: 1em;
}

.btn, .btn:visited, .btn:active {
  padding: 0.5em 1em;
  background: #673c8a;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 12px;
  text-decoration: none;
  position: relative;
  display: block;
}

.btn:hover {
  background: #bac832;
  color: #fff;
}


.arrow_btn {
  position: relative;
  display: inline-block;
}

.arrow_btn a {
  padding: 10px 1em;
  background: #673c8a;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 12px;
  text-decoration: none;
  padding-right: 60px;
}

.arrow_btn a:hover {
  background: #bac832;
  color: #fff;
}


.arrow_right {
	position: absolute;
	background: #a3b120;
	-moz-border-bottom-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	top: -3px;
	right: -10px;
	padding: 0.40em 0.7em 0.45em 0.5em ;
	text-transform: lowercase;
}
.arrow_right:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: auto;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_right:after {
	border-color: rgba(186, 200, 50, 0);
	border-right-color: #a3b120;
	border-width: 13px;
	top: 50%;
	margin-top: -13px;
}


/* Header */
.logo {
  color: #fff;
  margin: 0;
  padding: 0;
  text-align: left;
  position:absolute;
  left: 10px;
}

.logo a {
  background: transparent url(css/img/logo.png) top left no-repeat;
  color: #fff;
  display: block;
  width: 200px;
  height: 143px;
}

#nav_toggle {
  display: none;
}

#primary {
  right: 10px; position: absolute; display: block;
}
.dental15 {
  position: absolute;
  top: 100%;
  right: 3%;
}
.dental15 img {
  max-width:215px;
}

/* base navigation */
.nav {
  margin: 0;
  padding: 0;

}

.nav li {
  display: inline-block;
  list-style: none;
  font-family: 'FuturaBookBTRegular';
}

.nav a {
  display: inline-block;
}

.nav a:hover {  }

#subnavbar {
  width: 100%;
  background: #303132;

  margin: 0;
  padding: 0;
}

#subnavbar .inner {
  position: relative;
  padding-left: 180px;
  padding-top: 12px;
  padding-bottom: 12px;
}

#subnavbar .back-btn {
  float: left;
  border-right: 1px dotted #999;
  margin-right: 10px;
}

#subnavbar .back-btn a {
  color: #bac832;
  font-size: 20px;
  padding: 0px 20px 0px 0px;
  display: block;
}

/* navigation skins */

.primary {
  color: #fff;
  float: left;
  padding: 16px 10px 0 0;
}

.primary li {
  display: block;
  float: left;
  margin: 0 1px;
  padding: 0;
}

.primary a {
  background: #754b96;
  color: #fff;
  font-size: 12px;
  padding: 7px 14px;
  text-decoration: none;
  text-transform: uppercase;
  -moz-transition-property: background-color, color;
  -moz-transition-duration:.21s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: background-color, color;
  -webkit-transition-duration: .21s;
  -webkit-transition-timing-function: ease-out;
  transition-property: background-color, color;
  transition-duration: .21s;
  transition-timing-function: ease-out;
}

.primary a:hover {
  background: #bac832;
  -moz-transition-property: background-color, color;
  -moz-transition-duration: .21s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: background-color, color;
  -webkit-transition-duration: .21s;
  -webkit-transition-timing-function: ease-out;
  transition-property: background-color, color;
  transition-duration: .21s;
  transition-timing-function: ease-out;
}

.secondary {
  background: transparent url(css/img/divider.png) 0px 12px no-repeat;
  padding-left: 14px;
}

#subnav .nav {
  padding-top: 2px;
}

#subnav a {
  font-size: 12px;
  text-transform: uppercase;
  color: #ffffff;
  text-decoration: none;
  padding: 5px 10px;
}

#subnav a:hover {
  color: #a96caa;
}

/* drop down-*/

#primary .nav li, #subnav .nav li{
 position:relative;
}


#primary .nav ul, #subnav .nav ul{
 list-style:none;
 position:absolute;
 left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#primary .nav ul li, #subnav .nav ul li{
 padding: 0; /* Introducing a padding between the li and the a give the illusion spaced items */
 float:none;
 width: 100%;
}
#primary .nav ul a, #subnav .nav ul a{
 white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
 width: 100%;
 background-color:rgba(103,60,138,0.9);
}

#primary .nav ul a:hover, #subnav .nav ul a:hover{
 background-color:#bac832;
}


#primary .nav li:hover ul, #subnav .nav li:hover ul{ /* Display the dropdown on hover */
 left:0; /* Bring back on-screen when needed */
}

/* subnav drops */



#subnav .nav ul {

  padding-top: 5px;
  z-index: 999;

}

#subnav .nav ul a {
	background-color: #424447;
	padding: 5px 10px;
}
/*===========================================
=            animal hospital nav            =
===========================================*/
ul.animal-hospital-nav {
  padding:0px;
  display:inline-block;
}
ul.animal-hospital-nav li {
  display: inline-block;
  margin: 5px 0px;
  list-style: none;
  text-indent: 0px;
  padding: 5px;
}
ul.animal-hospital-nav li:before {
  content: none;
  padding: 0px;
  color: #754b96;
}
ul.animal-hospital-nav li a {
  color: #fff;
  background-color: #673c8a;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 8px 15px;
  text-decoration:none;
}
ul.animal-hospital-nav li a:hover {
  background-color:#10ada6;
  -webkit-transition: background-color .5s ease-out 0s;
  -moz-transition: background-color .5s ease-out 0s;
  -o-transition: background-color .5s ease-out 0s;
  transition: background-color .5s ease-out 0s;
}
/* end animal hospital nav */
.social {
  position: fixed;
  right: 30px;
  bottom: 80px;
  margin-top: 50px;
}

.social li {
  float: left;
  list-style: none;

}

.social .facebook {
  position: relative;
}

.social .facebook a {
  background: transparent url(css/img/facebook.png) left top no-repeat;
  color: transparent;
  display: block;
  font: 0/0 a;
  width: 38px;
  height: 39px;
}

.fb-box {
  background: #ffffff;
  height: 265px;
  width: 300px;
  position: absolute;
  bottom: 20px;
  right: 20px;
  display: none;
  -moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
  -webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
  box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
  zoom: 1;
  z-index: 999999;
}

.social .twitter a {
  background: transparent url(css/img/twitter.png) left top no-repeat;
  color: transparent;
  display: block;
  font: 0/0 a;
  width: 38px;
  height: 39px;
}

.social .google a {
  background: transparent url(css/img/google.png) left top no-repeat;
  color: transparent;
  display: block;
  font: 0/0 a;
  width: 38px;
  height: 39px;
}

.box-arrow-btn {
  padding: 9px;
}

.box-arrow-btn a {
  background-color: #fff;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  color: #6d6e71;
  font-size: 12px;
  padding: 10px 60px 10px 10px;
}

.arrow_box {
	position: absolute;
	background: #673c8a;
	-moz-border-bottom-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	color: #ffffff;
	text-transform: lowercase;
  display: inline-block;
  height: 22px;
  top: 6px;
  right: -10%;
}

.arrow_box span {
  padding: 3px 10px 0px 10px;
  display: inline-block;
  position: relative;
}

.arrow_box:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(103, 60, 138, 0);
	border-right-color: #673c8a;
	border-width: 11px;
	top: 50%;
	margin-top: -11px;
}


.social .signin {

}

.bull {
  color: #999;
  padding: 0 1px;

}

.address {
  float: right;
  padding: 0;
  margin: 0;
}

.address {
  color: #fff;
  margin: 0;
  text-transform:uppercase;
  padding: 5px 0 6px 0;
}

.copy {
  color: #fff;
  margin: 0;
  text-transform:uppercase;
  padding-top: 11px;
}

.copy a {
  color: #bf9ddb;
  text-decoration: none;

}

.copy a:hover {
  text-decoration: underline;
}

/* Modules */

#services {
  clear:both;
  width: 100%;
}

#services .testimonial {
  padding: 10px 10px 10px 0px;
}

#services .testimonial h4 {
  font: 15px/19px normal;
  text-transform: none;
  font-style: italic;
}

#services .testimonial p.author {
  padding: 0px;
  margin: 0px;
}

#services .testimonial p.author:before {
  content: "-";
}


.box {
  background: #fff;
  background: rgba(255,255,255,0.8);
  margin: .5em;
}

.box .hd {
  overflow: hidden;
  padding: 1em;
}

#services h1 {
  font-size: 25px;
}

.box .hd h3 {
  margin: 0;
  font-size: 13px;
  padding: 0;
  line-height: 15px;
}

.box-heading {
  margin: 0;
}

.box .hd a {
  color: #303132;
  display: block;
  text-decoration: none;
}

.box .bd {
 padding: 0 1em 1em;

}

.box .bd > p {
  margin-top: 0;
}

.box .t-content p {

  font-size: 12px;
  line-height: 15px;
}
.maintenance-table {
  width:700px;
}
.maintenance-table td {
  padding: 6px 10px;
  margin: 0px;
  vertical-align: top;
  border: solid #cccccc;
  border-width: 1px 1px 1px 1px;
}
.maintenance-table tr:nth-child(even) td {
  background:#efefef;
}
.maintenance-table tr:nth-child(odd) td {
  background:#fbfbfb;
}
.maintenance-table tr:first-child td {
  background:#673c8a;
  font-weight:bold;
  color:#fff;
  text-align:center;
}

/* Toggle Unit */

.t-unit {

}

.expanded {

}

.collapsed {

}

.t-control {

}

.t-content {

}

.t-up-arrow {
  background: transparent url(css/img/up-arrow.png) right center no-repeat;
  margin: 0;
}

.t-up-arrow a {
  color: #303132;
  display: block;
  text-decoration: none;
}

.t-x {
  background: transparent url(css/img/x.png) right center no-repeat;
  margin: 0;
}


/* Buttons */
.submit-btn {
  position: relative;
}

.submit-btn button {
  background: #673C8A;
  border: 0 none;
  -moz-border-bottom-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  text-transform: lowercase;
  color: #fff;
  font-size: 11px;;
  padding: 6px 7px 6px 5px;
  position: relative;
  left: -10px;
}

.pt-left {
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-right: 13px solid #673C8A;
  position: absolute;
  right: 57px;
  top: -5px;
  z-index: 999999;
  display: block;
  display: block
}

.btn {
  display: inline-block;
}

.btn a {
  display: block;
  padding: .5em 1em;
}

.learn-btn {
  background: #fff;

  border: 0 none;

  -moz-border-bottom-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;

  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;

  color: #fff;
  display: inline-block;
  font-size: 93%;
  padding: .5em .8em;
  position: relative;
  left: -10px;

}

.learn-btn .pt-right {
  width: 0;
  height: 0;
  border-top: 13.5px solid transparent;
  border-bottom: 13.5px solid transparent;
  border-left: 13.5px solid #fff;
  position: absolute;
  right: -12.3px;
  top: 0;
  z-index: 2;
}

.alert-coupon {
  background: url(http://www.snugpetresort.com/wp-content/themes/snugpetresort/img/img-coupon.png) 0px 0px no-repeat;
  text-shadow: 0 1px 0 rgba(74, 40, 102, 0.5);
  width: 345px;
  height: 88px;
  padding: 42px 0px 0px 129px;
  margin:0px auto 25px auto;
}
h5.alert-coupon span {
  color: #303132;
  text-transform: none;
  line-height: 15px;
  display: block;
  font: 14px 'FuturaBookBTRegular',arial,helvetica,clean,sans-serif;
  font-style: italic;
}

/* Forms */

.signup p {
  margin: 0;
  padding: 0;
}
body .foot .gform_wrapper { margin: 0; padding: 0; max-width: 100%; }
.foot .gform_wrapper a.gform_anchor {display:none;}
body .signup div { display: inline-block; margin: 0; padding: 0;}
body .signup ul,
.signup ol,
body .signup .gfield_html.gfield_no_follows_desc { padding: 0; margin: 0; }
body .signup .gform_footer { display: none; }

body .signup .top_label .gfield_label {
  padding-right: .5em;
  clear: none;
  font-weight: normal;
  margin: 0;
}


body .signup .newsletter_email input.medium  {
  background: #1c1b1b;
  border: 0 none;
  color: #fff;
  font-size: 95%;
  padding:  .3em .44em;
  width: 160px;
  height: 18px;
  font-family: "FuturaBookBTRegular", sans-serif;
}

/* price tables */
.pricing_table { width: 100%; margin-bottom: 20px;}

.pricing_table td { padding: 5px; }

.pricing_table .priceHead {
  background: #764285;
  color: #ffffff;
  font-family: "FuturaBookBTMedium", sans-serif;
}

.pricelist .social { position: relative; float: left; padding: 0px 0px 0px 0px; bottom: 30px; left: 28px;}

/* gallery */
.galleria-gallery, .galleria-container[style] { width: 100% !important; height: 500px !important;  }

/* forms */
body .main .gform_body ul li:before {
  color: #754B96;
  content: none;
  padding-right: 0;
}

body .main .gform_body li {
  text-indent: 0;
}

body .main .gform_body { width: 100%; padding-left: 0px; }
.main #gform_submit_button_2, .main #gform_submit_button_3 { display: none; }
.main .gform_wrapper input, .main .gform_wrapper textarea { font-size: 13px !important; }

/* And here begins the Wordpress fun.
-------------------------------------------------------------------------------*/

.sub article { padding-bottom: 20px; }

.post {}

.entry-content {}
.entry-content a {}
.entry-content a:hover {}

#meta {}
.meta { border-width: 1px 0px; border-style: dotted; border-color: #aaaaaa; padding: 10px 0px; font-size: 12px; margin: 10px 0; }


.postmetadata {}

#sidebar {}

.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmt {}

ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

/* #Smaller Desktop (960)
================================================== */

/* Note: Design for a width of 1024px */

@media only screen and (min-width: 959px) and (max-width: 1024px) {
	.head > .inner { width: 980px; }
	.foot > .inner { min-width: 980px; }
	.home .main { position: relative; top: 40px; }
	.foot { font-size: 11px; }
	body .signup .newsletter_email input.medium { width: 110px; }
}


/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.head > .inner { width: 100%; }
	.foot > .inner { min-width: 100%; }
	.home .main { position: relative; top: 30px; }

  .back-btn { padding-top: 10px; padding-bottom: 10px; }
  .foot { font-size: 12px; }
  .primary { float: none; }
  .secondary { right: 0px; position: absolute; top: 55px; background: none;}
  #subnavbar { height: 70px; }
  #subnav { padding-right: 200px;	 }
  #subnav a {  padding: 2px 7px; }
  .dental15 {
    top: 172%;
    right: 4%;
  }
  .dental15 img {
    max-width:100px;
  }

  .fb-box { left: 20px;  }

  .social { position: relative; float: left; padding: 0px 0px 0px 0px; bottom: 30px; left: 28px;}
  .foot .unitExt { float: none; text-align: center; width: 100%; }
  .address { float: none; line-height: 27px; }
  .copy { padding: 0px 0px 10px 0px; }
  body #pricing-table .plan { width: 25%; }
}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
	.head > .inner { width: 100%; }
	.body > .inner { width: 100%; }
	.foot > .inner { min-width: 250px; width: 250px; }

	.head { margin-bottom: 0px; min-height: 60px; }
	.logo { padding: 10px 15px; }
	.logo a { background: transparent url(css/img/logotext.png) top left no-repeat; background-size: contain; width: 80px; height: 40px; }
	#subnavbar .inner { padding: 15px 0px 10px 15px; }
	#subnavbar .back-btn {  margin-right: 5px;	padding: 20px 0px 20px 0px; display: none; }
  #subnavbar .back-btn a { font-size: 15px; padding-right: 15px; }

  .t-content img { width: 100%; }
  #nav_toggle { position: absolute; top: 11px; right: 15px; background: #4e2c6c; border: 1px solid #7e559d; display: block; padding: 3px 8px 0px 8px; display: block;  }
  #nav_toggle a { color: #ffffff; text-decoration: none; font-size: 25px; margin: 0;  }

  #primary { position: absolute; top: 60px; left: -1px; display: none; }
  #primary .nav li { display: block; float: none; position: static; left: 0px; }
  #primary .nav a { width: 100%;  font-size: 15px; border-bottom: 1px dotted #af94c5; padding-right: 0px; }
  .primary, .secondary { float: none; position: static; padding: 0; background: none; }
  .dental15 {
    position: absolute;
    top: 0%;
    right: 21.5%;
  }
  .dental15 img {
    max-width: 60px;
  }
  .home .main { width: 100%; padding: 0; margin: 0px; top: 50px; position: static;}
  .sub .main { width: 90%; margin: 0; }
  .sub .main h1 { margin: 0; font-size: 30px }

  .sub .main h2, .sub .main h3, .sub .main h4 { margin: 0; font-size: 17px; line-height: 20px; padding: 10px 0;  }
  .sub .main h5, .sub .main h6 { margin: 0; font-size: 15px; line-height: 19px; padding: 10px 0; }

  .social { position: relative; float: left; padding: 0px 0px 0px 0px; bottom: 30px; left: 28px;}
  .fb-box { left: 20px;  }

  body #pricing-table .plan { width: 80%; }
  body #pricing-table h3 {font-size: 17px; }
  body #pricing-table #most-popular h3 {font-size: 20px; }
  .maintenance-table {width:100%;
  }

  .galleria-gallery, .galleria-container[style] { height: 300px !important;  }

  .foot { position: static; }
  .foot .unitExt { float: none; text-align: center; width: 100%; margin: 0 auto; }
  .address { float: none; line-height: 27px; }
  .copy { padding: 0px 0px 10px 0px; }
  .foot .nav .bull { display: none; }
  .foot .nav li { display: block; }
  .foot .nav ul li {  display: inline; }
  .box { 	background: rgba(255,255,255,1); margin: 0;  padding-bottom: 10px;}

  .bd .t-content { display: block;  }
  .box .hd a { pointer-events: none; cursor: default; }

  /* drop down-*/

  #primary .nav ul{
    position:relative;
    display: none;
  }
  #primary .nav ul a { padding-left: 20px; font-size: 12px; background-color:rgba(48,49,50,0.9);}

  #primary .nav li:hover ul{ /* Display the dropdown on hover */
    display: none;
  }
  .alert-coupon {
    background: url(http://www.snugpetresort.com/wp-content/themes/snugpetresort/img/img-coupon.png) 0px 0px no-repeat;
    text-shadow: 0 1px 0 rgba(74, 40, 102, 0.5);
    width: 345px;
    height: 88px;
    padding: 50px 0px 0px 129px !important;
    margin:0px auto 25px auto !important;
  }
}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.head > .inner { width: 100%; }
	.foot > .inner { width: 480px; }
	#subnavbar .inner { padding: 15px 0px 10px 20px; }
	#subnavbar .back-btn { display: block; padding: 10px 0px 12px 0px; }

  .galleria-gallery, .galleria-container[style] { height: 400px !important;  }
  .box .hd a { cursor: pointer; }
  .box { background: rgba(255,255,255,0.8); margin: .5em; height: auto; }

  .foot .nav .bull { display: inline; }
  .foot .nav li { display: inline-block; }

  body #pricing-table .plan { width: 25%; }
  .alert-coupon {
    background: url(http://www.snugpetresort.com/wp-content/themes/snugpetresort/img/img-coupon.png) 0px 0px no-repeat;
    text-shadow: 0 1px 0 rgba(74, 40, 102, 0.5);
    height: 76px;
    width: 250px;
    padding: 36px 0px 0px 88px !important;
    margin: 0px auto 0px auto !important;
    background-size: 101%;
  }
  h5.alert-coupon span {
    display:none;
  }
}


/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

   /* For image replacement */
   .ir { border: 0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; }

   /* Hide from both screenreaders and browsers: h5bp.com/u */
   .hidden { display: none !important; visibility: hidden; }

   /* Hide only visually, but have it available for screenreaders: h5bp.com/v */
   .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

   /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
   .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

   /* Hide visually and from screenreaders, but maintain layout */
   .invisible { visibility: hidden; }

   /* Contain floats: h5bp.com/q */
   .clearfix:before, .clearfix:after { content: ""; display: table; }
   .clearfix:after { clear: both; }
   .clearfix { *zoom: 1; }

   /* wordpress image styles */
   img.alignright {float:right; margin:0 0 1em 1em}
   img.alignleft {float:left; margin:0 1em 1em 0}
   img.aligncenter {display: block; margin-left: auto; margin-right: auto}
   .alignright {float:right; }
   .alignleft {float:left; }
   .aligncenter {display: block; margin-left: auto; margin-right: auto}



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

   @media print {
    * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; } /* Black prints faster: h5bp.com/s */
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; } /* h5bp.com/t */
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
  }