@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Roboto-Regular';
  src: url('../fonts/Roboto-Regular.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Regular';
  src:url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf')  format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;

}

*
{margin:0; padding:0;}

html
{height:100%; font-size:16px;}

body
{position:relative; height:100%; width:100%;}

h1,h2,h3,h4,h5
{color:#000000; margin:0;font-family: 'Roboto-Regular';}

p
{color:#000000; font-family: 'Roboto-Regular'; text-align:justify;}

a
{color:inherit; text-decoration:none;}

a:hover
{color:inherit; text-decoration:none;}

/*for off-canvas navigation menu*/
#outer-wrap
{width:100%; position:relative;}

#inner-wrap
{width:100%; position:relative;}

/*menu classes*/
.site-header
{position:relative;}

.site-header ul {
	margin:0px;
	padding:0;
	list-style-type:none;
	
	
}
.site-header ul li {
	text-decoration:none;
	margin-top: 8px;
	color:#7b6115;
	
}
.site-header ul i {
	
    border-radius: 50%;
    border: 1px solid #222;
    height: 37px;
    width: 37px;
    margin-right:8px;
    padding: 11px 11px;
}
.services h4 {
	font-size: 24px;
    line-height: 39px;
    border-bottom: 1px dashed #584107;
}

hr.style1 {
	
	border-top: 1px dotted #c3b9aa;
}

footer {
	width:100%;
	float:left;
}
.footer {
	background-color:#000000;
	width:100%;
	float:left;
	background-image:url(../images/head_bc.png);
    background-position: top;
	border-top: 1px solid rgba(212, 207, 186, 0.2);
	
	
}

.linktoother h5  {
	font-weight:400;
	font-size:14px;
	color:#FCB153;
	
}


.footer .copyright {
	 background-color: rgba(76, 74, 74, 0.57);
	
}
.footer .copyright a {
	color:#86701b;
}
.footer .copyright p {
	 line-height:50px;
	 color:#FFF;
	 text-align:center;
}

 
.logo
{display:inline-block;width:275px;}

.logo img
{width:100%;}

#nav
{position:absolute; /*bottom:0; right:0; */display:inline-block; vertical-align:bottom; text-align:right;
 }

#nav .block
{margin:0;}

#nav .block-title
{margin:0; padding:0; width:auto; position:absolute; display:none;}

#nav ul
{list-style-type:none;font-family:'Roboto-Regular'; font-size:14px; padding:0;margin-left: 40px;}

#nav li
{display:inline-block; text-align:right; float:left;}

#nav li a
{position:relative; display:block; text-decoration:none; color:#000000; padding:10px 0 10px 35px; overflow:hidden; -webkit-transition:color 0.2160s; -moz-transition:color 0.2160s;  transition:color 0.2160s;}

#nav li a:after
{content:''; position:absolute; top:100%; left:35px; display:block; width:calc(100% - 35px); height:1px; background:#8E6900; -webkit-transition: all ease 0.2160s; -moz-transition: all ease 0.2160s; transition:all ease 0.2160s;}

#nav li:hover > a:after
{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);}

#nav li a:hover
{color:#8e6900;}

#nav li.is-active a
{display:block;#8e6900;}

.nav-btn
{width:50px; height:50px; padding:0; border:0; outline:none; background:#ffffff url(../images/new/menu.svg) left center no-repeat; background-size:40px 40px; overflow:hidden; white-space:nowrap; text-indent:100%; float:right; /*margin-right:10px;*/ display:none;}

.close-btn
{display:none; height:50px; width:50px; background:url(../images/new/close.svg) left center no-repeat; background-size:40px 40px; padding:0; border:0; outline:none; overflow:hidden; white-space:nowrap; text-indent:100%;}

/*Classes for Google-Ads*/
.ad-top
{width:auto; height:auto; margin:10px auto;}

/*slide-show*/
.mainSlide
{margin-top:px;}

.mainSlide > h1
{font-family:"monsterrat-bold", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size:60px; text-transform:uppercase; margin:0 0 15px 0;}

/*CONTENT CLASSES*/
/*directory section*/
.directory
{margin:0;}

.directory > h2
{   width: 100%;
    font-family: 'Roboto-Regular';
    margin: 0;
    padding-bottom: 10px;
    text-align: center;
	text-transform: uppercase;}
	

.directory p
{ font-family: 'Roboto-Regular'; text-align:center; padding:25px 0; margin:0;color:#FFF;}


.directory ul
{list-style-type:none; display:flex; flex-wrap:wrap; justify-content:space-between; clear:both;}

.directory ul li
{width:15.75%; justify-content:space-between; text-align:center;border-radius: 4px;
    background-color: #0e0a0a;}

.directory a
{display:block;}

.directory a:hover
{text-decoration:none;}

/*Eestimating sheets section*/
.bg-wrapper
{position:relative; margin-left:-15px; margin-right:-15px;}

.bg
{background-image:url(../images/new/bg.jpg); background-repeat:no-repeat; background-attachment:fixed; background-size:cover; background-position:center; position:relative; height:700px; /*overflow-x:hidden; overflow-y:hidden;*/ overflow:hidden;}

.bg::before
{content:""; background-color:rgba(142,105,0,0.75); position:absolute; width:100%; height:100%; z-index:-10000;}

.sheets
{ 
    margin-left:15px;
    width: 100%;
    border: 1px solid #ffecd7;
    border-radius: 3px;
	margin-bottom: 22px;
	border: 21px solid #e6ded4;
	}

.sheets > h2
{   font-family: 'Roboto-Regular';
    color: #ffffff;
    background-color: #383530;
	text-align:center;
	margin:0;
	}
	.sheets > h4
{       font-family: 'Roboto-Regular';
    color: #ffffff;
    background-color: #584107;
    text-align: center;
    margin: 0;
    line-height: 44px;
	}


.sheets > article
{ 
    margin-top: 0;
    padding: 0;}

.sheets object
{width:30%; float:left;}

.sheets ul
{ font-family: 'Roboto-Regular'; font-size:1.500rem; margin:0;}

.sheets ul li
{   display: block;
    line-height: 38px;
	
	 }

.sheets ul li:last-child
{margin-bottom:0; border-bottm:0px;}
.sheets ul li a:last-child
{border-bottm:0px;}

.sheets ul li a
{text-decoration: none;
    color: #000000;
    display: block;
    font-size: 14px;
    border-bottom: 1px dotted #af9578;
    background-color: #ffecd7;
    padding: 0px 20px;}

.sheets ul li a:hover
{text-decoration:none; color:#000000;background-color: #fee7b2;}

.sheets p
{text-align:right; font-family:"monsterrat-bold", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size:1.500rem;}

.bg-object
{z-index:10000; width:45%; position:absolute; top:-8%; right:-20%; opacity:0.4; /*-webkit-animation: spinnerRotate 0.3s linear infinite; -moz-animation: spinnerRotate 0.3s linear infinite; -o-animation: spinnerRotate 0.3s linear infinite; -ms-animation: spinnerRotate 0.3s linear infinite; animation: spinnerRotate 0.3s linear infinite;*/ -webkit-animation-name: spinnerRotate; -webkit-animation-duration: 160s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spinnerRotate;    -moz-animation-duration: 160s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spinnerRotate; -ms-animation-duration: 160s;    -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-duration:160s; animation-iteration-count:infinite;animation-timing-function:linear;animation-name:spinnerRotate;}

@-webkit-keyframes spinnerRotate
{
    from{transform:rotate(0deg); }
    to{transform:rotate(360deg);}
}
@-moz-keyframes spinnerRotate
{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
}
@keyframes spinnerRotate
{
	from{transform:rotate(0deg);}
	to{transform:rotate(360deg);}
}

.clip-svg
{width:0; height:0;}

.clip-polygon
{-webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0 67%); clip-path: polygon(0 0, 100% 0, 100% 85%, 0 67%); -webkit-clip-path:url('#clip-svg-demo'); clip-path:url('#clip-svg-demo');}

/*news section*/

.about h2 {
    width: 100%;
    font-size: 40px;
    border-bottom: 1px solid #8e6900;
    margin: 0;
    padding-bottom: 10px;
   	text-align:left;
}
.about h3 {
    width: 100%;
    color: #86701b;
	text-align:center;
	font-size: 38px;
	padding:10px 20px;
	
}
.about h4 {
   
    color: #8e6900;
	
}
.about p {
    margin: 0px 0px 5px;
}
.about ul li {
   
     list-style-type: none;
    font-weight: 500;
    line-height: 29px;
	
}
.about ul li i { 
color:#86701b;

}

.news
{
	width: 100%;
    margin: 0;
    border-top: 1px dotted #bdb191;
    padding-top: 10px;
    margin-top: 18px;
   
}
.news a { 
color:#C59A2C;
}
.news a:hover { 
color:#FFF;
}



.news h2
{width:100%; font-size:48px; border-bottom:1px solid #8e6900; margin:0; padding-bottom:10px; text-align:center; color: #86701b;}

.news ul
{margin:20px -8px 0 -8px; list-style-type:none; padding:0;}

.news ul il:hover {
	color:#8C1D1F;
}

.news > p
{text-align:letf; font-family:"monsterrat-bold", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size:1.500rem; margin-top:20px; text-align:justify;}

.news-wrapper
{position:relative;}

.services ul {
    margin:0;
	padding:0px;
	list-style-type:none;
}
.services ul li {
	margin:8px 5px;
	font-weight:500;
}
.services ul li i {
	margin: 0px 8px 0px 0;
    color: #8e6900;
	font-size:12px;
	
}


button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
	padding: 4px 5px;
    float: left;
    width: 134px;
    border: 0;
    border-radius: 3px;
}
.btn-danger {
    color: rgb(255, 255, 255);
    background-color: rgb(88, 65, 7);
    border-color: rgb(212, 63, 58);
    padding: 17px;
}

.media-list-item
{margin-bottom:0; box-sizing:border-box; width:25%; float:left; padding-left:8px; padding-right:8px; position:relative;}

.media-list-item .news-link p
{color:#fff; font-family:"monsterrat", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size:1.250rem; padding-left:6%; padding-right:6%; padding-bottom:15px;}

.media-list-item__1
{width:50%; box-sizing:border-box; float:left; padding-left:8px; padding-right:8px;}

.media-list-item__1 .news-link p
{color:#fff; font-family:"monsterrat", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size:1.875rem; padding-left:3%; padding-right:3%; padding-bottom:15px;}

.media-list-item__2, .media-list-item__3
{margin-bottom:9px;}

.media-list-item__4, .media-list-item__5
{margin-bottom:0;}

.media
{overflow:hidden;}

.media-overlay
{position:relative;}

.media-overlay .media-image
{float:none; padding:0; width:100%;}

.responsive-image
{height:0; overflow:hidden; padding-bottom:50%; z-index:0;}

.responsive-image > img
{width:100%;}

.overlay
{position:absolute; top:0; bottom:0; left:8px; right:8px; background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.75)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.75)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.75)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.75)); z-index:1;}

.news-link
{position:absolute; bottom:0; left:0; z-index:2;}

.news-link p
{color:#fff; font-family:"monsterrat-bold", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size:1.875rem; padding-left:3%; padding-right:3%; padding-bottom:15px; /*z-index:6*/}

.link
{position:absolute; top:44px; left:8px; bottom:0; right:8px; z-index:2;}


/*videos section*/
.videos
{margin:0;}

/*miscellenous classes*/
.marginBottom40
{margin-bottom:40px;}

a.svg
{position:relative;}

a.svg:after
{content:""; position:absolute; top:0; right:0; bottom:0; left:0;}

.wrapper
{height:auto; position:relative;}

/*classes for javascript*/
#reveal
{display:none;}

/*#revealSheets
{display:none;}*/

/*Media Queries - For responsive */
@media (min-height:1000px) {
	#reveal
	{display:flex;}
}

@media (max-width:991px) {
	/*Menu related CSS*/
	.nav-btn
	{display:block;}
	
	.close-btn
	{display:block;}
	
	#nav
	{position:absolute; top:0; width:50%; padding-top:106px;}
	
	#nav:not(:target)
	{z-index:1; height:0;}
	
	#nav:target .close-btn 
	{display: block;}
	
  	#nav .close-btn
	{position: absolute; top: -69px; left: 5px;}
	
  	#nav .block
	{position: relative; padding: 0;}
  
  	#nav li 
	{position: static; display:block; border-top: 1px solid rgba(255, 255, 255, 0.1); float:none;}
  	
	#nav li:last-child 
	{border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
  	
	#nav li.is-active:after 
	{z-index: 50; display: block; content: ""; position: absolute; top: 50%; right: -0.03125em; margin-top: -0.625em; border-top: 0.625em transparent solid; border-bottom: 0.625em transparent solid; border-right: 0.625em white solid;}
	
	#nav li a 
	{padding: 10px; font-weight:bold; font-size:14px; color:#FFFFFF;}
	
	#nav li a:hover
	{background:#634900; color:#ffffff;}
	
	.js-ready #nav 
	{height: 100%; width: 41%; background: #8e6900; -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);}
	
  	.js-ready #nav .block 
	{background: transparent;}
  	
	.js-ready #nav .close-btn 
	{display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7;}
  	
	.js-ready #nav .close-btn:focus, .js-ready #nav .close-btn:hover 
	{filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}

  	.js-ready #nav 
	{left: -40%; margin-top:0;}
  	
	.js-ready #inner-wrap 
	{left: 0;}

  	.js-nav #inner-wrap 
	{left: 40%; height:100%;}
  
  	.csstransforms3d.csstransitions.js-ready #nav 
	{left: -2%; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden;   backface-visibility: hidden;}
	
  	.csstransforms3d.csstransitions.js-ready #inner-wrap 
	{left: 0 !important; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;}

  	.csstransforms3d.csstransitions.js-nav #inner-wrap 
	{-webkit-transform: translate3d(40%, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(40%, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(40%, 0, 0) scale3d(1, 1, 1); -o-transform: translate3d(40%, 0, 0) scale3d(1, 1, 1); transform: translate3d(40%, 0, 0) scale3d(1, 1, 1); height:100%;}

  	.csstransforms3d.csstransitions.js-ready #nav .block 
	{filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease; -webkit-transition-delay: ease, 0s; -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease; -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease; transition: opacity 300ms 100ms ease, transform 500ms ease; -webkit-transform: translate3d(40%, 0, 0) scale3d(0.9, 0.9, 0.9); -moz-transform: translate3d(40%, 0, 0) scale3d(0.9, 0.9, 0.9); -ms-transform: translate3d(40%, 0, 0) scale3d(0.9, 0.9, 0.9); -o-transform: translate3d(40%, 0, 0) scale3d(0.9, 0.9, 0.9); transform: translate3d(40%, 0, 0) scale3d(0.9, 0.9, 0.9); -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; height:100%;}

  	.csstransforms3d.csstransitions.js-nav #nav .block 
	{filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}