/*

Template Name: GNGB

*/



/* fonts */

@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700');

/* font-family: 'Ubuntu', sans-serif; */

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');

/* font-family: 'MarkPro', sans-serif; */
@import url('https://www.gngb.com.au/wordpress/wp-content/themes/gngb/fonts/MarkPro.otf');

@font-face {
    font-family: MarkPro;
    src: url("https://www.gngb.com.au/wordpress/wp-content/themes/gngb/fonts/MarkPro.otf") format("opentype");
}

/* common */

body {

  color: #424242;

  font-family: 'MarkPro', sans-serif;

  font-weight: 400;

  font-size: 15px;

  line-height: 25px;

}

ul {

  padding: 0;

  margin: 0;

  list-style: none;

}

ul, ol {

  list-style: outside none none;

  margin-bottom: 0;

  margin-top: 0;

  padding: 0;

}

a:hover, a:focus {

  color: #EC8516;

  text-decoration: none;

}

img {

  max-width: 100%;

}

a {
    color: #3AA0DA;
    text-decoration: none;
}

.featured-image {

  background-size: cover !important;

  height: 386px;

}

.main-slider, .featured-image {

  float: left;

  margin-top: -60px;

  width: 100%;

}

/* header */

header {

  background: url(./images/header-bg.png) no-repeat scroll top center;

  padding-bottom: 18px;

  padding-top: 26px;

}

.right-area {

  margin-top: 45px;

  text-align: right;

}

.right-area li {

  color: #898989;

  font-family: 'MarkPro', sans-serif;

  font-size: 20px;

  font-weight: 300;

  line-height: 23px;

}

.right-area li:last-child {

  font-weight: 500;

}

.right-area li a {

  background: url(./images/phone.png) no-repeat scroll left center;

  color: #8d8d8d;

  font-family: 'MarkPro', sans-serif;

  font-size: 14px;

  font-weight: 400;

  padding: 3px 0 3px 24px;

  display: inline-block;

  margin-bottom: 5px;

}

.menu-area {

  /*/background: url(./images/nav-bg.png) repeat scroll 0 0;/*/
	
background: #EC8516;	

  position: relative;

  z-index: 9999;

}

.navbar {

	border-radius: 0;

	margin: 0;

	border: 0;

}

.container-fluid {

	padding:0;

}

.navbar-default {

  background: none repeat scroll 0 0;

  width: 100%;

}

.navbar-default .navbar-nav > li {

  border-right: 0px solid #ffffff;

}

.navbar-default .navbar-nav > li:last-child {

  border-right: medium none;

}

.navbar-default .navbar-nav>li.menu-item-has-children {

	position: relative;

}

.navbar-default .navbar-nav > li.menu-item-has-children .sub-menu {

  background: url("./images/nav-bg.png") repeat scroll 0 0;

  display: none;

  list-style: outside none none;

  margin: 0;

  padding: 13px 9px 9px 17px;

  position: absolute;

  width: 267px;

  z-index: 99999;

}

.navbar-default .navbar-nav>li.menu-item-has-children:hover .sub-menu {

	display: block;

}

.navbar-default .navbar-nav > li.menu-item-has-children .sub-menu li {

  border-bottom: medium none;

  line-height: 13px;

  padding: 0 0 7px;

}

.navbar-default .navbar-nav>li.menu-item-has-children .sub-menu li:hover a {

	color: #fff;

	text-decoration: none;

}

.navbar-default .navbar-nav>li.menu-item-has-children .sub-menu li a {

  color: #979796;

  font-family: 'MarkPro', sans-serif;

  font-size: 13px;

  font-weight: 400;

}

.navbar-default .navbar-nav > li > a {

  color: #ffffff;

  font-family: 'MarkPro', sans-serif;

  font-size: 13px;

  font-weight: 400;

  padding: 21px 19px 19px;

}

.navbar-default .navbar-nav > li:hover, .navbar-default .navbar-nav > li.current-menu-item {

	color: #333333;

}

.navbar-default .navbar-nav > li:hover>a, .navbar-default .navbar-nav > li.current-menu-item > a,

.navbar-default .navbar-nav>li.menu-item-has-children .sub-menu li.current-menu-item > a,

.navbar-default .navbar-nav li.current-menu-parent > a {

	color: #ffffff;

}

.navbar-default .navbar-nav > li.active a {

	color: #ffffff;

}

.navbar-default .navbar-nav > li:hover a {

	color: #3d3d3d;}

.navbar-collapse {

	padding: 0;

	padding-right: 15px;

}

.navbar-right {

	float: none !important;

}

.navbar-default .navbar-nav > li:first-child > a {

  padding-left: 0;

}

.navbar-default .navbar-nav > li:last-child > a {

  padding-right: 0;

}

.navbar-default .navbar-nav > li > a:focus {

  background-color: transparent;

  color: #ffffff;

}



/* footer */

footer {

  background: #484544 none repeat scroll 0 0;

  float: left;

  padding-bottom: 50px;

  text-align: center;

  width: 100%;

}

.footer-area {

  /*/background: #EC8516 none repeat scroll 0 0;/*/
	
background: url(./images/footer-bg.jpg) no-repeat scroll top center;	

  padding: 15px 0 0;

}

.footer-box-one, .footer-box-two {

  border-right: 1px solid #000;

}

.footer-area a {

  background: url(./images/email.png) no-repeat scroll top center;

  color: #000000;

  display: inline-block;

  font-family: 'MarkPro', sans-serif;

  font-weight: 300;

  font-size: 16px;

  padding-top: 46px;

  text-transform: uppercase;

}

.footer-area .footer-box-two a {

  background: url(./images/footer-phone.png) no-repeat scroll top center;

}

.footer-area .footer-box-three a {

  background: url(./images/linkedin.png) no-repeat scroll top center;

}

.copyright {

  color: #ccc;

  font-size: 13px;

  font-weight: 400;

  padding-bottom: 31px;

  padding-top: 48px;

}

.copyright a {

  color: #ccc;

  font-size: 13px;

  font-weight: 400;

}

.copyright a:hover {

  color: #EC8516;

}

 /* home page */

.main-slider .flex-direction-nav a {

  background: url("./images/arrow-left.png") no-repeat scroll center top;

  height: 60px;

  margin-top: -65px;

  opacity: 1;

  width: 37px;

}

.main-slider .flex-direction-nav .flex-prev {

  left: 50px !important;

}

.main-slider .flex-direction-nav .flex-next {

  background: url(./images/arrow-right.png) no-repeat scroll top center;

  right: 50px !important;

}

.main-slider .metaslider .caption-wrap {

  background: none repeat scroll 0 0;

  bottom: 66px;

  opacity: 1;

  text-align: center;

}

.main-slider .caption > h3 {

  font-family: 'MarkPro', sans-serif;

  font-size: 60px;

  font-weight: 300;

  line-height: 53px;

  margin: 0 auto 34px;

  max-width: 950px;

  padding-top: 50px;

  position: relative;

}

.main-slider .caption > h3::before {

  background: #EC8516 none repeat scroll 0 0;

  content: "";

  height: 6px;

  left: 0;

  margin: 0 auto;

  position: absolute;

  right: 0;

  top: 0;

  width: 133px;

}

.main-slider .caption > a {

  background: #000 none repeat scroll 0 0;

  color: #fff;

  display: inline-block;

  font-family: 'MarkPro', sans-serif;

  font-size: 20px;

  font-weight: 400;

  padding: 16px 57px 20px;

  text-transform: uppercase;

}

.metaslider ol.flex-control-nav {

  position: relative;

  top: -50px;

  z-index: 9999;

}

.main-slider .flex-control-paging li a {

  background: #fff none repeat scroll 0 0;

  box-shadow: inherit;

  height: 17px;

  width: 17px;

}

.main-slider .flex-control-paging li a.flex-active, .main-slider .flex-control-paging li a:hover {

  background: #EC8516 none repeat scroll 0 0;

}

.main-slider .metaslider .flexslider {

  margin: 0 0 21px;

}

h1.home-title {

  margin: 0;

}

.vc_custom_heading.home-subtitle {

  margin: 9px 0 18px;

  padding-bottom: 34px;

  position: relative;

}

.vc_custom_heading.home-subtitle::before {

  background: #EC8516 none repeat scroll 0 0;

  bottom: 0;

  content: "";

  height: 6px;

  left: 0;

  margin: 0 auto;

  position: absolute;

  right: 0;

  width: 133px;

}

.home-main-content {

  font-size: 16px;

  line-height: 28px;

  color: #8d8d8d;

}

.home-main-content a {

  border: 1px solid #000;

  color: #000;

  display: inline-block;

  font-family: 'MarkPro', sans-serif;

  font-size: 16px;

  font-weight: 300;

  margin: 28px 0 43px !important;

  padding: 7px 37px 9px;

  text-transform: uppercase;

}



/* general */

.main-content {

  float: left;

  padding-bottom: 100px;

  width: 100%;

}

.page-title {

  color: #000;

  font-family: 'MarkPro', sans-serif;

  font-size: 40px;

  font-weight: 300;

  line-height: 40px;

  margin: 25px 0 36px;

  padding-bottom: 38px;

  position: relative;

  text-align: center;

}

.page-title::before {

  background: #EC8516 none repeat scroll 0 0;

  bottom: 0;

  content: "";

  height: 6px;

  left: 0;

  margin: 0 auto;

  position: absolute;

  right: 0;

  width: 133px;

}

.general-top-con p {

  color: #999898;

  font-size: 20px;

  line-height: 31px;

}

.main-content p {

  margin-bottom: 25px;

}



/*NEWS*/

.post-list {

    border-bottom: 1px solid #e8e8e8;

    padding-top: 50px;

    padding-bottom: 11px;

}

.post-list .list-img {

    float: left;

    margin-right: 31px;

}



.post-list .blog-content h3 {

    font-size: 20px;

    margin-top: -5px;

}



.post-list .blog-content h3 a {

    color: #010101;

}



.post-list .meta-post {

    color: #999999;

    font-size: 13px;

}



.post-list .meta-post a {

    color: #EC8516;

}



.post-list .blog-content p {

    margin-top: 6px;

    margin-bottom: 28px;

    font-size: 14px;

    color: #424242;

}



.post-list .blog-content p+p a {

    background: #ffffff;

    border-radius: 0;

    border: 1px solid #EC8516;

    color: #EC8516;

    font-family: 'MarkPro', sans-serif;

}





.blog-box:first-child h2 {

    background: #EC8516;

    padding: 19px 21px;

    color: #ffffff;

    font-family: 'MarkPro', sans-serif;

    font-weight: 300;

    font-size: 22px;

    text-transform: uppercase;

    margin-bottom: 0;

}



.blog-box {

    margin-bottom: 32px;

}



.blog-box:first-child ul {

    background: #f7f7f7;

    padding-bottom: 12px;

}



.blog-box:first-child ul li {

    border-bottom: 1px solid #d9d9d9;

    padding: 17px 21px  5px;

}



.blog-box:first-child ul li:last-child {

    border-bottom: 0;

}



.blog-box:first-child ul li a {

    color: #191919;

    font-family: 'MarkPro', sans-serif;

    font-weight: 400;

    font-size: 16px;

}



.blog-box+.blog-box h2 {

    padding: 19px 18px;

    color: #EC8516;

    font-family: 'MarkPro', sans-serif;

    font-weight: 300;

    text-transform: uppercase;

    margin-bottom: 0;

    font-size: 22px;

    border-bottom: 1px solid #e8e8e8;

}



.blog-box+.blog-box ul li {

    padding: 14px 0 19px 17px;

    border-bottom: 1px solid #e8e8e8;



}



.blog-box+.blog-box ul li a {

    display: block;

    color: #333333;

    font-family: 'MarkPro', sans-serif;

    font-size: 14px;

}



.blog-box+.blog-box ul li span {

    display: block;

    color: #999999;

    font-family: 'MarkPro', sans-serif;

    font-size: 13px;

}



.blog-box+.blog-box+.blog-box h2 {

    padding: 19px 18px;

    color: #EC8516;

    font-family: 'MarkPro', sans-serif;

    font-weight: 300;

    text-transform: uppercase;

    margin-bottom: 0;

    font-size: 22px;

    border-bottom: 1px solid #e8e8e8;

}



.blog-box+.blog-box+.blog-box ul li {

    padding: 14px 0 14px 17px;

    border-bottom: 1px solid #e8e8e8;



}



.blog-box+.blog-box+.blog-box ul li a {

    display: inline-block;

    color: #333333;

    font-family: 'MarkPro', sans-serif;

    font-size: 14px;

}



.blog-box+.blog-box+.blog-box ul li span {

    display: block;

    color: #999999;

    font-family: 'MarkPro', sans-serif;

    font-size: 13px;

}



.blog-box ul li:hover a {

    color: #EC8516 !important;

}



/* pagination */

.blog-pagination {

 margin-left: -15px;

 margin-top: 25px;

}

.wp-pagenavi {

 float: left;

 margin-bottom: 30px;

 padding-top: 16px;

 text-align: right;

 width: 100%;

}

.wp-pagenavi span.current {

 background: #EC8516;

 color: #fff;

 display: inline-block;

 font-family: 'MarkPro', sans-serif;

 font-size: 20px;

 font-weight: 400;

 line-height: 20px;

 margin-left: 10px;

 padding: 18px 22px;

 text-align: center;

}

.wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active {

 background: #979796;

 border: medium none;

 color: #fff !important;

 display: inline-block;

 font-family: 'MarkPro', sans-serif;

 font-size: 20px;

 font-weight: 400;

 line-height: 20px;

 margin-left: 10px;

 margin-right: 0;

 padding: 18px 22px;

 text-align: center;

 text-decoration: none;

}

.wp-pagenavi .pages {

 display: none;

}



/*Single Post*/



.single-img {

    float: left;

    margin-right: 26px;

}



.post-title {

    font-family: 'MarkPro', sans-serif;

    font-weight: 400px;

    color: #010101;

    font-size: 25px;

    margin-bottom: 19px;

    margin-top: 0;

}



.meta-post {

    color: #999999;

    font-size: 13px;

}



.meta-post a {

    color: #EC8516;

    font-size: 13px;

}



.main-content-text p {

    margin-top: 18px;

    margin-bottom: 28px;

    font-size: 14px;

    color: #424242;

}



/*Contact*/



#wpcf7-f66-p51-o1 form label {

  font-family: 'MarkPro', sans-serif;

  font-weight: 400;

  width: 100%;

}



#wpcf7-f66-p51-o1 form input[type="text"],

#wpcf7-f66-p51-o1 form input[type="tel"],

#wpcf7-f66-p51-o1 form input[type="email"],

#wpcf7-f66-p51-o1 form select,

#wpcf7-f66-p51-o1 form textarea {

    width: 100%;

    padding: 10px 60px 7px; 

    border: 1px solid #d5d5d5;

}



#wpcf7-f66-p51-o1 form p {

    margin-bottom: 2px;

}



#wpcf7-f66-p51-o1 form p input[type="text"] {

    background: url('images/form_icon.png') no-repeat;

    background-position: 14px 13px;

}



#wpcf7-f66-p51-o1 form p+p input[type="tel"] {

    background: url('images/form_icon.png') no-repeat;

    background-position: 14px -29px;

}



#wpcf7-f66-p51-o1 form p+p+p input[type="email"] {

    background: url('images/form_icon.png') no-repeat;

    background-position: 14px -70px;

}



#wpcf7-f66-p51-o1 form p+p+p+p input[type="text"] {

    background: url('images/form_icon.png') no-repeat;

    background-position: 14px -111px;

}



#wpcf7-f66-p51-o1 form p+p+p+p+p textarea {

    background: url('images/form_icon.png') no-repeat;

    background-position: 14px -150px;

    height: 359px;

}



#wpcf7-f66-p51-o1 form input[type="submit"]{

    background: #000000;

    border: 0;

    float: right;

    font-family: 'MarkPro', sans-serif;

    font-weight: 400;

    color: #ffffff;

    text-transform: uppercase;

    padding: 10px 31px;

    margin-top: 3px;

}



.con-info ul li,

.con-info ul li a {

    font-family: 'MarkPro', sans-serif;

    font-size: 15px;

    color: #717171;

    margin-bottom: 24px;

}



.con-info ul li strong {

    display: block;

    font-family: 'MarkPro', sans-serif;

    font-size: 20px;

    font-weight: 300;

    color: #EC8516;

    margin-bottom: 5px !important;

}

.home-content {

  float: left;

  width: 100%;

}



 /* Responsive site css */



/* Large Devices, Wide Screens */

@media only screen and (max-width : 1200px) {

.navbar-collapse {

  padding: 0;

}

.navbar-right {

  margin-right: 0;

}

.navbar-default .navbar-nav > li > a {

  font-size: 13px;

  padding: 19px 7px 21px;

}

.right-area li {

  font-size: 16px;

}

.main-slider .metaslider .caption-wrap {

  bottom: 66px;

}

.main-slider .caption > h3 {

  max-width: 810px;

}



}



/* Medium Devices, Desktops */

@media only screen and (max-width : 992px) {

.right-area li {

  font-size: 13px;

}

.navbar {

  min-height: 0;

}

.navbar-default .navbar-nav > li > a {

  font-size: 10px;

  padding: 10px 3px 8px;

}

.main-slider, .featured-image {

  margin-top: -38px;

}

.main-slider .caption > h3 {

  font-size: 33px;

  line-height: 35px;

  margin: 0 auto 25px;

  max-width: 570px;

  padding-top: 20px;

}

.main-slider .metaslider .caption-wrap {

  bottom: 66px;

}

.post-list .list-img {

  margin-bottom: 40px;

}

.single-img {

  float: none;

  margin-bottom: 30px;

  margin-right: 0;

}



}



/* Small Devices, Tablets */

@media only screen and (max-width : 767px) {

.main-slider, .featured-image {

  margin-top: 0;

}

.logo-area {

  margin-bottom: 20px;

  text-align: center;

}

header {

  background: none repeat scroll 0 0;
	padding-bottom: 0px;

}

.right-area {

  margin-top: 0;

  text-align: center;
	display: none;

}

.menu-area {

background: #484544;	

}	

.navbar-default .navbar-toggle {

  background: #484544 none repeat scroll 0 0 !important;

  border: medium none;

  border-radius: 0;

  height: 50px;

  margin: 0;

  text-align: center;

  width: 54px;

}

.navbar-default .navbar-toggle .icon-bar {

  background-color: #fff;

  margin: 5px auto;

}

.navbar-collapse {

  box-shadow: inherit;

}

.navbar-right {

  margin: 10px 15px;

}

.navbar-default .navbar-nav > li {

  border-right: medium none;

}

.navbar-default .navbar-nav > li > a {

  font-size: 14px;

  padding: 12px 0 10px;

}

.navbar-default .navbar-nav > li.menu-item-has-children .sub-menu {

  background: none repeat scroll 0 0;

  display: block;

  list-style: outside none none;

  margin: 6px 0 0;

  padding: 0 0 0 13px;

  position: relative;

  width: auto;

  z-index: 99999;

}

.menu-area .container {

  padding: 0;

}

.main-slider .flex-control-paging li a {

  height: 10px;

  width: 10px;

}

.metaslider ol.flex-control-nav {

  top: -20px;

}

.main-slider .metaslider .caption-wrap {

  bottom: 20px;

}

.main-slider .caption > a {

  font-size: 11px;

  padding: 7px 15px 8px;

}

.main-slider .caption > h3 {

  font-size: 15px;

  line-height: 15px;

  margin: 0 auto 10px;

  max-width: 215px;

  padding-top: 12px;

}

.main-slider .flex-direction-nav .flex-prev {

  left: 5px !important;

}

.main-slider .flex-direction-nav .flex-next {

  right: 5px !important;

}

.flex-direction-nav a {

  top: 71% !important;

}

.navbar-header {

  background: #EC8516 none repeat scroll 0 0;

}

.footer-area .col-sm-4.col-md-4 {

  padding-bottom: 15px;

}

.copyright > span {

  display: none;

}

.footer-box-one, .footer-box-two {

  border-right: medium none;

}

.copyright a {

  display: inline;

  margin: 0 auto;

  max-width: 320px;

}

.post-list .list-img {

  float: none;

  margin-bottom: 30px;

  margin-right: 0;

}



}



.wpb_wrapper ul {list-style: outside !important; margin-left: 15px !important;}

.wpb_wrapper ul li a,.wpb_wrapper ul li a:visited{color:#3AA0DA;}