/*
Theme Name: 	GoldenRock 
Description: 	Wordpress Theme GoldenRock 
Version: 		1.0
Author: 		Raj
Author URI:		
*/

@font-face {
	font-family: 'gabriola';
	src: url('fonts/Gabriola.eot');
	src: url('fonts/Gabriola.eot?#iefix') format('embedded-opentype'),
		url('fonts/Gabriola.woff') format('woff'),
		url('fonts/Gabriola.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'industrialbt';
	src: url('fonts/Industrial736BT-Roman.eot');
	src: url('fonts/Industrial736BT-Roman.eot?#iefix') format('embedded-opentype'),
		url('fonts/Industrial736BT-Roman.woff') format('woff'),
		url('fonts/Industrial736BT-Roman.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'englishBT';
	src: url('fonts/English111AdagioBT-Regular.eot');
	src: url('fonts/English111AdagioBT-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/English111AdagioBT-Regular.woff') format('woff'),
		url('fonts/English111AdagioBT-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'Robotoblack';
	src: url('fonts/Roboto-Black.eot');
	src: url('fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
		url('fonts/Roboto-Black.svg#Roboto-Black') format('svg'),
		url('fonts/Roboto-Black.woff2') format('woff2'),
		url('fonts/Roboto-Black.woff') format('woff'),
		url('fonts/Roboto-Black.ttf') format('truetype');		
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Robotomedium';
	src: url('fonts/Roboto-Medium.eot');
	src: url('fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
		url('fonts/Roboto-Medium.svg#Roboto-Medium') format('svg'),
		url('fonts/Roboto-Medium.woff2') format('woff2'),
		url('fonts/Roboto-Medium.woff') format('woff'),
		url('fonts/Roboto-Medium.ttf') format('truetype');		
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Robotoregular';
	src: url('fonts/Roboto-Regular.eot');
	src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/Roboto-Regular.svg#Roboto-Regular') format('svg'),
		url('fonts/Roboto-Regular.woff2') format('woff2'),
		url('fonts/Roboto-Regular.woff') format('woff'),
		url('fonts/Roboto-Regular.ttf') format('truetype');		
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Robotobold';
	src: url('fonts/Roboto-Bold.eot');
	src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/Roboto-Bold.svg#Roboto-Bold') format('svg'),
		url('fonts/Roboto-Bold.woff2') format('woff2'),
		url('fonts/Roboto-Bold.woff') format('woff'),
		url('fonts/Roboto-Bold.ttf') format('truetype');		
	font-weight: bold;
	font-style: normal;
}
@font-face {
    font-family: 'robotolight';
    src: url('fonts/roboto-light-webfont.woff2') format('woff2'),
         url('fonts/roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/**** END FONTS ****/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/********* END CSS RESET *********/

html,body {    
    height: 100%;
	width:100%;
 
}
body {
	background:#ffffff;
	font-family:Robotoregular,Arial,sans-serif;		
	color:#808080;		
}

h1, h2, h3, h4, h5, h6 {	
	margin:0;
	font-family:Robotobold,Arial,sans-serif;					
	font-weight:normal;	
	margin-bottom: 15px;
}
.h1, h1 {
    font-size: 36px;
}
.h2, h2 {
    font-size: 30px;
}
.h3, h3 {
    font-size: 24px;
}
.h4, h4 {
    font-size: 18px;
}
.h5, h5 {
    font-size: 14px;
}
strong{font-family:Robotobold,Arial,sans-serif;}
strong{font-family:Robotobold,Arial,sans-serif;}
.fl { float: left; }
.fr { float: right; }
.clrfix, .clear{ clear: both; }
p {font:16px/1.5 Robotoregular,Arial,sans-serif; color:#808080;margin-bottom:15px;}
ol li, ul li {
	font:16px/1.5 Robotoregular,Arial,sans-serif; color:#808080;
}
ul, ol{padding-left:40px;margin-bottom:20px;}
a:hover, a:focus{color:#f7931d;text-decoration: none;outline:none;}
a.button:focus{color:#f7931d !important;}
a.button:hover{color:#f7931d;}

a{color:#808080; text-decoration:none;}
a, input{ -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;}

img { max-width: 100%; height:auto;}
figure img { width: 100%;}
header, fotter{display:block;}
form, input{margin:0;}

.flex-row{	
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.hidden{opacity:0;}
.visible{opacity:1;}
/****************** END PAGE RESET ******************/

/****************** START HOME PAGE ******************/

/*** START HEADER ****/

header.header {
    background: #ffffff;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:105;	
	border-bottom:1px solid #dddddd;
	background:rgba(255,255,255,0.80);
	-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;
}
header.header.header-bg {
    background: #ffffff;
}
header.header.header-bg .logo a {
    width: 195px;
    height: 45px;
}
header.header.header-bg .nav-list {
    margin: -8px 0 0 0;
}
header.header.header-bg nav.top-nav-bar {
    min-height: 77px;
    padding: 15px 0;
}
.topNavbar {
    float: right;
    text-align: right;
    margin-top: 5px;
	-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;
}
.other-nav {
    float: right;
    margin-bottom: 18px;
}
.topNavbar ul {
    padding-left: 0;
    margin-bottom: 0;
}
.other-nav li.toggle-menu {
    display: none;
}
.toggle-menu .fa {
    color: #808080;
    font-size: 30px;
}
nav.top-nav-bar {
    padding: 19px 0;
    min-height: 95px;
    position: relative;
}
h1.logo{margin:0;}
h1.logo a {
    display: block;
    background: url(images/goldenrock-logo.png) no-repeat left center / 100%;
    width:263px;
    height:60px;
    text-indent: -999999px;
}
.topNavbar {
    float: right;
    text-align: right;
    margin-top: 5px;
}
.nav-list {
	display: block;
    width: 100%;
	margin-top: 5px;
}

.topNavbar ul {
    padding-left: 0;
    margin-bottom: 0;	display: inline-block;
}
.nav-list ul li{display: inline-block;position:relative;line-height:1;list-style: none;}
.nav-list ul li:before{
	content:'';
	position:absolute;
	width:1px;
	height:100%;
	right:0;
	top:0;
	background:#f7931d;
}span.logout {    display: inline-block;    position: relative;	padding-left:10px;}span.logout:before{	content:'';	position:absolute;	width:1px;	height:100%;	left:0;	top:0;	background:#f7931d;}
.nav-list ul li:last-child:before{display:none;}
.nav-list ul li a:hover{color:#f7931d;}
.nav-list ul li a{
	display:block;
	padding:0 9px;
	color:#808080;
	text-transform:capitalize;
	font-size:16px;	
}
ul.sub-menu {
    position: absolute;
    width: 250px;   
    display: none;
    z-index: 25;
    text-align: left;
    padding: 10px 0 0 0;
    list-style: none;
    border-bottom:1px solid #cccccc;
}
ul.sub-menu li {
    border: 1px solid #cccccc;
    border-bottom:none;
    display: block;
}

.nav-list ul li ul.sub-menu a {
    display: block;
    padding: 10px 15px;
    background: #ffffff;
}
.nav-list ul li ul.sub-menu li:before{display:none;}

.nav-list ul li ul.sub-menu a:hover {
    background:#a3d063;
    color: #f7931d;
}
.menu-item-has-children:hover ul.sub-menu {display: block;}

.carousel-indicators li{width:15px;height:15px;}
.carousel-indicators .active{width:15px;height:15px;}
.carousel-control {
    background: none !important;
}
.carousel-control .glyphicon{
	color: #808080;
    font-size: 25px;
    background: #ffffff;
    border-radius: 100%;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 2;
}


#homeBanner .container{
	min-height:85vh;
	-webkit-box-align: center;
      -ms-flex-align: center;
              -ms-grid-row-align: center;
          align-items: center;
display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  
}

.banner-content {
    width: 100%;
    text-align: center;
}

.banner-content h2 {
    color: #c59f63;
    font: 65px/0.8 englishBT,sans-serif;
}
.banner-content h3 {
    color: #c59f63;
    font: 65px/0.8 industrialbt,sans-serif;
}
.banner-content {
    width: 100%;
    text-align: center;
    background: url(images/test_bottom_tag.png) no-repeat center bottom;
    padding-bottom: 50px !important ;
}

.text-container h2 {
    color: #c59f63;
    font: 65px/1 englishBT,sans-serif;
	 margin: 0;
}
.section-title{
	 color: #c59f63;
    font: 65px/1 englishBT,sans-serif;
	text-align:center;
	margin-bottom:30px;
	
}
.text-container h3 {
    color: #c59f63;
    font: 65px/1 industrialbt,sans-serif;
	 margin: 0 0 20px 0;
}

.text-container h4 {
    color: #967238;
    font: 32px/0.8 gabriola,sans-serif;
	 margin:20px 0 0 0;
}

.text-container{
	background: url(images/test_bottom_tag.png) no-repeat center bottom;
    padding-bottom: 50px;	
}
section.welcome-section {
    padding: 60px 0;
}
.welcome-section .container {
    max-width: 1060px;
}
.masonry-gallery {
    margin:80px 0 40px;
}
.gallery-post-links {
    margin-bottom: 30px;
}
.gallery-post-links>ul {
    padding: 0;
    list-style: none;
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex; 
    margin: 0 auto;
	 -ms-flex-flow: row wrap;
      flex-flow: row wrap;
}
.gallery-post-links>ul>li {
    -webkit-box-flex:1;
      -ms-flex:1 0 0;
          flex:1 0 0;
	margin:0 6px 15px;
	position: relative;
	
}
.gallery-post-links li a {
    display: block;
    padding: 10px 30px 9px;
    background: #77797b;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.1;
    font-size: 15px;
	position: relative;	margin: 0;    width: 100%;
}
.gallery-post-links li a:hover, .gallery-post-links li a.active{
	background:#c59f63;
}
.gallery-post-links>ul>li a:before {
    content: '';
    border-width: 13px;
    border-color: #c59f63 transparent transparent transparent;
    border-style: solid;
    position: absolute;
    bottom: -26px;
    left: 47%;
	display:none;
}
.gallery-post-links>ul>li a.active:before{display:block;}
.masonry-grid {
    position: relative;
    min-height: 375px;
}
.masonry-grid .grid-box{opacity:0;position: absolute; width:100%;}

.grid {
    display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.grid-item{	
	width: 240px;
	padding:10px;
}

.grid-item a{	
	-webkit-transform: scale(1);
	  transform: scale(1);
	  display: block;	
}
.grid-item a:hover{
	-webkit-transform: scale(1.03);
          transform: scale(1.03);
}
.text-container.align-center.pageTitle {
    padding-bottom: 35px;
    margin-bottom: 50px;
}
.grid-item--width2 { width: 315px; }
.masonry-grid .grid-box:first-child {
    opacity:1;
}
.masonry-gallery .carousel-control{width:30px;}
.masonry-gallery .grid{width:100%;}
.masonry-gallery .item{min-height:381px; width:100%;}
.carousel-control .glyphicon {color: #ffffff;background:none;width:30px;}
section.grg-section {
    padding: 60px 0;
}
.align-center{text-align:center;}
figure {
    display: flex;
    align-items: center;
}
.figure-box {
    width: 100%;
    margin: 60px 0;
}
.figure-box{
	border:1px solid #cccccc;
	padding:5px;
	background:#ffffff;
}
.grg-section .text-container {
    max-width: 700px;
    margin: 0 auto;
}
.testimonials-section{
	padding:50px 0;
}
.testimonials-box {
    width: 100%;
    background: none;
}
.testimonials-details {
    max-width: 700px;
    margin: 0 auto;
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
-webkit-box-align: center;
      -ms-flex-align: center;
              -ms-grid-row-align: center;
          align-items: center;
}
.testimonials-details figure {
    width: 110px;
}
.wish {
    -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
    padding: 0 15px;
}

.wish h2{	
	font: 26px/1.3 gabriola,sans-serif;
}
.wish h3{
	color:#a27d43;
	font: 32px/0.8 gabriola,sans-serif;
	margin:0;
}
.testimonials-section .carousel-control .glyphicon{color:#535353;}
footer.footer {
    background: #535353;
    color: #c0bfbf;
}
footer.footer a{color: #c0bfbf;display:block;}
footer.footer a:hover{color: #f7941e;}
footer.footer p{color: #c0bfbf;}
.flexcolRow {
    display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.footerLogoCol {
    -webkit-box-flex: 1;
     -ms-flex: 1 0 30%;
         flex: 1 0 30%;
    padding: 40px 15px;
}
.footer-menu-col {
    padding: 40px 15px;
     -webkit-box-flex: 1;
      -ms-flex: 1 0 23.33%;
          flex: 1 0 23.33%;
	border-left:1px solid #878582;
}
.footer-menu-col ul {
    list-style-type: disc;
}
ul.social-links li a {
    display: block;
    background: #9e9e9e;
    color: #ffffff;
    padding: 8px 6px 4px 6px;
    line-height: 0.8;
    text-align: center;
    width: 34px;
    font-size: 18px;
}
ul.social-links li {
    display: inline-block;
	margin-right:5px;
}
ul.social-links {
    list-style: none;
    padding: 0 0 0 20px;
}

ul.social-links li a:hover{
	color:#ffffff;
	background:#837b00;
}

.page-container {
    margin-top: 96px;
	background:#f3f4f4;
}
section.innerBanner-section {
	border-bottom: 1px solid #f4f4f4;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
	width:100%;
}
section.innerBanner-section img {
    width: 100%;
    height: auto;
}
section.page-content {
    padding: 4% 0;
}
figure.postImg {
    padding: 10px;
    background: #ffffff;
    border: 1px solid #d9d9d9;
}
.text-container.pageDetails {
    padding-left: 7%;
    background-position: 7% bottom;
	padding-bottom: 70px;
}
.col-md-12 .text-container.pageDetails {
    padding-left: 0;
    background-position: left bottom;
    padding-bottom: 40px;
}
.grid-box.active {
    z-index: 10;
	position: relative;
}
.fancybox-title-float-wrap {   
    margin: 0;
    width: 100%;
    right: 0;
    position: relative;
}
.fancybox-title-float-wrap .child {
    border-radius: 0;
    letter-spacing: 0.7px;
    font: 15px robotolight,sans-serif;
    padding: 10px 15px;
    white-space: normal;
    background: rgba(255,255,255,0.5);
    text-shadow: none;
    color: #000000;
    display: block;
    margin: 0;
	width:100%;
}
.gallerylist ul {
    padding: 0;
    list-style: none;
}
.gallerylist li{overflow:hidden;width: 256px; height: 256px;	}
.gallerylist a {
    position: relative;	
	display:block;
	overflow:hidden;
}
section.page-content {
    min-height: 65vh;
}
span.postHover {
    width: 100%;
    font-size: 18px;
    background:#c59f63;
    color: #ffffff;
    display: block;
    position: absolute;
    bottom: 0;
    text-align: center;
    padding: 5px;
    border-bottom: 1px solid #dddddd;
    font-weight: 600;
}
.gallerylist li img {
    max-height: 236px;
}
a.moreBtn {
    margin: 30px auto 0;
    width: 130px;
    display: block;
    background:#c59f63;
    color: #ffffff;
    text-align: center;
    padding: 8px 10px;
}
a.moreBtn:hover{
	background:#77797b;
}
div.userpro-head, div.userpro-centered{background:none !important;}
div.userpro {
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    margin: 30px 0 0 0 !important;
	
}
.userpro-body div.userpro-section {padding: 4px 0 4px 10px !important;}
.wpcf7-form-control.wpcf7-text {
    padding: 8px 15px;
    font-size: 17px;
    width: 100%;
}
.wpcf7-form label {
    width: 100%;
    display: block;
}
.wpcf7-form-control-wrap {
    position: relative;
    display: block;
}
textarea.wpcf7-textarea {
    width: 100%;
    padding: 10px 15px;
}
form.wpcf7-form {
    max-width: 600px;
}
.wpcf7-form-control.wpcf7-submit{
	float:right;
	padding:6px 25px 4px;
	background:#c59f63;
    color: #ffffff;
    text-align: center;
	border:none;
}
.wpcf7-form-control.wpcf7-submit:hover{
	background: #77797b;
}
.wpb_wrapper img {
    padding: 10px;
    background: #ffffff;
    border: 1px solid #cccccc;
}a.loginLink {    display: inline-block;    color: #c59f63;    text-decoration: underline;    font-size: 18px;    margin: 20px 0 20px 0;}
div.userpro-input input[type=text], div.userpro-input input[type=password], div.userpro-input textarea, div.userpro-input select{background:#ffffff;}
div.userpro-input input[type=text], div.userpro-input input[type=password], div.userpro-input textarea{background: #ffffff !important;}.subscriber form.post-password-form {    display: none;}.administrator form.post-password-form {    display: none;}.subscriber .loginBox{ display: none;}.administrator .loginBox{ display: none;}.gallery-post-links .figure-box {    margin:10px 0;}
/**** START @media ***/
@media (max-width:1000px){
	.topNavbar {
		width: 100%;
		text-align: left;
		margin-top: 15px;
	}
	.other-nav {
		margin: 30px 0 0 0;
		position: absolute;
		top: 0;
		right: 0;
	}
	.other-nav ul {margin: 0;	}
	.other-nav li.toggle-menu {display: block;}
	.nav-list{display:none;}
	.nav-list ul li {
		display: block;
		overflow: hidden;
	}
	.nav-list ul li:before {
		content: '';
		position: absolute;
		width: 100%;
		height: 1px;
		right: auto;
		top: auto;
		background: #aaaaaa;
		bottom: 0;
	}
	.nav-list ul li a {
		padding: 13px;
		font-size: 18px;
	}
	.banner-section .tp-caption{padding-top:7% !important;}
	.welcome-section .col-md-3, .page-content .col-md-3 {
		width: 30%;
		float: left;
	}
	.welcome-section .col-md-9, .page-content .col-md-9 {
		width: 70%;
		float: left;
	}
	.text-container h2 { font-size: 45px;}
	.text-container h3 { font-size: 45px;}
	.section-title{ font-size: 55px;}
	.testimonials-section {  padding: 20px 0;}
	.wish h2 { font-size: 29px;}
	.wish h3{ font-size: 25px;}
	.footerLogoCol { padding-left: 5px;}
	.footer-menu-col ul { padding-left: 20px;}
	.text-container.pageDetails { padding-left: 0;}
	header.header .logo a {  width: 195px;  height: 45px;}
	header.header nav.top-nav-bar {
		min-height: 77px;
		padding: 15px 0;
	}
	.page-container { margin-top: 75px;}	
	
}
@media (max-width:755px){
	header.header { position: relative; background: #ffffff;}
	.welcome-section .col-md-3, .page-content .col-md-3 {
		width: 100%;
		float: none;
		margin-bottom:30px;
	}
	.welcome-section .col-md-9, .page-content .col-md-9 {
		width: 100%;
		float: none;
	}
	.testimonials-details figure { width: 70px;}
	.wish{padding:10px 0;}
	.wish h2 { font-size: 20px; line-height: 1.1;}
	.wish h3 { font-size: 20px; line-height: 1.1;}
	.footerLogoCol {
		-webkit-box-flex: 1;
		 -ms-flex: 1 0 100%;
			 flex: 1 0 100%;	
		padding-top: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #878582;
	}
	.footer-menu-col {		
		 -webkit-box-flex: 1;
		  -ms-flex: 1 0 100%;
			  flex: 1 0 100%;
		border-left:1px solid #878582;
		padding-bottom: 20px;
		padding-top: 20px;
		border-bottom: 1px solid #878582;
		border-left:none;
	}
	.footer-menu{margin-bottom:0;}
	.page-container { margin-top: 0;}
	section.innerBanner-section {  min-height: 100px;    overflow: hidden;}
	section.innerBanner-section img {
		min-width: 173%;
		margin-left: -25%;
	}
	.fancybox-wrap.fancybox-desktop{  min-width: 250px !important;}
	.fancybox-image {  max-width: 150%;}
	.text-container h3 { font-size: 36px;  line-height: 1.1;}
	.welcome-section p { color: #000000;}
	.welcome-section h4 { color: #000000;}
}