/* -- Reset -- */
html, body, div, .container, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: middle;
background: transparent;
}
/* -- Fonts -- */
@font-face {
font-family: 'open_sansregular';
src: url('/fontsv3/OpenSans-Regular-webfont.eot');
src: url('/fontsv3/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/fontsv3/OpenSans-Regular-webfont.woff') format('woff'),
url('/fontsv3/OpenSans-Regular-webfont.ttf') format('truetype'),
url('/fontsv3/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Oswald';
src: url("/fontsv3/oswald-regular-webfont.eot");
src: url("/fontsv3/oswald-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/fontsv3/oswald-regular-webfont.woff") format("woff"), url("/fontsv3/oswald-regular-webfont.ttf") format("truetype"), url("/fontsv3/oswald-regular-webfont.svg#oswaldregular") format("svg");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: 'Oswald';
src: url("/fontsv3/oswald-light-webfont.eot");
src: url("/fontsv3/oswald-light-webfont.eot?#iefix") format("embedded-opentype"), url("/fontsv3/oswald-light-webfont.woff") format("woff"), url("/fontsv3/oswald-light-webfont.ttf") format("truetype"), url("/fontsv3/oswald-light-webfont.svg#oswaldlight") format("svg");
font-weight: 300;
font-style: normal; }
@font-face {
font-family: 'Oswald';
src: url("/fontsv3/oswald-bold-webfont.eot");
src: url("/fontsv3/oswald-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/fontsv3/oswald-bold-webfont.woff") format("woff"), url("/fontsv3/oswald-bold-webfont.ttf") format("truetype"), url("/fontsv3/oswald-bold-webfont.svg#oswaldbold") format("svg");
font-weight: 700;
font-style: normal; }
@font-face {
font-family: "font_icons8";
src: url("/fontsv3/font_icons8_3ec0ec276d02e8f2a0aab4fe04ca02a4.eot");
src: url("/fontsv3/font_icons8_3ec0ec276d02e8f2a0aab4fe04ca02a4.eot?#iefix") format("embedded-opentype"),
url("/fontsv3/font_icons8_3ec0ec276d02e8f2a0aab4fe04ca02a4.woff") format("woff"),
url("/fontsv3/font_icons8_3ec0ec276d02e8f2a0aab4fe04ca02a4.ttf") format("truetype"),
url("/fontsv3/font_icons8_3ec0ec276d02e8f2a0aab4fe04ca02a4.svg#font_icons8") format("svg");
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "font_icons8";
src: url("/fontsv3/font_icons8_3ec0ec276d02e8f2a0aab4fe04ca02a4.svg#font_icons8") format("svg");
}
}
[data-icon]:before { content: attr(data-icon); }
[data-icon]:before,
.icons8-butterfly:before,
.icons8-comments:before,
.icons8-frisbee:before,
.icons8-guitar:before,
.icons8-hearts:before,
.icons8-rocket:before,
.icons8-search:before,
.icons8-shopping-cart:before,
.icons8-summer:before,
.icons8-touchscreen-smartphone:before,
.icons8-upload-2:before {
display: inline-block;
font-family: "font_icons8";
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
text-decoration: inherit;
text-rendering: optimizeLegibility;
text-transform: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
.icons8-butterfly:before { content: "\f100"; }
.icons8-comments:before { content: "\f101"; }
.icons8-frisbee:before { content: "\f102"; }
.icons8-guitar:before { content: "\f103"; }
.icons8-hearts:before { content: "\f104"; }
.icons8-rocket:before { content: "\f105"; }
.icons8-search:before { content: "\f106"; }
.icons8-shopping-cart:before { content: "\f107"; }
.icons8-summer:before { content: "\f108"; }
.icons8-touchscreen-smartphone:before { content: "\f109"; }
.icons8-upload-2:before { content: "\f10a"; }
/* -- Layout -- */
html { -webkit-text-size-adjust: 100%; }
.clear{ clear: both;}
a{ text-decoration: none;}
body{
font-family: 'open_sansregular',arial,sans-serif;
font-size: 16px;
background: url("/images/v3/bg.png") repeat #F8F8F8;
color: #222; }
.left{ float: left; }
.right{ float: right;}
.text-left{ text-align: left;}
.text-center{ text-align: center;}
.text-right{ text-align: right;}
.inline-block{ display: inline-block;}
.hide{ display: none;}
.container{
margin: 0 auto;
width: 1230px;}
.noborder{ border: none!important;}
.size-20{ font-size:20px }
.size-16{ font-size:16px }
.size-12{ font-size:12px }
.size-10{ font-size:10px }
h1, h2, h3, h4, h5, h6{ font-family: "Oswald",arial,sans-serif;}
.featured-video a, #latest a, #editors-choice a{ color: #222;}
#wrapper a:hover{ text-decoration: underline;}
a:visited{ color: #551A8B}
/* -- Header -- */
#header{
background: #005698;
margin-bottom: 20px;
position: relative;
min-height: 111px; }
#header-wrapper{ background: #005698;}
#logo{
margin-top: 27px; }
#old-layout{
color: #fff;
font-size: 12px;
margin: 8px 0 10px;
padding: 4px 0; }
#old-layout a{
color:#fff;
background: url('/images/v3/switch-arrows.png') no-repeat #646669 9px 5px ;
padding: 3px 10px 5px 35px;
margin-left: 12px;
font-size: 13px; }
#old-layout a:hover{ background-color: #5a5d60;}
#menu-bar{
clear: right;
background-color: #063365;
border: 1px solid #021d3a;
position: relative;
margin-top: 18px; }
#menu-bar>ul>li{
float: left;
list-style: none;
margin: 0;
padding: 0;
border-left: 1px solid #255a95;
border-right: 1px solid #021d3a;
position: relative; }
#menu-bar>ul>li:hover{
background-color: #021D3A; }
#menu-bar ul li:first-child{
border-left: none; }
#menu-bar ul li:last-child{
border-right: none; }
#menu-bar ul li#culture{ min-width: 101px!important; }
#menu-bar ul li#app a{ padding-right: 30px; }
#menu-bar>ul>li>a{
color: #fff;
font-size: 14px;
padding: 23px 36px 23px 16px;
display: block; }
#menu-bar>ul>li#life>a, #menu-bar>ul>li#fun>a, #menu-bar>ul>li#culture>a,
#menu-bar>ul>li#learning>a, #menu-bar>ul>li#feel-good>a, #menu-bar>ul>li#app>a{ cursor: default;}
#menu-bar>ul>li>ul {
display: none;
z-index: 100; }
#menu-bar>ul>li:hover>ul {
display: block;
position: absolute;
background: #021D3A;
width: 1190px;
padding: 20px 20px 10px;
min-height: 270px;
font-family: "Oswald", arial, sans-serif; }
#menu-bar>ul>li:hover>ul>li {
display:block;
float: left;
list-style: none;
margin: 0;
position: relative;
color: #fff; }
#menu-bar ul li ul.submenu-category1{ left: -305px;}
#menu-bar ul li ul.submenu-category2{ left: -382px;}
#menu-bar ul li ul.submenu-category3{ left: -461px;}
#menu-bar ul li ul.submenu-category4{ left: -564px;}
#menu-bar ul li ul.submenu-category5{ left: -675px;}
#menu-bar ul li ul.submenu-app{ left: -918px; min-height: 270px;}
#menu-bar ul li ul li ul{
list-style: none;
width: 260px;
margin-left: 10px; }
#menu-bar ul li ul li ul li a{
color: #fff;
font-size: 20px;
font-weight: 300;
line-height: 31px;
display: block; }
#menu-bar ul li ul li ul li a:hover{ text-decoration: underline; }
#menu-bar ul li ul li .categories-headline{
color: #fff;
text-transform: uppercase;
font-size: 20px;
line-height: 22px;
margin-bottom: 7px;
border-bottom: 1px dotted #32485f;
padding-bottom: 2px;}
#menu-bar ul li ul .categories-videos{
width: 870px;
margin-left: 35px; }
#menu-bar .submenu-app li {
width: 730px;
margin: 17px 0 0 235px!important;}
#menu-bar .submenu-app .app-devices {
margin-right: 80px; }
#menu-bar .submenu-app h3 {
font-size: 28px;
font-weight: 300;
letter-spacing: 1px;
word-spacing: 4px;
color: #fff;
margin: 45px 0 50px; }
#menu-bar .submenu-app a {
padding-right: 28px; }
#menu-bar ul li#searchform{
padding: 18px 15px 16px }
#menu-bar ul li#searchform:hover{
background-color: transparent;}
#menu-bar ul li a i{
position: absolute;
top: 23px;
margin-left: 8px; }
#menu-bar .icons8-upload-2{ top: 27px; }
#menu-bar .icons8-summer{ top: 22px; }
#menu-bar .icons8-butterfly{ top: 25px; }
#menu-bar .icons8-touchscreen-smartphone{ top: 24px; }
#search-input {
border: none;
background: rgb(255, 255, 255);
border-radius: 4px 0 0 4px;
padding: 6px 8px 6px 8px;
vertical-align: top;
width: 160px;
font-size: 15px;
margin: 0; }
#search-submit {
background: url('/images/v3/magnifier.png') no-repeat scroll 6px 6px #1662b8;
border-radius: 0 4px 4px 0;
border: none;
color: #1662b8;
cursor: pointer;
margin: 0;
text-indent: -9999px;
height: 30px;
width: 30px; }
input#search-submit:hover { background-color: #0856AA; }
input#search-input::-webkit-input-placeholder { color: #808C9D!important; opacity: 1 !important}
input#search-input:-moz-placeholder { /* Firefox 18- */ color: #808C9D!important; opacity: 1 !important }
input#search-input::-moz-placeholder { /* Firefox 19+ */ color: #808C9D!important; opacity: 1 !important }
input#search-input:-ms-input-placeholder { color: #808C9D!important; opacity: 1 !important }
.fixedHeader{
position: fixed;
top: 0px;
width: 100%;
z-index: 100;}
.fixedHeader #old-layout{ display: none;}
.fixedHeader #logo { margin-top: 5px; }
.fixedHeader #logo img { width: 160px; margin-top: 13px;}
#wrapper{
width: 836px;
border: 1px solid #cbcbcb;
background-color: #fff;
padding: 20px;
position: relative; }
#sort-content{
font-size: 14px;
position: absolute;
top: -11px;
right: 20px;
background: #C04874;
color: #fff;
padding: 6px 15px 10px; }
#sort-content a{
color: #fff;
margin-left: 10px; }
#sort-content a.active, #sort-content a:hover{
text-decoration: underline; }
#sort-content span{
width: 16px;
height: 10px;
background: url("/images/v3/ribbon-pink.png") no-repeat;
position: absolute;
left: -16px;
top: 0; }
.featured-video .feat-headline{
border-bottom: 1px solid #cbcbcb;
line-height: 38px;
margin: 5px 0 20px; }
.featured-video .feat-headline h3{
color: #01819e;
text-transform: uppercase;
font-size: 32px;
font-weight: 400;
display: inline-block;
/*border-bottom: 1px solid #01819e;*/
margin-bottom: -1px; }
.featured-video .video-headline{
font-size: 39px;
font-family: "Oswald",arial,sans-serif;
font-weight: 400;}
.video-info{
font-family: "Oswald",arial,sans-serif;
font-size: 14px;
text-transform: uppercase;
margin: 8px 0 10px; }
.video-info .date{
color: #7e7c7c;
/*padding-left: 10px;*/
vertical-align: sub; }
.video-info .views{
color: #c04874;
padding: 0 8px 0 9px;
margin: 0 8px 0 6px;
border-left: 1px solid #eee;
/*border-right: 1px solid #eee;*/
vertical-align: sub; }
.video-info .comments{
color: #06498a;
vertical-align: sub; }
.video-info .comments a{ color: #06498a!important;}
.video-info .comments a:hover{ text-decoration: underline}
.video-info i{
position: relative;
top: -3px;
margin-right: 8px; }
.featured-video .video-thumb{
position: relative; }
/*.featured-video .video-thumb div{ height: 430px; overflow: hidden}*/
.featured-video .video-thumb img{ width: 836px; height: 446px;}
.ribbon{
position: absolute;
top: 31px;
left: -10px;
color: #fff!important;
text-transform: uppercase;
font-family: "Oswald", arial, sans-serif;
opacity: 0.95}
a.ribbon:hover{ text-decoration: none!important; }
.featured-video .ribbon{
font-size: 22px;
padding: 13px 12px 13px 22px; }
.latest-full .ribbon{
font-size: 20px;
padding: 7px 12px 7px 22px;
top: 20px; }
.latest-half .ribbon, .latest-third .ribbon, .recommended-half .ribbon{
font-size: 16px;
padding: 6px 12px 6px 22px;
top: 20px; }
.ribbon span{
width: 10px;
height: 16px;
position: absolute;
bottom: -16px;
left: 0;}
.cat-page .ribbon{ display: none;}
.culture-cat{ background-color: #2866c4;}
.learning-cat{ background-color: #e97624;}
.fun-cat{ background-color: #34a34e;}
.feel-good-cat{ background-color: #00a5c5;}
.life-cat{ background-color: #bb5dd1;}
.culture-cat span{ background: url("/images/v3/ribbon-dark-blue.png") no-repeat;}
.fun-cat span{ background: url("/images/v3/ribbon-green.png") no-repeat;}
.learning-cat span{ background: url("/images/v3/ribbon-orange.png") no-repeat;}
.feel-good-cat span{ background: url("/images/v3/ribbon-light-blue.png") no-repeat;}
.life-cat span{ background: url("/images/v3/ribbon-purple.png") no-repeat;}
/* .video-play-btn{
position: absolute;
width: 61px;
height: 60px;
left: 50%;
top: 50%;
background: url("/images/v3/play-btn.png") no-repeat;
margin-left: -30px;
margin-top: -30px; }
.latest-half .video-play-btn{
background-size: 50px;
margin-left: -25px;
margin-top: -25px;
width: 50px; }*/
a.ribbon.disable-cat{ margin-right: -24px;}
a.ribbon.disable-cat + .video-info{ margin-bottom: -5px;}
.video-page a.ribbon.disable-cat + .video-info{ margin-bottom: 15px;}
.video-play-btn, .story-btn{
position: absolute;
width: 36px;
height: 36px;
left: 0;
bottom: 0;
background: url("/images/v3/video-btn.png") no-repeat; }
.story-btn{ background: url("/images/v3/story-btn.png") no-repeat;}
#latest{
width: 600px;
margin-top: 25px; }
.cat-page #latest{ margin-top: 0; min-height: 290px;}
.video-page #latest .latest-third:last-child, .story-page #latest .latest-third:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 15px; }
#latest h5, #editors-choice h5{
border-bottom: 2px dotted #dadada;
font-weight: 400;
font-size: 20px;
padding-bottom: 5px;
text-transform: capitalize; }
#latest h5{ margin-bottom: 30px}
.latest-full, .latest-half, .latest-third{
padding-bottom: 35px;
margin-bottom: 30px;
border-bottom: 1px dotted #ddd; }
.latest-full h3{
font-size: 28px;
font-weight: 400;
margin: -5px 0 13px; }
.latest-full .video-thumb div{ height: 320px; overflow: hidden;}
.latest-full .video-thumb, .recommended-half .video-thumb{ position: relative; }
.latest-full .video-thumb img{
width: 600px;
/*height: 100%;*/
margin-top: -36px; }
.hide-headline h3, .hide-headline .video-info{ display: none;}
.latest-half, .latest-third{ margin-top: -6px; }
.latest-half .video-thumb, .latest-third .video-thumb{
margin-right: 25px;
margin-top: 9px;
position: relative; }
.latest-half h3{
font-size: 26px;
font-weight: 400; }
.latest-half .video-thumb img{ width: 265px; height: 184px;}
.latest-third h4, .recommended-half h4{
font-size: 21px;
font-weight: 400;
padding-top: 3px; }
.latest-third .video-thumb img{ width: 200px; height: 142px;}
/*.latest-half .date, .latest-third .date{ border-left: 1px solid #eee; }*/
a.see-more {
background: url('/images/v3/arrows-right.png') no-repeat 90% 50% #063365;
color: #fff!important;
padding: 4px 35px 7px 16px;
margin-bottom: 10px;
font-family: "Oswald";
font-weight: 300;
font-size: 19px;}
a.more-next{
background: url('/images/v3/arrows-right.png') no-repeat 73% 50% #063365;
padding: 4px 45px 7px 30px;}
a.more-prev{
background: url('/images/v3/arrows-left.png') no-repeat 14px 14px #063365;
padding: 4px 16px 7px 35px!important; }
a.see-more:hover{ background-color: #021D3A; text-decoration: none!important;}
.more-videos{
overflow: hidden;
margin-top: 35px;
padding-bottom: 25px; }
#editors-choice{
width: 210px;
margin-top: 25px; }
.cat-page #editors-choice{ margin-top: 0}
#editors-choice h5{
margin-bottom: 27px;
text-transform: capitalize; }
#editors-choice a{
font-family: "Oswald",arial,sans-serif;
font-size: 18px;
font-weight: 400; }
#editors-choice>div{
margin-bottom: 25px;
padding-bottom: 12px;
border-bottom: 1px dotted #ddd; }
#editors-choice .views{
padding: 0;
margin: 0;
border: none;}
.video-page #latest h5, .video-page #editors-choice h5{ /*border-bottom: 1px dotted #ddd;*/}
.ad-728{
max-width: 728px;
margin: -12px auto 10px;
overflow: hidden; }
.home .ad-728{ margin-top: 17px;}
#video-content, #stories{
border-bottom: 1px dotted #ddd;
margin-bottom: 10px;
padding-bottom: 40px; }
#video-content .rev-headline , #stories .rev-headline {
font-family: "Oswald", arial,sans-serif;
font-size: 25px;
margin: 25px 0 8px;
border-bottom: 1px dotted #ddd; }
.rc-description{
font-family: "Oswald", arial,sans-serif;
font-weight: 400!important; }
.rc-loaded{ margin: 0 -6px;}
.rc-branding{
font-size: 12px!important;
color: #222!important;
margin-top: 5px!important;}
.rc-item{ margin-bottom: 6px;}
#video-content .rc-branding, #stories .rc-branding{ margin-top: 5px;}
#video-content h2.headline, .cat-page h2.headline, #stories h2.headline {
font-size: 30px;
font-weight: 400;
margin-bottom: 10px;}
#video-content h2.headline, .cat-page h2.headline, #stories h2.headline, .latest-full h3, .latest-half h3,
.latest-third h4, .recommended-half h4, .most-popular-video div, #header .most-popular-video div,
#editors-choice a, .fbstory h2.headline, .fbvideo h2.headline, #fb-comments h2, .fbvideo .rev-headline, .fbstory .rev-headline,
.videoinfo, #recommended-left{
text-transform: capitalize}
.cat-page p{
font-family: "Oswald";
font-size: 18px; }
#video-content .ribbon, #stories .ribbon{
position: relative;
top: 0;
left: -30px;
display: inline-block;
padding: 7px 12px 7px 22px;
font-size: 20px; }
#video-content .video-info, #stories .video-info{
display: inline-block;
margin-left: -13px;
margin-top: 2px; }
.video-share{
font-family: "Oswald", arial, sans-serif;
font-size: 20px;
text-transform: uppercase;
font-weight: 700;
margin: 15px 0 26px 3px; }
.video-share a{
font-weight: 300;
font-size: 16px;
color: #fff;
width: 141px;
display: inline-block;
text-align: left;
text-indent: 30px;
padding: 3px 0;
vertical-align: text-top;
margin: 1px 0 0 10px;}
.video-share a.facebook{ background: url("/images/v3/facebook-f.png") no-repeat #194D98 12px 6px; }
.video-share a.twitter{ background: url("/images/v3/twitter.png") no-repeat #194D98 7px 7px; }
.video-share a.google{ background: url("/images/v3/google.png") no-repeat #194D98 9px 7px; }
.video-share a.linkedin{ background: url("/images/v3/linkedin.png") no-repeat #194D98 8px 6px; }
.video-share a.email{ background: url("/images/v3/email.png") no-repeat #194D98 7px 8px; }
.video-share a:hover{ background-color: #0a3d7f; text-decoration: none!important}
#wrapper .fb-like, #column-left .fb-like{
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
margin: 12px auto 12px;
padding: 11px 0px 12px;
border: 2px solid #f18c2a;
line-height: 19px;
font-weight: bold;
font-size: 23px;
font-family: arial;
width: 528px;
vertical-align: top;}
.fb-like .fb_iframe_widget {
vertical-align: top;
margin-top: 1px;
z-index: 3;}
.fb-like-box{
float: right;
width: 325px;
height: 39px;
background: url("/images/v3/fb-hand.png") no-repeat #cfdbde 18px 7px;
text-transform: capitalize;
font-size: 23px;
color: #415276;
margin-top: 23px;
border:1px solid #bbcace;
text-indent: 66px;
padding: 6px 4px 0;
line-height: 35px; }
.fb-like-box > span{
background: url("/images/v3/arrow-right.png") no-repeat;
width: 22px;
height: 9px;
display: inline-block;
margin-left: 14px;
margin-top: -7px; }
.fb-like-box .fb_iframe_widget{
float: right;
width: 50px!important;
text-indent: 0;
margin: -9px 0px 0 0px!important;
left: -12px;}
.fb-like2{
background: url("/images/v3/fb-hand.png") no-repeat #cfdbde 12px 7px;
text-indent: 50px;
letter-spacing: -1px;}
.fb-like2 span{ margin-left: 12px;}
.fb-like2 .fb_iframe_widget{ left: -17px;}
#stories .fb-like-box-bottom{
float: none;
margin: 42px auto 40px; }
.fb-like-box div.fb-like{ border: none!important;}
a.fb-share {
background: #2d4a96;
color: #fff;
border: 1px solid #122b6d;
/* padding: 6px 0px 9px 0px; */
height: 45px;
line-height: 44px;
display: block;
margin: 0px auto 32px;
width: 530px;
position: relative;
text-indent: 52px;
font-size: 23px;
border-radius: 4px; }
.fb-share .fb-icon {
position: absolute;
top: 5px;
left: 5px;
width: 35px; }
a.fb-share span.fb-share-count {
height: 43px;
position: absolute;
top: 1px;
right: 1px;
background: none repeat scroll 0px 0px rgb(255, 255, 255);
color: #122B6D;
text-shadow: none;
font-size: 23px;
line-height: 42px;
text-align: center;
padding: 0px 10px 0px 20px;
text-indent: 0px; }
.fb-share span img {
margin-left: -30px;
margin-right: 8px;
margin-top: -4px; }
a.fb-share:hover {
background: #13327a; text-decoration: none!important; }
a.fb-share-left{
float: left;
width: 470px;
border-radius: 0px;
text-transform: capitalize;
margin-top: 23px; }
a.fb-share-left span{ border-radius: 0px;}
.fb-share .fb-hide{ vertical-align: top;}
#stories a.fb-share{ margin-bottom: 18px}
.nav-page{
overflow: hidden;
border-top: 1px solid #b4b4b4;
border-bottom: 1px solid #b4b4b4;
background: url(/images/v3/video-top-bg.png) repeat-x #F9F8F8; }
.prev-page, .next-page{
width: 188px;
border-left: 1px solid #b4b4b4;
border-right: 1px solid #b4b4b4;
background: url(/images/v3/video-top-bg.png) repeat-x #F9F8F8; }
.random-page{
width: 454px;
background: url(/images/v3/video-top-bg.png) repeat-x #F9F8F8; }
.nav-page a{
display: block;
text-align: center;
padding: 4px 0;
font-family: "Oswald", arial, sans-serif;
color: #222;
font-size: 20px; }
.nav-page a:hover{ text-decoration: none!important; color: #005698;}
.prev-page a{ background: url(/images/v3/prev.png) no-repeat 38% 50%; text-indent: 30px; }
.random-page a{ background: url(/images/v3/shuffle.png) no-repeat 42% 50%; text-indent: 35px;}
.next-page a{ background: url(/images/v3/next.png) no-repeat 63% 50%; text-indent: -30px}
.hide-prev{ width: 645px!important; border-left: 1px solid #b4b4b4;}
.hide-next{ width: 645px!important; border-right: 1px solid #b4b4b4;}
.hide-prev a { background: url(/images/v3/shuffle.png) no-repeat 59.6% 50% !important; text-indent: 224px !important;}
.hide-next a { background: url(/images/v3/shuffle.png) no-repeat 29.4% 50% !important; text-indent: -154px !important;}
#stories .nav-page-top{ margin: 26px 0 10px;}
.player-wrapper{ position: relative; }
#recommended-videos{
display:none;
position: absolute;
top: 0px;
left: 0px;
width: 836px;
height: 93.2%;
background-color: #000;
z-index: 2;
color: #fff; }
#recommended-left{
width: 271px;
float: left;
text-align: center;
height: 100%;
padding-left: 7px; }
#recommended-videos .recommended-title{
font-size: 22px;
font-weight: 400;
font-family: "Oswald",arial,sans-serif;
margin: 58px 0 48px; }
.like-rec{ font-size: 17px;}
.like-rec iframe {
height: 20px;
width: 47px;
vertical-align: text-top;
margin-top: 2px;
margin-left: 7px;
background: #3F5AA7;
border: 1px solid #bccbe9!important;
border-radius: 3px;}
#recommended-videos a.facebook-rec{
padding: 7px 65px 10px 43px;
background: url("/images/v3/fb-icon-small.png") no-repeat scroll 5px 4px rgb(45, 74, 150);
font-size: 18px;
letter-spacing: -0.5px;
position: relative;
/*border-radius: 4px;*/
top: 30px;
color: #fff;
display: inline-block;
border: 1px solid white; }
#recommended-videos a.facebook-rec:hover{ background-color: #13327A; text-decoration: none!important;}
#recommended-videos span.fb-share-count img {
margin-left: -16px;
margin-top: -1px;
margin-right: 2px;}
#recommended-videos .fb-share-count{
background: none repeat scroll 0px 0px rgb(255, 255, 255);
color: rgb(18, 43, 109);
font-size: 18px;
line-height: 33px;
text-align: center;
padding: 0 6px 0 8px;
margin: 2px 2px 2px 0;
position: absolute;
top: 1px;
right: 1px;
height: 35px;
letter-spacing: -1px;
/*border-radius: 0 3px 3px 0;*/ }
#replay{
display: none;
margin-top: 90px; }
#replay span{
cursor:pointer;
padding: 8px 11px 12px 47px;
/*border-radius: 4px;*/
background: url('/images/v3/replay.png') no-repeat 12px 6px #191919;
font-size: 17px;
border: 1px solid #383939; }
#replay span:hover{ background-color: #111}
.videos {
display: block;
float: left;
height: 120px;
width: 174px;
margin: 9px 0px 0px 9px;
overflow: hidden;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px; }
.videos a, .videos img {
width: 174px;
height: 120px; }
.videoinfo {
cursor: pointer;
display: none;
color: white;
font-size: 13px;
padding: 10px 10px 0;
height: 110px;
text-align: left;
width: 154px;
position: absolute;
background: url('/images/v3/black-bg.png') repeat transparent;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px; }
.videos:hover .videoinfo { display: inline-block; }
.video-desc{
font-size: 19px;
line-height: 30px;
font-family: georgia, arial; }
#more-info{
font-family: "Oswald", arial, sans-serif;
margin-top: 32px; }
#more-info a{ color: #135FB3;}
#more-info input {
border: 1px dotted #ddd;
padding: 4px 3px 5px;
vertical-align: middle;
color: #222;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
width: 705px; }
#more-info a#more-information{ color: #222}
#more-info div.observe{
font-family: 'open_sansregular',arial,sans-serif;
margin: 10px 0 30px; }
#more-info #more a { text-decoration: underline; }
#disqus_thread { margin: 35px 0 -10px;}
#disqus_thread a { color: #135FB3; }
.recommended{ margin-bottom: 30px;}
.recommended-half{
margin-top: 23px;
width: 280px; }
.recommended-half:nth-of-type(2n-1) { float: left;}
.recommended-half:nth-of-type(2n) { float: right; }
.story-content a { color: #135FB3;}
.story-content p {
font-size: 19px;
font-family: georgia, arial;
line-height: 30px;
padding-bottom: 20px; }
.story-content h2{
font-size: 19px;
margin-bottom: 10px;
font-weight: 400; }
.story-content .ad-336{
max-width: 336px;
margin: -15px auto 27px; }
.story-content img{ width: 90%;}
.story-content small{ font-size: 14px;}
.share-heading{ font-family: "Oswald", arial, sans-serif; font-size: 19px;}
.share-heading img {
width: 23px;
margin-top: 15px; }
#stories .share-heading{ margin-bottom: 20px;}
#stories .fb-like-bottom{ margin: 35px auto;}
#sidebar{
width: 336px; }
#interact{
border: 1px solid #cbcbcb;
padding: 8px;
margin-bottom: 12px;
background: #fff;}
#interact div{
background: #9ab9e4;
font-family: "Oswald",arial,sans-serif;
font-size: 25px;
text-align: center;
text-transform: capitalize;
color: #fff;
padding: 15px 0;
text-shadow: 0px 0px 4px #81a1c8; }
#interact div img{ margin: 17px 5px 10px;}
#sidebar .ad-headline{
font-size: 13px;
margin-right: 9px; }
#sidebar .ad-336{
border: 1px solid #cbcbcb;
background: #fff;
padding: 18px 0; }
#fb-feed{
background: #fff;
border: 1px solid #cbcbcb;
padding: 12px 18px;
margin: 12px 0 12px;
font-size: 14px; }
#fb-feed-top{
border-bottom: 1px dotted #ddd;
text-transform: capitalize;
font-family: "Oswald",arial,sans-serif;
font-size: 20px;
padding-bottom: 9px;
margin-bottom: 12px;}
#fb-feed-post{
position: relative;
min-height: 70px;
float: right;
width: 200px;}
#fb-feed-thumb{
float: left;
width: 90px;
overflow: hidden;
margin-top: 5px;}
#fb-feed-thumb img{ height: 60px;}
#fb-feed-post a{
color: #135FB3;
font-weight: bold;}
#fb-feed-post a:hover{ text-decoration: underline}
#fb-feed-post .fb-like{ border: 0px solid}
#fb-feed .fb_iframe_widget{
float: right;
margin: -1px 10px 0;
position: absolute;
bottom: 5px;
left: -10px;}
/* .fb_iframe_widget{transform: scale(1.3);
-ms-transform: scale(1.3);
-webkit-transform: scale(1.3);
-o-transform: scale(1.3);
-moz-transform: scale(1.3);
transform-origin: bottom left;
-ms-transform-origin: bottom left;
-webkit-transform-origin: bottom left;
-moz-transform-origin: bottom left;
-webkit-transform-origin: bottom left;}*/
.video-ad{ margin-top: 12px;}
.video-ad div, .video-ad object, .video-ad div img{
width: 336px!important;
height: 252px!important; }
#most-popular{
background: #fff;
border: 1px solid #cbcbcb;
margin-top: 12px;
padding: 10px 18px 0px 18px; }
#most-popular-headline{
background: #fff;
text-transform: uppercase;
font-family: "Oswald",arial,sans-serif;
font-size: 19px;
padding-bottom: 7px;
overflow: hidden; }
#most-popular-headline span{
margin-top: 4px;
font-size: 20px;
text-transform: capitalize; }
.tabs {
display:inline-block;}
.tab-links:after {
display:block;
clear:both;
content:'';}
.tab-links li {
float:left;
list-style:none; }
.tab-links a {
padding:8px 7px 5px;
display:inline-block;
font-size:17px;
font-weight:400;
transition:all linear 0.15s;
text-transform: capitalize;
color: #135FB3;}
.tab-links a:hover {
text-decoration:underline;
color: #222; }
.tab-links li + li + li a{ padding-right: 0;}
li.active a, li.active a:hover {
color: #222;
text-decoration: underline;}
.tab-content {}
.tab {
display:none; }
.tab.active {
display:block;}
.most-popular-video{
overflow: hidden;
margin-bottom: 18px; }
#sidebar .most-popular-video{
border-top: 1px dotted #ddd;
padding-top: 12px;}
.tabs .most-popular-video .video-thumb{
position: relative;
overflow: auto;
width: 50%;
float: left;
margin-right: 10px;
margin-top: 5px; }
.most-popular-video img{
width: 100%; }
.most-popular-video div{
color: #222;
font-family: "Oswald",arial,sans-serif;
font-weight: 400;
font-size: 18px;}
.most-popular-video div:hover{ text-decoration: underline;}
#header .most-popular-video, #header .most-popular-video img { width: 270px;}
#header .most-popular-video div{
color: #fff;
font-weight: 300;
font-size: 17px;
line-height: 25px;}
#header ul.categories-videos li > div + div{ margin: 5px 30px 0;}
#header ul.categories-videos li > div + div + div{ margin: 5px 0px 0;}
#header .most-popular-video{ margin-top: 5px; margin-bottom: 5px;}
#header .most-popular-video div{ color: #fff; }
.categories-videos .video-thumb{ position: relative;}
#sidebar-newsletter{
border: 3px solid #31557e;
background-color: #eeeeee;
margin-top: 12px;}
#sidebar-newsletter h3{
background-color: #31557e;
color: #fff;
font-size: 20px;
font-weight: 400;
padding: 13px 50px 18px 20px;
text-transform: capitalize; }
#sidebar-newsletter form{
margin: 6px;
background: #fff;
padding: 12px;}
#sidebar-newsletter #email{
width: 99.6%;
border: 1px dotted #80a8d5;
color: #7390b4;
padding: 8px 0;
text-indent: 10px;
font-size: 16px;
font-family: 'Oswald', arial, sans-serif;
text-transform: capitalize; }
#sidebar-newsletter input#email::-webkit-input-placeholder { color: #7390b4!important; opacity: 1 !important}
#sidebar-newsletter input#email:-moz-placeholder { /* Firefox 18- */ color: #7390b4!important; opacity: 1 !important }
#sidebar-newsletter input#email::-moz-placeholder { /* Firefox 19+ */ color: #7390b4!important; opacity: 1 !important }
#sidebar-newsletter input#email:-ms-input-placeholder { color: #7390b4!important; opacity: 1 !important }
#sidebar-newsletter #submit{
width: 100%;
background: #4372c7;
color: #fff;
text-shadow: 0px 0px 4px #31557e;
border: none;
font-family: "Oswald", arial, sans-serif;
font-size: 17px;
text-transform: capitalize;
padding: 5px 0 6px;
margin-top: 12px;
cursor: pointer;
-webkit-appearance: none; }
#sidebar-newsletter #submit:hover{ background-color: #3667bc}
#back-top {
position: fixed;
bottom: 20px;
left: 50%;
margin-left: 625px; }
#back-top a {
width: 45px;
display: block;
/* transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s; }
.page{
border: 1px solid #cbcbcb;
background-color: #fff;
padding: 25px 20px 20px 20px;
font-family: georgia, arial, sans-serif; }
.page h3 {
font-size: 20px;
font-weight: 400;
margin: 5px 0 23px 0; }
.page p {
margin-bottom: 20px;
line-height: 25px; }
.page p strong{ font-weight: bold; vertical-align: top;}
.page a { color: #135FB3; }
.page a:hover{ text-decoration: underline; }
.page a.career{
font-family: "Oswald", arial, sans-serif;
font-weight: 400;
display: block;
margin: -10px 0 20px 33px;
padding-left: 12px;
background: url("/images/v3/arrow-right-blue.png") no-repeat 0px 7px;}
.page ol, .page ul{ margin: 0 0 20px 50px; }
.page ol li{ margin: 0 0 20px 0; }
.page ul{
list-style-type: square;
line-height: 35px; }
#contact{
margin: 15px 0 10px 0;
width: 480px;
padding: 30px 0 25px;
background: #f7f7f7;
border: 1px solid #ccc; }
#contact table tr td{
padding-bottom: 10px; }
#contact table tr td .ginput, #contact table tr td select, #contact table tr td textarea{
width: 300px;
padding: 7px 5px;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
border: 1px solid #ccc; }
#contact table tr td select{ width: 312px;}
#contact textarea{
height: 80px; }
#submit_button{
background-color: #063365;
color: #fff;
border: none;
border-radius: 4px;
font-size: 16px;
font-family: "Oswald", arial, sans-serif;
padding: 7px 14px;
cursor: pointer;
float: right; }
#submit_button:hover{ background-color: #021D3A;}
.careers #contact{
width: 100%;
margin: 0; }
.careers #contact table { width: 94%; margin-top: 3px;}
.careers #contact table tr td:first-child{ width: 30%;}
.careers #contact #subject{ color: gray;}
.careers #contact textarea { width: 98.3%!important;}
.advertise{ padding-left: 40px; padding-right: 40px;}
.advertise h2{
font-size: 28px;
font-weight: 400;
margin: 22px 0 39px 0;}
.advertise h3{ font-size: 20px}
.advertise h3 a{ font-weight: 400}
.advertise p{
line-height: 30px;
font-size: 18px; }
.advertise-devices{ margin: 20px 5px 10px 0;}
.advertise-form{
margin: 35px auto 10px !important;
width: 490px !important;
padding-bottom: 18px !important;}
.advertise-form table{ margin: auto;}
.advertise-form td:nth-of-type(7){ vertical-align: top;}
.advertise-form .text-top{ vertical-align: top;}
.advertise-form .required{ font-size: 13px; padding-bottom: 5px;}
.advertise-visitors{
width: 1120px;
margin-left: 10px; }
.advertise hr{
border: none;
border-bottom: 2px dotted #dadada;
margin: 50px 0; }
.advertise-social{
width: 360px;
margin-left: 15px; }
.advertise-mobile{ width: 473px;}
#upload-left{
width: 582px;
border-right: 1px solid #CBCBCB;
padding-right: 20px;}
#upload-left h3{ margin-bottom: 28px;}
#upload-left #submit-container{
color: #222;
font-weight: 400;
margin-top: 8px;
font-family: "Oswald";
font-size: 17px;
text-indent: 20px; }
#upload-left #submit-container img{
margin-top: -4px;
margin-right: 6px; }
#upload-left .required-txt{
font-size: 12px;
text-align: right; }
#upload-right{ width: 565px;}
#upload-left #contact{
width: 545px;
padding: 22px 20px 12px 15px;
margin-bottom: 0; }
#upload-left #contact table tr td .ginput, #upload-left #contact table tr td select,
#upload-left #contact table tr td textarea {
width: 100%;
background: #fff;
box-sizing: border-box; }
#upload-left #contact table tr td:first-child{ width: 120px;}
#upload-left #contact table tr:first-child td { padding-bottom: 0; }
#upload-left #contact table tr td { padding-left: 5px; }
#upload-left #contact table tr td small{ font-size: 12px; }
#upload-right h3{ margin-bottom: 28px;}
.accordion-wrap {
position: relative;
/*margin-left: 20px; */ }
.accordion-title {
padding: 8px 10px 10px 30px;
font-weight: 400;
background: #ff4669 url('http://upload.wimp.com/images/accordion_closed.gif') no-repeat 10px 14px;
color: #fff;
cursor: pointer;
margin-bottom: 5px;
line-height: 1.1em; }
.accordion-title:hover{
background: #021D3A url('http://upload.wimp.com/images/accordion_closed.gif') no-repeat 10px 14px; }
.accordion-open {
background: #222 url('http://upload.wimp.com/images/accordion_opened.gif') no-repeat 10px 17px; }
.accordion-content {
width: 100%;
padding-top: 10px;
line-height: 1.8em; }
.accordion-content ul{
list-style-type: square;
margin-left: 18px;
margin-bottom: 15px;
margin-top: -10px; }
.accordion-content ul li{
line-height: 25px;
margin-bottom: 5px; }
.accordion-content p img{
width: 100%;
margin-top: 5px; }
.accordion-content a{
color: #1662b8 }
.accordion-title {
background-color: #063365;
color: #ffffff; }
.accordion-title em{
font-family: "Oswald", arial, sans-serif;
font-style: normal;
font-size: 20px;
font-weight: 300; }
.accordion-open {
background-color: #021D3A;
color: #ffffff; }
.switch-mobile{
background: #005698;
margin-bottom: 20px;
color: #fff;
font-size: 34px;
padding: 10px 0; }
.switch-mobile a{
color: #fff;
text-decoration: underline; }
.pagination{
display: table;
margin-bottom: 12px; }
.pagination>ul>li {
display: inline;
float: left; }
.pagination>ul>li>a{
position: relative;
float: left;
padding: 4px 8px 5px;
margin: 0 1px;
line-height: 1.42857143;
color: #fff!important;
text-decoration: none!important;
background-color: #005698;
font-size: 14px;
min-width: 14px;
text-align: center; }
.pagination>ul>li>a.active, .pagination>ul>li>a:hover{ background-color: #063365;}
.pagination>ul>li:first-child>a{}
.pagination span{
font-size: 21px;
font-weight: normal;
line-height: 16px;
vertical-align: top; }
.pagination .disabled{
padding: 0 6px;
line-height: 30px;
color: #005698; }
#nav-story{ border: none;}
#nav-story a{
background: #005698;
color: #fff;
font-size: 19px;
font-family: "Oswald", arial, sans-serif;
padding: 5px 14px; }
#nav-story a:hover{
color: #fff;
text-decoration: none;}
#nav-story .right span#page-of{
font-size: 19px;
font-family: "Oswald", arial, sans-serif;
color: #222; }
#stories hr, .fbstories hr{
border: none;
border-top: 1px solid #b4b4b4;
margin-bottom: 40px; }
/*.story-page #wrapper{ width: 772px;}
.story-page #sidebar{ width: 400px;}
.story-page a.fb-share-left{ width: 455px; text-indent: 47px;}
.story-page .fb-like-box{
width: 298px;
text-indent: 50px;
background: url("/images/v3/fb-hand.png") no-repeat #cfdbde 10px 7px; }
.story-page .fb-like-box .fb_iframe_widget{ left: -4px}
.story-page .prev-page, .story-page .next-page{ width: 170px;}
.story-page .random-page{ width: 428px;}
.story-page .video-share a{ width: 128px;}
.story-page #fb-feed-post{ width: 260px;}*/