/*

	Theme Name: ACC

	Theme URI: http://#

	Description: Animal Care and Control

	Version: 1.0

	Author: ByteTechnology

	Author URI: byte-technology.com

	Tags: animal, sanfrancisco



*/



/*------------------------------------*\

    MAIN

\*------------------------------------*/



/* global box-sizing */

*,

*:after,

*:before {

	box-sizing:border-box;

	-webkit-box-sizing:border-box;

	-moz-box-sizing:border-box;

	-webkit-font-smoothing:antialiased;

	font-smoothing:antialiased;

	text-rendering:optimizeLegibility;

}

/* html element 62.5% font-size for REM use */

html {

	font-size:62.5%;

}



input:focus {

	outline:0;

	border:1px solid #04A4CC;

}







/*------------------------------------*\

    WORDPRESS CORE

\*------------------------------------*/



.alignnone {

	margin:5px 20px 20px 0;

}

.aligncenter,

div.aligncenter {

	display:block;

	margin:5px auto 5px auto;

}

.alignright {

	float:right;

	margin:5px 0 20px 20px;

}

.alignleft {

	float:left;

	margin:5px 20px 20px 0;

}

.aligncenter {

	display:block;

	margin:5px auto 5px auto;

}

a img.alignright {

	float:right;

	margin:5px 0 20px 20px;

}

a img.alignnone {

	margin:5px 20px 20px 0;

}

a img.alignleft {

	float:left;

	margin:5px 20px 20px 0;

}

a img.aligncenter {

	display:block;

	margin-left:auto;

	margin-right:auto;

}

.wp-caption {

	background:#FFF;

	border:1px solid #F0F0F0;

	max-width:96%;

	padding:5px 3px 10px;

	text-align:center;

}

.wp-caption.alignnone {

	margin:5px 20px 20px 0;

}

.wp-caption.alignleft {

	margin:5px 20px 20px 0;

}

.wp-caption.alignright {

	margin:5px 0 20px 20px;

}

.wp-caption img {

	border:0 none;

	height:auto;

	margin:0;

	max-width:98.5%;

	padding:0;

	width:auto;

}

.wp-caption .wp-caption-text,

.gallery-caption {

	font-size:11px;

	line-height:17px;

	margin:0;

	padding:0 4px 5px;

}

.sticky {



}

.bypostauthor {



}



/*------------------------------------*\

    PRINT

\*------------------------------------*/



@media print {

	* {

		background:transparent !important;

		color:#000 !important;

		box-shadow:none !important;

		text-shadow:none !important;

	}

	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:"";

	}

	pre,blockquote {

		border:1px solid #999;

		page-break-inside:avoid;

	}

	thead {

		display:table-header-group;

	}

	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;

	}

}



.main{

	margin-top: 80px;

	margin-bottom: 50px;

}

.main a{

	color: #00417d; /* text color */

	font-weight: bold;

}

.slider_area.twoColumn img{

	border-bottom: 19px solid #d77909; /* layer fill content */

	width: 100%;

}

.slider_area.threeColumn img{

border-bottom: 19px solid #008489; /* layer fill content */

width: 100%;

}

.slider_area.oneColumn img{

border-bottom: 19px solid #4F7F00; /* layer fill content */

width: 100%;

}

.slider_area.contact img{

border-bottom: 19px solid #1690c2; /* layer fill content */

width: 100%;

}





.slider_area .title{

	margin-top: -76px;

	

}



.slider_area .title h1 span{

	color: #fff; /* text color */

	font-family: "Oswald";

	font-size: 28px;

	font-weight: bold;

	text-transform: uppercase;

	padding: 3px 15px;

}

.twoColumn .title h1 span{

	background-color: #C35500; /* layer fill content */

}

.threeColumn .title h1 span{

	background-color: #008489; /* layer fill content */

}

.oneColumn .title h1 span{

	background-color:  #4F7F00; /* layer fill content */

}

.contact .title h1 span{

	background-color: #25a9e1; /* layer fill content */

}







.main h1{

	color: #00417d;

font-family: "Open Sans", sans-serif;

font-size: 22px;

font-weight: bold;

margin-top: 35px;

margin-bottom: 15px;

padding-top: 10px

padding-bottom: 10px;

}

.main h2{

	color: #00417d;

font-family: "Open Sans", sans-serif;

font-size: 21px;

margin-top: 35px;

margin-bottom: 15px;

padding-top: 10px

padding-bottom: 10px

}

ul.paw{

}

ul.paw li{

	padding: 4px 0px 4px 30px;

	

	

}

ul.paw li:before{

	content: "";

	width: 32px;

	height: 30px;

}

ul.paw li a{

	color: #00417d; /* text color */

	font-family: "Oswald";

	font-size: 21px;

	font-weight: lighter;



}

ul.paw li:hover a{

	color: #0072bc;	

	

}

ul.paw li:hover:before{

	content: "";

	width: 32px;

	height: 30px;

	background-image: url(images/paw.png);

	background-repeat: no-repeat;

	float: left;

	margin-left: -32px;

}

.main p{

	color: #00417d; /* text color */

}

.main ul.list{

	list-style: disc;

margin-left: 40px;

font-size: 15px;

font-weight: 500;

color: #00417d; /* text color */

}

.main ol.list{

	margin-left: 40px;

font-size: 15px;

font-weight: 500;

color: #00417d; /* text color */

}

.su-row {

		color: #00417d; /* text color */



}

.main span{

	color: #0072bc;

	font-weight: bold;

}

ul.check li.green{

		background-color: #4F7F00; /* layer fill content */

}

ul.check li.cyan{

	background-color: #008489; /* layer fill content */

}

ul.check li.orange{

		background-color: #C35500; /* layer fill content */

}

ul.check li a{

	color: #fff; /* text color */

	font-family: "Oswald";

	font-size: 17px;

	font-weight: bold;

	text-transform: uppercase;

}

ul.check li a span{

	text-transform: lowercase;

	color: white;

}

ul.check li:before{

content: "";

	background-image: url(images/tick.png);

	background-repeat: no-repeat;

	width: 61px;

height: 42px;

float: left;

margin-top: -9px;

margin-left: -10px;

}

ul.check{

	margin-bottom: 50px;

}

ul.check li{

	padding: 10px;

margin-bottom: 10px;

}

.sideservices{

	background-color: #f3f3f3; /* layer fill content */

	padding: 30px 20px;

	width: 100%;

}

.sidecontact{

	background-color: #f3f3f3; /* layer fill content */

	padding: 30px 20px;

	width: 100%;

	margin-top: 50px;

}

.sideservices h2{

	font-size: 20px;

margin-top: 0px;

line-height: 28px;

}

.sidecontact h2{

color: #fff;

font-family: "Oswald";

font-weight: bold;

text-transform: uppercase;

}

.sideservices h2 a{

padding-left: 40px;

color: #fff;

font-family: "Oswald";

font-weight: bold;

text-transform: uppercase;}

h2.promo_one{background: url("images/promo_one_bg.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0);

padding: 5px 0;}

h2.promo_two{background: url("images/promo_two_bg.png")no-repeat scroll 0 5px rgba(0, 0, 0, 0);padding: 5px 0;}

h2.promo_three{background: url("images/promo_three_bg.png")no-repeat scroll 0 5px rgba(0, 0, 0, 0);padding: 5px 0;}

h2.promo_four{background: url("images/promo_four_bg.png")no-repeat scroll 0 5px rgba(0, 0, 0, 0);padding: 5px 0;}

h2.promo_five{background: url("images/promo_five_bg.png")no-repeat scroll 0 5px rgba(0, 0, 0, 0);padding: 5px 0;}

h2.promo_six{background: url("images/promo_six_bg.png")no-repeat scroll 0 5px rgba(0, 0, 0, 0);padding: 5px 0;}

h2.promo_one a{

	color: #C35500; /* text color */

}

h2.promo_two a{

	color:  #4F7F00; /* text color */

}

h2.promo_three a{

	color: #9f1307; /* text color */

}

h2.promo_four a{

	color: #008489; /* text color */

}

h2.promo_five a{

	color: #a90f6f; /* text color */

}

h2.promo_six a{

	color: #0c67a1; /* text color */

}



h2.shelter{background: url("images/shelter.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0);

padding: 5px 0 5px 40px;font-size: 20px;

margin-top: 0px;

line-height: 22px;color: #0c67a1; /* text color */}





.su-spoiler-style-default > .su-spoiler-title {

padding-left: 27px;

padding-right: 0;

border: solid 1px #158fc1;

margin-top: 15px;

	color: #158fc1; /* text color */

}

.su-spoiler-closed > .su-spoiler-title{

	color: #00417d!important; /* text color */

}

.su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon {

left: 0;

display: none;

}

.su-spoiler-style-default > .su-spoiler-content{

	color: #00417d; /* text color */

}



#nav li.dropdown ul.dropdown-menu li:hover ul {

display:block!important; 

position:absolute; 

right:100%;

}

#nav li.dropdown ul.dropdown-menu ul {

display: none!important;

float:right;

position: relative;

top: auto;

margin-top: -30px;

}

.menu-item-has-children.dropdown.open a:hover{

	background: #2bade1;

	width: 100%;

}

.slicknav_nav .slicknav_item:hover{

	background: transparent!important;

}

#nav li.current_page_item.current-menu-item {

	background-color: #428bca;

}

.main-nav ul li ul li a:hover {

background-color: #d0f1ff;

color: #00417e;

}

.main-nav ul li ul.dropdown-menu li.menu-item-has-children a{

	background-color: #d0f1ff;

	width: 100%;

}

.main-nav ul li ul.dropdown-menu li.active a{

color: #fff;

background-color: #428bca;

width: 100%;

}



#mobile-header {

    display: none;

    height: 40px;

line-height: 30px;

font-size: 35px;

padding: 5px;

-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12);

	box-shadow: 0 1px 3px rgba(0,0,0,0.12);



	background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);

	background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);

	background-image: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);

	background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);

	background-image: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);

}

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

    #mobile-header {

        display: block;

    }
    

}

.logo img{

	height: 120px;

}



.sidr ul li ul li {

line-height: 40px;

font-size: 13px;

width: 100%;

}

.sidr ul li a, .sidr ul li span{

	background: transparent;

}





/******* PARTNERS SECTION



******



******************/



#wrap{

	width: 920px;

	height: 400px;

	background: url(images/bg.png);

	position: relative;

	margin: 0 auto;

}



.circle{



	width: 48px;

	height: 48px;

	border-radius: 50%;

	background: white;

	background-position: center;

	background-size: 95%;

	background-repeat: no-repeat;

	cursor: pointer;



}





#c1{



	position: absolute;

	left: 360px;

	top: 260px;

	background-image: url(images/p1.png);

	background-color: white;



}



#c2{

	

	position: absolute;

	left: 420px;

	top: 310px;

	background-image: url(images/p2.png);

	background-color: white;



}



#c3{

	

	position: absolute;

	left: 495px;

	top: 295px;

	

	background-image: url(images/p3.png);

	



}



#c4{

	

	position: absolute;

	left: 585px;

	top: 110px;

	

	background-image: url(images/p4.png);

	background-color: white;



}



#c5{

	

	position: absolute;

	left: 560px;

	top: 230px;

	

	background-image: url(images/p5.png);

	background-color: white;



}



#c6{

	

	position: absolute;

	left: 635px;

	top: 225px;

	

	background-image: url(images/p6.png);

	background-color: white;



}



#c7{

	

	position: absolute;

	left: 300px;

	top: 95px;

	

	background-image: url(images/p7.png);

	background-color: white;



}



#c8{

	

	position: absolute;

	left: 310px;

	top: 170px;

	

	background-image: url(images/p8.png);

	background-color: white;



}



#c9{

	

	position: absolute;

	left: 450px;

	top: 30px;

	

	background-image: url(images/p9.png);

	background-color: white;



}



#c10{

	

	position: absolute;

	left: 525px;

	top: 55px;

	

	background-image: url(images/p10.png);

	background-color: white;

}



#c11{

	

	position: absolute;

	left: 565px;

	top: 310px;

	

	background-image: url(images/p11.png);

	background-color: white;



}





#c12{

	

	position: absolute;

	left: 700px;

	top: 280px;

	

	background-image: url(images/p12.png);

	background-color: white;



}

#c13{

	

	position: absolute;

	left: 615px;

	top: 30px;

	

	background-image: url(images/p13.png);

	background-color: white;



}



#c14{

	

	position: absolute;

	left: 150px;

	top: 45px;

	

	background-image: url(images/p14.png);

	background-color: white;



}



#c15{

	

	position: absolute;

	left: 160px;

	top: 145px;

	

	background-image: url(images/p15.png);

	background-color: white;



}



#c16{

	

	position: absolute;

	left: 220px;

	top: 110px;

	

	background-image: url(images/p16.png);

	background-color: white;



}





#c17{

	

	position: absolute;

	left: 615px;

	top: 167px;

	

	background-image: url(images/p17.png);

	background-color: white;



}

#c18{

	

	position: absolute;

	left: 265px;

	top: 245px;



	background-image: url(images/p18.png);

	background-color: white;



}



#c19{

	

	position: absolute;

	left: 325px;

	top: 335px;



	background-image: url(images/p19.png);

	background-color: white;

}



#c20{

	

	position: absolute;

	left: 725px;

	top: 25px;



	background-image: url(images/p20.png);

	background-color: white;



}





#c21{

	

	position: absolute;

	left: 805px;

	top: 235px;



	background-image: url(images/p21.png);

	background-color: white;



}



#c22{

	

	position: absolute;

	left: 185px;

	top: 205px;



	background-image: url(images/p22.png);

	background-color: white;



}

#c23{

	

	position: absolute;

	left: 740px;

	top: 190px;



	background-image: url(images/p23.png);

	background-color: white;



}

#c24{

	

	position: absolute;

	left: 150px;

	top: 265px;



	background-image: url(images/p24.png);

	background-color: white;



}

#c25{

	

	position: absolute;

	left: 285px;

	top: 35px;



	background-image: url(images/p25.png);

	background-color: white;



}



#c26{

	

	position: absolute;

	left: 365px;

	top: 40px;



	background-image: url(images/p26.png);

	background-color: white;



}

#c27{

	

	position: absolute;

	left: 685px;

	top: 105px;



	background-image: url(images/p27.png);

	background-color: white;



}

#c28{

	

	position: absolute;

	left: 785px;

	top: 105px;

	background-image: url(images/p28.png);

	background-color: white;



}



#c29{

	

	position: absolute;

	left: 85px;

	top: 195px;

	background-image: url(images/p29.png);

	background-color: white;



}
#c30{

	position: absolute;

	left: 83px;

	top: 105px;

	background-image: url(images/p30.png);

	background-color: white;

}



.sf {

	margin:0px;padding:0px;

	width:100%;

	

	-moz-border-radius-bottomleft:0px;

	-webkit-border-bottom-left-radius:0px;

	border-bottom-left-radius:0px;

	

	-moz-border-radius-bottomright:0px;

	-webkit-border-bottom-right-radius:0px;

	border-bottom-right-radius:0px;

	

	-moz-border-radius-topright:0px;

	-webkit-border-top-right-radius:0px;

	border-top-right-radius:0px;

	

	-moz-border-radius-topleft:0px;

	-webkit-border-top-left-radius:0px;

	border-top-left-radius:0px;

}.sf table{

    border-collapse: collapse;

        border-spacing: 0;

	width:100%;

	height:100%;

	margin:0px;padding:0px;

}.sf tr:last-child td:last-child {

	-moz-border-radius-bottomright:0px;

	-webkit-border-bottom-right-radius:0px;

	border-bottom-right-radius:0px;

}

.sf table tr:first-child td:first-child {

	-moz-border-radius-topleft:0px;

	-webkit-border-top-left-radius:0px;

	border-top-left-radius:0px;

}

.sf table tr:first-child td:last-child {

	-moz-border-radius-topright:0px;

	-webkit-border-top-right-radius:0px;

	border-top-right-radius:0px;

}.sf tr:last-child td:first-child{

	-moz-border-radius-bottomleft:0px;

	-webkit-border-bottom-left-radius:0px;

	border-bottom-left-radius:0px;

}.sf tr:hover td{

	

}

.sf tr:nth-child(odd){ background-color:#ffffff; }

.sf tr:nth-child(even)    { background-color:#ffffff; }.sf td{

	vertical-align:middle;

	

	text-align:left;

	padding:10px;

	color:#000000;

}.sf tr:last-child td{

	border-width:0px 1px 0px 0px;

}.sf tr td:last-child{

	border-width:0px 0px 1px 0px;

}.sf tr:last-child td:last-child{

	border-width:0px 0px 0px 0px;

}

.sf tr:first-child th{

		background:-o-linear-gradient(bottom, #C35500 5%, #C35500 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #C35500), color-stop(1, #C35500) );

	background:-moz-linear-gradient( center top, #C35500 5%, #C35500 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#C35500", endColorstr="#C35500");	background: -o-linear-gradient(top,#C35500,f7931d);



	background-color:#C35500;

	border-width:0px 0px 1px 1px;

	font-size:14px;

	font-family:Arial;

	font-weight:bold;

	color:#ffffff;

}

.sf tr:first-child:hover td{

	background:-o-linear-gradient(bottom, #C35500 5%, #C35500 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #C35500), color-stop(1, #C35500) );

	background:-moz-linear-gradient( center top, #C35500 5%, #C35500 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#C35500", endColorstr="#C35500");	background: -o-linear-gradient(top,#C35500,f7931d);



	background-color:#C35500;

}

.sf tr:first-child th{

	border-width:0px 0px 1px 0px;

	padding: 10px;

}

.sf tr:first-child td:last-child{

	border-width:0px 0px 1px 1px;

}

.main ul.list.padding li{

	padding-bottom: 10px;

}



.info{

	background-color: #e9e9e9;

	height: 250px;

	border: 3px solid white;

	padding: 10px;

	text-align: center;

	font-family: "Oswald";

	font-weight: bold;

}

.info h2{

	font-weight: bold;

	font-size: 60px;

	margin-bottom: 10px;

}

.info h5{

	font-size: 26px;

text-transform: uppercase;

font-weight: bold;

margin-top: 10px;

}

.teal{

		color: #008489; /* text color */

}

.orange{

	color: #C35500; /* text color */

}

.green{

	color: #4F7F00; /* text color */

}

.blue{

	color: #25a9e0; /* text color */

}



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

.social_tab_area,.our_partners_area{

	display: none;

}

.slider_area .title h1 span {

    color: #fff;

    font-family: "Oswald";

    font-size: 20px;

    font-weight: bold;

    line-height: 22px;

    padding: 0 15px;

    text-transform: uppercase;

}





}



#popup{

	display: none;

}



ul.social li a {

background: none repeat scroll 0 0 #3a9ed5;

border-radius: 5px;

color: #fff;

display: block;

font-size: 17px;

margin-right: 5px;

padding: 0px 5px!important;

font-size: 19px!important;

}

.partner-div{

	display: none;

}

div.circle:hover{

	background-color: #f7941e;

}

.thumbpartner{

	min-height: 119px;

float: left;

}

.footer_area a{

	color: white;

}

.footer_area{

	    background-size: auto 100%!important;

}

.sf-city{

	float: right;

    padding: 10px;

}



.sidecontact p strong{

	display: block;

    min-width: 50px;

    float: left;

}



/*social*/

.facebookFeed, .twitterFeed{

padding-bottom:25px !important;

}

.facebookFeed .fb-page, .twitterFeed .twitter-timeline{

    padding: 10px 0!important;

    background: #fff!important;

    box-shadow: 0 1px 3px rgba(0, 0, 0, .33)!important;

    border-radius: 3px!important;

}

@media (max-width:640px){

	.header_area{

		background: none!important;

	}

}

ol.nested li{

	padding-bottom: 10px;

	display: block;

}

ol.nested{

	counter-reset: item;

}

ol.nested ol{

	    counter-reset: item;

}

ol.nested li:before { content: counters(item, ".") " "; counter-increment: item;    margin-left: -28px; position: absolute;}

ol.nested ol ol li:before { content: counters(item, ".") " "; counter-increment: item;    margin-left: -40px; position: absolute;}



.main a{

	/*color: #C9838D; !important*/

	color: #ce223b; !important

}



ul.paw li a{

	/*color: #C9838D; !important*/

	color: #ce223b; !important

}

.fb-page{

margin-left: 35px;

width: 520px !important;

}

#twitter-widget-0{

/*margin-left: 17px;*/

max-width: 520px !important;

}



div.partner-div p a{

	color: #ce223b !important;

}

div.fb-page span{

width: 520px !important;

}

div.fb-page span iframe{

width: 520px !important;

}



._2p3a{

width: 520px !important;

}



/*.PIN_1456162660394_embed_grid .PIN_1456162660394_c3{max-width: 1140px!important;}
*/
/*.PIN_1456162700811_embed_grid{max-width: 1140px!important;}*/

div.social_tab_item div.center span{max-width: 100%!important;}
.paddingless{
	padding-top: 0px;
	margin-top: 0px!important;
}
.wp-caption .wp-caption-text, .gallery-caption{
	line-height: 17px;
    margin: 0;
    padding: 10px 4px 5px;
    font-family: "Oswald";
    font-size: 20px;
    font-weight: lighter;
    color: #ce223b;
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
  
.promo{
	    width: 84%;
    margin: 0 auto;
}
.logo img {
    height: 95px;
}
.fb-page{
	    margin: 0 auto!important;
    display: block!important;
}
#twitter-widget-0{
	    margin: 0 auto!important;
    display: block!important;
}
.video_right_content{
	width: 40%;
}
.you_video{
	    width: 60%;
}
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
.our_partners_area{
	display: none;
}
#mobile-header {
    display: block!important;
}
}
span.blue{
	color: #00417d;
	font-weight: normal;
}
#external-form input[type="text"],#external-form input[type="email"],#external-form input[type="password"],#external-form textarea {
    padding: 1%;
    border: 1px solid #EAEAEA;
    line-height: 20px;
    width: 98%;
    margin: 0 0 30px;
    background-color: #F8F8F8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#external-form .spacious-button,#external-form  input[type="reset"], #external-form input[type="button"], #external-form input[type="submit"], button {
    background-color: #00417d;
    color: white;
    border: none;
    padding: 5px;
}
.header_announce{
	    float: left;
    width: 50%;
    padding: 5px;
    color: white;
        max-height: 80px;
}
.header_icon{
	float: right;
	width: 50%;
}