.clear {clear:both;}
img, img a {
border:none;
height:auto;
}

a, a:hover {
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
transition: color 0.3s linear;
-o-transition: color 0.3s linear;
text-decoration:none;
}

body {
background-color:#000;
margin:0;padding:0;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: none;
-webkit-font-smoothing: antialiased !important;
font-family:"proxima-nova", Arial, sans-serif;
}

#wrapper {
width:100%;
margin-bottom:50px;
}

#bigloud {
margin-top:80px;
text-align:center;
}

#bigloud img {
max-width:40%;
height:auto;
}

#bigloud.careers img {
max-width:25%;
height:auto;
}

#companies {
margin-top:90px;
}

#companies ul {list-style:none;margin:0;padding:0;}
#companies ul li {
float:left;
width:25%;
text-align:center;
}

#companies ul li img {
max-width:60%;
height:auto;
opacity: .72;
    transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -webkit-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
}

#companies ul li img:hover {
    opacity: 1;
}

#socials {
text-align:center;
margin-top:150px;
}

#socials ul {
list-style:none;
margin:0;padding:0;
}

#socials ul li {
display:inline-block;
margin:0 10px;
border-radius:50%;
border:1px solid #FFF;
background-color:#000;
padding:21px 13px 15px 13px;
width:auto;height:auto;
-webkit-transition: background 0.1s linear;
   -moz-transition: background 0.1s linear;
	 -o-transition: background 0.1s linear;
		transition: background 0.1s linear;
}

#socials ul li img {
max-width:60%;
height:auto;
}

#socials ul li.instagram:hover {
position:relative;
background: -webkit-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -webkit-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
background: -moz-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -moz-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
background: -ms-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -ms-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
background: -o-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -o-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
}
	
#socials ul li.facebook:hover {
background-color: rgba(60,90,153,.8);
}

#socials ul li.twitter:hover {
background-color: rgba(40,170,225,.8);
}


/*** Careers ***/
#wrapper.careers {
margin-bottom:100px;
}

#careers {
width:1000px;
margin:50px auto 0 auto;
}

#careers h4 {
text-align:center;
font-weight:700;
font-size:28px;
letter-spacing:1px;
margin:0 0 40px 0;
color:#FFF;
}


.accordion {
background-color: #000;
color: #FFF;
cursor: pointer;
padding: 18px;
width: 100%;
text-align: left;
outline: none;
font-size: 20px;
font-weight:700;
transition: 0.4s;
border:2px solid #FFF;
text-transform:uppercase;
font-family:"proxima-nova", Arial, sans-serif;
}

.active, .accordion:hover {
background-color: rgba(255,255,255,.2);
color:#FFF;
}

.accordion:after {
  content: '\002B';
  color: #FFF;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  margin-bottom:30px;
font-size:15px;
}

.panel a {
color:#c22126;
}

#panel a:hover {
color:#000;
}



@media all and (max-width:1000px) {
#careers {
width:80%;
margin:0 10%;
}

#careers h4 {
font-size:24px;
margin:30px 0;
letter-spacing:0.4px;
}

.accordion {
font-size: 17px;
}
}

@media all and (max-width:800px) {
#bigloud {
margin-top:50px;
}

#bigloud img,
#bigloud.careers img {
max-width:70%;
height:auto;
}

#companies {
margin-top:60px;
}

#companies ul li {
float:none;
width:100%;
margin:0 0 30px 0;
}

#companies ul li img {
max-width:60%;
opacity: 1;
}

#socials {
margin-top:90px;
}

.panel ul {
padding-left:20px;
}

}