@import url(http://fonts.googleapis.com/css?family=Arimo:400,700,400italic,700italic);

@import url(http://fonts.googleapis.com/css?family=Passion+One:700);

.view-asset{
font-size:75%;
}

.col-sm-6 {
width:100%;
padding:10px 15% 5px 15%;
}

#view-asset-0::before { 
    content: "#1: Skateboarding ";
}

#view-asset-1::before { 
    content: "#2: Crowd surfing ";
}
#view-asset-2::before { 
    content: "#3: Puppy love";
}

#view-asset-3::before { 
    content: "#4: Sightseeing";
}

#view-asset-4::before { 
    content: "#5: Getting back to nature";
}

.scrollToTop { display: none; width: 45px; height: 45px; padding: 10px; text-align: center; background: #000; font-weight: bold; color: #FF7800!important; text-decoration: none; position: fixed; bottom: 5px; right: 20px; border-radius: 3px; }

.click-tweet{
   display: block;
  text-align: center;
  border: solid #ff7800 7px;
  padding: 16px;
  margin: 13px auto;
  font-style: italic;
  font-size: 112%;
  font-weight: bold;
  color: #fff;
  margin-bottom: 30px;
  background: #000;
}

/*.click-tweet {
  float: right;
  width: 379px;
  max-width: 100%;
  font-size: 117%;
  font-weight: bold;
  border-left: solid #FF7800 3px;
  padding: 1%;
  margin: 0% 2%;
  font-style: italic;
}*/

#head-box{
margin-right:1px;
}

.link, .link:visited {
  display: block;
  text-align: center;
  border: solid #fff 7px;
  padding: 15px;
  margin: 13px auto;
  font-style: italic;
  font-size: 112%;
  color: #ff7800;
  font-weight: 400;
  border: solid #fff 7px;
  background: none; 
}

.link:hover, .link:active {
opacity:.9;
color: #fff!important;
border: solid #ff7800 7px;
text-decoration: none;
}

.soc { color: #fff !important; margin: 10px; padding: 10px; }
.soc:hover { color: #000!important; }

.tweetquote {
  display: block;
  text-align: center;
  border: solid #ff7800 7px;
  padding: 16px;
  margin: 13px auto;
  font-style: italic;
  font-size: 112%;
  font-weight: bold;
  color: #fff;
  margin-bottom: 30px;
  background: #000; 
}

.yt {
   width: 75%;
  padding: 20px; 
  margin: auto;
}

#facebook-feed {max-width: 100%;height:360px!important;}
img{max-width: 100%;}
#twitter-widget {max-width: 90%!important;height: 300px!important;}

a, a:visited, a:active {word-wrap: break-word;
  color: #FF7800;
}
a:hover, a:focus {text-decoration:none;color: #000;}

.ctab, .ctab:visited {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
background-color: #FF7800;
  color: #fff!important;
  padding: 7px 18px;
  font-size: 100%;
  font-weight: bold;
  display: block;
  text-align: center;
  margin: 13px auto 5px;
  width: 225px;
  max-width: 100%;
  border-radius: 5px;
  border: solid #DFBD38 1px;
  line-height: 127%;
}

.ctab:hover, .ctab:active {
opacity:.9;
color: #fff!important;
text-decoration: none;
}

.mpeg {
display: inline-block;
  margin: 9px;
}
.icons, .icons:visited {
  padding: 10px;
  margin: 8px 3px;
  width: 45px;
  height: 45px;
  display: inline-block;
  background: #013E7D;
  text-align: center;
  color: #FFFFFF;
  border-radius: 28px;
  font-size: 89%;
  box-shadow: 0 0 25px 1px #1FBEFF;
}

.icons:hover, .icons:active {
opacity: .8;
transition: opacity 0.7s ease;
color:#fff!important;
}

.foot-links, .foot-links:link, .foot-links:visited {
  padding: 5px 0;
  display: block;
  font-size: 100%;
  margin: 0 0 5px 0;
  color: #fff;
  width: 300px;
  max-width:100%;
  font-weight: bold;
}
.foot-links:hover,.foot-links:active {color: #013E7D!important;text-decoration: none;}

h3 {
  color: #fff;
  font-size: 164%;
  padding: 11px 0 0;
  letter-spacing: -1px;
  font-weight: bold;
  margin-top: 0;
}
.logo { margin: 10px; }
#article {
font-family:Arimo,Arial,sans-serif;
font-size:16px;
-webkit-font-smoothing: antialiased;
}
#topbar {
background-color:#363133;
-moz-box-shadow: 0 0 6px -1px;
-webkit-box-shadow: 0 0 6px -1px;
box-shadow: 0 0 6px -1px #000;
opacity: .9;
}
#call-to-action { text-align: center; }
#share-icons {margin-top: 9px;}
.shareable:hover { color: #fff !important; }
.media-contacts {}
.dropdown-menu {}
#showcase {}
/* Headline */
#headline {
  display: none; 
  background: none repeat scroll 0 0 #000;
  color: #fff;
  font-size: 2.5em;
  text-align: center;
  border-radius: 9px 9px 0 0;
  border: solid #084683;
}
#font-size-headline-hero {
  font-size: 2.3em;
}
#headlineContent {
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
filter: alpha(opacity=100);
opacity:1;
}
#press-release {}
#box-c-d a, #box-c-d a:hover { color: #fff; width: 100%;
  margin: 10px;}
#box-c-d {
color: #fff;
padding-top: 30px;
padding-bottom: 25px;
background-color: #000;
}
#box-a {
  text-align: center;
  width: 100%;
  padding-bottom: 27px;
}
#box-a h3 {color:#013E7D;}
#box-a h3 .fa {  font-size: 95%;}
#box-b {}
#box-c {text-align:right; padding: 10px; width:50%; }
#box-d{color:#fff; width:50%;}
#underfooter { background: #FF7800; text-align: center;  padding: 25px;}


/* Facebook and twitter - large buttons */
.share-lg-btn .facebook-lg-btn{}
.share-lg-btn .twitter-lg-btn{}
/* Facebook and twitter - small buttons */
.share-sm-btn .facebook-sm-btn{}
.share-sm-btn .twitter-sm-btn{}
/* Social Icons - large buttons */
.gplus-lg-btn{}
.linkedin-lg-btn{}
.blogger-lg-btn{}
.wp-lg-btn{}
.mail-lg-btn{}
/* Social Icons - small buttons */
.gplus-sm-btn{}
.linkedin-sm-btn{}
.blogger-sm-btn{}
.wp-sm-btn{}
.mail-sm-btn{}


/* Media contacts */span[itemprop="name"], span[itemprop="jobTitle"], span[itemprop="worksFor"], span[itemprop="address"], span[itemprop="streetAddress"], span[itemprop="telephone"], span[itemprop="phones"], a[itemprop="email"], a[itemprop="url"] {
display: block;
}
.phone1{}
.phone2{}
.phone3{}
.phone4{}
.phone5{}
/* PressRelease */
#press-release {
text-align: left;
}
h1{
  text-align: center;
  font-weight: bold;
  letter-spacing: -1px;
  font-family: Passion One;
  font-size: 3.5em;
  color: #ff7800;
}

h2{
font-style:italic;
text-align:center;
margin-bottom:1.5em;
margin-top:1em;
}

h2.sub-headline {
  padding-bottom: 30px;
  text-align: center;
  font-weight: 700;
  color: #12A1DB;
letter-spacing: -1px;
}
#lede {padding-bottom: 30px;}
.source {
float: left;
font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
}
.source a{}
.source a:hover{}
.dateline {
font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
}
#body-media-gallery{
 background: #F5ECE2;
 margin: 20px 0 20px 0;
}
#body-media-gallery-2{
 background: #F5ECE2;
}
#body_text{padding-top: 30px;padding-bottom: 30px;}

/* Showcase */
.showcase-asset-title{}
.showcase-asset-title-container{}
.showcase-asset{}
.showcase-asset-img{}
#download-photo-btn{}
#embed-photo-btn{}
#pinit-photo-btn{}
#showcase-photo-icons{}
#asset-title-container-0{}
#asset-title-container-1{}
#asset-title-container-2{}
#showcase-asset-0{}
#showcase-asset-1{}
#showcase-asset-2{}
#icon-0{}
#icon-1{}
#icon-2{}
.preview-icon{}
/* Cut in */
.cut-in-common{}
#cut-in {
  float: left;
  clear: both;
  padding: 3% 11%;
  width: 100%;
}
#cut-single-column{}
.cut-in-common {
  display: none!important;
}
/* Expanded Viewer */
.white-popup {
background: #FFF;
}
.mfp-image-holder .mfp-close {
color: black;
}
.mfp-arrow-left:before{
color: #3F3F3F;
}
.mfp-arrow-right:after{
color: #3F3F3F;
}
/* Popup caption */
.mfp-title{}
/* Inline assets */
.inline-asset-title-container {}
.inline-icon {}
.inline-asset {
  width: 100%;
  margin: 20px 0 20px 0;
}
.inline-asset.inline-asset-single-column {
width:100%;
display:block;
}
/* Gallery */
#title-gallery{
color: #000;
    color: #000;
    text-align: left;
    letter-spacing: -1px;
    font-size: 90%;
}
.gallery-asset-title-container {
font-family: arimo, arial;
padding-left: 16px;
padding-bottom: 7px;
padding-top: 7px;
  background: #000;
  border-radius: 0 0 9px 9px;
}
.gallery-asset {  
  border-radius: 9px;
  border: solid 3px #000;
  background: #000;
}
#content-media-gallery {}
.gallery-icon{}
.nav_all_assets{}

/* Media queries */
@media only screen and (max-width: 768px) and (orientation:portrait){
#head-box{display:none;}
}@media only screen and (max-width: 768px){
#head-box{display:none;}
#box-a{width:100%;text-align: center;}
#box-b{width:100%;padding-top: 20px;text-align: center;}
#box-c{width:100%;text-align: center;}
#box-d{width:100%;text-align: center;}
h1 { font-size: 2em!important;}
h2 {font-size: 20px!important;}
h3 {margin-top: 27px;}
.logo{display:none;}
#topbar{padding-left: 7px;padding-right: 7px;}
.ctab {margin-top: 6px;}
.foot-links {  margin: 5px auto!important;}
.link { width: 95% !important; }
#press-release {
  text-align: left;
  margin-top: 0;
}
.click-tweet {  margin: 3% 2% 5%;}
}


@media (max-width:767px) {

.col-sm-6 {
    width: 100%;
    padding: 10px 5% 5px 5%;
}
#headline {
position: static;
padding-left: 5px;
}
.link { width: 95% !important; }
}
@media only screen and (max-width: 980px) {
.yt {
  width: 100%;
  margin: auto;
}
}