/*---------------------------------------- Start New Fonts --------------------------------------------------------- */
@font-face {
    font-family: 'dinbold';
    src: url('/wp-content/themes/roots-master/assets/fonts/updated/din_bold-webfont.eot');
    src: url('/wp-content/themes/roots-master/assets/fonts/updated/din_bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/roots-master/assets/fonts/updated/din_bold-webfont.woff2') format('woff2'),
    url('/wp-content/themes/roots-master/assets/fonts/updated/din_bold-webfont.woff') format('woff'),
    url('/wp-content/themes/roots-master/assets/fonts/updated/din_bold-webfont.ttf') format('truetype'),
    url('/wp-content/themes/roots-master/assets/fonts/updated/din_bold-webfont.svg#dinbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dinmedium';
    src: url('/wp-content/themes/roots-master/assets/fonts/updated/din-medium-webfont.eot');
    src: url('/wp-content/themes/roots-master/assets/fonts/updated/din-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/roots-master/assets/fonts/updated/din-medium-webfont.woff2') format('woff2'),
    url('/wp-content/themes/roots-master/assets/fonts/updated/din-medium-webfont.woff') format('woff'),
    url('/wp-content/themes/roots-master/assets/fonts/updated/din-medium-webfont.ttf') format('truetype'),
    url('/wp-content/themes/roots-master/assets/fonts/updated/din-medium-webfont.svg#dinmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dinregular';
    src: url('/wp-content/themes/roots-master/assets/fonts/updated/din-regular-webfont.eot');
    src: url('/wp-content/themes/roots-master/assets/fonts/updated/din-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/roots-master/assets/fonts/updated/din-regular-webfont.woff2') format('woff2'),
    url('/wp-content/themes/roots-master/assets/fonts/updated/din-regular-webfont.woff') format('woff'),
    url('/wp-content/themes/roots-master/assets/fonts/updated/din-regular-webfont.ttf') format('truetype'),
    url('/wp-content/themes/roots-master/assets/fonts/updated/din-regular-webfont.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'alternate_gothic_no.2regular';
    src: url('/wp-content/themes/roots-master/assets/fonts/updated/alternategothicno2bt-regular-webfont.eot');
    src: url('/wp-content/themes/roots-master/assets/fonts/updated/alternategothicno2bt-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/roots-master/assets/fonts/updated/alternategothicno2bt-regular-webfont.woff2') format('woff2'),
    url('/wp-content/themes/roots-master/assets/fonts/updated/alternategothicno2bt-regular-webfont.woff') format('woff'),
    url('/wp-content/themes/roots-master/assets/fonts/updated/alternategothicno2bt-regular-webfont.ttf') format('truetype'),
    url('/wp-content/themes/roots-master/assets/fonts/updated/alternategothicno2bt-regular-webfont.svg#alternate_gothic_no.2regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'frnkgothitc_bk_btbook';
    src: url('/wp-content/themes/roots-master/assets/fonts/updated/franklin_gothic_itc_book_bt-webfont.eot');
    src: url('/wp-content/themes/roots-master/assets/fonts/updated/franklin_gothic_itc_book_bt-webfont.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/roots-master/assets/fonts/updated/franklin_gothic_itc_book_bt-webfont.woff2') format('woff2'),
    url('/wp-content/themes/roots-master/assets/fonts/updated/franklin_gothic_itc_book_bt-webfont.woff') format('woff'),
    url('/wp-content/themes/roots-master/assets/fonts/updated/franklin_gothic_itc_book_bt-webfont.ttf') format('truetype'),
    url('/wp-content/themes/roots-master/assets/fonts/updated/franklin_gothic_itc_book_bt-webfont.svg#frnkgothitc_bk_btbook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Sosa';
    src: url('/wp-content/themes/roots-master/assets/fonts/sosa-regular-webfont.eot?') format('eot');
    src: url('/wp-content/themes/roots-master/assets/fonts/sosa-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/roots-master/assets/fonts/sosa-regular-webfont.woff') format('woff'),
    url('/wp-content/themes/roots-master/assets/fonts/sosa-regular-webfont.ttf') format('truetype'),
    url('/wp-content/themes/roots-master/assets/fonts/sosa-regular-webfont.svg#Sosa') format('svg');
}
/*---------------------------------------- End Fonts --------------------------------------------------------- */

/*---------------------------------------- Start General --------------------------------------------------------- */
.post-nav-left, .post-nav-middle, .post-nav-right {
    visibility:hidden;
}
#lf_pings {
    display:none;
}

/*---------------------------------------- End General --------------------------------------------------------- */

/*---------------------------------------- Start Post Slider --------------------------------------------------------- */
.theiaPostSlider_slides {
    padding: 0;
    max-width: 800px;
    margin: 0 auto 20px auto !important;
}
.theiaPostSlider_nav ._disabled {
    display:none;
}
.theiaPostSlider_nav._right {
    margin-top: 0;
    padding: 10px 15px;
    margin: 0 -160px;
    min-height: 52px;
    position: relative;
    box-sizing: border-box;
    background:#fff;
}
.theiaPostSlider_nav ._prev:active span, .theiaPostSlider_nav ._prev._active span, .theiaPostSlider_nav ._next:active span, .theiaPostSlider_nav ._next._active span, .theiaPostSlider_nav ._prev span, .theiaPostSlider_nav ._next span {
    height: 30px;
}
.theiaPostSlider_nav ._prev, .theiaPostSlider_nav ._next {
    height:31px;
}
.theiaPostSlider_nav._right h3 {
    text-transform: none;
    font-weight: normal;
    font-family: 'dinmedium';
}
.theiaPostSlider_nav._right ._title {
    box-sizing: content-box;
    float: none;
    font-size: 26px;
    line-height: 28px;
    padding: 0;
    text-align: left;
    position: relative;
    margin: 0;
    display: table;
}
.theiaPostSlider_nav._left ._buttons, .theiaPostSlider_nav._right ._buttons {
    display: inline-block;
    margin: 0 0 0 20px;
    height: 32px;
    line-height: 30px;
    min-width: 35%;
    width: 230px;
    float: right;
    position: relative;
    z-index: 9;
    overflow: hidden;
    font-family: 'dinmedium';
}
.theiaPostSlider_nav ._title ._helper {
    color: #6B6B6B;
}
@media screen and (min-width:721px) and (max-width:860px) {
    .theiaPostSlider_slides {
        margin: 0 20px;
    }
}
@media screen and (max-width:568px) {
    .theiaPostSlider_nav._right ._title {
        font-size: 20px;
        line-height: 22px;
        clear: both;
        padding: 25px 0 10px 0;
        text-align: center;
        width: 100%;
    }
    .theiaPostSlider_nav._left ._buttons, .theiaPostSlider_nav._right ._buttons {
        margin: 0 auto;
        clear: both;
        float: none;
        width: 100%;
    }
    .theiaPostSlider_nav._right {
        width: 100%;
        padding: 10px 0;
    }
    .theiaPostSlider_nav._left ._buttons, .theiaPostSlider_nav._right ._buttons a._prev, .theiaPostSlider_nav._left ._buttons {
        width: 35%;
    }
    .theiaPostSlider_nav._left ._buttons, .theiaPostSlider_nav._right ._buttons span._text {
        margin:0;
        width:30%;
        text-align: center;
    }
}

/*---------------------------------------- End Post Slider --------------------------------------------------------- */

/*---------------------------------------- Start Menu --------------------------------------------------------- */
#sticky {
    z-index: 51;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    -webkit-transform: translateZ(0);
}
.navbar-default {
    background-color: #fff;
    border-color: #fff;
    padding: 0;
    font-size: 16px;
    border: 0;
}
body.home .navbar-default {
    background-color: #fff;
    border-color: #fff;
}
body.home .entry-summary p {
    display: none;
}
#sticky.mobile .navbar-default {
    background: #000;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: transparent;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #fff;
    opacity: 0.8;
}
.navbar-logo {
    background-color: #000000;
    width: 125px;
    height: 50px;
    position: absolute;
    top: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    z-index:99;
}
#scroll-logo img {
    width: auto;
    padding: 0px 15px;
    max-height: 50px;
}
.footer-navbar-logo {
    background-color: #000000;
    width: 125px;
    height: 90px;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
footer#footer.content-info.container {
    max-width: 1550px;
    padding: 0;
}
.navbar-logo span, .footer-navbar-logo span {
    color: #ffffff;
    padding: 5px 10px 0 10px;
    font-size: 48px;
    font-family: 'boston_trafficregular';
    float: left;
    height: 65px;
}
#navbar-logo-mm.navbar-logo  {
    height: 80px !important;
    top: 0 !important;
    line-height: 50px;
    background: transparent;
}
.scroll-logo {
    top: 0px;
    height: 50px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.navbar {
    margin-bottom: 0px;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    float: none;
    padding: 15px 14px;
}
nav ul ul {
    display: none;
}
nav ul li:hover > ul {
    display: block;
    background-color:#707070;
}
nav ul ul {
    background: #252525;
    border-radius: 0px;
    padding: 0;
    position: absolute;
    top: 100%;
}
nav ul ul li {
    float: none;
    position: relative;
}

.navbar-desktop> ul li {
    float:right;
    color:#ffffff;
    padding:25px 10px;
    background-repeat:no-repeat;
    font-family: 'dinmedium';
}
.navbar-desktop> ul li#write-for-ryot {
    color: #000;
    height: 51px;
    width: 60px;
    text-align: center;
    padding: 5px 10px 0 10px;
    font-size: 12px;
    line-height: 14px;
    font-family: 'dinmedium';
}
.navbar-desktop> ul li#info {
    background-image:url('http://d3819ii77zvwic.cloudfront.net/wp-content/uploads/2015/12/sprite.png');
    background-position: -392px 14px;
    width: 50px;
    padding-right: 45px;
}
li#info > ul {
    width: 140px;right: 60px;text-align: center;
}
li#info > ul > a li {
    width: 100%;text-align: center;padding: 10px 30px;clear: both;float: none;margin: 0 auto;border-bottom: 1px solid #252525;
}
li#info > ul > a li:nth-child(4) {
    border-bottom: none;
}
li#info > ul > a li:hover {
    background:#252525;
    border-bottom: 1px solid #707070;
}
.navbar-desktop> ul li#search {
    background-image:url('http://d3819ii77zvwic.cloudfront.net/wp-content/uploads/2015/12/sprite.png');
    background-position: -167px -66px;
    width: 50px;
}
.navbar-desktop> ul li#social {
    background-image:url('http://d3819ii77zvwic.cloudfront.net/wp-content/uploads/2015/12/sprite.png');
    background-position:-26px -66px;
    width:151px;
}
.navbar-desktop> ul li#social > ul > li{
    width:250px;
}
.navbar-desktop> ul li#menu {
    background-image:url('http://d3819ii77zvwic.cloudfront.net/wp-content/uploads/2015/12/sprite.png');
    background-position:14px -66px;
    width: 50px;
    float: right;
}
.navbar-desktop> ul li#info:hover, .navbar-desktop> ul li#search:hover, .navbar-desktop> ul li#social:hover, .navbar-desktop> ul li#menu:hover {
    background-color:#707070;
}
.navbar-desktop> ul li#menu > .menu-container {
    width:75%;
    width: -moz-calc(100% - 125px);
    width: -webkit-calc(100% - 125px);
    width: calc(100% - 125px);
    height: 328px;
    right: 0;
    z-index: -1;
    overflow: hidden;
}
.navbar-desktop> ul li#menu > .menu-container > li#topstories-drop {
    background-color: #707070;
    border-bottom: 1px solid #444444;
    max-height: 328px;
}
.navbar-desktop> ul li#menu > .menu-container > li#menu-drop > ul#menu-primary-navigation-1.nav.navbar-nav {
    background-color: #444444;
}
#menu-drop {
    width: 180px;
    height: 329px;
    float: left;
    padding: 0;
    margin: 0;
}
#menu-drop > ul#menu-primary-navigation-1 {
    display: block;
    position: static;
    width: 180px;
    padding: 9px 0 9px 10px;
    background: #111111;
    text-transform:uppercase;
}
#menu-drop > ul#menu-primary-navigation-1 > li {
    width: 100%;
    float: none;
    text-align: left;
    padding: 0;
    background-color: #444444;
    border:none;
}
#topstories-drop {
    float:left;
    width: -moz-calc(100% - 180px);
    width: -webkit-calc(100% - 180px);
    width: calc(100% - 180px);
    height: 400px;
    padding:0 10px;
}
#topstories-drop > ul {
    display: block;
    position: static;
    padding: 0;
}
#topstories-drop > ul > li {
    width: 33%;
    float: left;
    padding: 0;
}
#topstories-drop p {
    padding: 10px 0;
    color: #ffffff;
}
#topstories-drop img {
    width: 100%;
    overflow: hidden;
}
#topstories-drop a {
    color:#ffffff;
}
.topstories-top {
    height:60px;
    padding: 10px;
    font-size: 38px;
}
.topstories-bottom {
    height: 268px;
    overflow: hidden;
}
.topstories-bottom-story {
    width: 25%;
    height: 267px;
    float: left;
    padding: 10px 0.5%;
}
.topstories-bottom-img {
    width: 100%;
    height: 161px;
    overflow: hidden;
}
#topstories-drop img {
    height: auto;
}

@media screen and (min-width:1120px) and (max-width:1479px){
    .topstories-bottom-story {
        width: 33.3%;
    }
}
@media screen and (min-width:820px) and (max-width:1119px){
    .topstories-bottom-story {
        width: 50%;
    }
}
@media screen and (min-width:768px) and (max-width:819px){
    .topstories-bottom-story {
        width: 100%;
    }
}
.top_nav_verticals {position: relative;left: 125px;width: 100%;	height: 50px;z-index: 1;}
.top_nav_verticals > ul#menu-primary-navigation > li {float:left;height:51px;}
.top_nav_verticals > ul#menu-primary-navigation > li a {color: #000;float: none;padding: 8px 14px;
    font-family: 'dinmedium';
    text-transform: uppercase;
    font-size: 14px;
    border-right: 1px solid;
    margin-top: 7px;}
#wpadminbar, .navbar-desktop> ul li#menu {display:none;}
@media screen and (min-width: 1156px) and (max-width: 1230px){
    .top_nav_verticals > ul#menu-primary-navigation > li:nth-child(8) {display:none;}
}
@media screen and (min-width: 1081px) and (max-width: 1155px){
    .top_nav_verticals > ul#menu-primary-navigation > li:nth-child(7), .top_nav_verticals > ul#menu-primary-navigation > li:nth-child(8) {display:none;}
}
@media screen and (min-width: 1000px) and (max-width: 1080px){
    .top_nav_verticals > ul#menu-primary-navigation > li:nth-child(6),.top_nav_verticals > ul#menu-primary-navigation > li:nth-child(7), .top_nav_verticals > ul#menu-primary-navigation > li:nth-child(8) {display:none;}
}
@media screen and (min-width: 865px) and (max-width: 999px){
    .top_nav_verticals > ul#menu-primary-navigation > li:nth-child(5), .top_nav_verticals > ul#menu-primary-navigation > li:nth-child(6),.top_nav_verticals > ul#menu-primary-navigation > li:nth-child(7), .top_nav_verticals > ul#menu-primary-navigation > li:nth-child(8) {display:none;}
}
@media screen and (min-width: 768px) and (max-width: 864px){
    .top_nav_verticals > ul#menu-primary-navigation > li:nth-child(4),.top_nav_verticals > ul#menu-primary-navigation > li:nth-child(5), .top_nav_verticals > ul#menu-primary-navigation > li:nth-child(6),.top_nav_verticals > ul#menu-primary-navigation > li:nth-child(7), .top_nav_verticals > ul#menu-primary-navigation > li:nth-child(8) {display:none;}
}

.eslyta {
    width:100%;
    max-width: 1550px;
    max-height:250px;
    /*	background:#e9e9e9 url('http://d3819ii77zvwic.cloudfront.net/wp-content/uploads/2015/03/graffiti.jpg') repeat repeat;
        background-size: cover;
        background-position: center;
        display:none; */
    position: absolute;
    overflow:hidden;
}
.eslyta-middle {
    height: 85px;
    margin: 30px auto 0 auto;
    position: relative;
    font-family: 'alternate_gothic_no.2regular';
    color: rgba(255,255,255,0.9);
    font-size: 49px;
    text-align: center;
    letter-spacing: 16px;
}
.eslyta-filler {
    width:100%;
    height:auto;
    display: block;
    margin: 15px 0;
}
.eslyta-filler-inner img {
    width: 100%;
    height: auto;
}
.close {
    padding: 10px;
    color: #fff;
    text-shadow: 0 1px 0 #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.close:hover, .close:focus {
    color: #fff;
    text-shadow: 0 1px 0 #000;
    opacity: 1;
    filter: alpha(opacity=100);
}
@media screen and (min-width: 976px) and (max-width: 1189px){
    .eslyta-middle {
        font-size: 42px;
        text-align: center;
        letter-spacing: 6px;
        width: 700px;
    }
}
@media screen and (min-width: 621px) and (max-width: 975px){
    .eslyta-middle {
        width: 440px;
        font-size: 40px;
        margin: 15px auto 0 auto;
    }
}
@media screen and (max-width: 620px){
    .eslyta {
        height: 100px;
    }
    .eslyta-middle {
        width: 100%;
        margin: 15px auto 0 auto;
        font-size: 26px;
        padding: 0 20px;
        letter-spacing: 5px;
    }
    .eslyta-filler {
        height: 100px;
    }
    .eslyta-filler-inner {
        display:none;
    }
}
#operation_girl.eslyta {
    background: #e9e9e9 url('http://d3819ii77zvwic.cloudfront.net/wp-content/uploads/2014/07/operation-girl-header2.png');
    background-size: cover;
    background-position: center;
}
#operation_girl_container {
    width: 300px;
    height: 150px;
    margin: 0;
    padding: 0;
    float: right;
    margin-top: 40px;
}

#operation_girl_outerdiv {
    width: 143px;
    height: 54px;
    overflow: hidden;
    position: relative;
    right: 130px;
    top: -35px;
}
#operation_girl_donate {
    width: 143px;
    height: 54px;
    overflow: hidden;
    position: relative;
    right: 130px;
    top: -30px;
    background: #f43d85 url('http://d3819ii77zvwic.cloudfront.net/wp-content/uploads/2014/07/operation-girl-donate.png');
}
#operation_girl_innerdiv {
    position: absolute;
    top: -103px;
    left: -886px;
    width: 2080px;
    height: 1200px;
    overflow: hidden;
    -ms-zoom: 0.6;
    zoom: .6;
    -moz-transform: scale(.6);
    -moz-transform-origin: 0 0;
    -o-transform: scale(.6);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(.6);
    -webkit-transform-origin: 0 0;
    transform: scale(.6);
    transform-origin: 0 0;
}
@media screen and (min-width:1160px) and (max-width:1280px) {
    #operation_girl_outerdiv, #operation_girl_donate {
        right: 60px;
    }
}
@media screen and (min-width:1020px) and (max-width:1159px) {
    #operation_girl_outerdiv, #operation_girl_donate {
        right: 0px;
    }
}
@media screen and (min-width:1020px) and (max-width:1159px) {
    #operation_girl_outerdiv, #operation_girl_donate {
        right: -60px;
    }
}
@media screen and (min-width:621px) and (max-width:1019px) {
    #operation_girl_outerdiv, #operation_girl_donate {
        right: -120px;
    }
}
@media screen and (min-width:621px) and (max-width:768px) {
    #operation_girl.eslyta {
        background-position-x: -620px;
    }
    #operation_girl_outerdiv, #operation_girl_donate {
        right: -120px;
    }
}
@media screen and (min-width:490px) and (max-width:620px) {
    #operation_girl.eslyta {
        background-position-x: -490px;
    }
    #operation_girl_outerdiv {
        display:none;
    }
    #operation_girl_donate {
        right: -130px;
        top: -20px;
    }
}
@media screen and (max-width:489px) {
    #operation_girl.eslyta {
        background-position-x: -470px;
    }
    #operation_girl_outerdiv, #operation_girl_donate {
        display:none;
    }
}


.navbar-nav>li {
    float: none;
}

body {
    background-color:#f5f5f5;
    overflow-x:hidden;
}
body {
    padding: 0 15px;
}

@media screen and (max-width: 768px){
    body {
        padding: 0;
    }
    .wrap.container {
        margin: 50px auto 0 auto;
    }
    .navbar-default {
        background:#000;
    }
    .navbar-logo {
        height: 50px !important;
        top: 0px !important;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        width: 130px;
        background: transparent;
    }
    #navbar-logo img {
        max-height: 50px;
        padding: 2px;
    }
    .main-middle {
        padding-top: 0 !important;
    }
    .navbar-logo span, .footer-navbar-logo span {
        font-size: 40px;
    }
    .navbar-desktop> ul li#write-for-ryot {
        display:none;
    }
    li#search {
        background-image: url('http://d3819ii77zvwic.cloudfront.net/wp-content/uploads/2015/12/sprite.png');
        background-position: -167px 14px;
        width: 50px;
        padding-right: 0px;
        float: right;
        color: #ffffff;
        padding: 0;
        background-repeat: no-repeat;
        font-family: 'dinmedium';
        height: 50px;
        position: absolute;
        right: 0;
    }
    li#search:hover {
        background-color: #707070;
    }
    .navbar-toggle {
        position: relative;
        top: 0;
        right: 50px;
    }
}
.email-input {
    width:170px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    font-family: 'dinmedium';
}
.email-button {
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    -webkit-writing-mode: horizontal-tb;
    align-items: flex-start;
    background-color: rgb(3, 0, 0);
    background-image: none;
    border-bottom-color: rgb(3, 0, 0);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-collapse: separate;

    border: 1px solid rgb(3, 0, 0);
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    font-family: 'dinmedium';
    font-size: 14px;
    height: 34px;
    line-height: 20px;
    margin: -2px 0 0 -4px;
    padding: 6px 12px;
    text-align: center;
    text-indent: 0px;
    text-shadow: none;
    text-transform: none;
    vertical-align: middle;
    white-space: nowrap;
    word-spacing: 0px;
}
input.email-input::-webkit-input-placeholder {
    color: rgb(85, 85, 85);
    font-family: 'dinmedium';
}

input.email-input:-moz-placeholder { /* Firefox 18- */
    color: rgb(85, 85, 85);
    font-family: 'dinmedium';
}

input.email-input::-moz-placeholder {  /* Firefox 19+ */
    color: rgb(85, 85, 85);
    font-family: 'dinmedium';
}

input.email-input:-ms-input-placeholder {
    color: rgb(85, 85, 85);
    font-family: 'dinmedium';
}


/*---------------------------------------- End Menu --------------------------------------------------------- */

/*---------------------------------------- Start Etc --------------------------------------------------------- */

img {
}
a:hover {
    text-decoration:none;
}
.clear {
    clear:both;
}
.container {
    width: 100% !important;
    height: 100%;
    max-width: 1550px;
    margin: 0 auto;
    padding: 0 0 0 15px;
}
header .container {
    padding: 0;
}
.wrap.container {
    padding: 0;
    max-width: 1550px;
    margin: 55px auto 0 auto;
}
.content.row, .bottomMenu {
    max-width: 1550px;
    margin: auto;
    position: relative;
    width: 100%;
    overflow-x: hidden;
}
.content.row {
    background-color: #fff;
    overflow: hidden;
}
body.home .content.row {
    background-color: #fff;
}
* {
    list-style-type:none;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
@-moz-document url-prefix() {
    * {-moz-osx-font-smoothing: grayscale;}
}
.col-sm-12 {
    width: 100%;
    padding: 0;
}
.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.full-strip {
    width:3000px;
    position:absolute;
    top:20px;
    left: -400px;
    z-index:1;
    display:none;
}
div#full-strip-home.full-strip {
    height: 27px;
    background: #ef232e;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MwMzkyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2MwMzkyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  #ef232e 0%, #ef232e 49%, #000000 51%, #000000 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ef232e), color-stop(49%,#ef232e), color-stop(51%,#000000), color-stop(100%,#000000));
    background: -webkit-linear-gradient(left,  #ef232e 0%,#ef232e 49%,#000000 51%,#000000 100%);
    background: -o-linear-gradient(left,  #ef232e 0%,#ef232e 49%,#000000 51%,#000000 100%);
    background: -ms-linear-gradient(left,  #ef232e 0%,#ef232e 49%,#000000 51%,#000000 100%);
    background: linear-gradient(to right,  #ef232e 0%,#ef232e 49%,#000000 51%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef232e', endColorstr='#000000',GradientType=1 );
}

@media screen and (max-width: 768px) {
    .full-strip {
        left: 0;
    }
}
@media screen and (min-width: 976px) and (max-width: 1210px){
    div#full-strip-home.full-strip {
        width: 2500px;
    }
}
@media screen and (min-width: 641px) and (max-width: 975px){
    div#full-strip-home.full-strip {
        background: #ef232e;
        background: -moz-linear-gradient(left, #ef232e 0%, #ef232e 49%, #7f8c8d 51%, #7f8c8d 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ef232e), color-stop(49%,#ef232e), color-stop(51%,#7f8c8d), color-stop(100%,#7f8c8d));
        background: -webkit-linear-gradient(left, #ef232e 0%,#ef232e 49%,#7f8c8d 51%,#7f8c8d 100%);
        background: -o-linear-gradient(left, #ef232e 0%,#ef232e 49%,#7f8c8d 51%,#7f8c8d 100%);
        background: -ms-linear-gradient(left, #ef232e 0%,#ef232e 49%,#7f8c8d 51%,#7f8c8d 100%);
        background: linear-gradient(to right, #ef232e 0%,#ef232e 49%,#7f8c8d 51%,#7f8c8d 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef232e', endColorstr='#7f8c8d',GradientType=1 );
        width: 2000px;
    }
}


div#full-strip-category.full-strip {
    height: 27px;
    background: #2980b9;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MwMzkyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2MwMzkyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  #2980b9 0%, #2980b9 49%, #000000 51%, #000000 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2980b9), color-stop(49%,#2980b9), color-stop(51%,#000000), color-stop(100%,#000000));
    background: -webkit-linear-gradient(left,  #2980b9 0%,#2980b9 49%,#000000 51%,#000000 100%);
    background: -o-linear-gradient(left,  #2980b9 0%,#2980b9 49%,#000000 51%,#000000 100%);
    background: -ms-linear-gradient(left,  #2980b9 0%,#2980b9 49%,#000000 51%,#000000 100%);
    background: linear-gradient(to right,  #2980b9 0%,#2980b9 49%,#000000 51%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2980b9', endColorstr='#000000',GradientType=1 );
}
div#full-strip-about.full-strip {
    height: 33px;
    background-color: #ef232e;
}
.line-break {
    width:100%;
    height:1px;
    background: #d8d8d8;
    margin: 20px 0;
}
.btn-default {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}
/*---------------------------------------- End Etc --------------------------------------------------------- */


/*---------------------------------------- Start Home Page --------------------------------------------------------- */
.entry-summary {
    padding: 0 0 10px 0;
}
.entry-summary p {
    font-family: 'frnkgothitc_bk_btbook';
    color:#898989;
    max-height: 40px;
    overflow: hidden;
}
.main-left, .main-middle, .main-right {
    float:left;
    padding: 0;
}
.main-left a, .main-middle a, .main-right a {
    font-family: 'dinmedium';
    color:#252525;
    position:relative;
}
.main-left a:hover, .main-middle a:hover, .main-right a:hover {
    color:#ef232e;
}
.main-left {
    width: 44%;
    width: -moz-calc(100% - 705px);
    width: -webkit-calc(100% - 705px);
    width: calc(100% - 705px);
}
.main-left-img {
    max-height: none;
    overflow: hidden;
    padding: 10px 0 0 0;
}
.main-left-img img {
    max-height: none;
    height:auto;
    width:100%;
}
.main-left > article {
    margin: 5px 10px 20px 0px;
    background:#ffffff;
    border:none;
}
.main-right > article {
    margin: 5px 0px 10px 10px;
    background:#ffffff;
    border:none;
}
.main-left > article:hover, .main-right > article:hover, .main-middle > article:hover {
    background: #fff;
}
article:hover h4 a {
    color:#ef232e;
}
.main-middle {
    width:300px;
}
.main-middle {
    width:300px;
}
.main-middle > article {
    width:280px;
    background: #ffffff;
    padding: 10px;
    margin: 0 10px;
}
body.home .main-middle-img, body.category .main-middle-img {
    height: 75px;
    overflow: hidden;
    width: 75px;
    float: left;
    position: relative;
    display:none;
}
.main-middle-img {
    height: 75px;
    overflow: hidden;
    width: 75px;
    float: left;
    position: relative;
}
.middle-latest img {
    float: left;
    min-height: 75px;
    position: absolute;
    left: -30px;
    width: auto;
}
.middle-latest h5 {
    float: left;
    max-width: 183px;
    padding: 0 0 0 10px;
    margin: 0;
    font-size: 16px;
    font-family: 'dinmedium';
    overflow: hidden;
}
.middle-latest .time-ago {
    color:#636363;
    font-family:'exo_2.0extra_light_italic';
    padding:0 0 0 10px;
}
.main-right {
    width:405px;
}
.main-right img {
    max-height: none;
    height:auto;
    overflow: hidden;
    padding: 10px 0 0 0;
    width:100%;
}
.main-left h1, .main-middle h1, .main-right h1  {
    position: relative;
    top: -4px;
    left: 15px;
    margin: 0;
    height: 27px;
}

.page-header h1 {
    font-family: 'boston_trafficregular';
    color:#FAFAFA;
    margin: 0 0 10px 0;
}
.main-right h2 {
    font-size:20px;
    margin:0;
}
article {
    -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.44);
    -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.44);
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.44);
}
article h4, article h4 a {
    font-family: 'boston_trafficregular';
    color: #ffffff;
    font-size: 18px;
    height: 16px;
    padding: 0 0 0 5px;
    margin: 10px 0 8px 0;
}
article h4 {
    background: #2980b9;
}
body.home .main-left article h4 {
    display: inline-block;
    background: #ffffff !important;
    height: 25px;
    line-height: 25px;
    padding: 0 10px 0 5px;
    margin: 0;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'alternate_gothic_no.2regular';
    color: #ef232e;
    letter-spacing: 1px;
}
body.home .main-right article h4 {
    background: transparent !important;
    font-size: 14px;
    text-transform: uppercase;
    padding: 2px 5px 0 5px;
    font-family: 'alternate_gothic_no.2regular';
    color: #ef232e;
    letter-spacing: 1px;
    line-height: 10px;
}
body.home .main-left article .entry-summary, body.category .main-left article .entry-summary  {
    display:none;
}
body.category .main-left .page-header, body.category .main-middle .page-header.cat-latest {
    background: #000 !important;
}
.sidebar-article #featured-category-header {
    background: #2d2d2d !important;
}
.main.search-page .page-header {
    background:#ef232e !important;
}
.page-header {
    height: 28px;
    margin: 0 0 20px 0;
    position:relative;
    z-index:1;
}
.main-left .page-header {
    background-color: #000000;
}
.main-middle .page-header {
    background-color: #ef232e;
}
.main-middle-img h4 {
    display:none;
}
.main-right .page-header {
    background-color: #2d2d2d;
}
.arrow-down {
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    float: right;
    margin: 0 80px;
}
@-moz-document url-prefix() {
    .arrow-down {
        top: -6px !important;
    }
}
@-moz-document url-prefix() {
    .navbar-desktop > ul li#search > ul > li {
        width: 300px;
    }
}
.main-left .arrow-down {
    border-top: 12px solid #ef232e;
}
.main-middle .arrow-down {
    border-top: 12px solid #7f8c8d;
}
.main-right .arrow-down {
    border-top: 12px solid #000000;
}
.main-left .arrow-down, .main-middle .arrow-down, .main-right .arrow-down {
    display:none;
}

.next-on-ryot-left img {
    width:100%;
    height:auto;
}
@media screen and (min-width: 976px) and (max-width: 1130px){
    .main-left {
        width: -moz-calc(100% - 600px);
        width: -webkit-calc(100% - 600px);
        width: calc(100% - 600px);
    }
    .main-right {
        width: 280px;
    }
}
@media screen and (min-width: 641px) and (max-width: 975px){
    .main-left {
        width: -moz-calc(100% - 300px);
        width: -webkit-calc(100% - 300px);
        width: calc(100% - 300px);
    }
    .main-right {
        display:none;
    }
}
@media screen and (max-width: 680px){
    .main-left, .main-right, .time-ago {
        display:none;
    }
    .main-middle {
        width: 100%
    }
    .main-middle > article {
        width: 95%;
        height: auto;
        margin: 0 1.5% 20px 2.5%;
    }
    .main-left-img {
        max-height: none;
        overflow: hidden;
        padding:10px 0 0 0;
    }
    .main-middle-img {
        height: 100%;
        overflow: inherit;
        width: 100%;
        float: none;
        position: relative;
    }
    .middle-latest img {
        float: none;
        max-width: 100%;
        max-height: none;
        height: auto;
        width: 100%;
        min-height: 10px;
        position: static;
    }
    .main-middle-img h4 {
        display:block;
    }
    .middle-latest h5 {
        float: none;
        max-width: 100%;
        font-size: 16px;
        max-height: none;
        overflow: hidden;
        margin: 5px 0;
        padding: 0;
    }
    div#full-strip-home.full-strip {
        background: #7f8c8d;
    }
}
.next-on-ryot {
    margin: 10px auto;
    height: 235px;
    max-width: 1550px;
    padding: 0 10px;
    background: #fff;
}
.next-on-ryot-left {
    width: 500px;
    height: 225px;
    background: #fff;
    float: left;
    padding: 10px 10px 10px 0;
    overflow: hidden;
}
.next-on-ryot-right {
    width: 50%;
    width: -moz-calc(100% - 500px);
    width: -webkit-calc(100% - 500px);
    width: calc(100% - 500px);
    height: 235px;
    background: #fff;
    float: left;
    padding: 10px 10px 10px 0;
    overflow: hidden;
}
.next-on-ryot-right .page-header h1 a, .next-on-ryot-right .page-header h1 {
    color:#fff;
    margin: 0;
    padding: 0 0 0 10px;
}
.next-on-ryot-right .page-header h1 {
    background: #ef232e;
    height: 31px;
}
.next-on-ryot-right .page-header h1 a {
    position:relative;
    top:-2px;
}
.next-on-ryot-right h2 a {
    font-family: 'dinmedium';
    font-size: 32px;
}
.footer-main {
    max-width:1550px;
    margin:0 auto;
    padding:0 45px;
}
.footer-left {
    float:left;
}
.footer-left .navbar-logo {
    position: relative;
}
.footer-right {
    float:right;
    padding: 10px;
}
.footer-right p, .footer-right a {
    color:#fff;
    font-family: 'dinmedium';
    text-align: right;
}

@media screen and (min-width:681px) and (max-width:790px) {
    .next-on-ryot-right .page-header {
        margin: 0;
    }
    .next-on-ryot-right .page-header h1 {
        height: 23px;
    }
    .next-on-ryot-right .page-header h1 a {
        font-size: 27px;
        top: -9px;
        padding: 0;
    }
    .next-on-ryot-right h2 {
        margin: 0px 0;
        font-size: 23px;
        max-height: 178px;
        overflow: hidden;
    }
    .next-on-ryot-right h2 a {
        font-size: 24px;
    }
    .next-on-ryot-right p {
        display:none;
    }


}

@media screen and (max-width: 480px){
    .footer-main {
        padding:0;
    }
    .footer-right {
        padding: 20px 0 0 0;
    }
    .footer-right p, .footer-right a {
        font-size: 12px;
    }
}

/*---------------------------------------- End Home Page --------------------------------------------------------- */

/*---------------------------------------- Start Sidebar --------------------------------------------------------- */
.col-sm-4 {
    width: 340px;
    background: #F0F0F0;
    padding: 0;
    float:right;
}
#catcher {
    width: 340px;
    min-height: 940px;
    max-height: 1660px;
    height:auto;
    display:table;
}
#stickys {
    width: 340px;
    background-color: #fff;
    padding: 0;
}
.sidebar-article {
    float:left;
    width:340px;
    background:#F0F0F0;
    padding: 0;
}
.sidebar-article > .page-header {
    padding:0 0 0 10px;
    background:#2d2d2d !important;
    height:26px;
}
.sidebar-article > #stickys .page-header {
    padding: 0px 0;
    background: transparent;
    height: 5px;
    border-bottom: 0;
    margin: 0;
}
.sidebar-article > .page-header h4, .sidebar-article > #stickys .page-header h4 {
    color: #000;
    font-family: 'alternate_gothic_no.2regular';
    font-size: 32px;
    margin: 0;
    text-transform: uppercase;
}
.arrow-down {
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    float: right;
    margin: 0 100px;
    border-top: 12px solid #000000;
    position: relative;
    top: -5px;
    display:none;
}

.sidebar-article > .sidebar-article.inner, .sidebar-article > .sidebar-article.inner {
    padding: 0;
}

article.sidebar-items {
    font-size: 20px;
    width: 320px;
    margin: 0 10px 10px 10px;
    background: #FAFAFA;
    padding: 0 0 5px 0;
    -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.44);
    -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.44);
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.44);
}
article.sidebar-items:hover {
    background:#fff;
}
article.sidebar-items a {
    font-family: 'dinmedium';
    color: #252525;
    font-size: 24px;
    margin: 0;
}
article.sidebar-items a:hover {
    color: #ef232e;
}
article.sidebar-items img {
    max-height: 180px;
    overflow: hidden;
    padding: 10px 0 0 0;
    width:100%;
}
article.sidebar-items header {
    padding: 0 10px;
    margin: 0;
    min-height: 250px;
}
article.sidebar-items h2.entry-title  {
    font-size: 24px;
    margin: 10px 0;
}
.mobile_under_trending_article h2 {
    max-height: 133px;
    overflow: hidden;
}

@media only screen  and (min-width : 768px) {
    .mobile_under_trending_article {
        max-width: 31.3%;
        -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.44) !important;
        -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.44) !important;
        box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.44) !important;
        float: left;
        margin: 0 1% 10px 1% !important;
        max-height: 356px;
    }
    .sidebar-article.mobile_under_trending {
        max-height: 409px;
    }
}
@media only screen  and (min-width : 569px) and (max-width : 767px)  {
    .mobile_under_trending_article {
        max-width: 48%;
        margin: 0 2% 10px 2%;
        -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.44) !important;
        -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.44) !important;
        box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.44) !important;
        float:left;
        margin: 0 1% 10px 1% !important;
    }
    .sidebar-article.mobile_under_trending {
        max-height: 699px;
    }
}
@media screen and (max-width: 568px) {
    .mobile_under_trending_article {
        max-width: 96%;
        margin: 0 2% 10px 2%;
        -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.44) !important;
        -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.44) !important;
        box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.44) !important;
    }
}

.stickdiv {
    position:fixed;
    top:115px;
}

@media screen and (max-width: 960px){
    .sidebar-article {

    }
}
div.sidebar-article.inner article.middle-latest.infinite-middle {
    background: #fff;
    height: 100px;
    padding: 10px;
    clear: both;
    margin: 0 10px 5px 10px;
}
div.sidebar-article.inner > article.middle-latest.infinite-middle > header > h5.entry-title {
    float: left;
    max-width: 223px;
    padding: 0 0 0 10px;
    margin: 0 0 5px 0;
    font-size: 16px;
    max-height: 72px;
    overflow: hidden;
    font-family: 'dinmedium';
}
#catcher > div.sidebar-article.inner > div.page-header.clear > h4#featured-category-header a {
    color:#F0F0F0;
    top:-5px;
}

@media screen and ( max-height: 850px ){
    #stickys > .sidebar-article, #stickys .page-header {
        display:none;
    }
}

/*---------------------------------------- End Sidebar --------------------------------------------------------- */

/*---------------------------------------- Start Single Post --------------------------------------------------------- */
p {
    font-family: 'frnkgothitc_bk_btbook';
}
.featured-article {
    width:100%;
    padding: 0;
}
.featured-article article {
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width:70%;
    width: -moz-calc(100% - 340px);
    width: -webkit-calc(100% - 340px);
    width: calc(100% - 340px);
    float:left;
    background-color: #fff;
    border:none;
}
.featured-article header {
    margin:0 20px 10px 20px;
    clear: both;
}
.featured-article .author {
    width: 200px;
    height: 245px;
    margin: 50px 0 0 5px;
    float: right;
    border-left: 1px solid #DBDBDB;
}
.featured-article .author .author-pic {
    width: 138px;
    height: 138px;
    margin: 0 auto;
    position: relative;
    overflow:hidden;
    background-image: url('http://d3819ii77zvwic.cloudfront.net/wp-content/uploads/2015/12/2417.png');
    background-repeat: no-repeat;
    background-position: 4px;
    background-color: #252525;
}
#byline {
    text-align:center;
    font-style: italic;
    margin: 5px 0 0 0;
    font-size: 12px;
}
#author-name {
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    text-transform: uppercase;
    line-height: 26px;
}
#more-from-author {
    text-align:center;

    font-style:italic;
    font-size: 10px;
    color: #8B8B8B;
    text-transform:uppercase;
    display:none;
}
#author-twitter {
    margin: 10px auto;
    text-align: center;
}
.featured-article .author img {
    width: 230px;
    height: 160px;
    position: absolute;
    top: 0;
    left: -25%;
}
.featured-article .author a {
    color:#222222;
    text-transform: uppercase;
}
.featured-article h1 {
    font-family: 'dinmedium';
    font-size: 45px;
    color:#222222;
}
.featured-article p {
    font-family: 'frnkgothitc_bk_btbook';
    color: #383838;
    margin: 0 auto 30px auto;
    letter-spacing: .01rem;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    line-height: 1.5;
    padding: 0;
}
figure.thumbnail, .con-img {
    margin: 0 auto 30px auto;
    max-width:100%;
}
.con-img {
    font-family: 'frnkgothitc_bk_btbook';
    color: #383838;
    font-size: 24px;
    line-height: 34px;
    margin: 0 auto 30px auto;
}
@media screen and (max-width: 1280px) and (min-width: 960px) {
    .con-img {
        font-size: 22px;
        line-height: 32px;
        word-spacing: 3px;
    }
}
@media screen and (max-width: 860px) and (min-width: 720px) {
    .con-img {
        font-size: 22px;
        line-height: 32px;
    }
}
@media screen and (max-width: 720px) and (min-width: 681px) {
    .con-img {
        font-size: 18px;
        line-height: 24px;
        word-spacing: 3px;
    }
}
@media screen and (max-width: 680px) and (min-width: 480px) {
    .con-img {
        font-size: 16px;
        line-height: 22px;
        word-spacing: 3px;
    }
}
@media screen and (max-width: 480px) {
    .con-img {
        font-size: 14px;
        line-height: 18px;
        word-spacing: 3px;
    }
}
iframe.twitter-tweet {
    margin: 0 auto 30px auto !important;
    max-width: 502px !important;
    width:100% !important;
}
iframe[src*="instagram.com"] {
    display: block !important;
    margin: 0 auto 30px !important;
    box-shadow: 0 0 3px #ccc !important;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
    margin: 10px auto;
}
.featured-article-main {
    display: table;
    padding: 0 20px;
    margin: 0 0 10px 0;
    overflow: auto;
    width: 100%;
    position: relative;
}
.featured-article-main-wrapper {
    display: table-row;
    height: 0px;
    position: relative;
}
.featured-article-main-caption {
    position: absolute;
    bottom: 0;
    display: table-cell;
    right: 0;
    position: absolute;
    background: rgba(0,0,0,0.4);
    margin: 10px 10px 10px 110px;
}
.featured-article-main-caption p {
    color: #FFFFFF;
    font-family: 'dinmedium';
    font-size: 14px;
    padding: 5px 10px;
    margin: 0;
    line-height: 20px;
    max-width: 100%;
}
.featured-article-main img {
    display: table-cell;
    width: 100%;
    height:auto !important;
}
.featured-article-main iframe, .featured-article-main object, .featured-article-main embed {
    width:100%;
    min-height: 450px;
}
.featured-article-top {
    width: 100%;
    padding: 0 0 10px 0;
}
.featured-article-toptwo {
    width:100%;
    height: 73px;
    clear:both;
    border-top: 1px solid #DBDBDB;
    border-bottom: 1px solid #DBDBDB;
    padding: 10px 0;
}
.featured-article-toptwo .author {
    float: left;
    max-height: 57px;
    overflow: hidden;
    margin: 0 20px 0 0;
    border: none;
    width: auto;
    border-right: 1px solid #DBDBDB;
}
.featured-article-toptwo .author-pic, .featured-article-toptwo .author-pic img {
    width: auto !important;
    height: 50px !important;
    position: initial !important;
    margin: 0 !important;
    float: left;
}
.featured-article-toptwo #author-name {
    text-align: left;
    font-weight: bold;
    font-size: 12px;
    text-transform: none;
    line-height: 28px;
    padding: 0 20px 0 10px;
    float: left;
}
.featured-article-toptwo #author-name br {

}
span.an-tw {
    font-weight: normal;
    text-align: left;
    color: #666;
    display: block;
    line-height: 4px;
    text-transform: none;
}
.featured-article-bottom {
    float:left;
    width: 100%;
    padding: 0 0 30px 0;
}
.like-us-on-fb {
    border:none;
    overflow:hidden;
    width:500px;
    height: 20px;
    position: relative;
    top: 4px;
    left: 10px;
}
.featured-article-fb {
    height: 40px;
    margin: 10px 0;
    border-bottom: 1px solid #DBDBDB;
    padding: 5px;
}
.featured-article-share-points {
    margin: 0;
    float: left;
    border-bottom: 0;
}
.featured-article-action {
    width: 50px;
    float: left;
    height: 50px;
    margin: 0 2px;
    color:#ffffff;
    overflow: hidden;
    cursor:pointer;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
}
.featured-article-action:hover {
    opacity:0.8;
}
#featured-article-ryot-points {
    width: auto;
    margin: 0 10px 0 0;
    overflow: inherit;
    display:none;
}
#featured-article-ryot-points p {
    font-family: 'dinmedium';
    color: #ef232e;
    line-height: 32px;
    font-size: 70px;
    text-align: center;
    margin: 0 0 10px;
}
.r-p {
    font-size:16px !important;
}
#featured-article-facebook {
    background:#3b5998;
}
#featured-article-twitter {
    background:#4099FF;
}
#featured-article-ryot-action {
    background:#E20612;
}
.share-text {
    line-height: 20px;
    padding: 5px 10px 10px 10px;
    font-size: 17px;

    text-align: center;
}
.ryot-note .author-pic{
    border-radius: 50%;
}
.ryot-note {
    padding: 0px;
    display: inline-block;
    line-height: 1.4;
    font-size: 32px;
    margin: 0 0 20px 0;
    letter-spacing: .01rem;
    transition: margin 100ms;
}
.ryot-note h4 {
    color: #000;
    font-family: 'alternate_gothic_no.2regular';
    font-size: 32px;
    margin: 0;
    text-transform: uppercase;
    height: auto;
    padding: 0 0 10px 0;
}
.rn-left {
    float:left;
    width:30%;
    padding: 40px 0;
    box-sizing: border-box;
}
.rn-left .author {
    width: 100%;
    height: 100%;
    margin: 0;
    float: none;
    border-left: none;
}
.rn-left .author-pic {
}
.rn-left .author-pic img {
    left: 0;
    width: auto;
    height: 138px;
    bottom: 0;
    min-width: 0;
    min-height: 0;
    max-width: none;
    max-height: none;
}
.rn-left #author-name {
    margin: 10px 0;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color:#000;
}
.rn-right {
    float:left;
    width:70%;
    padding: 40px 40px 0 0;
}
.rn-right p {
    font-size: 18px;
    line-height: 32px;
    word-spacing: 0;
}
.ryot-note-quote {
    color:#ef232e;
    font-size: 250px;
    line-height: 0;
    position: relative;
    left: 0;
    top: 90px;
}
.ryot-note p {
    padding: 0;
    color: #000;
    font-weight: normal;
    max-width: 100%;
    font-size: 18px;
    line-height: 32px;
}
.ryot-note-bottom {
    width:100%;
    height:80px;
    background:#ef232e;
    font-family: 'dinmedium';
    color:#ffffff;
    overflow: hidden;
    cursor:pointer;
}
.ryot-note-logo {
    font-family: 'boston_trafficregular';
    color:rgba(248,248,248,0.6);
    font-size: 95px;
    position: relative;
    top: -22px;
    left: 20px;
    width: 210px;
    float: left;
}
.ryot-note-action {

    position: relative;
    left: 120px;
    top: 10px;
    font-size: 40px;
    color:#ffffff;
    float: left;
}
@media screen and (max-width:1370px){
    .ryot-note {
        margin:0;
    }
}
.fb-h4 {
    color: #000 !important;
    font-family: 'akzidenz-grotesk_bq_condensRg' !important;
    font-size: 32px !important;
    margin: 0 !important;
    text-transform: uppercase;
    height: auto;
    padding: 0 0 10px 0 !important;
}

#infscr-loading, #infscr-loading img {
    display:none !important;
}
.entry-content > p > iframe {
    width:100%;
}
.author-recommended {
    width: 100%;
    clear: both;
}
.author-recommended-posts .related-title {
    padding-top: 0 !important;
}
#see-also {
    cursor: default;
    font-style: normal;
    color: #ef232e;
    font-family: 'dinmedium';
    font-size: 24px;
    line-height: 34px;
    text-transform:uppercase;
    margin: 20px auto 0 auto;
}
.author-recommended-posts.vertical > ol {
    margin: 10px 0;
}
.author-recommended-posts.vertical > ol > li > div > p {
    font-size: 18px;
    line-height: 20px;

    color: #383838;
}
.author-recommended-posts.vertical > ol > li:hover:nth-child(1) > div > p > a > #see-also {
    color:#000;
}
.author-recommended-posts.vertical > ol > li:nth-child(1) > div > p > a {
    padding-left: 40px;
}
.author-recommended-posts.vertical > ol > li:nth-child(n+2) > div > p > a > #see-also {
    display:none;
}
.author-recommended-posts.vertical > ol > li:nth-child(n+2) {
    padding-left: 40px;
}
@media screen and (max-width: 860px) and (min-width: 720px) {
    #see-also {
        font-size: 22px;
        line-height: 32px;
    }
    .author-recommended-posts.vertical > ol > li > div > p > a, .author-recommended-posts.vertical > ol > li > div > p {
        font-size: 20px;
        line-height: 24px;
        margin: 0 auto;
    }
}
@media screen and (max-width: 720px) and (min-width: 681px) {
    #see-also {
        font-size: 18px;
        line-height: 24px;
    }
    .author-recommended-posts.vertical > ol > li > div > p > a, .author-recommended-posts.vertical > ol > li > div > p {
        font-size: 16px;
        line-height: 22px;
        margin: 0 auto;
    }
}
@media screen  and (min-width: 480px) and (max-width: 680px) {
    #see-also {
        font-size: 16px;
        line-height: 22px;
    }
    .author-recommended-posts.vertical > ol > li > div > p > a, .author-recommended-posts.vertical > ol > li > div > p {
        font-size: 14px;
        line-height: 18px;
        margin: 0 auto;
    }

}
@media screen and (max-width: 480px) {
    #see-also {
        font-size: 14px;
        line-height: 18px;
    }
    .author-recommended-posts.vertical > ol > li > div > p > a, .author-recommended-posts.vertical > ol > li > div > p {
        font-size: 12px;
        line-height: 14px;
        margin: 0 auto;
    }
    .author-recommended-posts.vertical > ol > li:nth-child(1) > div > p > a {
        padding-left: 20px;
    }
    .author-recommended-posts.vertical > ol > li:nth-child(n+2) {
        padding-left: 20px;
    }
}
@media screen and (min-width: 1165px) and (max-width: 1260px){
    .ryot-note-action {
        left: 40px;
    }
}
@media screen and (min-width: 1115px) and (max-width: 1164px){
    .ryot-note-action {
        left: 40px;
        font-size: 36px;
    }
}
@media screen and (min-width: 1030px) and (max-width: 1116px){
    .ryot-note-action {
        left: 40px;
        font-size: 30px;
    }
}
@media screen and (min-width: 961px) and (max-width: 1029px){
    .ryot-note-action {
        left: 20px;
        font-size: 27px;
        top: 20px;
    }
}
@media screen and (min-width: 840px) and (max-width: 960px){
    .ryot-note-action {
        left: 40px;
        font-size: 36px;
        top: 15px;
    }
}
@media screen and (min-width: 721px) and (max-width: 839px){
    .ryot-note-action {
        left: 8%;
        font-size: 30px;
        top: 15px;
    }
}

.entry-content {
    padding: 0;
    max-width: 700px;
    margin: 20px auto;
}
.entry-content img {
    min-width:10px;
    max-width: 100%;
    height: auto;
}
.entry-content a {
    font-weight: bold;
    color: #006598;
}
.entry-content a:hover {
    color: #ef232e;
}
#featured-category-header {
    margin: 0;
    height: 25px;
    background: #000 !important;
    display:none;
}
#featured-category-header a {
    font-size: 35px;
    color: #F0F0F0;
    position: relative;
    top: -7px;
}
#featured-category-header a:hover {
    color:#F0F0F0;
}
.ryot-comments {
    margin:20px 0;
    cursor:pointer;
}
.openfyre h4 {
    background: #ef232e;
    font-family: 'boston_trafficregular';
    font-size: 28px;
    margin: 0;
    line-height: 9px;
    padding: 0 0 0 25px;
    color:#FAFAFA;
}
.showfyre {
    display:none;
}
#livefyre-comments {
    margin: 0 20px 0 20px !important;
}
.fyre .fyre-help, .fyre .fyre-stream-stats {
    display:none !important;
}
.fyre .fyre-comment-head {
    min-height: 10px;
}
.fyre-editor {
    margin-top:20px !important;
}
.fyre .fyre-comment-article, .fyre .fyre-comment-stream {
    width:100% !important;
}
.fyre .fyre-comment-replies-indent {
    padding: 0 5% !important;
}
.fyre .fyre-login-bar {
    z-index:1 !important;
}
.alignleft, .alignright {
    padding: 10px;
}
#relatedposts {
}
#relatedposts img {
    width: 100%;
    height: auto;
}
#relatedposts h3 {
    background: #252525;
    font-family: 'boston_trafficregular';
    color: #FaFaFa;
    padding: 0 0 0 10px;
    font-size: 28px;
    height: 25px;
    line-height: 30px;
}
@media screen and (max-width: 768px){
    #relatedposts h3 {
        line-height: 29px;
    }
    .featured-article-main iframe, .featured-article-main object, .featured-article-main embed {
        width:100%;
        min-height: 360px;
    }
    #stickys {
        background-color: #fff;
        padding: 0;
        position: fixed !important;
        top: auto !important;
        width: 100%;
    }
    .col-sm-4{
        width:100% !important;
    }
    .sidebar-article > #stickys .page-header h4 {
        font-size: 18px;
    }
    .sidebar-article > #stickys .page-header {
        padding: 5px 0;
        height: auto;
        margin: 0;
    }
    .preview_articles_menu {
        overflow-y: hidden !important;
    }
    .preview_article_item {
        float: left;
        padding: 0 5px;
        overflow: hidden;
    }
    .preview_article_title_holder {
        width:97% !important;
    }
}

#relatedposts p {
    font-size: 20px;
    margin: 0 0 10px 0;
    font-family: 'dinmedium';
    color: #252525;
    line-height: 22px;
    max-height: 66px;
    overflow: hidden;
}
#relatedposts a {
    color: #252525;
    line-height: 22px;
    height: 67px;
    overflow: hidden;
}
#relatedposts a:hover {
    color:#ef232e;
}
#relatedposts > ul {
    width: 100%;
    margin: 0;
    padding: 0;
}
#relatedposts > ul > li {
    width: 31%;
    float: left;
    margin:10px;
    padding: 10px 5px;
    background:#ffffff;
    -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.44);
    -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.44);
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.44);
    height: 292px;
}
#relatedposts > ul > li:nth-child(3) {
    margin-right: 0;
}
#relatedposts > ul > li #featured-category-header {
    height: 16px;
}
#relatedposts > ul > li #featured-category-header a {
    font-size: 22px;
    color:#ffffff;
    line-height: 20px;
}
#relatedposts > ul > li:hover {
    background: #ECECEC;
}
.relatedthumb {
    margin: 0 0 5px 0;
    max-height: 160px;
    overflow: hidden;
}
.updog {
    width: 100%;
    clear:both;
}
.relatedcontent {
    min-height: 76px;
    max-height: 76px;
    overflow: hidden;
}
@media screen and (min-width: 500px) and (max-width: 1165px){
    #relatedposts > ul > li {
        width:48%;
        margin: 10px 1% 0 1%;
    }
    #relatedposts > ul > li:nth-child(3) {
        display:none;
    }
    #relatedposts > ul {
        height: 310px;
    }
}
@media screen and (max-width: 720px){
    .next-on-ryot {
        display:none;
        width: 95%;
        height: auto;
        margin: 10px;
        padding: 10px;
        width: -moz-calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
        width: calc(100% - 20px);
    }
    .next-on-ryot-left {
        width: 100%;
        height: auto;
        max-height: 300px;
        overflow: hidden;
        float: none;
        padding: 0;
    }
    .next-on-ryot-right {
        width: 100%;
        height: auto;
        float: none;
        position: relative;
        z-index: 0;
        padding: 10px 0 0 0;
    }
    .next-on-ryot-right p {
        display:none;
    }
}
@media screen and (max-width: 499px){
    .entry-content > p > iframe {
        max-width:100%;
        height:auto;
    }
    #relatedposts > ul > li {
        width: 98%;
        margin: 10px 1% 0 1%;
    }
    #relatedposts > ul > li:nth-child(3) {
        display:block;
    }
    #relatedposts > ul > li #featured-category-header {
        display:block;
    }
    .updog {
        min-height:950px;
        padding: 0 10px;
    }
}
.tags {
    border-top: 1px solid #DBDBDB;
    border-bottom: 1px solid #DBDBDB;
    padding: 20px 0 !important;
    height:60px;
}
.tags a {
    background: #252525;
    color: #ffffff;
    outline:1px solid #ffffff;
    position: relative;
    display: inline-block;
    height: 20px;
    padding: 0 7px;
    line-height: 20px;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 3px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.tags a:hover {
    background: transparent;
    color: #252525;
    outline:1px solid #252525;
}
.theiaPostSlider_slides div {
    width:100% !important;
}
.bottomMenu {
    width: 340px;
    height: 130px;
    position: initial;
    left: inherit;
    top: 290px;
    z-index: 9;
    display: none;
    padding: 0 5px;
    margin: 0;
    background: #fff;
    overflow-y: hidden;
    right:0;
}
@media screen and (max-width: 768px){
    .sidebar-article > #stickys .page-header {
        display:none;
    }
    .sidebar-article > #stickys {
        z-index:12;
    }
    .top_fixed_article_menu {
        width: 158px;
        margin: 0 auto;
        float:left;
    }
    .bottomMenu h4 {
        float:left;
        margin:10px !important;
    }
}
.bottomMenu-title {
    float:left;
    line-height: 50px;
    margin: 0;
    font-size: 21px;
    width:50%;
    width: -moz-calc(100% - 564px);
    width: -webkit-calc(100% - 564px);
    width: calc(100% - 564px);
}
.bottomMenu-shares {
    width:100%;
    float: none;
    padding: 2px 0 5px 0;
    height: 100%;
    overflow: hidden;
}
.bottomMenu-shares .featured-article-action {
    float: left;
    margin: 0 10px 10px 0;
}
.bottomMenu h4 {
    color: #000;
    font-family: 'alternate_gothic_no.2regular';
    font-size: 32px;
    margin: 0;
    text-transform: uppercase;
    margin:5px 0;
}
@media screen and (max-width: 768px) {
    .eslyta, .eslyta-filler, .featured-article-top span {
        display:none;
    }
    .bottomMenu {
        top: 0;
        z-index: 10;
        height: 50px;
    }
    .bottomMenu-shares {
        width: 238px;
    }
    .bottomMenu-shares #featured-article-twitter, .bottomMenu-shares #featured-article-facebook {
        width: 50px;
        margin: 0 2px 0 0;
    }
    .bottomMenu-shares #featured-article-ryot-action {
    }
    .bottomMenu-shares #featured-article-ryot-action .ten-nine {
    }
    .bottomMenu-shares .featured-article-action {
        margin: 0 1px;
    }
    .bottomMenu-shares .featured-article-action {
        margin: 0 1px;
    }

}
@media screen and (min-width: 586px) and (max-width: 1090px) {
    .bottomMenu-title {
        width: 50%;
        width: -moz-calc(100% - 385px);
        width: -webkit-calc(100% - 385px);
        width: calc(100% - 385px);
    }
    .bottomMenu-shares {
        width: 385px;
    }
    .bottomMenu-shares #featured-article-twitter, .bottomMenu-shares #featured-article-facebook {
    }
    .bottomMenu-shares #featured-article-ryot-action {
    }
}

@media screen and (min-width: 480px) and (max-width: 1280px){
    .like-us-on-fb {
        width:50px;
    }
}
@media screen and (max-width: 1090px){
    #featured-article-ryot-action {
    }
    .featured-article-action {
    }
}
@media screen and (max-width: 960px){
    .featured-article article {
        width:100%;
        width: -moz-calc(100%);
        width: -webkit-calc(100%);
    }
}
@media screen and (min-width: 721px) and (max-width: 840px){
    #featured-article-ryot-action {
    }
    .featured-article-action {
    }

}
@media screen and (max-width:860px) {
    .ten-ten {display:none;}
    .ten-nine {display:block;}
}
@media screen and (min-width:1091px) {
    .ten-ten {display:block;}
    .ten-nine {display:none;}
}
@media screen and (max-width: 720px){
    .featured-article-main img {
        margin:10px 0;
    }
    #featured-category-header, .featured-article-fb, .featured-article .author .author-pic, #more-from-author, #author-twitter {
        display:none;
    }
    .featured-article-main {
        display: table;
        padding: 0;
        margin: 0;
        overflow: auto;
        width: 100%;
        position: relative;
    }
    .featured-article header {
        margin:0;
    }
    .featured-article-top, .featured-article-bottom {
        width: 100%;
        float: none;
        padding: 0;
    }
    .featured-article h1 {
        font-size:32px;
        margin:10px 0 20px 0;
    }
    #featured-article-ryot-points {
        float:left;
        width:27%;
        clear: both;
        height: 40px;
        margin: 15px 10px 0 0;
    }
    .featured-article-action {
        width:50px;
    }
    #featured-article-ryot-points p {
        line-height: 12px;
        font-size: 32px;
    }
    .r-p, .r-p-c {
        font-size:10px !important;
    }
    #featured-article-ryot-action {
    }
    .featured-article .author {

    }
    #byline, #author-name {
        text-align: left;
        float: none;
        font-style: normal;
        font-weight: bold;
        font-size: 15px;
        text-transform: uppercase;
        line-height: 28px;
        padding: 0 5px 0 0;
        margin: 0;
    }
    .featured-article-toptwo #author-name {
        line-height: 14px;
        padding: 0 20px 0 0;
    }
    .entry-content img {
        width: auto;
        max-width: 100%;
        height: auto;
        min-height: 1px;
    }
    #featured-article-facebook {
        margin: 0 2px 0 0;
    }
    #featured-article-twitter {
        margin: 0;
    }
    .share-text {
        font-size:14px;
    }
    .ryot-note p {
        padding: 0 0 0 60px;
        font-size: 18px;
        line-height: 28px;
    }
    .ryot-note-quote {
        color: #ef232e;
        font-size: 160px;
        line-height: 0;
        position: relative;
        left: 0;
        top: 60px;
    }
    .ryot-note-bottom {
        height: 43px;
    }
    .ryot-note-logo {
        font-size: 50px;
        left:5px;
        top:-10px;
        width:110px;
        float:left;
    }
    .ryot-note-action {
        left: 0px;
        top: 0px;
        font-size: 15px;
        text-align:center;
        width: 200px;
    }
    figure {
        width: 100% !important;
    }
    .featured-article-main-caption {
        right: 0;
        bottom:0;
        display:none;
    }
    .featured-article-main-caption p {
        padding: 5px;
        font-size: 10px;
        line-height: 14px;
    }
    .featured-article p {
        padding: 0;
    }
}
@media screen and (min-width: 961px) and (max-width: 1200px){
    .entry-content {
        margin:0 20px;
    }
    .ryot-note {
        /*padding: 0 0 0 5%;*/
        /*display: inline-block;*/
        /*height: 100%;*/
        /*line-height: 1.4;*/
        /*font-size: 32px;*/
        /*margin: 0 auto;*/
        /*letter-spacing: .01rem;*/
        /*transition: margin 100ms;*/
        /*max-width: 90%;*/
    }
    .featured-article .author .author-pic {
        width: 100px;
        height: 100px;
    }
    .rn-left .author-pic img {
        height: 100px;
    }
    .ryot-note p {
        font-size: 18px !important;
        line-height: 28px 18px !important;
    }

}
@media screen and (min-width: 861px) and (max-width: 960px){
    .entry-content {
        margin:0 20px;
    }
}

@media screen and (min-width: 720px) and (max-width: 860px){
    .entry-content {
        margin: 0;
        width: 100%;
        max-width: 95%;
        padding: 0 0 0 5%;
    }
    .featured-article p {
        font-size: 22px;
        line-height: 32px;
    }
    .featured-article-main-caption p {
        font-size: 14px;
        line-height: 20px;
    }
    .ryot-note {
        padding: 0 0 0 5%;
        display: inline-block;
        height: 100%;
        line-height: 1.4;
        font-size: 32px;
        margin: 48px auto;
        letter-spacing: .01rem;
        transition: margin 100ms;
        max-width: 90%;
        float: left;
    }
    .featured-article .author .author-pic {
        width: 100px;
        height: 100px;
    }
    .rn-left .author-pic img {
        height: 100px;
    }
    .ryot-note p {
        font-size: 18px 18px !important;
        line-height: 28px 18px !important;
    }
}
@media screen and (min-width: 960px) and (max-width: 1280px){
    .featured-article p {
        font-size: 22px;
        line-height: 32px;
        word-spacing: 3px;
    }
    .featured-article-main-caption {
    }
    .featured-article-main-caption p {
        font-size: 14px;
        line-height: 20px;
    }
    .ryot-note p {
        font-size: 18px 18px !important;
        line-height: 28px 18px !important;
    }
}
@media screen and (max-width: 720px){
    .entry-content {
        margin:0 20px;
    }
    .featured-article-main-caption p {
        font-size: 14px;
        line-height: 20px;
    }
    .tags {
        display:none;
    }
    .ryot-note p {
        font-size: 18px 18px !important;
        line-height: 28px 18px !important;
    }
}
@media screen and (min-width: 681px) and (max-width: 720px){
    .featured-article p {
        font-size: 18px;
        line-height: 24px;
        word-spacing: 3px;
        margin: 0 auto 25px auto;
    }
}
@media screen and (min-width: 480px) and (max-width: 680px){
    .featured-article p {
        font-size: 16px;
        line-height: 1.5;
        word-spacing: 3px;
        margin: 0 auto 20px auto;
    }
}
@media screen and (max-width: 480px){
    .featured-article p {
        font-size: 16px;
        line-height: 1.5;
        word-spacing: 3px;
        margin: 0 auto 15px auto;
    }
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    #featured-article-ryot-points p {
        font-size: 28px;
    }
}

@media only screen  and (min-width : 768px) and (max-width : 1024px)  {
    .entry-content {

    }
}


/*---------------------------------------- End Single Post --------------------------------------------------------- */

/*---------------------------------------- Start Category Page --------------------------------------------------------- */
.entry-summary {
    padding: 0 0 10px 0;
}
.entry-summary p {
    font-family: 'frnkgothitc_bk_btbook';
    color:#898989;
    max-height: 40px;
    overflow: hidden;
}
.main-left, .main-middle, .main-right {
    float:left;
    padding: 0;
}
.main-left {
    width: 43%;
    width: -moz-calc(100% - 705px);
    width: -webkit-calc(100% - 705px);
    width: calc(100% - 705px);
}
article.infinite-left h2.entry-title {
    margin: 0;
    padding: 3px 5px 6px 5px;
    left: 0px;
    opacity: 1;
    max-width: 86%;
}
article.infinite-left h2.entry-title a {
    background: #fff;
    padding: 5px 0;
    line-height: 40px;
    -webkit-box-shadow: #fff -10px 0px 0px 0px, #fff 10px 0px 0px 0px;
    -moz-box-shadow: #fff -10px 0px 0px 0px, #fff 10px 0px 0px 0px;
    -ms-box-shadow: #fff -10px 0px 0px 0px, #fff 10px 0px 0px 0px;
    box-shadow: #fff -10px 0px 0px 0px, #fff 10px 0px 0px 0px;
}
.article-left-info {
    position: absolute;
    bottom: 20px;
    width: 100%;
}
.main-left-img h4 {
    display: inline-block;
    background: #ffffff !important;
    height: 25px;
    line-height: 25px;
    padding: 0 10px 0 5px;
    margin: 0;
}

@media screen and (min-width:1194px) and (max-width:1236px) {
    .main-left {
        width: 41%;
        width: -moz-calc(100% - 705px);
        width: -webkit-calc(100% - 705px);
        width: calc(100% - 705px);
    }
    article.infinite-left h2.entry-title {
        font-size:20px;
        padding: 0px 5px 6px 5px;
    }
    article.infinite-left h2.entry-title a {
        line-height:32px;
    }
}
@media screen and (min-width:1161px) and (max-width:1193px) {
    .main-left {
        width: 39%;
        width: -moz-calc(100% - 705px);
        width: -webkit-calc(100% - 705px);
        width: calc(100% - 705px);
    }
    article.infinite-left h2.entry-title {
        font-size:18px;
        padding: 0px 5px 6px 5px;
    }
    article.infinite-left h2.entry-title a {
        line-height:30px;
    }
    .main-left-img h4 {
        height: 20px;
        line-height: 20px;
        font-size: 10px;
    }
    .article-left-info {
        bottom:10px;
    }
}
@media screen and (min-width:1131px) and (max-width:1160px) {
    .main-left {
        width: 37.5%;
        width: -moz-calc(100% - 705px);
        width: -webkit-calc(100% - 705px);
        width: calc(100% - 705px);
    }
    article.infinite-left h2.entry-title {
        font-size:18px;
        padding: 0px 5px 6px 5px;
    }
    article.infinite-left h2.entry-title a {
        line-height:30px;
    }
    .main-left-img h4 {
        height: 20px;
        line-height: 20px;
        font-size: 10px;
    }
    .article-left-info {
        bottom:10px;
    }

}
@media screen and (min-width:1052px) and (max-width:1130px) {
    .main-left {
        width: 37.5%;
        width: -moz-calc(100% - 600px);
        width: -webkit-calc(100% - 600px);
        width: calc(100% - 600px);
    }
    article.infinite-left h2.entry-title {
        font-size:18px;
        padding: 0px 5px 6px 5px;
    }
    article.infinite-left h2.entry-title a {
        line-height:26px;
    }
    .main-left-img h4 {
        height: 20px;
        line-height: 20px;
        font-size: 10px;
    }
    .article-left-info {
        bottom:10px;
    }

}
@media screen and (min-width:976px) and (max-width:1051px) {
    .main-left {
        width: 41%;
        width: -moz-calc(100% - 600px);
        width: -webkit-calc(100% - 600px);
        width: calc(100% - 600px);
    }
    article.infinite-left h2.entry-title {
        font-size:16px;
        padding: 0px 5px 6px 5px;
    }
    article.infinite-left h2.entry-title a {
        line-height:24px;
    }
    .main-left-img h4 {
        height: 16px;
        line-height: 16px;
        font-size: 9px;
    }
    .article-left-info {
        bottom:5px;
    }

}
@media screen and (min-width:940px) and (max-width:975px) {
    .main-left {
        width: 68%;
        width: -moz-calc(100% - 600px);
        width: -webkit-calc(100% - 600px);
        width: calc(100% - 600px);
    }
    article.infinite-left h2.entry-title {
        font-size:26px;
        padding: 0px 5px 6px 5px;
    }
    article.infinite-left h2.entry-title a {
        line-height:34px;
    }
    .article-left-info {
        bottom:15px;
    }

}
@media screen and (min-width:855px) and (max-width:939px) {
    .main-left {
        width: 65%;
        width: -moz-calc(100% - 600px);
        width: -webkit-calc(100% - 600px);
        width: calc(100% - 600px);
    }
    article.infinite-left h2.entry-title {
        font-size:26px;
        padding: 0px 5px 6px 5px;
    }
    article.infinite-left h2.entry-title a {
        line-height:34px;
    }
    .main-left-img h4 {
    }
    .article-left-info {
        bottom:15px;
    }

}
@media screen and (min-width:787px) and (max-width:854px) {
    .main-left {
        width: 62%;
        width: -moz-calc(100% - 600px);
        width: -webkit-calc(100% - 600px);
        width: calc(100% - 600px);
    }
    article.infinite-left h2.entry-title {
        font-size:22px;
        padding: 0px 5px 6px 5px;
    }
    article.infinite-left h2.entry-title a {
        line-height:32px;
    }
    .main-left-img h4 {
    }
    .article-left-info {
        bottom:10px;
    }

}
@media screen and (min-width:730px) and (max-width:786px) {
    .main-left {
        width: 59%;
        width: -moz-calc(100% - 600px);
        width: -webkit-calc(100% - 600px);
        width: calc(100% - 600px);
    }
    article.infinite-left h2.entry-title {
        font-size:18px;
        padding: 0px 5px 6px 5px;
    }
    article.infinite-left h2.entry-title a {
        line-height:26px;
    }
    .main-left-img h4 {
        height: 20px;
        line-height: 20px;
        font-size: 10px;
    }
    .article-left-info {
        bottom:10px;
    }

}
@media screen and (min-width:686px) and (max-width:729px) {
    .main-left {
        width: 55%;
        width: -moz-calc(100% - 600px);
        width: -webkit-calc(100% - 600px);
        width: calc(100% - 600px);
    }
    article.infinite-left h2.entry-title {
        font-size:18px;
        padding: 0px 5px 6px 5px;
    }
    article.infinite-left h2.entry-title a {
        line-height:26px;
    }
    .main-left-img h4 {
        height: 20px;
        line-height: 20px;
        font-size: 10px;
    }
    .article-left-info {
        bottom:10px;
    }

}

.main-left-img {
    max-height: none;
    overflow: hidden;
    padding: 0;
    position:relative;
}

.main-middle {
    width:300px;
}
.main-middle {
    width:300px;
}
.main-middle > article {
    width: 280px;
    background: #ffffff;
    display: inline-block;
    padding: 10px 0;
    margin: 5px 10px 5px 10px;
}
.main-middle > article .ryot-points {
    display: none;
}
.r-p-c {
    font-family: 'dinmedium';
    color: #ef232e;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 9px;
    padding: 0 0 0 8px;
}
.r-p-c a {
    color: #ef232e;
    font-family: 'alternate_gothic_no.2regular';
    font-size: 12px;
}
body.category .r-p-c {
    display:none;
}
.middle-latest img {
    float:left;
    max-width:134px;
    max-height:75px;
    min-height: 75px;
}
.middle-latest h5 {
    float: left;
    max-width: 100%;
    padding: 0 10px;
    margin: 0 0 5px 0;
    font-size: 16px;
    overflow: hidden;
    zoom: 100%;
    width: 100%;
}
.middle-latest .time-ago {
    color: #636363;
    font-family: 'frnkgothitc_bk_btbook';
    font-style: italic;
    padding: 0 0 0 10px;
    font-size: 10px;
}
.main-right {
    width:405px;
}
.main-right img {
    max-height: none;
    overflow: hidden;
    padding: 0;
}
.main-left h1, .main-middle h1, .main-right h1  {
    position: relative;
    top: -5px;
    left: 15px;
    margin: 0;
    height: 27px;
    font-size: 38px;
}
@-moz-document url-prefix() {
    .main-left h1, .main-middle h1, .main-right h1  {top: 1px;}
}
.page-header h1 {
    font-family: 'alternate_gothic_no.2regular';
    color:#FAFAFA;
    text-transform:uppercase;
}
.main-right h2 {
    font-size:20px;
    margin:0;
    padding:0 5px;
}
article {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-bottom: 2px solid #efefef;
}
article h4, article h4 a {
    font-family: 'alternate_gothic_no.2regular';
    color: #ffffff;
    font-size: 18px;
    height: 10px;
    padding: 0 0 0 5px;
}
article h4 {
    background: transparent !important;
    font-size: 12px;
    text-transform: uppercase;
    padding: 2px 0 0 0;
    font-family: 'dinmedium';
    color: #ef232e;
    letter-spacing: 1px;
}
.page-header {
    height: 28px;
    margin: 0 0 20px 0;
    position:relative;
    z-index:1;
}
.main-left .page-header {
    background-color: #000000;
}
.main-middle .page-header {
    background-color: #ef232e;
}
.main-middle-img h4 {
    display:none;
}
.main-right .page-header {
    background-color: #2d2d2d;
}
.category .main-left .arrow-down {
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    float: right;
    margin: 0 40px;
}
.main-left .arrow-down {
    border-top: 12px solid #ef232e;
}
.main-middle .arrow-down {
    border-top: 12px solid #7f8c8d;
}
.main-right .arrow-down {
    border-top: 12px solid #000000;
}
.cat-latest {
    visibility: hidden;
}
@media screen and (min-width: 976px) and (max-width: 1130px){
    .main-left {
        width: -moz-calc(100% - 600px);
        width: -webkit-calc(100% - 600px);
        width: calc(100% - 600px);
    }
    .main-right {
        width: 300px;
    }
}
@media screen and (min-width: 641px) and (max-width: 975px){
    .main-left {
        width: -moz-calc(100% - 300px);
        width: -webkit-calc(100% - 300px);
        width: calc(100% - 300px);
    }
    .main-right {
        display:none;
    }
}
@media screen and (max-width: 680px){
    .main-left, .main-right, .time-ago {
        display:none;
    }
    .main-middle {
        width: 100%
    }
    .main-middle > article {
        width: 95%;
        height: auto;
        margin: 0 1.5% 20px 2.5%;
    }
    .main-left-img {
        max-height: none;
        overflow: hidden;
        padding:10px 0 0 0;
    }
    .middle-latest img {
        float: none;
        max-width: 100%;
        max-height: none;
    }
    .main-middle-img h4 {
        display:block;
    }
    .middle-latest h5 {
        float: none;
        max-width: 100%;
        font-size: 18px;
        max-height: none;
        overflow: hidden;
        margin: 0 0 5px 0;
        padding: 0;
    }
    .cat-latest {
        visibility: visible;
    }
}
/*---------------------------------------- End Category Page --------------------------------------------------------- */

/*---------------------------------------- Start About Page --------------------------------------------------------- */
.page-header.about h1 {
    position: relative;
    top: -6px;
    left: 15px;
    margin: 0;
    height: 27px;
    font-size: 37px;
}
@media screen and (max-width:586px) {
    .page-header.about h1 {
        text-align: center;
        left: 0;
    }
}
h2 {
    color: #252525;
    font-family: 'dinmedium';
    font-size: 28px;
    margin-top: 10px;
    margin-bottom: 10px;
}
p {
    color: #382c2e;
}
.the-team {
    width:100%;
    max-width: 1550px;
    margin:0 auto;
}
.the-team > ul {
    margin: 0;
    padding: 0;
}
li.team-bio {
    width:50%;
    height:auto;
    min-height:1px;
    float:left;
    padding:10px 1%;
}
li.team-bio:nth-child(odd) {
    clear: left;
    padding: 10px 1% 10px 2%;
}
li.team-bio:nth-child(even) {
    padding: 10px 2% 10px 1%;
}
li.team-bio img {
    width:100%;
    height: auto;
}
li.team-bio h3, h3 {
    text-transform: uppercase;
    color: #252525;
    font-family: 'dinmedium';
    font-size: 22px;
    margin: 10px 0 0 0;
}
li.team-bio p {
    float: left;
    color: #382c2e;
    font-family: 'frnkgothitc_bk_btbook';
}
.team-social-buttons {
    float: left;
    padding: 2px 5px 5px 0;
}
.about-vid {
    max-width: 800px;
    max-height: 450px;
    margin: 0;
    width: 800px;
    height: 450px;
}
.about-vid iframe {
    width:100%;
    height:100%;
}
.lzyoutube {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
.lzvideo {
    list-style: none;
    margin: 8px;
    width: 100%;
}
.video-container a {
    font-size:0;
}
.video-container a img#play_btn {
    z-index: 1;
    opacity: 0.8;
    margin: 0 !important;
}
.video-container a img#play_btn:hover {
    z-index: 1;
    opacity: 1;
    margin: 0 !important;
}
@-moz-document url-prefix() {
    .about-vid iframe {
        width:100%;
        height:100%;
        min-height:400px;
    }
    @media screen and (max-width: 820px){
        .about-vid iframe {
            width:100%;
            height:100%;
            min-height:400px;
            padding: 0 5%;
        }
    }
    @media screen and (max-width: 720px){
        .about-vid iframe {
            width:100%;
            height:100%;
            min-height:400px;
            padding: 0 10%;
        }
    }
    @media screen and (max-width: 640px){
        .about-vid iframe {
            width:100%;
            height:100%;
            min-height:400px;
            padding: 0 15%;
        }
    }
    @media screen and (max-width: 520px){
        .about-vid iframe {
            width:100%;
            height:100%;
            min-height:400px;
            padding: 0 20%;
        }
    }
    @media screen and (max-width: 400px){
        .about-vid iframe {
            width:100%;
            height:100%;
            min-height:400px;
            padding: 0 25%;
        }
    }
}
.parallax-background {
    z-index: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-align:center;
    -webkit-box-pack:center;
    display:-ms-flexbox;
    -ms-flex-pack:center;
    -ms-flex-align:center;
    display:-moz-box;
    -moz-box-pack:center;
    -moz-box-align:center;
    display:-webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;
    display:box;
    box-pack:center;
    box-align:center;
    height: 550px;
}
.about-top {
    background-image: url('http://d3819ii77zvwic.cloudfront.net/wp-content/uploads/2015/03/top.jpg');
}
section#ab1.ab {
    position: relative;
    overflow: hidden;
    height: 550px;
    background: none no-repeat center 0 #FAFAFA;
    background-size: cover;
}

@media screen and (max-width: 820px){
    .about-vid {
        padding: 0 5% 0 5%;
        max-width: 100%;
        max-height: 75%;
    }
    .about-top {
        height: 440px;
        background-image: url('http://d3819ii77zvwic.cloudfront.net/wp-content/uploads/2015/03/top-reduced.jpg');
    }
    section#ab1.ab {
        height:440px;
    }
}
@media screen and (max-width: 480px){
    .about-vid {
        max-height: 60%;
    }
}
.rslides_container {
    position: relative;
    float: left;
    width: 100%;
    margin: 10px 0;
}
.ab {
    position: relative;
    overflow: hidden;
    margin:20px 0;
}
.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0 auto;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
    padding: 0 50px;
}
.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}
.rslides1_nav {
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    bottom: 55%;
    left: 0;
    z-index: 9;
    opacity: 0.7;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 61px;
    width: 38px;
    background: transparent url("http://responsiveslides.com/with-captions/themes.gif") no-repeat left top;
    margin-top: -45px;
}
.rslides1_nav.next {
    left: auto;
    background-position: right top;
    right: 0;
}
.large-btns_nav {
    z-index: 3;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    opacity: 0.6;
    text-indent: -9999px;
    overflow: hidden;
    bottom: 40%;
    left: 0;
    background-image: url('http://d3819ii77zvwic.cloudfront.net/wp-content/uploads/2015/12/sprite.png');
    background-position: -670px 0px;
    background-repeat: no-repeat;
    height: 70px;
    width: 40px;


}
.large-btns_nav.next {
    left: auto;
    background-image: url('http://d3819ii77zvwic.cloudfront.net/wp-content/uploads/2015/12/sprite.png');
    background-position: -612px 0px;
    right: 0;
}
@media screen and (max-width:586px) {
    .rslides li {
        padding: 0 25px;
    }
    .large-btns_nav {
        background-position: -830px 0px;
    }
    .large-btns_nav.next {
        background-position: -768px 0px;
    }
}

@media screen and (max-width: 680px){
    li.team-bio {
        width:100%;
    }

}
/*---------------------------------------- End About Page --------------------------------------------------------- */


/*---------------------------------------- Start Gear Page --------------------------------------------------------- */

.gear-top {
    background-image: url('http://d3819ii77zvwic.cloudfront.net/wp-content/uploads/2014/11/ryothoodies1.jpg');
    background-position: 0 0px;
}
.gear-items {
    max-width:1212px;
    margin:0 auto;
}
.gear-item {
    width: 203px;
    float: left;
    margin: 20px 50px;
}
@media screen and (max-width: 768px){
    .gear-top {
        height: 500px;
        background-image: url('http://d3819ii77zvwic.cloudfront.net/wp-content/uploads/2014/11/ryothoodies1.jpg');
        background-position: 64% 0px;
    }
}
/*---------------------------------------- End Gear Page --------------------------------------------------------- */

/*---------------------------------------- Start Films Page --------------------------------------------------------- */

.film-top {
    background-image: url('http://d3819ii77zvwic.cloudfront.net/wp-content/uploads/2014/05/top.jpg');
}
.gear-items {
    max-width:1212px;
    margin:0 auto;
}
.film-item {
    width: 364px;
    float: left;
    margin: 20px;
}
@media screen and (max-width: 768px){
    .film-top {
        height: 500px;
        background-image: url('http://d3819ii77zvwic.cloudfront.net/wp-content/uploads/2014/05/top.jpg');
        background-position: 100%;
    }
}
/*---------------------------------------- End Films Page --------------------------------------------------------- */


/*---------------------------------------- Start Author Page --------------------------------------------------------- */
main.main.author-page {
    padding: 20px;
}
@media screen and (max-width: 768px) {
    .page-header.author .arrow-down {
        display:none;
    }
}
.author-page article {
    width: 31.3%;
    height: 330px;
    float: left;
    padding: 10px;
    margin: 10px 1% 10px 1%;
    background: #ffffff;
}
.author-page article h2.entry-title {
    font-size: 20px;
    margin: 0;
    height: 45px;
    overflow: hidden;
    padding: 0;
    text-transform: none;
}
.author-page article h2.entry-title a {
    font-family: 'dinmedium';
    color: #252525;
    margin: 0;
}
.page-header.author {
    background-color: #ef232e;
    height: 34px;
    z-index: 1;
    position: relative;
}
.page-header.author h1 {
    padding: 0 0 0 20px;
    font-size: 47px;
    position: relative;
    top: -7px;
}
.page-header.author .arrow-down {
    border-top: 12px solid #ef232e;
    float: none;
    position: relative;
    top: -16px;
    margin: 0 500px;
}
.author-page-bio {
    margin:20px 0;
    min-height:300px
}
.author-page-img {
    width: 450px;
    height: 300px;
    float: left;
    overflow:hidden;
    margin: 0 20px;
}
.author-page-img img {
    width: 100%;
    height: auto;
}
.author-page-info {
    float: left;
    width: 100%;
}
.author-page-info h2 {
    float: left;
    width: -moz-calc(100% - 490px);
    width: -webkit-calc(100% - 490px);
    width: calc(100% - 490px);
}
.author-page-soc {
    float: left;
    width: -moz-calc(100% - 490px);
    width: -webkit-calc(100% - 490px);
    width: calc(100% - 490px);
}
.team-social-buttons {
    float:left;
}
.main.author-page h2 {
    color: #252525;
    font-size: 28px;
    text-transform:uppercase;
    font-family: 'dinmedium';
}
.author-page-info p {
    float: none;
    color: #382c2e;
    font-size: 16px;
    padding: 0 20px;
}
@media screen and (max-width: 768px){
    #full-strip-about, .author-page .line-break {
        display:none;
    }
    .page-header.author {
        height: 26px;
    }
    .page-header.author h1 {
        font-size: 28px;
    }
    .page-header.author .arrow-down {
        top: -18px;
        margin: 0 250px;
    }
    .author-page-img {
        width: 100%;
        height: auto;
        margin:0 0 20px 0;
    }
    .author-page-info {
        padding: 20px 0;
        width: 100%;
    }
    .author-page-info h2, .author-page-soc {
        width:100%;
    }
    .author-page-info p {
        padding:0;
    }
}
@media screen and (min-width:550px) and (max-width: 768px){
    .author-page article {
        width:49%;
    }
}
@media screen and (max-width:549px) {
    .author-page article {
        width:100%;
    }
}
/*---------------------------------------- End Author Page --------------------------------------------------------- */

/*---------------------------------------- Start Search Results / Causes --------------------------------------------------------- */
.search-page article, .causes-page article {
    width: 30.333%;
    float: left;
    padding: 10px;
    margin: 10px 1.5%;
    background: #ffffff;
    height: 335px;
    overflow:hidden;
}
.search-img {
    max-height: 230px;
    overflow: hidden;
}
.search-img img {
    width: 100%;
    height:auto;
}
.search-page article h2.entry-title, .causes-page article h2.entry-title {
    font-size: 20px;
    margin: 0;
    height: 45px;
    overflow: hidden;
    padding: 0;
    text-transform: none;
}
@media screen and (min-width:1281px) and (max-width:1420px){
    .search-page article h2.entry-title, .causes-page article h2.entry-title {
        height:68px;
    }
}
@media screen and (min-width:1201px) and (max-width:1280px){
    .search-page article h2.entry-title, .causes-page article h2.entry-title {
        height:88px;
    }
}
@media screen and (min-width:1110px) and (max-width:1200px){
    .search-page article h2.entry-title, .causes-page article h2.entry-title {
        height:68px;
    }
}
@media screen and (max-width:1109px){
    .search-page article h2.entry-title, .causes-page article h2.entry-title {
        height:88px;
    }
}

.search-page article h2.entry-title a, .causes-page article h2.entry-title a  {
    font-family: 'dinmedium';
    color: #252525;
    margin: 0;
}
.page-header.search h1, .page-header.causes h1 {
    padding: 0 0 0 20px;
    font-size: 46px;
    position: relative;
    top: -7px;
}
.search-page-img {
    width: 450px;
    height: 300px;
    float: left;
}
.causes-page-img {
    max-height: 230px;
    overflow: hidden;
}
.cotw_desc {
    padding: 5px 1% 20px 1%;
    float: left;
    width: 66.6666%;
    font-size: 18px;
}
.search-page-img img {
    width: 100%;
    height: auto;
}
.search-page-info {
    float: left;
    width: -moz-calc(100% - 280px);
    width: -webkit-calc(100% - 280px);
    width: calc(100% - 450px);
    padding: 0 20px;
}
.search-page-info p {
    float: left;
}
.team-social-buttons {
    float:left;
}
.main.search-page h2 {
    color: #252525;
    font-family: 'dinmedium';
    font-size: 28px;
    text-transform: uppercase;
    padding: 0;
    margin: 0 0 10px 0;
}
.search-page-info p {
    float: left;
    color: #382c2e;
    font-family: 'frnkgothitc_bk_btbook';
    font-size: 16px;
}
@media screen and (min-width:1000px) and (max-width: 1200px){
    .search-page article, .causes-page article {
        height: 305px;
    }
    .search-img {
        max-height: 200px;
        overflow: hidden;
    }
    .search-img img {
        width: 100%;
        height:auto;
    }

}
@media screen and (min-width:587px) and (max-width: 999px){
    .search-page article, .causes-page article {
        width:47%;
        height: auto;
    }
}
@media screen and (max-width:586px) {
    .search-page article, .causes-page article {
        width:100%;
        margin: 10px 0;
        height: auto;
    }
    .search-page article h2.entry-title, .causes-page article h2.entry-title {
        height:auto;
    }
}
@media screen and (max-width:768px) {
    .cotw_featured {
        width:100% !important;
        margin: 10px 0 !important;
    }
    .cotw_desc {
        width:100%;
        text-align: justify;
        font-size: 18px;
    }
}
@media screen and (min-width:1100px)(max-width:1200px) {
    .cotw_desc {
        font-size:16px;
    }
}
@media screen and (min-width:999px)(max-width:1099px) {
    .cotw_desc {
        font-size:12px;
    }
}
/*---------------------------------------- End Search Results / Causes --------------------------------------------------------- */






@media only screen and (min-width : 768px) {
    body {
        overflow-x: hidden;
    }
    .desktop {
        display: block;
    }
    .mobile {
        display: none;
    }
}
@media only screen and (max-width : 767px)  {
    .cause_description ~ div {
        margin:0 auto;
    }
    body.single-cause .wrap.container {
        max-width: 100%;
        margin: 0 auto;
    }
    .cause_container {
        max-width: 100%;
        top: 0px;
        padding: 20px;
    }
    .cause_left, .cause_right {
        width: 100%;
        margin-bottom: 20px;
        padding:0;
    }
    .cause_ryot_logo {
        width: 100px;
        float: none;
        margin: 0 auto;
    }
    .cause_heading {
        margin: 20px auto 0 auto;
        float: none;
    }
    .cause_trailer {
        position: inherit;
        padding-bottom: 0;
        padding-top: 10px;
        height: 100%;
        overflow: hidden;
    }
    .cause_description {
        font-size: 14px;
        line-height: 20px;
    }

    .cause_trailer iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%!important;
        height: 100%!important;
    }
    .cause_logo {
        width:100%;
        max-width:250px;
        margin:0 auto;
        float:none;
        height:150px;
    }
    .desktop {
        display: none;
    }
    .mobile {
        display: block;
    }
    .cause_trailer img {
        width:100%;
        height: auto;
    }

}
@media only screen and (min-width : 540px) and (max-width : 648px) {
    .cause_heading {
        font-size:40px;
        width: 100%;
        text-indent: 0;
        text-align: center;
    }
}

@media only screen and (min-width : 464px) and (max-width : 539px) {
    .cause_heading {
        font-size:32px;
        width: 100%;
        text-indent: 0;
        text-align: center;
        margin:15px auto 0 auto;
    }
}

@media only screen and (max-width : 463px) {
    .cause_heading {
        font-size:24px;
        width: 100%;
        text-indent: 0;
        text-align: center;
        margin:15px auto 0 auto;
    }
}
@media screen and (max-width: 768px) {
    .cause_ryot_logo {width: 100px;float: none;margin: 0 auto;padding: 5px 0 0 0;}
    .cause_left {width: 100%;float: none;padding-right: 0;}
    .cause_trailer {clear: both;position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;}
    .cause_right {width: 100%;float: none;padding-left: 0;}
    .cause_logo {width: 100%;float: none;height: auto;margin: 0;padding: 0;max-width: none;}
    .cause_heading {float: none;font-family: 'dinmedium';font-style: italic;font-size: 24px;line-height: 41px;width: 100%;text-indent: -5px;}
    .cause_trailer a {display: block;overflow: hidden;}
}

/*---------------------------------------- End Single Cause --------------------------------------------------------- */

@media screen and (max-width: 768px){
    .desktop {
        display:none !important;
        visibility:hidden !important;
    }

    .mobile {
        display:block !important;
        visibility:visible !important;
    }
    .inner_show_menu {
        display:none !important;
    }
    #sticky.mobile {
        position:absolute;
    }

}
@media screen and (min-width: 769px){
    .mobile, nav.mobile.collapse.navbar-collapse {
        display:none;
        visibility:hidden;
    }

    .desktop {
        display:block;
        visibility:visible;
    }
}

@media screen and (min-width: 681px){
    .mobile1 {
        display:none !important;
        visibility:hidden !important;
    }

    .desktop1 {
        display:block !important;
        visibility:visible !important;
    }
}
@media screen and (max-width: 680px){
    .desktop1 {
        display:none !important;
        visibility:hidden !important;
    }

    .mobile1 {
        display:block !important;
        visibility:visible !important;
    }
}



#menubar {
    width:100%;
    background-color:#444;
    color: #fff;
    padding: 10px;
}

#button-x {
    cursor:pointer;
}
#menu, #right {
    display:inline;
}
#menu li a {
    padding: 10px;
    display: block;
    color: white;
    text-decoration: none;
}
.topstories-bottom a {
    padding: 0 !important;
}
#right {
    width:100%;
    background-color: #fff;
    z-index: 5;
    position: fixed;
    left: 0px;
    height: 100%;
    -webkit-box-shadow:  -5px 0px 4px 0px rgba(0, 0, 0, 0.2);
    moz-box-shadow:  -5px 0px 4px 0px rgba(0, 0, 0, 0.2);
    o-box-shadow:  -5px 0px 4px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  -5px 0px 4px 0px rgba(0, 0, 0, 0.2);
}
#menu {
    float:left;
    width: 350px;
    height: 100%;
}
#menu li {
    background-color:#444;
    border-bottom: 1px solid #888;
}

/*	-------------------------------------------------- Start Reveal Modals -------------------------------------------------- */
.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0,0,0,.8);
    z-index: 100;
    display: none;
    top: 0;
    left: 0;
}

.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0,0,0,.8);
    z-index: 100;
    display: none;
    top: 0;
    left: 0;
}

.reveal-modal {
    visibility: hidden;
    top: 30px !important;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 520px;
    background: #fff url('http://d3819ii77zvwic.cloudfront.net/wp-content/uploads/2014/05/white_wall_hash.png');
    position: fixed;
    z-index: 101;
    padding: 20px 25px;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -box-shadow: 0 0 10px rgba(0,0,0,.4);
}
.reveal-modal.small {
    width: 200px;
    margin-left: -140px;
}
.reveal-modal.medium {
    width: 400px;
    margin-left: -240px;
}
.reveal-modal.large {
    width: 600px;
    margin-left: -340px;
}
.reveal-modal.xlarge {
    width: 800px;
    margin-left: -440px;
}
.reveal-modal .close-reveal-modal {
    font-size: 22px;
    line-height: .5;
    position: absolute;
    top: 8px;
    right: 11px;
    color: #aaa;
    text-shadow: 0 -1px 1px rbga(0,0,0,.6);
    font-weight: bold;
    cursor: pointer;
}
.reveal-modal h1 {
    font-family: 'dinmedium';
    font-size: 30px;
    text-align: center;
    padding: 0 0 15px 0;
    text-transform: none;
    margin: 15px 0 0 0;
}
.reveal-modal p {
    color: #636363;
}
ul.modal-social {
    width: 220px;
    height: 65px;
    padding: 0;
    float: none;
    margin: 0 auto 10px auto;
}
ul.modal-social > li.modal-social-item {
    float: left;
    width: 110px;
    text-align: center;
    min-height: 49px;
}
.reveal-modal {
    background: #fff;
}
@media screen and (max-width:560px) {
    .reveal-modal {
        width: 90%;
        padding: 10px;
        top: 40px;
    }
}

.ryot-modal-vid {
    max-height: 260px;
}
.bottom-close-modal {
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    background: #252525;
    font-family: 'aleoitalic';
    padding: 5px 0;
}
#mc_embed_signup {
    text-align: center;
    padding: 10px 0 20px 0;
    float: none;
    margin: 0 auto;
}

.vimeoplayer, .youtubeplayer {
    background-image: url('http://d3819ii77zvwic.cloudfront.net/wp-content/uploads/2014/07/modal-vid-img.png');
    background-position: 0 259px;
    height: 259px;
    cursor:pointer;
    background-position-x: center;
}
.vimeoplayer:hover, .youtubeplayer:hover {
    background-position: 0 0;
    cursor:pointer;
    background-position-x: center;
}
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    max-height: 260px;
}
.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media screen and (max-width:586px){
    .reveal-modal {
        top:15px !important;
    }
    .ryot-modal-vid {
        max-height: 184px;
    }
    .vimeoplayer, .youtubeplayer {
        background-position: 50% 225px;
        height: 184px;
    }
    .vimeoplayer:hover, .youtubeplayer:hover {
        background-position: 0 -34px;
    }
    ul.modal-social {
        clear: both;
        margin: 10px auto;
        float: none;
        height: 75px;
    }
    #mc_embed_signup {
        float: none;
        padding: 0;
    }
    .reveal-modal h1 {
        font-size: 18px;
    }
}
@media only screen  and (min-device-width : 768px) and (max-device-width : 1024px)  {
    .reveal-modal {
        top:30px !important;
    }
}
@media only screen  and (max-device-width : 767px) {
    .reveal-modal {
        top:15px !important;
    }
}
/*	-------------------------------------------------- End Reveal Modals -------------------------------------------------- */



.small_url {display:none;}

#twitter-quote {
    border-top: 4px solid #DBDBDB;
    border-bottom: 4px solid #DBDBDB;
    margin:20px auto;
    padding: 20px 50px;
    max-width: 800px;
}
#twitter-quote p {
    font-family: 'dinmediumitalic';
    margin:0;
}
#twitter-quote a {
    text-align: center;
    color:#6ba9f3;
    text-transform:uppercase;
    font-size: 20px;
}

.twitter-bird {
    font-family: 'Sosa';
    text-transform:lowercase;
    font-size: 28px;
}

/*	-------------------------------------------------- Start Ads -------------------------------------------------- */
.adverts.square, .adverts.rectangle, .adverts.skyscrapper {
    padding: 5px;
    position: relative;
    overflow: hidden;
    text-align: center;
}
/*	-------------------------------------------------- End Ads -------------------------------------------------- */

/*	-------------------------------------------------- Start Tooltip -------------------------------------------------- */
.qtip{
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    max-width: 280px;
    min-width: 50px;
    font-size: 10.5px;
    line-height: 12px;
    direction: ltr;
    box-shadow: none;
    padding: 0;
}
.qtip-content{
    position: relative;
    padding: 5px 9px;
    overflow: hidden;

    text-align: left;
    word-wrap: break-word;
}
.qtip-titlebar{
    position: relative;
    padding: 5px 35px 5px 10px;
    overflow: hidden;
    border-width: 0 0 1px;
    font-weight: bold;
}
.qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }
.qtip-close{
    position: absolute;
    right: -9px; top: -9px;
    cursor: pointer;
    outline: medium none;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
}
.qtip-titlebar .qtip-close{
    right: 4px; top: 50%;
    margin-top: -9px;
}
* html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */
.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon{
    display: block;
    text-indent: -1000em;
    direction: ltr;
}
.qtip-icon, .qtip-icon .ui-icon{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
}
.qtip-icon .ui-icon{
    width: 18px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    text-indent: 0;
    font: normal bold 10px/13px Tahoma,sans-serif;
    color: inherit;
    background: transparent none no-repeat -100em -100em;
}
.qtip-focus{}
.qtip-hover{}
.qtip-default{
    border-width: 1px;
    border-style: solid;
    border-color: #F1D031;
    background-color: #FFFFA3;
    color: #555;
}
.qtip-default .qtip-titlebar{
    background-color: #FFEF93;
}
.qtip-default .qtip-icon{
    border-color: #CCC;
    background: #F1F1F1;
    color: #777;
}
.qtip-default .qtip-titlebar .qtip-close{
    border-color: #AAA;
    color: #111;
}
.qtip-light{
    background-color: white;
    border-color: #E2E2E2;
    color: #454545;
}
.qtip-light .qtip-titlebar{
    background-color: #f1f1f1;
}
.qtip-dark{
    background-color: #505050;
    border-color: #303030;
    color: #f3f3f3;
}
.qtip-dark .qtip-titlebar{
    background-color: #404040;
}
.qtip-dark .qtip-icon{
    border-color: #444;
}
.qtip-dark .qtip-titlebar .ui-state-hover{
    border-color: #303030;
}
@media screen and (max-width:586px) {
    div#qtip-0.qtip.qtip-default.qtip-dark.qtip-pos-tl.qtip-focus {
        margin-left: auto !important;
        margin-right: auto !important;
        position: absolute !important;
        bottom: 20% !important;
        left: 20px !important;
        height:50px !important;
    }
}
/*	-------------------------------------------------- End Tooltip -------------------------------------------------- */

/*	-------------------------------------------------- Start Write for RYOT -------------------------------------------------- */
.error{
    padding: 5px 9px;
    border: 1px solid #c0392b;
    color: #FAFAFA;
    border-radius: 3px;
    margin: 20px 0;
    background: #ef232e;
    font-size: 20px;
    font-family: 'dinmedium';
    text-align: center;
}

.success{
    padding: 5px 9px;
    border: 1px solid #27ae60;
    color: #FAFAFA;
    border-radius: 3px;
    margin: 20px 0;
    background: #2ecc71;
    font-size: 20px;
    font-family: 'dinmedium';
    text-align: center;
}

form span{
    color: red;
}

.frm_hf {
    width: 50%;
    margin-bottom: 30px;
    float: left;
}
.frm_hf label, .frm_f label {
    width:100%;
    padding: 0 15px;
    font-size: 20px;
    font-family: 'dinmedium';
}
.frm_hf input[type="text"], .frm_f input[type="text"], .frm_f textarea {
    width:100%;
    background: #d8d8d8;
    resize: none;
    outline: none;
    border: 1px solid #CCC;
    padding: 10px;
}

.frm_f {
    width: 100%;
    margin-bottom: 30px;
}
ul.frm_f {
    padding: 0;
    float: left;
    position: relative;
    clear: both;
    margin: 1em 0;
}
ul.frm_f > li {
    display: inline;
    float: left;
    width: 50%;
    line-height: 30px;
}
ul.frm_f > li input {
    margin: 4px 4px 4px 0;
    font-size:50px;
}
.frm_smt_btn {
    width: 40%;
    margin: 20px auto 30px;
    display: block;
    height: 50px;
    background-color: #252525;
    border: 1px solid #333;
    text-transform: capitalize;
    cursor: pointer;
    outline: none;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 24px;
    line-height: 1.428571429;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
@media screen and (max-width:768px) {
    .frm_hf {
        width:100%;
        float:none;
    }
    ul.frm_f > li {
        width: 100%;
    }

}

/*	-------------------------------------------------- End Write for RYOT -------------------------------------------------- */

/*	-------------------------------------------------- Start Information Pages (Terms & Privacy) -------------------------------------------------- */

.information-pages {
    padding: 0 20px;
    max-width: 1550px;
    margin: 20px auto;
}
.information-pages > p {
    color: #383838;
    font-size: 24px;
    line-height: 34px;
    margin: 10px auto;
    font-family: 'frnkgothitc_bk_btbook';
}
@media screen and (min-width: 720px) and (max-width: 860px) {
    .information-pages > p {
        font-size: 22px;
        line-height: 32px;	}
}
@media screen and (min-width: 481px) and (max-width: 719px) {
    .information-pages > p {
        font-size: 16px;
        line-height: 22px;
        word-spacing: 3px;
    }
}
@media screen and (max-width: 480px) {
    .information-pages > p {
        font-size: 14px;
        line-height: 18px;
        word-spacing: 3px;
    }
}
@media screen and (max-width: 586px) {

}

/*	-------------------------------------------------- End Information Pages (Terms & Privacy) -------------------------------------------------- */

.alert-box {
    display: none;
    width:100%;
    height:400px;
    background:#f00;
}


#cause-of-the-week-container {
    position: relative;
    /*overflow: hidden;*/
}

.cause-of-the-week-top {
    padding-bottom: 20px;
    margin: 0 20px 0;
}

#cause-of-the-week-container {
    padding: 0;
    margin: 20px 0;
    background: transparent;
}

#cause-of-the-week {
    padding: 0 11px;
    height: 320px;
    background:url('http://www.ryot.org/images/cause-of-the-week.jpg') no-repeat center center;
}

#cause-of-the-week img {
    margin: 130px 72px 20px;
}

#cause-of-the-week p {
    padding: 0 0 15px;
}


.centered-btns_nav {
    z-index: 3;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 50%;
    left: 0;
    opacity: 0.7;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 61px;
    width: 38px;
    background: transparent url("themes.gif") no-repeat left top;
    margin-top: -45px;
}

.centered-btns_nav:active {
    opacity: 1.0;
}

.centered-btns_nav.next {
    left: auto;
    background-position: right top;
    right: 0;
}

.transparent-btns_nav {
    z-index: 3;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 0;
    left: 0;
    display: block;
    background: #fff; /* Fix for IE6-9 */
    opacity: 0;
    filter: alpha(opacity=1);
    width: 48%;
    text-indent: -9999px;
    overflow: hidden;
    height: 91%;
}

.transparent-btns_nav.next {
    left: auto;
    right: 0;
}


.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
    outline: none;
}

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
    margin-top: 10px;
    text-align: center;
    padding: 0;
}

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
    display: inline;
    float: none;
    _float: left;
    *float: left;
    margin-right: 5px;
}

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
    text-indent: -9999px;
    overflow: hidden;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #ccc;
    background: rgba(0,0,0, .2);
    display: inline-block;
    _display: block;
    *display: block;
    -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
    box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
    width: 9px;
    height: 9px;
}

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
    background: #222;
    background: rgba(0,0,0, .8);
}

/*	-------------------------------------------------- Start Outbrain -------------------------------------------------- */


.AR_1 .item-container-ad .paid-distribution {
    z-index: 9 !important;
}
.AR_2 {
    margin:15px 0 !important;
}
/*	-------------------------------------------------- End Outbrain -------------------------------------------------- */

/*	-------------------------------------------------- Start Forms -------------------------------------------------- */



span.wpcf7-list-item {
    display: block;
    float:left;
    width: 40%;
    color:#252525;
}
.wpcf7-list-item-label {
    color:#252525;
}
div.wpcf7-mail-sent-ok {
    padding: 5px 9px;
    border: 1px solid #27ae60;
    color: #FAFAFA;
    border-radius: 3px;
    margin: 20px 0;
    background: #2ecc71;
    font-size: 20px;
    font-family: 'dinmedium';
    text-align: center;
}
div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors {
    padding: 5px 9px;
    border: 1px solid #c0392b;
    color: #FAFAFA;
    border-radius: 3px;
    margin: 20px 0;
    background: #ef232e;
    font-size: 20px;
    font-family: 'dinmedium';
    text-align: center;
}
img.wpcf7-captchac {
    margin: 0 0 20px 20px;
}
.wpcf7-submit {
    width: 40%;
    margin: 20px auto 30px;
    display: block;
    height: 50px;
    background-color: #252525;
    border: 1px solid #333;
    text-transform: capitalize;
    cursor: pointer;
    outline: none;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 24px;
    line-height: 1.428571429;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
/*	-------------------------------------------------- End Forms -------------------------------------------------- */


.main-middle .post-nav-middle{
    height: 0;
}

@media screen and (max-width:680px) {
    .main-middle {
        padding:10px 0 !important;
    }
    .main-middle .page-header {
        display:none;
    }
    .main-middle > article {
        width: 97%;
        height: auto;
        margin: 0 1.5% 5px 1.5%;
        clear: both;
        display: inline-block;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: 1px solid;
        border-color: #e9eaed #dfe0e4 #d0d1d5;
        -webkit-border-radius: 3px;
    }
    .main-middle > article .r-p-c, .main-middle > article .r-p-c a {
        display: inline;
        padding: 0 0 0 10px;
        text-transform: uppercase;
        font-family: 'frnkgothitc_bk_btbook';
        color: #898989;
    }
    .main-middle > article .r-p-c a {
        background: transparent !important;
        font-size: 12px;
        text-transform: uppercase;
        padding: 2px 0 0 0;
        font-family: 'alternate_gothic_no.2regular';
        color: #ef232e;
        letter-spacing: 1px;
    }
    article.middle-latest header {
        clear:both;
    }
    article.middle-latest .main-middle-img {
        height: 100%;
        overflow: inherit;
        width: 33%;
        float: none;
        position: relative;
        float: left;
        display:block;
    }
    article.middle-latest .main-middle-img .middle-latest img {
        height: 100%;
        width: auto;
    }
    article.middle-latest .main-middle-img h4 {
        display:none;
    }
    article.middle-latest h5.entry-title {
        float: left;
        max-width: none;
        font-size: 16px;
        max-height: 66px;
        overflow: hidden;
        margin: 0;
        padding: 0 5px 0 10px;
        width: 67%;
    }
    .ryot-points {
        padding: 0 0 0 10px;
    }
    article.tag-featured-news {
        margin-bottom:5px;
        padding: 10px 10px 5px 10px;
    }
    article.tag-featured-news .main-middle-img {
        height: 100%;
        overflow: inherit;
        width: 100%;
        float: none;
        position: relative;
        display:block;
    }
    article.tag-featured-news .middle-latest img {
        float: none;
        max-width: 100%;
        max-height: none;
    }
    article.tag-featured-news h5.entry-title {
        float: none;
        max-width: 100%;
        font-size: 18px;
        max-height: none;
        overflow: hidden;
        margin: 5px 0;
        padding: 0;
        width: 100%;
    }
    article.tag-featured-news .ryot-points, article.tag-featured-news .r-p-c {
        display:none;
    }
    article.tag-featured-news .main-middle-img h4 {
        display:block;
        font-size: 14px;
        height: 12px;
        line-height: 13px;
        margin: 5px 0 0 0;
    }
    article.sidebar-items.mobile_under_trending_article, .mobile_under_trending_article {
        width: 97%;
        height: auto;
        margin: 0 1.5% 10px 1.5%;
        clear: both;
        display: inline-block;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: 1px solid;
        border-color: #e9eaed #dfe0e4 #d0d1d5;
        -webkit-border-radius: 3px;
    }
    .time-ago {
    }
    article.tag-featured-news .time-ago {
        display: none !important;
    }

}
@media screen and (min-width:569px) and (max-width:680px) {
    article.middle-latest h5.entry-title {
        font-size: 20px;
    }
    article.tag-featured-news h5.entry-title {
        font-size: 22px;
    }
    .main-middle > article .r-p-c, .main-middle > article .ryot-points {
        display: inline;
        font-size: 12px !important;
        line-height: 28px;
    }
    article.tag-featured-news .ryot-points, article.tag-featured-news .r-p-c {
        display:none;
    }
}
@media screen and (min-width:481px) and (max-width:568px) {
    article.middle-latest h5.entry-title {
        font-size: 18px;
    }
    article.tag-featured-news h5.entry-title {
        font-size: 20px;
    }
    .main-middle > article .r-p-c, .main-middle > article .ryot-points {
        display: inline;
        font-size: 11px !important;
        line-height: 28px;
    }
    article.tag-featured-news .ryot-points, article.tag-featured-news .r-p-c {
        display:none;
    }
}
@media screen and (max-width:480px) {
    article.middle-latest h5.entry-title {
        font-size: 18px;
        letter-spacing: 0.5px;
        line-height: 22px;
    }
    article.tag-featured-news h5.entry-title {
        font-size: 18px;
    }
    article.tag-featured-news .ryot-points, article.tag-featured-news .r-p-c {
        display:none;
    }
}

/*	-------------------------------------------------- Start Featured Tag Section -------------------------------------------------- */

body.tag-leafly .eslyta, body.tag-leafly .eslyta-filler, body.tag-connectingthedots .eslyta, body.tag-connectingthedots .eslyta-filler, body.tag-nepal .eslyta, body.tag-nepal .eslyta-filler, body.tag-millennialtrain .eslyta, body.tag-millennialtrain .eslyta-filler, body.tag-ryot-video .eslyta, body.tag-ryot-video .eslyta-filler, body.tag-kenneth-cole .eslyta, body.tag-kenneth-cole .eslyta-filler, body.tag-make-now-matter .eslyta, body.tag-make-now-matter .eslyta-filler, body.tag-refugeeday .eslyta, body.tag-refugeeday .eslyta-filler, body.tag-maxthemovie .eslyta, body.tag-maxthemovie .eslyta-filler, body.tag-ufoday .eslyta, body.tag-ufoday .eslyta-filler, body.tag-videos .eslyta, body.tag-videos .eslyta-filler {
    display:none;
}
body.tag-leafly .navbar-default {
    background-color: #558833;
    border-color: #34591C;
}
body.tag-leafly .navbar-logo {
    background-color: #558833;
}
.featured_tag {
    height: 300px;
    width: 100%;
    position: relative;
    background-size: cover;
    background-position: 0 35%;
}
body.tag-make-now-matter .featured_tag {
    background-position: 0% 60%;
}
body.tag-maxthemovie .featured_tag {
    position: relative;
    height: 0;
    padding-bottom: 28%;
}
.featured_tag_info {
    text-align: center;
    display: table;
    position: initial;
    margin: 0 auto;
    padding: 80px 0;
}
.featured_tag_title {
    padding-top: 10px;
    max-width: 900px;
    font-family: 'alternate_gothic_no.2regular';
    color: #fff;
    font-size: 70px;
    font-weight: bolder;
    letter-spacing: 6px;
    line-height: 90px;
    text-transform:uppercase;
}
.featured_tag_hashtag {
    font-family: 'alternate_gothic_no.2regular';
    color:#fff;
    font-size: 20px;
}
.featured_tag_logo {
    max-width: 220px;
    margin: 0 auto;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
}
body.tag-refugeeday .featured_tag_logo img {
    max-width: 130px;
}
.featured_tag_logo img {
    width: 100%;
    height: auto;
}
.tag_caption_space {
    background: #000;
    width: 100%;
    padding: 10px 0;
}
.tag_caption {
    text-align: center;
    padding: 10px;
    margin: 10px 1.5%;
    font-family: 'dinmedium';
    font-size: 18px;
    color: #fff;
}
.tag_caption a {
    color: #ef232e;
}
@media screen and (min-width: 587px) and (max-width: 999px) {
    .search-page article:nth-child(2n-1) {
        clear: left;
    }
}
@media screen and (max-width:768px){
    body.tag-leafly .navbar-logo {
        height:56px !important;
    }
}
@media screen and (max-width:568px){
    .featured_tag_title {
        font-size:55px;
        line-height: 55px;
    }
    .featured_tag_hashtag {
        font-size: 16px;
    }
    .featured_tag_logo {
        max-width: 150px;
        bottom: 25px;
    }
}
@media screen and (max-width:640px){
    body.tag-connectingthedots .featured_tag_title, body.tag-ryot-video .featured_tag_title {
        font-size:50px;
        line-height: 50px;
    }
    body.tag-connectingthedots .featured_tag_hashtag, body.tag-ryot-video .featured_tag_hashtag {
        font-size: 16px;
    }
    body.tag-connectingthedots .featured_tag_logo {
        max-width: 150px;
        bottom: 25px;
    }
    .tag_caption {
        margin: 0px 1.5%;
        font-size: 14px;
    }

}

/*	-------------------------------------------------- End Featured Tag Section -------------------------------------------------- */

/*	-------------------------------------------------- Start Featured Homepage Section -------------------------------------------------- */
.featured_home {
    padding:0 0 100px 0;
    max-height: 400px;
    overflow: hidden;
}
.featured_home_story {
    height: 400px;
    width:100%;
    position:relative;
    background-size: cover;
}
.featured_home_story_a {
    display: inline-block;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.6);
}
.featured_home_story_info {
    position: absolute;
    left: 10%;
    text-align: center;
    margin: auto;
    top: 0;
    bottom: 0;
    display: table;
}
@-moz-document url-prefix() {
    .featured_home_story_info {
        top: 100px;
    }
}
.featured_home_story_hashtag {
}
.featured_home_story_hashtag a {
    text-transform:uppercase;
    font-family: 'dinmedium';
    color:#cccccc;
    font-size: 18px;
    border-bottom: solid 2px #cccccc;
    padding-bottom: 3px;
}
.featured_home_story_title {
    padding-top: 10px;
    max-width:600px;
}
.featured_home_story_title a {
    font-family: 'dinmedium';
    color: #ffffff;
    font-size: 36px;
    line-height: 44px;
}

@media screen and (max-width: 975px) and (min-width: 769px) {
    .featured_home {
        max-height: 360px;
        background-position:50%;
    }
    .featured_home_story {
        height: 360px;
    }
    .featured_home_story_hashtag a {
        font-size: 16px;
    }
    .featured_home_story_title a {
        font-size: 32px;
        line-height: 40px;
    }
}
@media screen and (max-width: 768px) and (min-width: 681px) {
    .featured_home {
        max-height: 300px;
        background-position:50%;
    }
    .featured_home_story {
        height: 300px;
    }
    @-moz-document url-prefix() {
        .featured_home_story_info {
            top: 40px;
        }
    }
    .featured_home_story_hashtag a {
        font-size: 16px;
    }
    .featured_home_story_title {
        padding-top: 10px;
        max-width: 600px;
        margin: 0 auto;
    }
    .featured_home_story_title a {
        font-size: 32px;
        line-height: 40px;
    }
}
@media screen and (max-width: 680px) and (min-width: 569px) {
    .featured_home {
        max-height: 300px;
        background-position:50%;
    }
    .featured_home_story {
        height: 300px;
    }
    .featured_home_story_info {
        position: absolute;
        left: 0;
        text-align: center;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }
    @-moz-document url-prefix() {
        .featured_home_story_info {
            top: 40px;
        }
    }
    .featured_home_story_hashtag a {
        font-size: 16px;
    }
    .featured_home_story_title {
        padding-top: 10px;
        margin: 0 auto;
        max-width:100%;
    }
    .featured_home_story_title a {
        font-size: 28px;
        line-height: 34px;
    }
}
@media screen and (max-width: 568px) and (min-width: 481px) {
    .featured_home {
        max-height: 275px;
        background-position:50%;
    }
    .featured_home_story {
        height: 275px;
    }
    .featured_home_story_info {
        position: absolute;
        top: 35%;
        left: 0;
        text-align: center;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }
    @-moz-document url-prefix() {
        .featured_home_story_info {
            top: 40px;
        }
    }
    .featured_home_story_hashtag a {
        font-size: 14px;
        border-bottom: solid 1px #cccccc;
    }
    .featured_home_story_title {
        padding-top: 10px;
        margin: 0 auto;
        max-width:100%;
    }
    .featured_home_story_title a {
        font-size: 24px;
        line-height: 28px;
    }
}
@media screen and (max-width: 480px) {
    .featured_home {
        max-height: 240px;
        background-position:50%;
    }
    .featured_home_story {
        height: 240px;
    }
    .featured_home_story_info {
        position: absolute;
        left: 0;
        text-align: center;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }
    @-moz-document url-prefix() {
        .featured_home_story_info {
            top: 40px;
        }
    }
    .featured_home_story_hashtag a {
        font-size: 10px;
        border-bottom: solid 1px #cccccc;
    }
    .featured_home_story_title {
        padding-top: 10px;
        margin: 0 auto;
        max-width:90%;
    }
    .featured_home_story_title a {
        font-size: 22px;
        line-height: 24px;
    }
}

/*	-------------------------------------------------- End Featured Homepage Section -------------------------------------------------- */