/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 25, 2016, 11:57:06 PM
    Author     : Ahmad
*/

html, body {
    overflow-x: hidden;
    font-family: 'Lato', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', sans-serif;
}
.user-profile img {
    width: 29px;
    height: 29px;
    border-radius: 50%;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -10px;
    margin-bottom: -10px;
}
div .search-side {
    right: 0px;
}
div .blog-post .post-content {
    padding-left: 0px;
}
.portfolio-items {
    text-align: center;
}
.portfolio-items .portfolio-item {
    width: 270px;
    float: none;
    display: inline-block;
}
.portfolio-items .portfolio-item {
    margin-right: 15px;
    margin-bottom: 15px; 
}
.portfolio-items .portfolio-thumb {
    height: 180px;
    display: inline-block;
    vertical-align: middle;
    background: #eee; 
}
.portfolio-items .portfolio-thumb a {
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    height: 165px;
    width: 200px;    
}
div.mobile_search {
    margin-top: 0px !important;
    position: absolute;
    top: 8px;
    right: 55px;    
}
div.mobile_search .search-form {
    top: 45px;
    right: 15px;    
}
input.email {
    border: 1px solid #ccc;    
}
.form-group {
    position: relative;
}
.form-group .alert {
    padding: 3px 5px;
    background: #ee3733;
    position: absolute;
    right: 0px;
    color: #fff;
    top: 60px;    
}
.global_form ,.global_form + .user_signup,
.global_form + .user_login{
    max-width: 450px;
    margin: 0px auto;
}
#facebook-wrapper label {
    display: none;
}
.navbar-brand img {
    max-width: 200px;
    max-height: 50px;
}
.postview_icons {
    display: block;
    float: left;
    font-size: 25px;
    margin-right: 10px;
    margin-top: 2px;  
}
.postview_icons a {
    padding: 2px;
}
a:focus {
    outline: 0px;
    text-decoration: none;    
}
.col-md-8 .global_form {
    max-width: none;
}
div .projects-carousel {
    width: auto !important;    
}
body .navbar-brand img {
    max-height: 70px;
}
body .fixed-header .navbar-brand img {
    max-height: 50px;
}
body .navbar-default .navbar-brand {
    padding: 5px 15px !important;
}

.navbar {
    background: transparent;
    border-color: transparent;
    margin-bottom: 0px;
}
.site-header.navbar {
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.home-jumbo__logo {
    height: 100px;
}
header .navbar-default .navbar-nav > li > a {
    color: #fff;
}
header .navbar-default.scrolled .navbar-nav > li > a {
    color: #2074a4;
}
.navbar-default.scrolled .navbar-nav>.active>a, 
.navbar-default.scrolled .navbar-nav>.active>a:hover, 
.navbar-default.scrolled .navbar-nav>.active>a:focus {
    background-color: #2074a4;
    color: #fff;
}
.home-slides__subtitle {
    text-align: center;
    padding-top: 30px;
}
.home-slides img {
    float: left;
    margin-right: 15px;
}
.home-slides .home-slides__description {
    overflow: hidden;
}
.home-slides h2 {
    color: #2892cf;
    font-size: 30px;
    font-weight: 300;
    margin: 0px 0 20px;    
}

.footer-top__details .col-sm-6 {
    float: none;
    margin: 0px auto;
}

body .navbar-brand {
    position: absolute;
    top: 20px;
}
body .navbar-brand img {    
    max-height: 128px;
    height: auto;
    max-width: 350px;    
}
body .scrolled .navbar-brand {
    top: 0px;
}
body .scrolled .navbar-brand img {
    max-height: 60px;
}
.navbar {
    border-radius: 0px !important;
}
.footer-top__contact {
    font-size: 18px;
}

.plugin-item {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    margin-top: 30px;
    margin-bottom: 30px;
    transform: translateY(0px);
    transition: all .2s ease-out 0s;
    box-shadow: 0 0 51px 0 rgba(0,0,0,.08), 0 6px 18px 0 rgba(0,0,0,.05);
    border-radius: 10px;
    text-align: left;
    background: #fff;
    padding-left: 0px;
    padding-right: 0px;
    overflow: hidden;
    margin-left: 10px;
    margin-right: 10px;
    width: calc(33.333333% - 20px);
    height: 400px;    
}
.plugin-item a {
    display: block;
    text-decoration: none;
}
.plugin-item a img {
    width: 100%;
}
.plugin-metadata {
    padding: 10px;
}
.plugin-metadata h3 {
    margin-top: 0px;
}
.plugin-footer {
    border-top: 1px solid rgba(160,160,160,.2);
    padding: 10px 15px;
    height: 60px;
    position: absolute;
    width: 100%;
    left: 0px;
    right: 0px;
    bottom: 0px;    
}
.plugin-footer .price {
    float: left;
    box-sizing: border-box;
    text-align: center;
    color: rgb(8,196,74);
    font-size: 26px;
    padding: 5px 15px;    
}
.plugin-item a.add-to-cart {
    display: inline-block;
    float: right;
    padding: 8px 40px 8px 20px;    
}
.page-content-top {
    overflow: hidden;
    padding-top: 20px;
}
.plugin-logo {
    float: left;
    overflow: hidden;
    margin-right: 15px;
}
.plugin-details {
    overflow: hidden;
}
h1.plugin-title {
    margin-top: 0px;
}
.plugin-details .price {
    color: rgb(8,196,74);
}
.page-content-top .btn {
    padding: 8px 40px 8px 20px;
    margin-top: 15px;
    display: inline-block;
    margin-right: 15px;
}
.page-content-middle {
    padding: 20px 0px;
    margin-top: 20px;
}
.page-content-middle .nav-tabs {
    text-align: center;
}
.page-content-middle .nav-tabs > li {
    float: none;
    display: inline-block;
}
.page-content-middle .tab-content {
    padding-top: 20px;
}

@media (min-width: 1366px){
    .container {width: 1200px;}
}
@media (min-width: 992px){
    .col-md-8 {width: 64%;margin-right: 20px;}
}
@media only screen and (min-width: 768px){
    .page-banner.page-banner-plugins {
        padding: 150px 0px 30px 0px;
    }
    .page-banner.page-banner-plugin {
        padding: 130px 0px 0px;
    }
}
@media (max-width: 1030px){
    .home-slides img {max-width: 80px;}
}
    
@media (max-width: 991px){
    body .navbar-brand img {max-height: 50px !important;}
    body .navbar-default .navbar-brand {padding: 10px 15px !important;}
}
@media screen and (max-width: 767px){
    body .navbar-default .navbar-brand.app_title {display: block !important;}
    body .navbar-default .navbar-brand.app_title.has_logo {
        left: 50px;
        line-height: 50px;    
    }
    div .plugin-logo {
        display: none;
    }
}