/* ==========================================================================
   Css reset
   ========================================================================== */
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

/* ==========================================================================
   Common Styles
   ========================================================================== */
.alignleft{float:left;margin-right:15px}.alignright{float:right;margin-left:15px}.aligncenter{display:block;margin:0 auto 15px}a:focus{outline:solid 0}img{max-width:100%;height:auto}.fix{overflow:hidden}h1,h2,h3,h4,h5,h6{margin:0 0 15px;line-height: 1.3em; font-weight:700}body,html{height:100%}a{transition:.3s;color:#333}a:hover{text-decoration:none}
body, html {background: #FFCB05 none repeat scroll 0 0;}
#scrollUp{background: url(img/top.png) no-repeat;height: 38px; width: 38px;bottom: 50px; right: 50px;text-indent: -999999px;display:block;}

/* ==========================================================================
   FONT STYLE AREA
   ========================================================================== */
@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('fonts/proximanova-regular-webfont.eot');
    src: url('fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-regular-webfont.woff2') format('woff2'),
         url('fonts/proximanova-regular-webfont.woff') format('woff'),
         url('fonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_novalight';
    src: url('fonts/proximanova-light-webfont.eot');
    src: url('fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-light-webfont.woff2') format('woff2'),
         url('fonts/proximanova-light-webfont.woff') format('woff'),
         url('fonts/proximanova-light-webfont.ttf') format('truetype'),
         url('fonts/proximanova-light-webfont.svg#proxima_novalight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url('fonts/proximanova-bold-webfont.eot');
    src: url('fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-bold-webfont.woff2') format('woff2'),
         url('fonts/proximanova-bold-webfont.woff') format('woff'),
         url('fonts/proximanova-bold-webfont.ttf') format('truetype'),
         url('fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_rgsemibold';
    src: url('fonts/proximanova-semibold-webfont.eot');
    src: url('fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-semibold-webfont.woff2') format('woff2'),
         url('fonts/proximanova-semibold-webfont.woff') format('woff'),
         url('fonts/proximanova-semibold-webfont.ttf') format('truetype'),
         url('fonts/proximanova-semibold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'ProximaNovaCond-Regular';
  src: url('fonts/ProximaNovaCond-Regular.eot');
  src: url('fonts/ProximaNovaCond-Regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/ProximaNovaCond-Regular.woff2') format('woff2'),
       url('fonts/ProximaNovaCond-Regular.woff') format('woff'),
       url('fonts/ProximaNovaCond-Regular.ttf') format('truetype'),
       url('fonts/ProximaNovaCond-Regular.svg#ProximaNovaCond-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNova-Extrabld';
  src: url('fonts/ProximaNova-Extrabld.eot');
  src: url('fonts/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'),
       url('fonts/ProximaNova-Extrabld.woff2') format('woff2'),
       url('fonts/ProximaNova-Extrabld.woff') format('woff'),
       url('fonts/ProximaNova-Extrabld.ttf') format('truetype'),
       url('fonts/ProximaNova-Extrabld.svg#ProximaNova-Extrabld') format('svg');
  font-weight: normal;
  font-style: normal;
}


.common_width{width: 1100px;margin: 0 auto;}
.slicknav_menu {display: none;}
/* ==========================================================================
   Header Area
   ========================================================================== */
#header_area{}
#header_area .inner_header_area{margin-bottom: 45px;
margin-top: 45px;
overflow: hidden;}
#header_area .logo_area{float: left;
width: 140px;}
#header_area .logo_area img{}
#header_area .logo_area a{}

#header_area .callto_area{width: 540px;
float: right;}
#header_area .callto_area .text_area{width: 445px;
float: left;
text-align: right;}
#header_area .callto_area .text_area h1{color: #d02724;
font-family: "Droid Serif",serif;
font-size: 30px;
font-style: italic;
font-weight: 400;
margin-bottom: 5px;
padding-top: 20px;}
#header_area .callto_area .text_area p{color: #000000;
font-family: "Droid Serif",serif;font-size: 16px;
font-style: italic;
font-weight: 400;}
#header_area .callto_area .image_area{width: 90px;
float: right;}
#header_area .callto_area .image_area img{}


/* ==========================================================================
    Menu Area
   ========================================================================== */
#main_menu{background: #d1212a none repeat scroll 0 0;}
#main_menu .inner_mainmenu{}
#main_menu .inner_mainmenu ul#nav{list-style: outside none none;
margin: 0;
padding: 0;
text-align: center;}
#main_menu .inner_mainmenu ul#nav li{display: inline-block;position: relative;}
#main_menu .inner_mainmenu ul#nav li a{color: #ffffff;
display: inline-block;
font-family: "proxima_nova_rgregular";
font-size: 16px;
padding: 10px 34px;
text-decoration: none;}
#main_menu .inner_mainmenu ul#nav li a:hover{text-decoration: underline;}

/*Dropdown Menu Area*/
#main_menu .inner_mainmenu ul li ul{left:-999999px;margin-top:0px;padding: 0;position: absolute;z-index:5; list-style:none;}
#main_menu .inner_mainmenu ul li:hover ul{left:0px;}
#main_menu .inner_mainmenu ul li ul li{background: #bd131c none repeat scroll 0 0;border-bottom: 1px solid #d1212a;
float: none;
margin-right: 0;
padding: 0;
width: 145px;
z-index: 5;}
#main_menu .inner_mainmenu ul li ul li:last-child{border-bottom: 0px dotted #262626;}
#main_menu .inner_mainmenu ul li ul li a{color: #ffffff !important;display: block;padding: 10px 20px !important;}
#main_menu .inner_mainmenu ul li ul li a:hover{ color:#cccccc;border-radius:0px;text-decoration:none;}
/*End of Dropdown Menu Area*/

/* ==========================================================================
    Friendlist Pet Store Area
   ========================================================================== */
#friendlist_petstore{background: rgba(0, 0, 0, 0) url("img/Friendlist.jpg") no-repeat scroll center center;
overflow: hidden;}
#friendlist_petstore .inner_friendlist{width: 820px;
margin: 80px auto;}
#friendlist_petstore .inner_friendlist h1{background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #d61f2a;
font-family: "Droid Serif",serif;
font-size: 48px;
font-weight: 400;
margin: 0;
text-align: center;}
#friendlist_petstore .inner_friendlist h1 span{background: #d1212a none repeat scroll 0 0;
color: #fff;
margin: 0 10px;
padding: 5px 12px;}
#friendlist_petstore .inner_friendlist h2{color: #d61f2a;
font-family: "Droid Serif",serif;
font-size: 12px;
font-weight: 400;
margin: 0;
padding-right: 100px;
text-align: right;}
#friendlist_petstore .inner_friendlist h3{color: #d1212a;
font-family: "Droid Serif",serif;
font-size: 24px;
font-weight: 400;
margin: 0 auto;
padding-bottom: 40px;
text-align: left;}
#friendlist_petstore .inner_friendlist h4{color: #d1212a;
font-family: "Droid Serif",serif;
font-size: 24px;
font-weight: 400;
margin: 0 auto;
padding-bottom: 15px;
text-align: left;}
#friendlist_petstore .inner_friendlist p{color: #d1212a;
font-family: "proxima_nova_rgregular";
font-size: 18px;
font-weight: normal;
margin-bottom: 25px;
text-align: left;}
#friendlist_petstore .child_friendlist{margin: 40px 0 20px;
width: 365px;}
#friendlist_petstore .child_friendlist h2.dollar{background: rgba(0, 0, 0, 0) url("img/cheap.png") no-repeat scroll 0 0;
color: #d1212a;
font-family: "proxima_nova_rgregular";
font-size: 18px;
font-weight: normal;
padding-bottom: 30px;
padding-left: 55px;
padding-right: 0;
text-align: left;}
#friendlist_petstore .child_friendlist h2.chate{background: rgba(0, 0, 0, 0) url("img/advice.png") no-repeat scroll 0 0;
color: #d1212a;
font-family: "proxima_nova_rgregular";
font-size: 18px;
font-weight: normal;
padding-left: 55px;
padding-right: 0;
text-align: left;
padding-bottom: 30px;}
#friendlist_petstore .child_friendlist p{color: #d1212a;
font-family: "proxima_nova_rgregular";
font-size: 18px;
font-weight: normal;
margin-bottom: 8px;
text-align: left;}
#friendlist_petstore .button_area {overflow: hidden;width: 100%;}
#friendlist_petstore .child_friendlist a.latest_offer{}
#friendlist_petstore .child_friendlist a.opendays{}
#friendlist_petstore .child_friendlist a:hover{}
#friendlist_petstore .child_friendlist.left{float: left;}
#friendlist_petstore .child_friendlist.right{float: right;}

/* ==========================================================================
    Benefits Area
   ========================================================================== */
#benefits_area{overflow: hidden;width: 100%;}
#benefits_area .inner_bebefits_area{}
#benefits_area .inner_bebefits_area h2{color: #d1212a;
font-family: 'Droid Serif', serif;
font-size: 24px;
font-weight: 400;
margin: 0 auto;
text-align: center;
width: 650px;}
#benefits_area .child_bebefets{
	float: left;
	margin-right: 60px;
	margin-top: 10px;
	width: 325px;
	overflow: hidden;
}
#benefits_area .shop_photo{
	margin-right: 10px !important;
	text-align:center;
}
#benefits_area .child_bebefets:last-child{margin-right: 0px;}
#benefits_area .child_bebefets img{border: 0px solid;}
#benefits_area .child_bebefets p{color: #d1212a;
font-family: "Droid Serif",serif;
font-size: 14px;
font-weight: 400;
line-height: 1.4em;
margin-top: 8px;
text-align: center;
}

img.deg90{
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

img.maxHeight{
	max-height:243.75px;
}

.multiple-borders {
	margin:20px;
  -webkit-box-shadow:
     0px 0px 0px 2px rgba(0,0,0,0.6),
                0px 0px 0px 14px #fff,
                0px 0px 0px 18px rgba(0,0,0,0.2),
                6px 6px 8px 17px #555;

     -moz-box-shadow:
     0px 0px 0px 2px rgba(0,0,0,0.6),
                0px 0px 0px 14px #fff,
                0px 0px 0px 18px rgba(0,0,0,0.2),
                6px 6px 8px 17px #555;

          box-shadow:
     0px 0px 0px 2px rgba(0,0,0,0.6),
                0px 0px 0px 14px #fff,
                0px 0px 0px 18px rgba(0,0,0,0.2),
                6px 6px 8px 17px #555;
}

/* ==========================================================================
    Ceperate Per Area
   ========================================================================== */
#ceperate_pet{margin-bottom: 50px;
margin-top: 40px;
overflow: hidden;
width: 100%;}
#ceperate_pet .inner_ceperate_pet{}
#ceperate_pet .child_ceperate_pet {
  float: left;
  margin-right: 75px;
  margin-top: 32px;
  width: 300px;
}
#ceperate_pet p{color: #d1212a;
font-family: "proxima_nova_rgregular";
font-size: 18px;
font-weight: normal;
text-align: left;
margin-bottom: 8px;}
#ceperate_pet .child_ceperate_pet_image{float: right;
width: 285px;}
#ceperate_pet .child_ceperate_pet_image img{}

/* ==========================================================================
    Map Area
   ========================================================================== */
#map_area{width: 100%;
overflow: hidden;}
#map_area img{height: auto;width: 100%;}
#map_area img.desktop{display: block}
#map_area img.mobile{display: none}