@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin,latin-ext"); /* font-family: 'Open Sans', sans-serif; */
@import url("https://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=latin,latin-ext"); /* font-family: 'PT Sans', sans-serif; */
@import url("https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,latin-ext"); /* font-family: 'PT Sans Narrow', sans-serif; */
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext"); /* font-family: 'Roboto', sans-serif; */
@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:400,700&subset=latin,latin-ext"); /* font-family: 'Roboto Slab', serif; */



.opensans {
    font-family: 'Open Sans', sans-serif;
}
.ptsans {
    font-family: 'PT Sans', sans-serif;
}
.ptsans-narrow {
    font-family: 'PT Sans Narrow', sans-serif;
}
.roboto {
    font-family: "Roboto", sans-serif;
}
.roboto-slab{
    font-family: "Roboto Slab", serif;
}




body{
    font-family: 'Open Sans', arial, sans-serif;
    font-weight: 400;
}

a, a:active {
    outline: none;
    border: none;
    text-shadow: none!important;
}
a:focus {
    outline: none;
}
a:hover {
    text-decoration: none;
    opacity: .8;
}

h1,h2,h3,h4,h5,h6 {
    margin: 0;
    text-shadow: none;
}

ul, ol {
    margin: 0;
}

input, textarea {
    outline: none!important;
    box-shadow: none!important;
    border-radius: 0!important;
}
button {
    outline: none!important;
}

ul.pagination li,
ul.pagination li a{
    border-radius: 0!important;
}

/*************************************************
 ****************  H E L P E R S  ****************
 *************************************************/
.content-padding {
    padding: 20px;
}
.content-padding-lr{
    padding-left: 20px;
    padding-right: 20px;
}
.content-padding-tb{
    padding-top: 20px;
    padding-bottom: 20px;
}
.content-padding-top {
    padding-top: 20px;
}
.content-padding-bottom {
    padding-bottom: 20px;
}
.content-margin {
    margin: 20px;
}
.content-margin-tb{
    margin-top: 20px;
    margin-bottom: 20px;
}
.content-margin-top {
    margin-top: 20px;
}
.content-margin-bottom {
    margin-bottom: 20px;
}

.content-border {
    border-left: 1px solid rgba(0, 0, 0, .15);
    border-right: 1px solid rgba(0, 0, 0, .15);
}
.content-border-top {
    border-top: 1px solid rgba(0,0,0,.15);
}
.content-border-bottom {
    border-bottom: 1px solid rgba(0,0,0,.15);
}

ul {
    min-width: 10px!important;
}
ul.list-left > li{
    float: left!important;
}
ul.list-left.pull-left li:first-child{
    padding-left: 0;
    margin-left: 0;
}
ul.list-left.pull-right li:last-child{
    padding-right: 0;
    margin-right: 0;
}
.background {
    background-size: cover;
    background-repeat: no-repeat;
}


.no-link {
    cursor: default;
}
.no-link:hover {
    opacity: 1!important;
}


.no-margin {
    margin: 0;
}
/*************************************************
 ****************  B U T T O N S  ****************
 *************************************************/
.btn-rss, span.fa-rss {
    background-color: #ff6600;
    border-color: #ff6600;
}
.btn-envelope, span.fa-envelope {
    background-color: #987f60;
    border-color: #987f60;
}
.btn-facebook, span.fa-facebook {
    background-color: #3b5998;
    border-color: #3b5998;
}
.btn-twitter, span.fa-twitter {
    background-color: #55acee;
    border-color: #55acee;
}
.btn-google-plus, span.fa-google-plus {
    background-color: #d34836;
    border-color: #d34836;
}
.btn-youtube, span.fa-youtube {
    background-color: #e52d27;
    border-color: #e52d27;
}
.btn-pinterest, span.fa-pinterest {
    background-color: #cb2027;
    border-color: #cb2027;
}
.btn-instagram, span.fa-instagram {
    background-color: #517fa4;
    border-color: #517fa4;
}
.btn-whatsapp, span.fa-whatsapp {
    background-color: #109d58;
    border-color: #109d58;
}
.btn-social, .btn-social span{
    color: #fff;
    text-align: center;
}




.btn-flat {
    border-radius: 0;
}

/*************************************************
 ****************  R I B B O N ** ****************
 *************************************************/
.ribbon-container {
    position: relative;
    display: inline-block;
    line-height: 1;
}
.ribbon-container img {
    vertical-align: middle;
}
.ribbon {
    position: absolute;
    bottom: 1em;
    left: 0;
    margin-right: 1em;
    padding: .75em 1.25em .75em .75em;
    border-radius: 0 .5em .5em 0;
    background-color: #39f;
    background-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%);
    box-shadow: inset 0 .062em 0 rgba(255,255,255,.6), 0 .125em .25em rgba(0,0,0,.2);
    color: #fff;
    text-shadow: 0 -.062em 0 rgba(0,0,0,.2);
    white-space: nowrap;
    transition: background-color .2s ease-in-out;
}
.ribbon:before,
.ribbon:after {
    position: absolute;
    background-color: inherit;
    content: "";
}
.ribbon:before {
    bottom: 0;
    left: -.5em;
    width: .5em;
    height: 3em;
    border-radius: 0 0 0 .5em;
    background-image: linear-gradient(to right, rgba(0,0,0,.2) 0%, rgba(0,0,0,0) 100%);
}
.ribbon:after {
    top: -1em;
    left: -.5em;
    width: .5em;
    height: 1em;
    border-radius: .5em 0 0 .5em;
    background-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.2) 100%);
    box-shadow: 0 .062em 0 rgba(255,255,255,.6);
}
.ribbon-container:hover .ribbon {
    background-color: #7acc29;
}
/**
<a href="#" class="ribbon-container">
	<img src="http://placehold.it/240x160" alt="">
	<span class="ribbon">Hey, I'm an omlette station!</span>
</a>
*/


/**********************************************
 ****************  N A V B A R ****************
 **********************************************/
#navbar-main.navbar-full .nav,
#navbar-main.navbar-full .collapse,
#navbar-main.navbar-full .dropup,
#navbar-main.navbar-full .dropdown {
    position: static;
}
#navbar-main.navbar-full .dropdown-menu {
    left: auto;
}
#navbar-main.navbar-full .dropdown.dropdown-full {
    padding: 0;
    margin: 0;
}
#navbar-main.navbar-full .dropdown.dropdown-full .dropdown-menu {
    left: 0;
    right: 0;
}






/*************************************************
 ****************  C O M M E N T  ****************
 *************************************************/
.data-comment{
    margin-top: 20px;
}

.data-comment .header {
    background-color: #222;
    height: 34px;
    padding: 0 10px;
}
.data-comment .header a,
.data-comment .header .title{
    height: 34px;
    line-height: 34px;
    color: #fff;
}
#comment-form {
    background-color: #fcfcfc;
    padding: 10px;
}
.data-comment .comments {
}
.data-comment .comments .comment-item:first-child{
    border: none;
}
.data-comment .comments .comment-item{
    padding: 5px 10px;
    font-size: 13px;
    white-space: normal;
    border-top: 1px solid #d1d1d0;
    background-color: #efefee;
}
.data-comment .comments .comment-item .comment{
    font-size: 16px;
    color: #222;
}
.data-comment .comment-item .info .user{
    font-weight: 700;
    font-size: 13px;
    color: #999;
}
.data-comment .comment-item .info .date{
    font-weight: 700;
    font-size: 11px;
    color: #999;
}


/***********************************************************************
 ****************  H E AD L I N E S    C A R O U S E L  ****************
 ***********************************************************************/
#headlines-modal{
    z-index: 9999999;
}
#headlines-modal .modal-dialog  {
    width: 1000px;
}
@media (max-width:980px){
    #headlines-modal .modal-dialog  {
        width: 760px;
    }
}





#sidebar-headlines-carousel {
    position: relative;
}
#sidebar-headlines-carousel .headlines-item {
    margin: 0 5px;
}
#sidebar-headlines-carousel .owl-controls {
    /*display: block;*/
    position: absolute;
    top: 30%;
    bottom: 50%;
    margin-top: auto;
    margin-bottom: auto;
    width: 100%;
    height: 0;
}
#sidebar-headlines-carousel .owl-controls .owl-buttons{
    position: relative;
}
#sidebar-headlines-carousel .owl-controls .owl-buttons div{
    transition: all .15s ease-out, color .15s ease-out,background-color .15s ease-out,border-color .15s ease-out;
    position: absolute;
    background-color: #000;
    font-size: 26px;
    font-family: "PT Sans Narrow", sans-serif;
    padding: 8px 15px;
    border-radius: 46px;
    opacity: 0;
}
#sidebar-headlines-carousel:hover .owl-controls .owl-buttons div {
    opacity: 0.7;
}
#sidebar-headlines-carousel .owl-controls .owl-buttons div:hover{
    opacity: 1;
}
#sidebar-headlines-carousel .owl-controls .owl-buttons .owl-prev{
    left: 0;
}
#sidebar-headlines-carousel .owl-controls .owl-buttons .owl-next{
    right: 0;
}