@font-face {
    font-family: 'industrial';
    src: url('../fonts/industrial.eot');
    src: url('../fonts/industrial.eot?#iefix') format('embedded-opentype'),
        url('../fonts/industrial.woff') format('woff'),
        url('../fonts/industrial.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*-------------------------- General Start -----------------------*/
input, select
{
    font-family: industrial, tahoma;
    font-size: 10pt;
}
ul{padding-left:0}
ul li{padding-left:0}
body
{
    font-family: industrial, Tahoma;
    font-size: 16px;
    text-align: justify;
    color: #777;
    line-height: 30px;
    background: #e9e9e9;
    overflow-x: hidden;
}

h1, .h1{font: 14pt industrial}
h2, .h2{font: 12.5pt industrial}
h3, .h3{font: 14pt industrial}
h4, h5, .h4, .h5{font: 12pt industrial}
h6, .h6{font: 11pt industrial}
.tahoma{font-family: tahoma !important}

.img-float{
    float: left;
    margin: 10px;
}
.dropdown-menu>li>a{
    text-align: left;
}
/*--------------------------- General End -------------------------*/


/*------------------------- Top Menu Start ------------------------*/
ul.sf-menu {
    float: left;
    left: -1px;
    right: inherit;
}
.sf-menu ul {
    left: 0;
    right: inherit;
}
.sf-menu ul ul {
    top: 0;
    left: 100%;
    right: inherit
}
.sf-arrows .sf-with-ul {
    padding-left: 2.3em;
    padding-right: 0;
}
.sf-arrows .sf-with-ul:after {
    left: 20px;
    right: inherit;
}
.sf-arrows ul li > .sf-with-ul:after,
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
    border-left-color: #fff;
    border-right-color: transparent;
}
.sf-arrows ul li > .sf-with-ul:after {
    left: 92%;
    right: inherit;
}
/*--------------------------- Top Menu End ------------------------*/


/*-------------------------- Header Start -------------------------*/
.logo-container h1{
    left: 180px;
}
.search-box{
    right: 0;
    position: relative;
}
.date-container{
    text-align: right;
}
.date-container i {
    margin-top: -3px;
}
.breadcrumb .fa-home{margin-right: 3px}
.breadcrumb>li+li:before {content: "\f105"}
.btn-languages {
    float: right;
    margin: 5px 0 5px 5px;
}
.pagination i.fa-angle-right:before{
    content: "\f104";
}
.pagination i.fa-angle-left:before{
    content: "\f105";
}
.affix .dropdown-menu {
    float: right;
    left: inherit;
    right: 0;
}
/*--------------------------- Header End --------------------------*/


/*--------------------------- Home  Start -------------------------*/

.parallax-index .caption{
    right: 80px;
    width: 600px;
}
.parallax-index .caption h2{
    padding-right: 0;
    padding-left: 10px;
}

.best-img-con span.title{
    margin-right: 0;
    margin-left: 10px;
}
/*---------------------------- Home End ---------------------------*/


/*--------------------------- News  Start -------------------------*/
/*---- Carousel Start  ----*/
.carousel-controlers{
    left: 0;
    right: 50px;
}
.carousel-indicators {
    left: 0;
    text-align: left;
    float: left;
}
/*----  Carousel End   ----*/

.col-relative{
    left: inherit;
    right: 0;
}
.col-right{
    padding-right: 7px;
    padding-left: 2px;
}
.col-left{
    padding-left: 7px;
    padding-right: 2px;
}


.stuff-info .time{
    margin-left: 20px;
    margin-right: 0;
}
.stuff-info .pull-left small{
    margin-left: 18px;
    margin-right: 0;
    float: right;
}

.nav.side-news-nav>li {
    float: left;
}
/*----------------------------- News End -------------------------*/


/*--------------------------- Inner Start ------------------------*/
.img-user{
    right: inherit;
    left: 0;
    float: left;
}

span.username{
    margin-left: 40px;
    margin-right: 0;
}
span.like{
    margin-left: 20px;
    margin-right: 0;
}
.modal{
    direction: ltr;
}
/*---------------------------- Inner End -------------------------*/


/*------------------------- Footer Start -------------------------*/
.socials{
    text-align: right;
}
.socials li{
    margin-right: 0;
    margin-left: 10px;
}
#footer .contact i{
    text-align: left
}
#footer ul.bottom-links li a {
    padding-right: 14px;
    padding-left: 0;
}
#footer ul.links li a:after {
    left: 0;
    right: inherit;
}
/*-------------------------- Footer End --------------------------*/


/*------------------------ Responsive Start ----------------------*/
@media (min-width: 992px) and (max-width: 1200px){
    .stuff-info .time{
        margin-left: 5px;
    }
}
@media (min-width: 991px){
    .col-md-left{
        float: right !important;
    }
}
@media (max-width: 767px) {
    .logo-container h1 {
        left: 0;
    }

    .parallax-index .caption{
        padding: 20px 10px;
        top : 50px;
    }
    .date-container {
        text-align: left;
    }
}
@media (max-width: 420px){
    .btn-languages {
        float: left;
    }
    .text-con{
        float: left;
    }
    span.username {
        margin-left: 35px;
        margin-right: 0;
    }
}
/*------------------------- Responsive End ------------------------*/