/*------------------------------------------------------

CSS overview:

	1. RESET
	2. MAIN CONTENT
	3. PRIMARY MENU
	4. SECTION TITLE
	5. FOOTER


	8. COLUMNS
	9. TEAM
	10. GRID VIEW
	11. BUTTONS
	12. HIGHLIGHTS
	13. DROPCAPS
	14. DIFFERENT UL STYLES
	15. TOGGLE
	16. ACCORDION
	17. PORTFOLIO
	18. PORTFOLIO THUMBNAIL HOVER
	19. SHAPED STYLE ITEM
	20. HEXAGON STYLE
	21. CIRCLE STYLE
	22. TRIANGLE STYLE
	23. PORTFOLIO FILTERABLE NAVIGATION
	24. ITEM NAVIGATION
	25. CONTACT MODAL WINDOW
	26. CONTACT

---------------------------------------------------------*/

/*--------------------------------------------------
				      RESET
---------------------------------------------------*/
@font-face{
	font-family:Estilo;
	src:url(../images/Estilo.otf);
}

 h1.title, h2.title, h3.title, h4.title, h5.title, h6.title, #primary-menu ul li a, .section-title .title, .section-title .title a, .section-title h1.title span, .section-title p, #footer h3, .services h2, .item-info h3, .item-info-overlay h3, .widget h3.title, .post-title h2.title, .post-title h2.title a, #primary-menu ul li a, .home .one h3 {
        font-family: Estilo !important;   }

pre,code{
	font-family:Estilo;
	white-space:pre;
	padding:20px;
	letter-spacing: 0.1em;
}
pre{
	padding:5px;
}
code{
	-moz-border-radius: 2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background:#fff;
	font-size:11px;
	color: #666666;
	padding: 3px;
	padding-left: 10px;
	background-color: #f8f8f8;
}
.clear:after {
    clear: both;
    content: "";
    display: block;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,  del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	margin:0px;
	padding:0px;
	border:0px;
	border-collapse:separate;
	border-spacing:0px;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	text-decoration:none;

}
html, body {
	height: 100%;
	width: 100%;
	margin:0px;
}
::-moz-selection{ color: #fff; background: #707070; }
::selection { color: #fff; background: #707070; }
body {
	font-family: Asap;
	font-size: 15px;
	text-transform: none;
	line-height: 17px;
	color: #807168;
	background: repeat 0 0 #f8f8f8;
}
h1,h2,h3,h4,h5,h6 {
	margin-bottom: 15px;
	font-weight: normal;
	clear:both;
}
h1{
	font-size:42px;
	line-height: 44px;
}
h2{
	font-size: 32px;
	line-height: 34px;
}
h3{
	font-size:30px !important;
	line-height: 29px;
	margin-bottom: 5px !important;

	color: #a59979;
	text-transform: lowercase !important;
}
h4{
	font-size:20px;
	line-height: 25px;
}
h5{
	font-size:16px;
	line-height: 21px;
}
h6{
	font-size:14px;
	line-height: 17px;
}
h1.title, h2.title, h3.title, h4.title, h5.title, h6.title {
	font-size:22px;
	line-height: 20px;
	font-weight: 300;

}



ul, ol	{
	display: block;
	padding: 0px;
	margin: 0 0 14px 17px;
}
blockquote {
	float: left;
	width: 60%;
	margin: 10px 15px 10px 0;
	color: #aaa;
	background: url(../images/sprite.png) no-repeat scroll 0 -330px transparent;
	font: 16px/17px Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: italic;
	padding-left: 40px;
}
blockquote.right {
	float: right;
	margin: 10px 0 15px  15px;
}
blockquote p {
	padding-left: 0px;

}
p {
	margin-bottom: 14px;
}
p:last-child {
	margin-bottom: 0;
}
em {
	font-style: italic;
}
strong, b {
	font-weight: bold;
}
input, textarea, select, #recaptcha_response_field {
	outline: medium none;
	font-family:  Asap;
	font-size:17px;
	color: #bbb;
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	background-color: #fff;
	padding: 8px;
}
input:focus, textarea:focus, select:focus {
	border: 1px solid #8DC5C5;
	color: #676767;
	box-shadow:0 0 4px rgba(82,168,236,.5);
	-moz-box-shadow:0 0 4px rgba(82,168,236,.5);
	-webkit-box-shadow:0 0 4px rgba(82,168,236,.5);
}
input.submit, input.submit:focus, input.submit:active {
	cursor:pointer;
	text-align:center;
	text-transform: uppercase;
	font-size:11px;
	font-weight: bold;
	line-height: 14px;
    color: #fff;
	text-decoration:none !important;
	padding: 7px;
	border: none;
	-moz-border-radius: 20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	box-shadow:0 0 0;
	-moz-box-shadow:0 0 0;
	-webkit-box-shadow:0 0 0;
}
input.submit:hover {
	background-color: #444;
}
a {
	-webkit-transition:all 0.14s ease 0s;
	-moz-transition:all 0.14s ease 0s;
	-o-transition:all 0.14s ease 0s;
	outline:none;
}
a:hover {
	color: #444;
}
.title, .title a {
	text-decoration: none;
}
.title a:hover {
}
img, iframe {
	max-width:100%;
}
.alignleft {
	float:left;
	margin: 10px 20px 10px 0;
}
.alignright {
	float:right;
	margin: 10px 0 10px 20px;
}
.aligncenter {
	display: block;
	margin: 10px auto 10px auto;
}
.text-align-right {
	text-align: right;
}
.text-align-left {
	text-align: left;
}
.text-align-center {
	text-align: center;
}
.divider {
	float: left;
	width: 100%;
	height: 70px;
}
.divider-border {
	border-top: 2px solid #eee;
	float: left;
	width: 100%;
	margin: 40px 0;
}
/*--------------------------------------------------
			MAIN CONTENT
---------------------------------------------------*/
#wrapper {
	width: 100%;
}
.content-wrapper {
	max-width: 960px;
	margin: 0 auto;
	padding: 0 30px;
	background-color: #fff;
}

#header-wrapper {
}
.header {
	max-width: 960px;
	padding: 0;
	margin: 0;
	position:relative;
}
#contact-fullwidth.header {
	border-bottom: none;
	margin: 0 auto;
}
#logo {

}
#logo, #logo a {
	float: left;
}
#logo a {
}
/*--------------------------------------------------
			PRIMARY MENU
---------------------------------------------------*/
#primary-menu {
	float: left;
	margin: -10px 0 0 0;
	padding: 0 0 11px 0;


}
#primary-menu select {
	display:none;
}
#primary-menu select {
	border: 1px solid #eee;
    cursor: pointer;
    width: 100%;
	padding: 7px;
	margin: 38px 0;
	box-shadow:0 0 0 rgba();
	-moz-box-shadow:0 0 0 rgba();
	-webkit-box-shadow:0 0 0 rgba();
	color: #676767;
}
#primary-menu ul {
	margin: 0;
	padding: 0px 0;
	list-style-type: none;
	float: left;
		width: 107%;
}
#primary-menu ul li:hover {
	visibility: inherit;
}
#primary-menu ul li {
	position: relative;
	display: inline;
	float: left;
	margin: 0 0 0 -1px;
	background: none;
}
#primary-menu ul li:last-child {
    background: none;
}
#primary-menu ul li a {
	text-decoration: none;
	font-size: 18pt;
	font-weight: 400;
	text-transform:lowercase;
	padding: 17px 41px 17px 0px;
	display: block;
	float: right;
	color:#807168;
	font-family:Estilo !important;
	background: none !important;
}
#primary-menu ul li a:hover, #primary-menu ul li.sfHover a {
	color: #e31a00;
}

#primary-menu ul li a.logo {
	display: none;
	margin: 0;
}
#primary-menu ul ul {
	position: absolute;
	top: -9999em;
	width: 180px;
    background: #444;
	z-index: 9999;
}
#primary-menu ul ul li {
	width: 100%;
}
#primary-menu ul li:hover ul {
	left: 0;
	top: 51px;
}
#primary-menu ul li:hover li ul {
	top: -9999em;
}
#primary-menu ul li li:hover ul {
	left: 180px;
	top: 0;
}
#primary-menu ul ul {
	padding: 0;
	margin: 0;
}
#primary-menu ul ul li {
	margin: 0;
	background: none;
	border-bottom: 1px solid #555;
}
#primary-menu ul ul li:last-child {
	border-bottom: none;
}
#primary-menu ul ul li a {
	font-size: 11px;
	padding: 12px 15px;
}
#primary-menu ul li:hover ul li a {
    color: #999;
}
#primary-menu ul li:hover ul li a:hover, #primary-menu ul li.current-menu-item a, #primary-menu ul li.current-menu-parent a, #primary-menu ul li.current-page-ancestor a   {
    color: #e31a00;
    background: none !important;
}
.fixed { position: fixed; top: 0px; z-index:999; height: 59px;  }
#header-wrapper .fixed { }
.fixed .header { border-bottom: none; margin-left:-30px;  width: 1020px; background-color: #f8f8f8;}
.fixed #logo { display:none; }
.fixed .logo2 { position:absolute; left: 30px; top:12px; }
.fixed #primary-menu ul { padding: 0 30px 0 0; }
.fixed #primary-menu ul li ul { padding: 0 0 0 0; }
.fixed #primary-menu ul li { background: url(../images/sprite.png) no-repeat scroll right -149px transparent; }
.fixed #primary-menu ul li:last-child {  background: none; }
.fixed #primary-menu ul li a { color: #676767; padding: 21px 15px; }
.fixed #primary-menu ul li a:hover, .fixed #primary-menu ul li.sfHover a {	background-color: #444;	color: #fff; }
.fixed #primary-menu .current { color: #fff; }
.fixed #primary-menu ul li:hover ul { top: 59px; }
.fixed #primary-menu ul ul li { background: none; }
.fixed #primary-menu ul li:hover ul li a { padding: 12px 15px; background: #444; color:#999; }
.fixed #primary-menu ul li:hover ul li a:hover { color:#fff; }
.fixed #primary-menu ul li ul li ul {
margin-top: -59px;
}
/*--------------------------------------------------
		  SECTION TITLE
---------------------------------------------------*/
.section-title {
	overflow: hidden;
	/margin: 0 0 30px 0;
	/padding: 30px 0;
	/border-bottom: 1px solid #eee;
	clear:both;
}
.section-title .title, .section-title .title a  {
	display: inline;
	word-spacing: 5px;
}
.section-title h1.title {
	font-size:22px;
	line-height: 28px;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
	margin: 0;
	display:none;
}
.section-title h1.title span {
	font-weight: 300;
	text-transform: none;
	color: #aaa;
}
.section-title p {
	font-weight: 300;
	font-size: 22px;
	line-height: 27px;
}
.section-title .section-nav {
}
.section-title .section-nav  ul {
	padding: 20px;
	margin: 0 auto;
}
/*--------------------------------------------------
						 FOOTER
---------------------------------------------------*/
#footer {
	color: #999;
	font-size: 11px;
	background: transparent url('../images/footer-bg.png') no-repeat center top;
	margin-top: 50px;
	width: 100%;
	clear: both;
	padding-top: 177px;
	background-size:100% 100%;
}

#footer .btns {
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	width: 510px;
	margin-top: 10px;
	max-width: 100%;
}

#footer .btns a.btn {
	display: inline-block;
	float: left;
	color: #A79A7B;
	background: white;
	padding: 1px 100px;
	border-radius: 20px;
}

#footer a {
	color: #EC3123;
	font-weight: bold;
}
#footer a:hover {
}
#footer h3 {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 400;
	color: #fff;
	display: block;
}
#footer ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#footer ul li {
	margin-bottom:15px;
}
#footer ul li .date {
	font: normal 11px/20px Helvetica,Arial,sans-serif;
    display: block;
}
#footer-content {
	width: 100%;
	margin: 0 0 0 0px;
	padding: 0 0;
	font-family: Estilo !important;
}
#footer-bottom, #footer-top {
	padding: 5px 0;
	overflow: hidden;
	position: relative;
}
#footer-bottom {
	font-size: 11px;
	/*border-top: 1px dotted #777;*/
	padding: 5px 25px 5px 25px;
}
#footer-bottom p {
	margin-bottom: 0;
	color: #444444;
}
#footer-bottom a {
}
/*--------------------------------------------------
				      COLUMNS
---------------------------------------------------*/
.one, .one-half, .two-third, .one-third, .one-fourth { float:left; position:relative; margin-right:4%; }
.one { width: 100%; margin-right: 0; }
.one-half {	width: 48%; }
.two-third { width: 65.33%; }
.one-third  { width: 30.66%; }
.one-fourth { width: 22%; }
.last { margin-right: 0 !important; }
/*--------------------------------------------------
			TEAM
---------------------------------------------------*/
.team {
	background-color: #f8f8f8;
	position: relative;
}
.team-member-info {
	padding: 15px;
	overflow: hidden;
}
.team-member-info ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.team-member-info li {
	display: inline;
}
.team-member-info h2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}
.team-member-info h3 {
	font-size:11px;
	text-transform: uppercase;
	line-height: 17px;
}
.team-member-info p {
	margin-top: 13px;
}
.team-member-info img {
}
div.arrow {
	background: url(../images/sprite.png) no-repeat 0 -128px transparent;
	height: 6px;
	width: 12px;
	margin: -10px 0 0 17px;
	position: relative;
}
.team-member-info h2, .team-member-info h3, .team-member-info p {
	margin-bottom: 0;
}
.team-member-info .social-personal {
	margin-top: 13px;
	padding-top: 13px;
	border-top: 1px dotted #CCCCCC;
}
.team-member-info .social-personal li {
	display: inline;
	float: left;
}
.team-member-info .social-personal li a {
	padding: 0 5px;
	font-size: 11px;
	color: #676767;
}
.team-member-info .social-personal li a:hover {
	color:#fff;
}
.team-member-info .social-personal li span {
	font-size: 10px;
}


/*--------------------------------------------------
			PHOTOSTREAM
---------------------------------------------------*/
.photostream-wrapper, #footer .photostream-wrapper {
	float: left;
}
.photostream ul, #footer .photostream ul, .widget .photostream ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-left: -10px;
}
.photostream ul li, #footer .photostream ul li, .widget .photostream ul li {
	width: auto;
	float: left;
	margin: 0 0 10px 10px;
}
.photostream a, #footer .photostream a, .photostream img, #footer .photostream img {
	height: 40px;
	width: 40px;
}
.photostream a, #footer .photostream a {
	border: 1px solid #eee;
	padding: 4px;
	display: block;
}
#footer .photostream a {
	border: 1px solid #555;
}
#footer .photostream a {
}
.photostream a:hover, #footer .photostream a:hover {
}
.photostream img, #footer .photostream img {
	opacity:0.7;
	filter:alpha(opacity=70);
}
.photostream a:hover img, #footer .photostream a:hover img {
	opacity:1;
	filter:alpha(opacity=100);
}
/*--------------------------------------------------
		   SERVICES GRAPH
---------------------------------------------------*/
.skills-graph {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.skills-graph li, .skills-graph li span {
	-moz-border-radius: 300px 300px 300px 300px;
	-webkit-border-radius: 300px 300px 300px 300px;
	border-radius: 300px 300px 300px 300px;
}
.skills-graph li {
	margin-bottom: 10px;
	font-size: 11px;
	text-transform: uppercase;
}
.skills-graph li p {
	margin-bottom: 0;
}
.skills-graph li strong {
	margin-left: 5px;
	color: #444;
}
.skills-graph li span {
	height: 13px;
}
/*--------------------------------------------------
		    GRID VIEW
---------------------------------------------------*/
.grid {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
.grid li {
    float: left;
	border-bottom: 1px dashed #ddd;
	border-right: 1px dashed #ddd;
}
.grid.row3 li {
    width: 319px;
}
.grid.row4 li {
    width: 239px;
}
.grid.row5 li {
    width: 191px;
}
.grid.row6 li {
    width: 159px;
}
.grid li.last {
	border-right: none;
}
.grid li.last-row {
	border-bottom: none;
}
.grid img {
	display: block;
	margin: 0 auto;
}
.services div {
	padding: 15px 10px;
	text-align: center;
}
.services div a {
	color: #676767;
}
.services div:hover, .services div:hover a {
	color: #FFFFFF;
}
.services div:hover a {
	background-color:#444;
}
.services img, .services h2 {
	display: block;
	margin-bottom: 20px;
}
.services h2 {
	font-size:15px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
}
.clients img {
	-moz-transition:all 0.14s ease 0s;
	-webkit-transition:all 0.14s ease 0s;
	-o-transition:all 0.14s ease 0s;
	opacity:0.5;
	filter:alpha(opacity=50);
}
.clients img:hover {
	opacity:1;
	filter:alpha(opacity=100);
}
/*--------------------------------------------------
		    BUTTONS
---------------------------------------------------*/
.button {
	cursor:pointer;
	text-align:center;
	display:inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
.button.right {
	float:right;
}
.button, .button:hover {
	font-weight: bold;
	color: #FFFFFF;
	text-transform:uppercase;
}
.button:hover {
	background-color: #444;
}
.small {
	padding:0 6px;
	font-size: 11px;
	line-height: 16px;
}
.medium {
	font-size:11px;
	padding: 7px 14px !important;
}
.large {
	padding: 11px 19px 11px 19px !important;
	font-size: 17px;
}
.rounded {
	-moz-border-radius: 20px;
	-webkit-border-radius:20px;
	border-radius:20px;
}
.grey { background-color:#444; }
.yellow { background-color:#FEEB43; color: #707070; }
.orange { background-color:#f96e5b; }
.green { background-color:#78d18b; }
.tealgreen { background-color:#3ea9a1; }
.blue { background-color: #7CC0CB; }
.navyblue { background-color: #657383; }
.purple { background-color:#9a86a2; }
.magenta {background-color:#C25283; }
.pink { background-color:#F9A7B0; }
.red { background-color:#dc4f49; }
.cream { background-color:#C9C299; }
/*--------------------------------------------------
			HIGHLIGHTS
---------------------------------------------------*/
.highlight1 {
	color: #FFFFFF;
	padding: 0 2px;
}
.highlight2 {
	background-color: #444;
	color: #FFFFFF;
	padding: 0 2px;
}
.highlight3 {
	border-bottom: 1px dotted;
}
/*--------------------------------------------------
			DROPCAPS
---------------------------------------------------*/
.dropcap1 {
	float: left;
	font-size: 53px;
	line-height: 50px;
	color: #444;
	margin: 0 8px 0 0;
	font-weight: bold;
}
.dropcap2 {
    background-color: #444;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 24px;
    line-height: 32px;
    margin: 6px 8px 0 0;
    padding: 5px 0;
    text-align: center;
    width: 44px;
}
.dropcap3 {
    background-color: #444;
    border-radius: 55px 55px 55px 55px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 24px;
    line-height: 44px;
    margin: 6px 8px 0 0;
    text-align: center;
    width: 44px;
}
/*--------------------------------------------------
			DIFFERENT UL STYLES
---------------------------------------------------*/
.check-list ul, .arrow-list ul, .star-list ul {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	display: block;
}
.check-list ul li, .arrow-list ul li, .star-list ul li {
	margin-bottom: 5px;
	padding-left: 20px;
}
.arrow-list ul li {
	background: url(../images/bullet-ul.png) no-repeat scroll -82px 5px transparent;
}
.check-list ul li {
	background: url(../images/bullet-ul.png) no-repeat scroll -42px -45px transparent;
}
.star-list ul li {
	background: url(../images/bullet-ul.png) no-repeat scroll 0px -82px transparent;
}
.colored-counter-list ul {
	counter-reset:li;
	margin-left:0;
	padding-left:0;
}
.colored-counter-list ul > li {
	position:relative;
	list-style:none;
	padding-left: 35px;
	margin-bottom: 13px;
}
.colored-counter-list ul > li:before {
	content:counter(li);
	counter-increment:li;
	position:absolute;
	top:0;
	left:0;
	width:25px;
	margin-right:8px;
	padding: 3px 0;
	text-align:center;
	-moz-border-radius: 2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background-color: #444;
	color: #fff;
}
/*--------------------------------------------------
			TOGGLE
---------------------------------------------------*/
.toggle-wrap {
	float: left;
	width: 100%;
	margin-bottom: 6px;
}
.trigger {
}
.trigger a {
	display: block;
	padding: 10px;
	padding-left: 15px;
	text-decoration: none;
	font-weight: bold;
	color: #676767;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.17);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.17);
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-o-transition-duration: 0s;
	background: url(../images/bullet-toggle.png) no-repeat right 15px #f8f8f8;
}
.trigger.active a {
	background: url(../images/bullet-toggle.png) no-repeat right -20px #f8f8f8;
}
.toggle-container {
	overflow: hidden;
	float: left;
	padding: 15px;
}
/*--------------------------------------------------
	     ACCORDION
---------------------------------------------------*/
.trigger-button {
	float: left;
	width: 100%;
	padding: 10px 0 10px 0;
	margin-bottom: 6px;
	text-decoration: none;
	font-weight: bold;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.17);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.17);
	background: url(../images/bullet-toggle.png) no-repeat right 15px #f8f8f8;
	cursor:pointer;
}
.trigger-button span {
	padding-left: 15px;
}
.trigger-button.active {
	background: url(../images/bullet-toggle.png) no-repeat right -20px #f8f8f8;
}
.accordion {
	float: left;
	padding: 8px 15px 22px 15px;
}
/*--------------------------------------------------
				PORTFOLIO
---------------------------------------------------*/
.icons-list p {
	text-align: center;
}

.portfolio-grid ul li a.hide {
	display: none;
}
.portfolio-grid {
	width: 965px;
	margin: 0 0 0 0px;
	padding: 0;
	float: left;
}



.portfolio-grid ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 105%;
}
.portfolio-grid ul li {
	float: left;
	margin: 0 31px 31px 0;
	padding: 0;
	position: relative;
	background-color: #fff;

	border: 1px solid #fff;
}
.portfolio-grid ul li:hover {

	border: 1px solid #666;
}
.isotope-item {
    z-index: 1;
}
.isotope-hidden {
    z-index: 0;
}

.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

.isotope,.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-o-transition-property: height, width;
	-ms-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {

	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	transition-property: transform, opacity;
}

/* disabling Isotope CSS3 transitions ----------------------------*/
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-o-transition-duration: 0s;
	-ms-transition-duration: 0s;
	transition-duration: 0s;
}


.portfolio-grid ul li.col2 {
	width: 477px;
}
.portfolio-grid ul li.col3 {
	width: 316px;
}
.portfolio-grid ul li.col4 {
	max-width: 216px;
}
.portfolio-grid ul li img {
	float: left;
}


.item-info {
	padding: 0px;
	float: left;
}
.item-info h3, .item-info-overlay h3 {
	font-size: 13px;
	font-style: normal;
	font-weight: 300;
	line-height: 17px;
	margin-bottom: 0;
	display: none;
}
.item-info h3.title a {
	color: #676767;
}
.item-info-overlay h3.title a {
	color: #fff;
}
.item-info-overlay h3.title a:hover {
	color: #444;
}
.item-info h4, .item-info-overlay h4 {
	font-size:11px;
	line-height: 14px;
	color: #444;
	text-transform: uppercase;
	margin-bottom: 0;

	display: none;
}
/*--------------------------------------------------
		    PORTFOLIO THUMBNAIL HOVER
---------------------------------------------------*/
.item-info-overlay {
	color: #fff;
	font-size:11px;
}


.item-info-overlay {
	position:absolute;
	width:100%;
	height:100%;
	left: 0;
	top: 0;
	display: none;
    z-index: 120;
}
.item-info-overlay div {
	padding: 0 9% 9% 9%;

	display: none;

}
.item-info-overlay h3 {
	padding: 9% 9% 2% 9%;
	font-size: 17px;
	display: none;
}

.item-info h3, .item-info p {
	display: none;
}

.item-info-overlay p {
	margin-top: 10px;
	padding-top: 10px;
	display: none;
}
.item-info-overlay a.view {
	position: absolute;
	bottom: 0px;
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-o-transition-duration: 0s;
	text-indent: -9999px;
	height: 37px;
	width: 37px;
    z-index: 110;

    display: none;
}

.item-info-overlay img a.preview {
	position: absolute;
	bottom: 0px;

	height: 100%;
	width: 100%;
    display: block;
}


.item-info-overlay a.view {
	background: url(../images/sprite.png) no-repeat scroll 11px 13px #333;
	right: 0px;
	display: none
}
.item-info-overlay a.view:hover {
	background: url(../images/sprite.png) no-repeat scroll 11px -18px #333;
	display: none;
}
.item-info-overlay a.preview {
	background: block;
}
.item-info-overlay a.preview:hover {
display: none;
}
/*--------------------------------------------------
		   SHAPED STYLE ITEM
---------------------------------------------------*/
.portfolio-grid ul.shaped li {
	margin: 0 0 15px 5px;
	background-color: transparent;
}
.shaped .item-container {
	display: block;
	position: relative;
}
.shaped .item-mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
}
.shaped .item-container img {
    z-index:9;
}
.shaped .item-info-overlay {
	text-align: center;
}
.shaped .item-info-overlay a.preview, .shaped .item-info-overlay a.view {
	bottom: 30px;
	height: 30px;
	width:30px;
}
.shaped .item-info-overlay a.view {
	background: url(../images/sprite.png) no-repeat scroll 7px 10px #333;
	right: 88px;
}
.shaped .item-info-overlay a.view:hover {
	background: url(../images/sprite.png) no-repeat scroll 7px -21px #333;
}
.shaped .item-info-overlay a.preview {
	background: url(../images/sprite.png) no-repeat scroll 9px -53px #333;
	right: 119px;
}
.shaped .item-info-overlay a.preview:hover {
	background: url(../images/sprite.png) no-repeat scroll 9px -86px #333;
}
/*--------------------------------------------------
		   HEXAGON STYLE
---------------------------------------------------*/
.hexagon .item-container {
	width: 236px;
	height: 257px;
	overflow:hidden;
}
.hexagon .item-mask {
    background: url(../images/mask-hexagon.png) no-repeat 0 0 transparent;
    width: 236px;
	height: 257px;
}
.hexagon .item-container img {
	height: 257px;
}
.hexagon .item-info-overlay {
    background: url(../images/mask-hexagon.png) no-repeat 0 0;
}
.hexagon .item-info-overlay h3 {
	padding: 30% 0% 2% 0%;
}
/*--------------------------------------------------
		   CIRCLE STYLE
---------------------------------------------------*/
.circle .item-container {
	width: 236px;
	height: 232px;
	overflow:hidden;
}
.circle .item-mask {
    background: url(../images/mask-circle.png) no-repeat 0 0 transparent;
    width: 236px;
	height: 232px;
}
.circle .item-container img a {
	width: 100%;
	height: 100%;
	display: block;
}
.circle .item-info-overlay {
	background: url(../images/mask-circle.png) no-repeat 0 0;
}
.circle .item-info-overlay div {
	padding: 9%;
}
.circle .item-info-overlay h3 {
	padding: 9% 9% 2% 9%;
}
/*--------------------------------------------------
		   TRIANGLE STYLE
---------------------------------------------------*/
.triangle .item-container {
	width: 316px;
	height: 272px;
	overflow:hidden;
}
.triangle .item-mask {
    background: url(../images/mask-triangle.png) no-repeat 0 0 transparent;
	width: 316px;
	height: 272px;
}
.triangle .item-container img {
	height: 272px;
}
.triangle .item-info-overlay {
	background: url(../images/mask-triangle.png) no-repeat 0 0;
}
.triangle .item-info-overlay div {
	padding: 19%;
}
.triangle .item-info-overlay h3 {
	padding: 18% 14% 2% 14%;
}
.item-info-overlay p {
	margin-top: 5px;
	padding-top: 5px;
}
.shaped.triangle .item-info-overlay a.preview, .shaped.triangle .item-info-overlay a.view {
	bottom: 10px;
}
.shaped.triangle .item-info-overlay a.preview {
	right: 54px;
}
.shaped.triangle .item-info-overlay a.view {
	right: 23px;
}
/*--------------------------------------------------
		    PORTFOLIO FILTERABLE NAVIGATION
---------------------------------------------------*/
.filterable {
	width: 100%;
	float: left;
	padding-bottom: 25px;
}
.filterable  ul {
	margin: 0 auto;
}
.filterable li {
	background: none;
	display: inline;
	float: left;
}
.filterable li:last-child {
    background: none;
}
.filterable li:last-child a {
	margin: 0 0 0 7px;
}
.filterable li a {
	font-size: 21px;
	color: #aaa;
	line-height: 16px;
	text-transform: lowercase;
	text-decoration: none;
	float: left;
	margin:0 5px;
	padding:0 3px;
	-moz-border-radius: 2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
.filterable li a:hover {
	color: #444;
}
.filterable li.current a {
	color:#444;
}
.filterable li span {
	font-size: 11px;
	color: #ccc;
}
/*--------------------------------------------------
			ITEM NAVIGATION
---------------------------------------------------*/
ul.item-nav {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
ul.item-nav li {
	float: left;
	margin-left: 1px;
	background: #444;
	-webkit-transition:all 0.14s ease 0s;
	-moz-transition:all 0.14s ease 0s;
	-o-transition:all 0.14s ease 0s;
}
ul.item-nav li a {
	background: url(../images/sprite.png) no-repeat scroll 0 0 transparent;
	display: block;
	height: 45px;
	width: 45px;
	text-indent: -9999px;
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-o-transition-duration: 0s;
}
ul.item-nav li:hover {
}
ul.item-nav li.prev a {
	background-position: 17px -212px;
}
ul.item-nav li.next a {
    background-position: 17px -282px;
}
ul.item-nav li.all a {
    background-position: 12px -247px;
}
/*--------------------------------------------------
			CONTACT MODAL WINDOW
---------------------------------------------------*/
#wrapper.fullwidth {
	margin-bottom: 40px;
}
.google-map.fullwidth {
	height: 700px;
	width: 1020px;
	z-index:9;
	top: 0px;
	margin: -4px 0 0 -30px;
}
#contact-mask {
	display: none;
	background: #fff;
	position: fixed; left: 0; top: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	opacity: 0.9;
	z-index: 999;
}
#contact-intro {
	width: 960px;
	margin: 0 auto;
	padding: 45px 0 0 0;
	overflow: hidden;
}
#contact-intro h1.title {
	font-size:22px;
	line-height: 28px;
	font-weight: 700;
	text-transform: uppercase;
}
#contact-intro p {
	font-weight: 300;
	font-size: 22px;
	line-height: 27px;
}
.contact-button {
	margin-top: 45px;
}
.contact-popup {
	display:none;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 99999;
	width: 960px;
}
.contact-popup .form {
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.contact-popup .close {
	position: absolute;
	top: 40px;
	right: 0px;
}
/*--------------------------------------------------
			CONTACT
---------------------------------------------------*/
.google-map {
	height: 300px;
	width: 100%;
}
.form, .contact-success {
	padding: 5%;
	background-color: #f8f8f8;
	overflow: hidden;
}
.contact-success {
	padding: 20px;
	color: #fff;
	font-size:11px;
}
.form ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.form  li {
	position: relative;
}
.form input, .form textarea, #recaptcha_response_field, .form select {
	width: 85%;
	margin-bottom: 12px;
	position: relative;
}
.form select {
	width: auto;
}
.form textarea {
	width: 96%;
	height: 150px;
}
.form input.submit {
	width: 110px;
}
.form  li p, .form input.submit {
	margin-bottom: 0;
}
.form em {
	color:#aaaaaa;
	display: inline;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
}
.form .contact-error {
    color: #f96e5b;
    font-size: 11px;
	font-weight: bold;
    position: absolute;
    top: 0;
    right: 60px;
}
.contact-info {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.extra-padding{
	padding-top:12px !important;
}

/*--------------------------------------------------
				     PANEL
---------------------------------------------------*/
#panel {
	position: fixed;
	top: 70px;
	z-index: 999;
}
#panel-admin {
	float: left;
	width: 170px;
	padding: 20px;
	background: #333;
	color: #999999;
}
.open{
	background: url(../images/style-panel-button.png) no-repeat 0 0 transparent;
	display: block;
	height: 190px;
	width: 33px;
	float: right;
}
#panel-admin select, #panel-admin select:focus {
	width: 100%;
	padding: 3px;
	margin: 10px 0 15px 0;
	font-size: 12px;
	border: none;
	background-color: #fff;
}
#primary-menu .current{
	background: none;
}
.wp-caption{}
.wp-caption-text{}
.sticky{}
.gallery-caption{}
.bypostauthor{}

@media only screen and (min-width: 768px) and (max-width: 959px) {
.header, .content-wrapper, #footer-content, #contact-intro, .contact-popup { width: 714px!important; }
.fixed .header { width: 774px!important;  }
.portfolio-grid { width: 719px; }
.portfolio-grid ul li.col2 { width: 354px; }
.portfolio-grid ul li.col3 { width: 234px; }
.portfolio-grid ul li.col4 { width: 174px; }
.portfolio-grid ul.shaped.hexagon li { margin: 0 0 15px 3px; }
.portfolio-grid ul.shaped.triangle li { margin: 0 0 15px 30px; }
.portfolio-grid ul.shaped.circle li { margin: 0 0 15px 3px; }
.grid.row3 li {width: 237px;}
.grid.row4 li {width: 177px;}
.grid.row5 li {width: 142px;}
.grid.row6 li {width: 118px;}
.google-map.fullwidth {	width: 774px; height: 500px; }

#primary-menu ul li a {
	font-size: 20px;
	padding: 17px 28px 17px 0px;
}

a.logo {
	width: 100% !important;
	height: 55px !important;
	background-size: 100% 100% !important;
}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.header, .content-wrapper, #footer-content, #contact-intro, .contact-popup, #primary-menu select { width: 420px!important; }
	#header-wrapper.fixed { display:none !important; }
	#primary-menu select { display:block; }
	#primary-menu ul { display:none; }
	.one, .one-half, .two-third, .one-third, .one-fourth { float:left; position:relative; width: 100%;margin-right: 0; margin-bottom: 25px; }
	.portfolio-grid { width: 100%; margin: 0; }
	.portfolio-grid ul li.col2, .portfolio-grid ul li.col3, .portfolio-grid ul li.col4 {  width: 100%;  margin: 0 0 6px 0; }
	.portfolio-grid ul.shaped.hexagon li { margin: 0 92px 20px 92px; }
	.portfolio-grid ul.shaped.triangle li { margin: 0 52px 20px 52px; }
	.portfolio-grid ul.shaped.circle li { margin: 0 92px 20px 92px; }
	.grid.row3 li, .grid.row4 li, .grid.row5 li, .grid.row6 li {width: 209px;}
	.google-map.fullwidth {	width: 480px; height: 200px!important; }
	.contact-button { margin-top: 0; }
	#footer-bottom, #footer-bottom .text-align-right { text-align: center; }
	#footer-bottom .one-half { margin-bottom: 2px; }
	.vimeography-thumbs li { height: 66px !important; }

	#footer {
		padding-top: 93px;
		background-size: 100% 70%;
	}

	a.logo { width: 100% !important; background-size: 110% 100% !important; height: 40px !important; margin-bottom: 0 !important; }

}

@media only screen and (min-width: 320px) and (max-width: 479px) {
.header, .content-wrapper, #footer-content, #contact-intro, .contact-popup, #primary-menu select { width: 300px!important; }
#header-wrapper.fixed { display:none !important; }
#primary-menu select { display:block; }
#primary-menu ul { display:none; }
.one, .one-half, .two-third, .one-third, .one-fourth { float:left; position:relative; width: 100%;margin-right: 0; margin-bottom: 25px; }
.grid li { border-right: none; }
.grid.row3 li, .grid.row4 li, .grid.row5 li, .grid.row6 li { width: 300px; }
.portfolio-grid { width: 100%; margin: 0; }
.portfolio-grid ul li.col2, .portfolio-grid ul li.col3, .portfolio-grid ul li.col4 {  width: 100%;  margin: 0 0 6px 0; }
.portfolio-grid ul.shaped.hexagon li { margin: 0 32px 20px 32px; }
.portfolio-grid ul.shaped.triangle li { margin: 0 0px 20px 0; }
.triangle .item-container, .triangle .item-mask { width: 300px; height: 263px; }
.triangle .item-mask, .triangle .item-info-overlay { background: url(https://www.ottosteininger.com/wp-content/themes/OttoSteininger/images/mask-triangle-portrait.png) no-repeat 0 0 transparent; }
.triangle .item-container img {	height: 263px; }
.triangle .item-info-overlay div {	padding: 20%; }
.portfolio-grid ul.shaped.circle li { margin: 0 32px 20px 32px; }
.google-map.fullwidth {	width: 320px; margin-left:-10px; height: 200px!important; }
.contact-button { margin-top: 0; }
#footer-bottom, #footer-bottom .text-align-right { text-align: center; }
#footer-bottom .one-half { margin-bottom: 2px; }
#footer-content {padding:0px; margin:0px;}
.content-wrapper {padding:0px 10px;}
#footer-bottom, #footer-top {  padding: 35px 5px;}
.vimeography-thumbs li { height: 42px !important; }

#footer {
	padding-top: 63px;
	background-size: 100% 40%;
}

a.logo { margin-left: 10%; 	width: 255px !important; }

}

.alignnone{
	/float:right;
}

.wp-image-1958{
	float:right;
	/.width:450px;
}

h2 a{
	display:none;
}

.chunk img{
	width:280px;
}

.portfolio_image{
	float:left;
	margin-right: 20px;
	margin-bottom: 10px;
}


.second_menu ul{
	list-style-type: none;
	float:right;
}

.second_menu ul li a{
	font-size:16pt;
}


.custom-contact-overlay{
display: none;
}



.rsSlideRoot p{
margin-bottom: 30px !important;
font-family: 'Asap', sans-serif;
font-size: 14px;
}

.royalSlider.rsContentSlider {
  background: white !important;
}
.royalSlider {
  background: white !important;
}
.rsSlideRoot, .rsDefaultInv {
  background: white !important;
}


.rsContentSlider h3 {
  font-size: 24px;
  line-height: 31px;
  margin: 12px 0 8px;
  font-weight: normal !important;
  color: #E31A00 !important;
}
.rsContentSlider img {
  width: 100%;
  height: auto;
  display: block;
}
.rsContentSlider h3,
.rsContentSlider p {
	width: 40%;
	margin-left: 5%;
	float: right;
}

/* Background */
.rsDefaultInv,
.rsDefaultInv .rsOverflow,
.rsDefaultInv .rsSlide,
.rsDefaultInv .rsVideoFrameHolder,
.rsDefaultInv .rsThumbs {
	background: #fff !important;
	color: #222;
}


.rsVideoContainer {
	margin-left: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 20px;
}

.rsContent .title, .rsContent p {
	width: 640px;
}

.rsFullscreenBtn {
	display: none !important;
}


body.page-id-22 .one img {

}
body.page-id-22 .one span {
text-align: center !important;

}

.gallery-item img:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.gallery-item img {
border:  0! important;
margin-bottom: 10px;
}

#portfolio-nav  {
font-family: Estilo !important;
}

.icons-list {
	margin-bottom: 40px;
}

.icons-list img {
	margin-bottom: 10px;
}

.search .content-wrapper .title {
	margin-top: 5px;
	text-transform: lowercase;
}


.post-content p {
	font-family: Asap;
}

.widget ul li.tumblr_post p {
	font-size: 14px !important;
	margin-top: 10px;
}

.widget h3.title {
	font-size: 23px !important;
}

.widget-title {
	font-size: 23px !important;
	line-height: 20px;
	font-weight: 300;
	text-transform: lowercase;
	display: block;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	color: #E31A00;
	text-align: center;
	font-family: Estilo;
}

iframe.folio-search form table {
	margin-left: 0;
	text-align: left;
}

.flat-icon {
	width: 140px;
	margin-left: 50px !important;
}

.shop-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 47%;
	margin-right: 3%;
	margin-bottom: 0px;
}

.shop-item a {
	display: block;
	width: 100%;
	height: 100%;
}

.shop-item img:hover {
	border: 1px solid #666;
}

.shop-item img {
	width: 100%;
	border: 1px solid #fff;
}

.page-template-shop-php #sidebar .widget, .page-template-shop-php #sidebar .widget ul li  {
	font-family: Asap;
}

.one .about {
	width: 236px;
	float: left;
	font-family: Asap;
}

.one .about h1 {
	font-family: Estilo;
	font-size: 25px;
	line-height: 20px;
	font-weight: 300;
	color: #F53633;
}

.about-image {
	width: 724px;
	height: 800px;
	float: right;
	background: url('../images/otto-cycle.gif') no-repeat;
}

.about-image .client-list {
	float:right;
	margin-top: 79px;
}

.client-list ul {
	list-style: none;
	font-family: Estilo;
	line-height: 15px;
	font-size: 20px;
	margin-right: 10px;
}

.client-list ul li {
	padding-left: 5px;
	color: #111;
}

.client-list ul li.empty {
	text-indent: -9999px;
	line-height: 17px;
}

.projects .projects-item {
	width: 48%;
	float:left;
	padding-right: 2%;
	margin-bottom: 8px;
}

.projects .projects-item a {
	display: block;
	width: 100%;
	height: 100%;
}

.projects .projects-item img {
	width: 100%;
}

.projects .projects-item h3 {
	font-family: Estilo;
	text-transform: lowercase;
	margin-top: 6px;
	font-size: 20px !important;
	text-align: center;
}

a.logo {
	width: 960px;
	height: 66px;
	margin-bottom: 10px;
	display: block;
	background: url('../images/logo.png') no-repeat;
}

.project-slides.hidden {
	display: none !important;
}

.icons-list p a {
	font-family: Asap;
}

#searchform input {
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
}

.one .contact {
	float:left;
	width: 34%;
	font-family: Asap;
}

.one .contact strong {
	color: #555;
}

.one .contact-image {
	float:right;
}

.vimeography-data {
	margin-top: 10px;
	font-family: Asap;
}

.vimeography-data .video-title {
	font-weight: bold;
}

.icons-list, p, .textwidget {
	font-style: italic;
}

#footer p, .flex-caption {
	font-style: normal;
}

#sidebar .textwidget {
	text-align: center;
}

.home .one h3 {
	font-size: 18pt !important;
}

span.ssba_sharecount {
	top: -5px;
}

.post-content #ssba a img {
	width: 20px !important;
}

.pp_description {
	line-height: 16px !important;
}

/*-----------------------------------------------------------------------------------*/
/*	Mailchimp
/*-----------------------------------------------------------------------------------*/
#mc_embed_signup, .mc_embed_signup {
	width: 480px;
	margin: 0 auto;
	text-align: center;
	max-width: 100%;
}

#mc_embed_signup p, .mc_embed_signup p {
	margin-bottom: 0;
}

#mc_embed_signup form, .mc_embed_signup form {
display: block;
position: relative;
text-align: center;
}

#mc_embed_signup input.email, .mc_embed_signup input.email {
display: block;
padding: 0;
margin: 0 4% 10px 0;
text-indent: 5px;
width: 58%;
min-width: 130px;
text-align: center;
margin: 0 auto;
display: inline-block;
font-size: 14px;
float: left;
color: #A79A7B;
background: white;
border-radius: 20px;
height: 25px;
color: #A9AEBE;
line-height: 25px;
}

#mc_embed_signup .clear, .mc_embed_signup .clear {
clear: none;
display: inline;
}

#mc_embed_signup input.button, .mc_embed_signup input.button {
display: block;
width: 35%;
min-width: 90px;
margin: 0 auto;
}

#mc_embed_signup .button, .mc_embed_signup .button {
border: 0 none;
cursor: pointer;
display: inline-block;
float:left;
text-transform: lowercase;
font-weight: normal;
font-size: 14px;
height: 26px;
color: #A9AEBE;
line-height: 25px;
margin: 0 0 0 20px;
margin-left: 15px !important;
padding: 0;
border-radius: 20px;
text-align: center;
text-decoration: none;
vertical-align: top;
white-space: nowrap;
width: auto;
}

#mc_embed_signup .button:hover, #mc_embed_signup .button:hover {
	background: #EC3123;
	color: white;
}

.hidden {
	display: none;
}

.pp_inline .mc_embed_signup {
	padding-top: 20px;
}

.pp_inline .mc_embed_signup p {
	font-family: Estilo;
	font-style: normal;
	font-size: 16px;
}

.pp_inline .mc_embed_signup input.button {
	background: #EC3123;
	color: white;
}

.pp_inline .mc_embed_signup input.button:hover {
	background: white;
	color: #EC3123;
}

#footer .share {
	margin-top: 10px;
	padding-top: 10px;
}

#footer .share #ssba img, .pp_details #ssba img {
	width: 20px !important;
}

/**
 *   Art Against Ebola
 */

.page-template-template-snakes-php .content-wrapper {
	width: 960px !important;
}

.against-ebola {
	margin-top: 20px;
	width: 100%;
}

.against-ebola p {
	font-style: normal;
}

.against-ebola h2, .against-ebola h3 {
	font-weight: bold;
	color: black;
	text-transform: uppercase !important;
}

.against-ebola h2 {
	margin-bottom: 8px;
}

.against-ebola h3 {
	font-size: 24px !important;
	margin-top: 10px;
}

.against-ebola .snake-item h3 {
	font-weight: 100 !important;
	font-size: 16px !important;
	color: #A89B7D;
	text-transform: none !important;
	width: 80px;
	line-height: 20px;
	text-align: center;
	margin-left: 15px;
	margin-top: 0px;
	font-family: "Abel";
}

.against-ebola .snakes-list {
	overflow: hidden;
	background: url('../images/ebola_bg.png') no-repeat top center;
	margin-bottom: 20px;
	padding-bottom: 20px;;
}

.against-ebola .snake-item {
	width: 137px;
	float: left;
	margin-top: 20px;
	height: 145px;
}

.against-ebola ul {
	font-weight: bold;
	font-size: 16px;
}

.against-ebola ul ul a {
	color: #FF472C;
}

.against-ebola ul li a {
	display: inline-block;
	/*color: #817169; */
	/*margin-left: -17px; */
}

.against-ebola p {
	font-size: 16px;
	line-height: 20px;
}

.against-ebola .intro {
	line-height: 20px;
}

.against-ebola .outro {
	color: black;
}

.against-ebola p span {
	font-weight: bold;
}

.page-template-template-snakes-php .ppt {
	margin-left: 0;
	color: black;
	visibility: hidden !important;
}

.page-template-template-snakes-php div.pp_default .pp_description {
	margin-bottom: 0;
}

.page-template-template-snakes-php .pp_details .ppt {
	display: block;
	visibility: visible !important;
	font-size: 13px;
	color: #807168;
}

.page-template-template-snakes-php #footer {
	background: transparent;
	padding-top: 0;
}

.page-template-template-snakes-php a {
	color: #ff472c;
}

.page-template-template-snakes-php a:hover {
	color: #000000;
}

.against-ebola ul.social-icons {
	overflow: hidden;
	margin-left: 0;
}

.against-ebola ul.social-icons li {
	float: left;
	list-style: none;
	width: 30px;
	margin-right: 10px;
}

body.page-template-template-snakes-php, html.page-template-template-snakes-php {
	height: auto; min-width: 960px;
}

.against-ebola .bottom-link {
	height: 380px;
	width: 100%;
	float: left;
	margin-top: 30px;
}

.against-ebola .bottom-link a {
	width: 100%;
	height: 100%;
	display: block;
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
	.page-template-template-snakes-php .content-wrapper .intro,
	.page-template-template-snakes-php .content-wrapper .outro {
		padding: 0 20px;
	}

}

@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
}

/*prettyPhoto adjustments for mobile devices. 1024px is presumed widest device.*/


@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    .pp_pic_holder.pp_default { overflow: scroll; -webkit-overflow-scrolling : touch; }
}

@media only screen
and (min-device-width : 568px)
and (max-device-width : 568px) {
    .pp_pic_holder.pp_default { width: 100%!important; left: auto; right: auto; overflow: scroll; -webkit-overflow-scrolling : touch; }
    div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
    div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
    .pp_content { width: 100%!important; height: auto!important; }
    .pp_fade { width: 100%!important; height: 100%!important; }
    a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
    #pp_full_res img { width: 100%!important; height: auto!important; }
        #pp_full_res { line-height: 0.7 !important; }
    .pp_details { width: 94%!important; padding: 15px 3% 15px 3%; min-height: 35px; background-color: #fff; margin: 0!important; }
    div.pp_default .pp_description {margin: 11px 50px 5px 153px !important; }

    .pp_play {margin-right: 20px !important;}
    .pp_arrow_previous {margin-right: 5px !important;}
}

/*@media screen and (max-device-width: 640px) {

    .pp_pic_holder.pp_default { width: 90%!important; left: auto; right: auto; overflow: scroll; -webkit-overflow-scrolling : touch; }
    div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
    div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
    .pp_content { width: 100%!important; height: auto!important; }
    .pp_fade { width: 100%!important; height: 100%!important; }
    a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
    #pp_full_res img { width: 100%!important; height: auto!important; }
        #pp_full_res { line-height: 0.7 !important; }
    .pp_details { width: 94%!important; padding: 15px 3% 15px 3%; min-height: 35px; background-color: #fff; margin: 0!important; }
    div.pp_default .pp_description {margin: 11px 50px 5px 153px !important; }

    .pp_play {margin-right: 20px !important;}
    .pp_arrow_previous {margin-right: 5px !important;}

} */