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

CSS3 + jQuery Content Accordion
"CSS3 + jQuery Content Accordion" that was specially made for DesignModo by our friend Valeriu Timbuc. 

Links:
http://vtimbuc.net/
https://twitter.com/vtimbuc
http://designmodo.com/futurico
http://vladimirkudinov.com
http://rockablethemes.com

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

.accordion,.accordion div,.accordion h1,.accordion p,.accordion a,.accordion img,.accordion span,.accordion em,.accordion ul,.accordion li {
margin: 0;
padding: 0;
outline: none;
border: none;
}

/* Accordion Layout Styles */

.accordion {
width: 100%;
padding: 1px 5px 2px 4px;
/*background: #141517;*/
box-sizing:border-box;
float:left;
margin-top:50px;
}

.accordion .tab {
display: block;
height: auto;
padding-left: 40px;

font-family: 'Source Sans Pro', sans-serif;
font-weight: normal;
font-size:24px;
color:#ffffff;
text-decoration: none;

background:url(../images/accordion-plus.png) no-repeat 3px;
width:100%;
}

.accordion 
.accordion div:target .tab,
.accordion .active {
color: #fff;
padding-left: 40px;
padding-top:3px;

font-family: 'Source Sans Pro', sans-serif;
font-weight: bold;
font-size:24px;
color:#ffffff;

background:url(../images/accordion-minus.png) no-repeat 5px;
width:100%;
}

.accordion div .content {
display: none;
width:100%;
padding:0 0 0 40px;
float:left;
box-sizing:border-box;
}

.accordion div .content p {
margin:20px 0 30px 0; 
padding:0 0;
float:left;

font-family: 'Source Sans Pro', sans-serif;
font-weight: normal;
font-size:20px;
color:#ffffff;
line-height:40px;

width:100%;
height:auto;
}

.accordion div:target .content {
display: block;
}

.accordion > div {
overflow: hidden;
margin-bottom:20px;
width:100%;
}

/* Accordion Content Styles */

.accordion .content h1 {
color: white;
font: 18px/32px Arial, sans-serif;
}

.accordion .content ul 
{
margin:0 0 0 0;
padding:0 0 0 0;
float:left;
}

.accordion .content ul li
{
margin:0 0 0 0;
padding:0 0 0 0;
float:left;
width:198px;
height:auto;
}

.accordion .content ul li a
{
margin:0 0 0 0;
padding:0 0 0 20px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#0081b0;
background:url(../images/sub-link-tick.png) no-repeat;
}

.accordion .content ul li a:hover
{
background:url(../images/sub-link-tick-hover.png) no-repeat;
color:#3b3b3b;
}

.accordion .content p {
margin: 10px 0;
color: white;
font: 11px/16px Arial, sans-serif;
}

.accordion .content span {
font: italic 11px/12px Georgia, Arial, sans-serif;
color: #4f4f4f;
}

.accordion .content em.bullet {
width: 5px;
height: 5px;
margin: 0 5px;
background: #6b8f1a;
display: inline-block;

-webkit-box-shadow: inset 1px 1px 1px rgba(255,255,255, 0.4);
-moz-box-shadow: inset 1px 1px 1px rgba(255,255,255, 0.4);
box-shadow: inset 1px 1px 1px rgba(255,255,255, 0.4);

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.accordion .content ul li {
list-style: none;
float: left;
margin: 5px 10px 5px 0;
}

.accordion .content img {
padding-top: 5px;
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0, .5);
-moz-box-shadow: 2px 2px 6px rgba(0,0,0, .5);
box-shadow: 2px 2px 6px rgba(0,0,0, .5);
}


@media only screen and (min-width: 320px) and (max-width: 479px){

.accordion .tab {
display: block;
height: auto;
padding-left: 40px;

font-family: 'Source Sans Pro', sans-serif;
font-weight: normal;
font-size:20px;
color:#ffffff;
text-decoration: none;

background:url(../images/accordion-plus.png) no-repeat 3px;
width:100%;
box-sizing:border-box;
}

.accordion 
.accordion div:target .tab,
.accordion .active {
color: #fff;
padding-left: 40px;
padding-top:3px;

font-family: 'Source Sans Pro', sans-serif;
font-weight: bold;
font-size:20px;
color:#ffffff;

background:url(../images/accordion-minus.png) no-repeat 5px;
width:100%;
box-sizing:border-box;
}

.accordion div .content p {
margin:20px 0 30px 0; 
padding:0 0;
float:left;

font-family: 'Source Sans Pro', sans-serif;
font-weight: normal;
font-size:18px;
color:#ffffff;
line-height:32px;

width:100%;
height:auto;
box-sizing:border-box;
}

.accordion div .content {
display: none;
width:100%;
padding:0 0 0 40px;
float:left;
box-sizing:border-box;
}

}

@media only screen and (min-width: 240px) and (max-width: 319px){

.accordion .tab {
display: block;
height: auto;
padding-left: 40px;

font-family: 'Source Sans Pro', sans-serif;
font-weight: normal;
font-size:20px;
color:#ffffff;
text-decoration: none;

background:url(../images/accordion-plus.png) no-repeat 3px;
width:100%;
box-sizing:border-box;
}

.accordion 
.accordion div:target .tab,
.accordion .active {
color: #fff;
padding-left: 40px;
padding-top:3px;

font-family: 'Source Sans Pro', sans-serif;
font-weight: bold;
font-size:20px;
color:#ffffff;

background:url(../images/accordion-minus.png) no-repeat 5px;
width:100%;
box-sizing:border-box;
}

.accordion div .content p {
margin:20px 0 30px 0; 
padding:0 0;
float:left;

font-family: 'Source Sans Pro', sans-serif;
font-weight: normal;
font-size:18px;
color:#ffffff;
line-height:32px;

width:100%;
height:auto;
box-sizing:border-box;
}

.accordion div .content {
display: none;
width:100%;
padding:0 0 0 40px;
float:left;
box-sizing:border-box;
}

}

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

.accordion .tab {
display: block;
height: auto;
padding-left: 40px;

font-family: 'Source Sans Pro', sans-serif;
font-weight: normal;
font-size:20px;
color:#ffffff;
text-decoration: none;

background:url(../images/accordion-plus.png) no-repeat 3px;
width:100%;
box-sizing:border-box;
}

.accordion 
.accordion div:target .tab,
.accordion .active {
color: #fff;
padding-left: 40px;
padding-top:3px;

font-family: 'Source Sans Pro', sans-serif;
font-weight: bold;
font-size:20px;
color:#ffffff;

background:url(../images/accordion-minus.png) no-repeat 5px;
width:100%;
box-sizing:border-box;
}

.accordion div .content p {
margin:20px 0 30px 0; 
padding:0 0;
float:left;

font-family: 'Source Sans Pro', sans-serif;
font-weight: normal;
font-size:18px;
color:#ffffff;
line-height:32px;

width:100%;
height:auto;
box-sizing:border-box;
}

.accordion div .content {
display: none;
width:100%;
padding:0 0 0 40px;
float:left;
box-sizing:border-box;
}

}

@media only screen and (min-width: 768px) and (max-width: 999px){

.accordion .tab {
display: block;
height: auto;
padding-left: 40px;

font-family: 'Source Sans Pro', sans-serif;
font-weight: normal;
font-size:20px;
color:#ffffff;
text-decoration: none;

background:url(../images/accordion-plus.png) no-repeat 3px;
width:100%;
box-sizing:border-box;
}

.accordion 
.accordion div:target .tab,
.accordion .active {
color: #fff;
padding-left: 40px;
padding-top:3px;

font-family: 'Source Sans Pro', sans-serif;
font-weight: bold;
font-size:20px;
color:#ffffff;

background:url(../images/accordion-minus.png) no-repeat 5px;
width:100%;
box-sizing:border-box;
}

.accordion div .content p {
margin:20px 0 30px 0; 
padding:0 0;
float:left;

font-family: 'Source Sans Pro', sans-serif;
font-weight: normal;
font-size:18px;
color:#ffffff;
line-height:32px;

width:100%;
height:auto;
box-sizing:border-box;
}

.accordion div .content {
display: none;
width:100%;
padding:0 0 0 40px;
float:left;
box-sizing:border-box;
}

}