/*
Theme Name: Invest National
Author: Smith Brothers Media
Version: 1.0.0
Author URI: http://smithbrothersmedia.com.au
Description: This theme is developed by Smith Brothers Media.
*/


/* =========== TOOLS =========== */

/* --- OVERRIDING GUTTERS --- */
.loader{
  position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(assets/images/invest-nat-logo.svg) 50% 40% no-repeat #fff;
    background-size: 300px;
  }

.loader:after{
  content:"";  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
      z-index: 9998;
  background:url(assets/images/pre_loader.gif) 50% 50% no-repeat transparent;
}

.container {
padding-right: !important;
padding-left: !important;
}

.row {
margin-right: !important;
margin-left: !important;
}

.row .col-xs-1, .row .col-sm-1, .row .col-md-1, .row .col-lg-1,
.row .col-xs-2, .row .col-sm-2, .row .col-md-2, .row .col-lg-2,
.row .col-xs-3, .row .col-sm-3, .row .col-md-3, .row .col-lg-3,
.row .col-xs-4, .row .col-sm-4, .row .col-md-4, .row .col-lg-4,
.row .col-xs-5, .row .col-sm-5, .row .col-md-5, .row .col-lg-5,
.row .col-xs-6, .row .col-sm-6, .row .col-md-6, .row .col-lg-6,
.row .col-xs-7, .row .col-sm-7, .row .col-md-7, .row .col-lg-7,
.row .col-xs-8, .row .col-sm-8, .row .col-md-8, .row .col-lg-8,
.row .col-xs-9, .row .col-sm-9, .row .col-md-9, .row .col-lg-9,
.row .col-xs-10, .row .col-sm-10, .row .col-md-10, .row .col-lg-10,
.row .col-xs-11, .row .col-sm-11, .row .col-md-11, .row .col-lg-11,
.row .col-xs-12, .row .col-sm-12, .row .col-md-12, .row .col-lg-12 {
padding-right: !important;
padding-left: !important;
}

/* --- IMAGES (RESPONSIVE) --- */

.main img { display:block;max-width:100%;height:auto; }
.main img.alignleft { float:left;margin: 0 20px 10px 0 ; }
.main img.alignright { float:right;margin: 0 0 10px 20px ; }
.main img.aligncentre { margin: 0 auto; }

/* --- VIDEO (RESPONSIVE) --- */

.videowrap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 15px;
}

.videowrap iframe,
.videowrap object,
.videowrap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* --- MAP (RESPONSIVE) --- */

.mapwrap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 15px;
}

.mapwrap iframe,
.mapwrap object,
.mapwrap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* --- SOCAL (RESPONSIVE) --- */

.socialwrap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.socialwrap iframe,
.socialwrap object,
.socialwrap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* --- GALLERY (RESPONSIVE) ---*/

.gallery {
  margin-right: -10px !important;
  margin-left: -10px !important;
}

.gallery .gallery-item {
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.gallery-columns-8 .gallery-item {
  width: 12.5%;
}

.gallery-columns-7 .gallery-item {
  width: 14.2857142857%;
}

.gallery-columns-6 .gallery-item {
  width: 16.6666666667%;
}

.gallery-columns-5 .gallery-item {
  width: 20%;
}

.gallery-columns-4 .gallery-item {
  width: 25%;
}

.gallery-columns-3 .gallery-item {
  width: 33.3333333333%;
}

.gallery-columns-2 .gallery-item {
  width: 50%;
}

.gallery-columns-1 .gallery-item {
  width: 100%;
}

.gallery .gallery-item img {
  display: block;
  height: auto;
  max-width: 100%;
  border: 5px #efefef solid;
}

@media (max-width: 768px) {

  .gallery .gallery-item {
  width: 50%; /* Determines how many to show in a row */
  }

}

/* --- SOCIAL ICONS - BUTTONS --- */

.list-social {
  margin-left: 0;
}

.list-social li {
  padding: 0;
}

.btn-social {
  padding: 0;
  margin: 0;
  display: block;
  border: none;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0,0,0,0.45);
  border-radius: 100% !important;
}

.btn-social:hover,
.btn-social:focus,
.btn-social:active,
.btn-social.active {
  color: #fff;
  -moz-box-shadow:inset 0px 0px 10px rgba(0,0,0,0.5);
  -webkit-box-shadow:inset 0px 0px 10px rgba(0,0,0,0.5);
  box-shadow:inset 0px 0px 10px rgba(0,0,0,0.5);
}

.btn-facebook {
  background: #3b5998;
}

.btn-twitter {
  background: #2CAAE2;
}

.btn-google-plus {
  background: #DC4B31;
}

.btn-linkedin {
  background: #00659B;
}

.btn-youtube {
  background: #ED2400;
}

.btn-pinterest {
  background: #CE2021;
}

.btn-instagram {
  background: #6B5245;
}

/* --- WIDGETS - IMAGE --- */

.widget_simpleimage .panel-heading { display: none; }
.widget_simpleimage .panel-body { padding: 0 !important; }
.widget_simpleimage p {margin: 0;}
.widget_simpleimage img { display:block;max-width:100%;height:auto; }


/* =========== STYLES - Global =========== */

/* --- PAGE --- */

body {

}

/* --- LINKS --- */

a {

}

a:hover,
a:focus {

}

/* --- BUTTONS --- */

.btn {

}

.btn-xs {

}

.btn-sm {

}

.btn-default {

}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {

}

.btn-action {
  background: red;
  color: white;
}

.btn-action:hover,
.btn-action:focus,
.btn-action:active,
.btn-action.active {
  background: white;
  color: red;
}

/* --- HEADINGS --- */

h1,
h2,
h3,
h4,
h5,
h6 {

}

h1 {
  margin-top:0;
}

/* --- LEAD --- */

.lead {

}

/* --- WELL --- */

.well {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* --- PANEL --- */

.panel {

}

.panel .panel-heading {

}

/* --- FORMS --- */

.form-group {
  margin-bottom: 10px;
}

.form-group .form-control {

}

.form-group .form-control:focus {
  border-color: ;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-group textarea.form-control {
  height: 100px;
}

/* --- WELL - TESTIMONIALS --- */

.list-testimonial li {
  margin-bottom: 20px;
}

.well-testimonial .fa {
  display: block;
  text-align: right;
  font-size: 60px;
}

.well-testimonial .review {
  font-style: italic;
  display: block;
  margin-bottom: 15px;
}

.well-testimonial .author {
  font-weight: bold;
}

/* --- LIST - TICKS --- */

.list-ticks li {

}

.list-ticks li i {

}


/* =========== STYLES - Sections =========== */

/* --- HEADER --- */

.logo {
  margin: 20px 0 20px 28%;
}

.quickcontact {
  margin-top: 40px;
}

/* --- BANNER --- */

.banner {height:180px; background-position: center center; background-repeat:no-repeat; background-size:cover; clear:both;}

/* --- SLIDER --- */
.slide .custom-bg{width: 100%; height:500px !important; background-repeat: no-repeat; background-size: cover; background-position: center top;}
.slide .carousel-caption{ max-width:38%; left:6%; position:relative; right:auto;}
.slide .carousel-caption.pull-right { left:-6%; }

.slide .btn-full-width{width:100%; text-align: center; font-size:24px; padding: 6px 0px 2px 0px; line-height: normal; margin-bottom: 5px;}
.slide .carousel-control.left, .slide .carousel-control.right{background-image:none; -webkit-background-image:none; -moz-background-image:none;}

.carousel-indicators .active{background-color:#999;}
.carousel-indicators li{border:1px solid #999; background-color:#fff;}

/* --- SHOWCASE --- */
.showcase {padding:40px 0px; background-color:#f5f5f5;}
.showcase h3.title{font-size:18px;}
.showcaseimage{width:100%; background-repeat: no-repeat; background-size:cover; background-position: center center; height:200px;margin-bottom:15px;}
.showcase .btn{display:block; margin:0px auto; text-align: center;}

/* --- TESTIMONIAL --- */
.testimonial .carousel-caption{ position:relative; left:auto; right:auto; background-color:transparent; line-height: 1.6; text-shadow:none; color:#444;}

/* --- MAIN --- */

.content {
padding:40px 0px; background-color:#fff;
}

/* --- CONTACT FORM --- */
.gform_body ul.gform_fields{margin:0px; padding:0px;}
.gform_body ul.gform_fields li{list-style-type: none; padding:3px 0px; margin:0px;}
.gform_body ul.gform_fields li label{margin:0px; display:none;}
.gform_body ul.gform_fields li input, .gform_body ul.gform_fields li select{width:100%; border:1px solid #ddd; padding:5px; height:38px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; box-shadow:inset 1px 1px 2px #eee; -webkit-box-shadow:inset 1px 1px 2px #eee; -moz-box-shadow:inset 1px 1px 2px #eee;}
.gform_body ul.gform_fields li input:focus, .gform_body ul.gform_fields li select:focus, .gform_body ul.gform_fields li textarea:focus{outline:none; box-shadow:inset 1px 1px 2px #e5e5e5; -webkit-box-shadow:inset 1px 1px 2px #e5e5e5; -moz-box-shadow:inset 1px 1px 2px #e5e5e5;}
.gform_body ul.gform_fields li textarea{width:100%; border:1px solid #ddd; padding:5px;border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;box-shadow:inset 1px 1px 2px #eee; -webkit-box-shadow:inset 1px 1px 2px #eee; -moz-box-shadow:inset 1px 1px 2px #eee; height:100px;}

.gform_footer input.gform_button{background-color:#444; color:#fff; font-size:14px; border:none; border-radius:0px; padding:5px 15px;}

/* --- ASIDE --- */

.aside .panel {

}

.aside .panel-heading {

}

.aside .panel-body {

}

/* -- Bottom Area --*/
.bottom-wrap{padding:40px 0px; background-color:#e5e5e5;}



/* --- FOOTER --- */

.footer {
  font-size: 12px;
  color: #999;
  padding:20px 0px;
}

iframe { position:absolute; bottom:0; }

/* =========== STYLES - Media Query =========== */

/* X SMALL - ONLY (Phone) */

@media (max-width: 768px) {

  /* --- NAVIGATION --- */
  .navbar {
  background: #f9f9f9;
  color: #F2F2F2;
  z-index:1020;
  }
  .navbar a {
  color: #F2F2F2;
  }
  .navbar .navbar-toggle {
  border-color: #ddd;
  background: #F2F2F2;
  }
  .navbar .navbar-toggle .icon-bar {
  background-color: #666666;
  }
  .navbar .navbar-toggle:focus {
  border-color: #cccccc;
  background: #cccccc;
  color: #F2F2F2;
  }
  .navbar .nav>li>a:hover,
  .navbar .nav>li>a:focus {
  text-decoration: none;
  background-color: #cccccc;
  color: #666666;
  }

  .navmenu .nav > li > a { padding-left:30px; }

.navbar-toggle{
  float:left; margin-left:15px;
}

.navmenu-footer{
  position: absolute;
    bottom: 7px;
    width: 100%;
    text-align: center;
    color:#888;
    font-style:italic;
}

  /* Second Level */
  .sub-menu {
    display: block;
  }

  /* --- HEADER --- */
  .logo img { margin: 0 auto; }
  .btn-presstocall { padding: 10px 20px; font-size: 20px; margin-bottom: 20px; }
  .slide .carousel-caption{ max-width:none !important; left:0 !important; }
  /* --- CONTENT --- */
  .main { margin-bottom: 20px; }

  .carousel.testimonial .carousel-inner .carousel-caption {
    display:table-cell;
    vertical-align:middle;
  }

  .carousel.testimonial .carousel-inner .carousel-caption h4 { font-size:20px !important; line-height:1.3 !important; }
  .carousel.testimonial .carousel-inner .carousel-caption .author { font-size:13px !important; }
  .carousel.testimonial .carousel-inner .testimonial-slide { min-height:220px; }


  /* --- FOOTER --- */
  .footer { text-align: center; }
  .footer h3 { margin-top:0; }
  .footer .col-sm-4.invest { padding-bottom:0 !important; }

}


#sub-heading                                { display:flex; flex-direction:row; justify-content:center; }
  #sub-heading > div                        { flex:1; }
    #sub-heading > div h3                   { margin:0; padding:0; }
      #sub-heading > div h3 a               { display:block; padding:20px 0; font-size:32px; font-weight:700; color:#FFF; text-transform:uppercase; text-align:center; }
        #sub-heading > div h3 a:hover,
        #sub-heading > div h3 a:focus       { text-decoration:none; }




.carousel.slide .carousel-inner .item .custom-bg .carousel-caption h4{ font-size: 16px; }
/* SMALL - UP (Tablet + Desktop + Large Desktop) */


/*  
//  
//  ##  ##  ######  #####   ######   ####        #####   ####   ##      ##      ######  #####   ##  ##  
//  ##  ##    ##    ##  ##  ##      ##  ##      ##      ##  ##  ##      ##      ##      ##  ##  ##  ##  
//  ##  ##    ##    ##  ##  ######  ##  ##      ## ###  ######  ##      ##      ######  #####    ####   
//   ####     ##    ##  ##  ##      ##  ##      ##  ##  ##  ##  ##      ##      ##      ##  ##    ##    
//    ##    ######  #####   ######   ####        ####   ##  ##  ######  ######  ######  ##  ##    ##    
//  
*/
#content_wrap                                                                  { background-position:center; background-size:cover; }

.page-template-page-video .container                                           { margin-bottom:3rem; }
  .page-template-page-video .container .row                                    {  }
    .page-template-page-video .container .row .col                             { padding:0 15px; }

#video-content                                                                 { padding-top:4rem; }


#video-list                                                                    { }
  #video-list .col                                                             { margin-bottom:4rem; }
  #video-list h2                                                               { padding:5px 0; text-align:center; }
  #video-list .video-description                                               { text-align:center; }
  #video-list .video-img-container                                             { position:relative; }
    #video-list .video-img-container .cover                                    { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background-image:url(assets/images/video-play.png); background-size:cover; background-position:center; }
    #video-list .video-img-container img                                       { max-width:100%; }
      #video-list .video-img-container img:hover                               { cursor:pointer; }

#pre-footer                                                                    { }


@media (min-width: 1200px)                                                     {
  .page-template-page-video .container                                         { max-width:1200px; }
  #video-content                                                               { }

  #video-list                                                                  { }

  #pre-footer                                                                  { }

}



/*  
//  ##  ##  ######  #####   ######   ####        ####   ##  ##  ######  #####   ######  ######   #####  
//  ######  ##      ##  ##    ##    ##  ##      ##  ##  ##  ##  ##      ##  ##    ##    ##      ##      
//  ##  ##  ######  ##  ##    ##    ######      ##  ##  ##  ##  ######  #####     ##    ######   ####   
//  ##  ##  ##      ##  ##    ##    ##  ##      ## ###  ##  ##  ##      ##  ##    ##    ##          ##  
//  ##  ##  ######  #####   ######  ##  ##       #####   ####   ######  ##  ##  ######  ######  #####   
//  
*/

@media (min-width: 769px) {

  /* --- NAVIGATION --- */

  /* Global */
  .navbar { min-height: 40px;border-radius: 0; z-index: 70; margin-bottom:0px;}
  .navbar a { text-decoration: none; transition: all 0.2s ease; }

  /* First Level */
  .navbar-nav>li { border-right: 1px #fff solid; }
  .navbar-nav>li>a  { padding: 10px; }
  .navbar-nav>li>a:hover { background: #666666; color: #fff; }

  /* Second Level */
  .navbar-nav ul.sub-menu { display: none; position: absolute; top: 100%; left: 0; padding:0; margin: 0; list-style:none; box-shadow: 0px 2px 3px rgba(0,0,0,0.4); } /* No need to change anything */
  .navbar-nav ul.sub-menu li { position: relative; float: left; width:250px; background: #eee; border-top: 1px solid #fff; } /* Edit width, background and borders */
  .navbar-nav ul.sub-menu li a { display: block; padding: 5px 10px; background: transparent; color: #666666; } /* Edit padding, background and color */
  .navbar-nav ul.sub-menu li a:hover { background: #666666; color: #fff; } /* Edit hover background and color */
  .navbar-nav li:hover > ul.sub-menu {display:block; } /* What makes it display */

  /* --- HEADER --- */

  .quickcontact { text-align: right; }

  /* --- FOOTER --- */

  .site-credits { text-align: right; }

}

/* MEDIUM - UP (Desktop + Large Desktop) */

@media (min-width: 993px) {

}

/* SMALL - ONLY (Tablet) */

@media (min-width: 769px) and (max-width: 992px) {

}

/* MEDIUM - ONLY (Desktop) */

@media (min-width: 993px) and (max-width: 1200px) {

}

/* LARGE - ONLY (Large Desktop) */

@media (min-width: 1200px) {

  .container { width: 960px; }

}

.secpage{ color: #525657; font-size: 1rem;  text-transform: uppercase; height: auto; width: auto; padding: 0; border: 0px solid #525657;}
.showcase .col-sm-6{ padding: 9.5% 0px 12.5% 0 !important; }