/*------------------------------------------------------------------
[Table of contents]

This file include some global style for all components
- GLOBAL STYLE
- HEADER
- FOOTER
- LAYOUT BOXED
- BUTTON
-------------------------------------------------------------------*/

/**********************/
/*    GLOBAL STYLE    */
/**********************/
html * {
  outline: 0 !important;
}
html,
body {
  min-height: 100%;
  overflow-x: hidden;
}
body {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #737373;
  background-color: #ffffff;
}
p,
a,
label,
span {
  font-size: 14px;
}
a:hover,
a:active,
a:focus {
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto', sans-serif;
  color: #333;
}
h1.light,
h2.light,
h3.light,
h4.light,
h5.light,
h6.light {
  color: #d8d8d8;
}
h1,
h2,
h3,
h4 {
  font-weight: bold;
}
h5 {
  font-weight: normal;
}
h6 {
  font-style: italic;
}
.sidebar-fixed {
  position: fixed;
}
/**********************/
/*    GLOBAL STYLE    */
/**********************/
/*************************/
/*     DECORATION TEXT   */
/*************************/
.bold-text {
  font-weight: bold;
}
.light-text {
  font-weight: 300;
}
/*************************/
/*     DECORATION TEXT   */
/*************************/
/**********************/
/*       HEADER       */
/**********************/
header {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}
.header-login-menu.dropdown-menu-right.dropdown-menu{
  min-width: 300px;
}
/**********************/
/*     END HEADER     */
/**********************/
/**********************/
/*       CONTENT      */
/**********************/
#wrapper-content {
  width: 100%;
  min-height: 100%;
  display: block;
  padding-top: 20px;
}

#page-content {
  padding-bottom: 0;
}
/**********************/
/*    END CONTENT     */
/**********************/
/**********************/
/*       FOOTER       */
/**********************/
footer {
  position: relative;
  display: block;
  width: 100%;
}

/**********************/
/*     END FOOTER     */
/**********************/
/**********************/
/*       LAYOUT       */
/**********************/
.layout-media-horizontal .media-with-left-description {
  padding: 10px 30px 0 0 !important;
}
.layout-media-horizontal .media a.media-image {
  margin-bottom: 0;
}
.layout-media-horizontal .style-1 .media .media-right,
.layout-media-horizontal .style-2 .media .media-right,
.layout-media-horizontal .style-3 .media .media-right {
  padding: 10px 0 0 30px;
  vertical-align: top;
}
.layout-media-horizontal .style-1 .media .media-left {
  width: 45%;
}
.layout-media-horizontal .style-1 .media .media-left img {
  width: 100%;
}
.layout-media-horizontal .style-2 .media .media-left {
  width: 240px;
}
.layout-media-horizontal .style-2 .media a.media-image img {
  max-width: 240px;
}
.layout-media-horizontal .list-submedia-style-1 .layout-media-vertical .media a.media-image {
  margin-bottom: 20px;
}
.layout-media-horizontal .list-submedia-style-1 .layout-media-horizontal .media a.media-image {
  margin-bottom: 0;
}
.layout-media-vertical .style-2 .media-content {
  background: #fff;
  width: 80%;
  margin: 0 auto;
  margin-top: -9%;
  z-index: 5;
  position: relative;
  padding: 20px 20px 0 20px;
}
.layout-media-vertical .style-2 .media-image {
  margin-bottom: 0;
}
.layout-media-vertical .list-submedia-style-1 .layout-media-vertical .media a.media-image {
  margin-bottom: 20px;
}
.layout-media-vertical .list-submedia-style-1 .layout-media-horizontal .media a.media-image {
  margin-bottom: 0;
}
.list-submedia-style-1 .layout-media-horizontal .style-1 .media,
.list-submedia-style-1 .layout-media-horizontal .style-2 .media,
.list-submedia-style-1 .layout-media-horizontal .style-3 .media {
  margin-bottom: 30px;
}
.list-submedia-style-1 .layout-media-horizontal .style-1 .media .title,
.list-submedia-style-1 .layout-media-horizontal .style-2 .media .title,
.list-submedia-style-1 .layout-media-horizontal .style-3 .media .title {
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 4px;
}
.list-submedia-style-1 .layout-media-horizontal .style-1 .media .info,
.list-submedia-style-1 .layout-media-horizontal .style-2 .media .info,
.list-submedia-style-1 .layout-media-horizontal .style-3 .media .info {
  margin-bottom: 4px;
}
.list-submedia-style-1 .layout-media-horizontal .style-1 .media .media-right,
.list-submedia-style-1 .layout-media-horizontal .style-2 .media .media-right,
.list-submedia-style-1 .layout-media-horizontal .style-3 .media .media-right {
  padding: 10px 0 0 20px;
}
.list-submedia-style-1 .layout-media-vertical .style-1 .media,
.list-submedia-style-1 .layout-media-vertical .style-2 .media {
  margin-bottom: 30px;
}
.list-submedia-style-1 .layout-media-vertical .style-1 .media .title,
.list-submedia-style-1 .layout-media-vertical .style-2 .media .title {
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 4px;
}
.list-submedia-style-1 .layout-media-vertical .style-1 .media .info,
.list-submedia-style-1 .layout-media-vertical .style-2 .media .info {
  margin-bottom: 4px;
}
.list-submedia-style-1 .layout-media-vertical .style-2 .media {
  margin-bottom: 30px;
}
.list-submedia-style-1 .layout-media-vertical .style-2 .media .media-content {
  margin-top: -20%;
  padding: 15px 15px 0 15px;
}
/**********************/
/*     END LAYOUT     */
/**********************/
/*     BOXED LAYOUT     */
/**********************/
@media screen and (min-width: 990px) {
  /* Style for layout boxed */
  body .layout-boxed {
        width: 1200px;
        margin: auto;
        background-color: #fff;
        -webkit-box-shadow: 0px 0px 3px #6C6C6C;
        -moz-box-shadow: 0px 0px 3px #6C6C6C;
        box-shadow: 0px 0px 3px #6C6C6C;
    }
    body .layout-boxed .header-bottom {
      padding-left: 15px;
      padding-right: 15px;
    }
    #page.layout-boxed .container {
        width:100%;
        padding-left: 0;
        padding-right: 0;
    }
    body .layout-boxed header .header-topbar,
    body .layout-boxed header .header-logo,
    body .layout-boxed header .header-breadcrumb,
    #content-wrapper,
    footer .footer-main {
        padding-left: 15px;
        padding-right: 15px;
    }
}
/**********************/
/**********************/
/*       BUTTON       */
/**********************/
.btn {
  border-radius: 0;
  background-color: #555555;
  border-color: #555555;
  color: #a3a3a3;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.btn:hover,
.btn:focus {
  background-color: #333333;
  border-color: #333333;
  color: #ffffff;
}
/**********************/
/*     END BUTTON     */
/**********************/
/**********************/
/*     SCROLL BAR     */
/**********************/
.phancy-scrollbar {
  width: 5px;
  border-radius: 4px;
  top: 0;
  position: absolute;
  background: #ccc;
  -moz-transition: opacity .2s;
  -webkit-transition: opacity .2s;
  -o-transition: opacity .2s;
  -ms-transition: opacity .2s;
  transition: opacity .2s;
  -webkit-transition-delay: 1s;
  opacity: 0;
}
.phancy-scroller .phancy-scrollbar:active,
.phancy-scroller:hover .phancy-scrollbar {
  opacity: 1;
  -webkit-transition-delay: 0s;
}
.phancy-scrollbarbutton {
  width: 100%;
  border-radius: 4px;
  top: 0;
  position: absolute;
  background-color: #999;
}
/**********************/
/*    /SCROLL BAR     */
/**********************/
.list-page-border .media {
  padding-bottom: 30px;
  border-bottom: 1px solid #EDEDED;
}
/* CUSTOM  IN WIDGET*/
#footer .section-category .section-name .section-name {
  border-top: none;
  padding-top: 0px;
  margin-bottom: 0px;
}

/* CUSTOM MENU IN WIDGET*/ 
.widget_nav_menu ul {
  padding-left: 0;
  list-style: none;
}

.widget_nav_menu li {
  margin-bottom: 10px;
  border-bottom: none;
}

.widget_nav_menu ul > li > a {
  color: #737373;
}
.widget_nav_menu ul > li > a:hover{
  color: #ffffff;
}
.widget_nav_menu ul > li > a::before{
  content: "\f0da";
  margin-right: 15px;
  color: #ffffff;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
#footer  .section-name{
  border-top: 2px solid #ffffff;
    padding-top: 10px;
    margin-bottom: 25px;
    font-family: "Roboto Slab", serif;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    color: #ffffff;
}

.label-newsletter{display: none;}

footer .copyright:before {
  display: table;
  content: '';
}
footer .copyright:after {
  clear: both;
  display: table;
  content: '';
}
#footer .media .media-body .info .category.item a {
  background: transparent;
  color:#666;     
}
/** FOOTER 1*/
.footer-1 .copyright,.footer-2 .copyright{
  padding-bottom: 40px;
}
/** FOOTER 2*/
.footer-2 .list-info > li ,.footer-3 .list-info > li {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 10px;
}
.footer-2 .list-info  i::before{
  color: #737373;
}
#footer .copyright   .pull-right #totop{
  z-index: 9999;
  background-color: rgba(255, 255, 255, 0.1);
  text-align: center;
  padding: 0 8px;
  font-size: 20px;
}
/** FOOTER 3*/
.footer-3 .copyright,.footer-4 .copyright ,.footer-5 .copyright {
    padding: 10px 0;
    border-top: 0 !important;
    background-color: rgba(255, 255, 255, 0.1); 
}
.footer-3 .copyright a,.footer-4 .copyright a,.footer-5 .copyright a{
  color: #696969;
}
.footer-3 .copyright a:hover,.footer-4 .copyright a:hover,.footer-5 .copyright a:hover{
  color: #a3a3a3;
}
.footer-3  #totop {
  z-index: 9999;
  background-color: rgba(255, 255, 255, 0.1);
  text-align: center;
  padding: 3px 8px;
  font-size: 20px;
}
/** FOOTER 5*/
.footer-4 .label-newsletter{display: block;}
.footer-4 .view-more {
    color: #a3a3a3;
}
.footer-4 .footer-contact-info p,.footer-4 .footer-contact-info p{
  color: #999999;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
}

.footer-4 .input-newsletter{
  float: left;width: 100%;
}
.footer-4 .input-newsletter .input-group-addon{
  display: none;
}
.footer-4 .input-newsletter .btn-subscribe .btn{

}
.footer-4 .input-newsletter input[type="email"]{
  height: 34px;
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  border: 0 !important;
  color: #a3a3a3;
}
/** FOOTER 5*/
.footer-5 .sub-footer .icon-circle {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
    color: #a3a3a3;
    display: inline-block;
    vertical-align: top;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.footer-2  #totop:hover,.footer-3  #totop:hover {
  background: #ffffff !important;
}
.footer-2  #totop:hover i,.footer-3  #totop:hover i {
  color: #333333 !important;
}
.footer-2  #totop i,.footer-3  #totop i {
  color: #ffffff;
}
.footer-3 .footer-links ul,.footer-4 .footer-links ul,.footer-5 .footer-links ul {
  margin: 0;
}
.footer-3 .footer-links ul > li,.footer-4 .footer-links ul > li,.footer-5 .footer-links ul > li {
  padding: 0;
}
.footer-3 .footer-links ul > li + li:before,.footer-4 .footer-links ul > li + li:before
,.footer-5 .footer-links ul > li + li:before {
  padding: 0 15px;
  color: #999999;
  font-family: "fontawesome";
  font-size: 5px;
  content: "\f111";
  vertical-align: middle;
}
.footer-3 .footer-links ul > li > a,.footer-4 .footer-links ul > li > a 
,.footer-5 .footer-links ul > li > a {
  line-height: 28px;
  color: #999999;
}
.footer-3 .footer-links ul > li > a:hover,.footer-4 .footer-links ul > li > a:hover
,.footer-5 .footer-links ul > li > a:hover {
  color: #737373;
}
#footer {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding: 50px 0 0;
  background-color: #000000;
  color: #737373;
}
#footer .media .media-body .info .fa-circle {
    font-size: 5px;
    margin: 0 15px;
    vertical-align: middle;
}
#footer .media .media-left .media-object {
    width: 65px;
    height: 65px;
}
#footer .media .media-body .title {
    font-size: 14px;
    color: #999999;
}
#footer .media .media-body .title:hover {
  color: #737373;
}
#footer .media .media-body .info {
    color: #666;
    font-style: italic;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 12px;
}

#footer   .input-newsletter .input-group-addon {
    background-color: transparent;
    border-radius: 0;
    font-size: 15px; 
}

#footer .input-newsletter input[type="submit"]{
  border: 1px solid #555555;
  font-size: 14px;
}

#footer .input-group-addon{
  border: 1px solid #444444;
}

#footer .input-group-addon.btn-subscribe{
  border: 1px solid #444444;
  border-left: none;
}

#footer .input-newsletter input {
    background-color: transparent;
    font-size: 15px;
    border: 1px solid #444444;
    border-right: 0;
    color: #737373;
}
#footer .input-newsletter .btn-subscribe .btn {
    background-color: #737373;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 0;
    border-right: 1px !important;
    padding: 6px 25px;
}
#footer .input-newsletter .btn-subscribe .btn:hover {
  background-color: #fff;
}
#footer   .input-newsletter .btn-subscribe{
      padding: 5px;
}
#footer .section-category .section-name,#footer .footer-header   {
    border-top: 2px solid #333333;
    padding-top: 10px;
    margin-bottom: 25px;
    font-family: "Roboto Slab", serif;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    color: #ffffff;
}
#footer .footer-header .footer-header{
  border-top: 0px;
} 
#footer .thumb-list a .img-cate{
  display: none;
}

#footer .thumb-list a 
#footer .thumb-list a img.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.thumb-list .thumb {
  width: 25%;
  padding-right: 5px;
  margin-bottom: 5px;
  float:left;
  position: relative;
}
.tags-list a {
    border: 1px solid #e5e5e5;
    display: inline-table;
    line-height: 1;
    margin-bottom: 3px;
    padding: 5px 8px;
    margin-right: 5px;
    vertical-align: middle;
}  
.footer-area .widget-social-3 .social-icon i.fa {
  font-size: 2em;
  opacity: 0.6;
}
.footer-area .social-icon i.fa:hover{
  opacity: 1;
  -webkit-transition: 0.2s opacity;
  -moz-transition: 0.2s opacity;
  -ms-transition: 0.2s opacity;
  -o-transition: 0.2s opacity;
  transition: 0.2s opacity;
}
.footer-area .widget-social-3 a.social-icon{
  width: auto;
  height: auto;
}
.footer-area a {
  color: #737373;
}
.footer-area a:hover {
  color: #a3a3a3;
}
/******************************/
/*END  CUSTOM WIDGET + FOOTER*/ 
/****************************/

/**********************/
/*    VC Layout       */
/**********************/
.content .wpb_row {
  padding-bottom: 30px;
}
.content .blog-detail .wpb_row {
  padding-bottom: 0;
}

/*=================================================
=            custom layout has sidebar            =
=================================================*/
.has-sidebar-left{
  float: right!important;
}

.main-content .top-post{
  padding-left: 0px;
}
.top-post{
  margin-bottom: 40px;
}
.news-list-wrapper{
  margin-bottom: 40px;
}
.news-grid-wrapper .media .media-image{
  margin-bottom: 0px;
}
/*=====  End of custom layout has sidebar  ======*/
/*===============================================
=            custom css layout boxed            =
===============================================*/
.layout-boxed .vc_row{
  left:auto!important;
  width: auto!important;
  padding-left:0px!important;
  padding-right: 0px!important;
}
.layout-boxed #footer{
  float: none;
}
.layout-boxed footer .container{
  padding-left: 15px!important;
  padding-right: 15px!important;
}


/*=====  End of custom css layout boxed  ======*/