@import url(reset.css);
@import url(font-awesome.css);
@import url(//fonts.googleapis.com/css?family=Bevan|Roboto+Slab|Oswald:400,700);
@import url(//fonts.googleapis.com/css?family=Arvo:400,700);

/* 
	font-family: 'Bevan', cursive;	
	font-family: 'Roboto Slab', serif;
	font-family: 'Oswald', sans-serif;
	font-family: 'Arvo', serif;
*/


body { 	
	background:#1b1b1b url("../images/bg-top.jpg") 50% top no-repeat;
	color:#212121;
	font-size:14px; 
	font-family:'Roboto Slab', serif;
	line-height:20px; 	
}
.container{position:relative;z-index:1;margin:0 auto;width:940px;}
a{color:#56ba05;text-decoration:underline;}
a:focus{color:#56ba05;text-decoration:none;}
a:hover{text-decoration:none;color:#fff}
p{margin:0;padding:0;line-height:23px;}

/* TOP */
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#header {
	padding-bottom: 10px;
	position: relative;
	z-index: 12;
}
#header p {
	font-size: 30px;
	text-transform: uppercase;
	color: #bf9b55;
	font-family: 'Oswald', sans-serif;
	line-height: 32px;
	padding-top: 40px;
	padding-bottom: 20px;
	float: left;
	width: 35%;
	text-align: center;
}
#header .logo {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -140px;
	z-index: 110;
}

/* Nav */
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#nav {
	position: relative;
	z-index: 11;
	padding-top: 20px;
	padding-bottom: 25px;
}
a.menu {
	display: none;
}
.sf-menu > li {
	float: left;
	position: relative;
	margin:0 0 0 8px; 
}
.sf-menu > li.separator {
	width: 220px;
	height: 20px;
}
.sf-menu > li > a {
	color: #e3d6ca;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 20px;
	font-weight: 400;
	text-decoration: none;
	padding: 10px 20px;
	display: block;
	font-family: 'Oswald', sans-serif;
}
.sf-menu > li > a:hover,
.sf-menu > li > a.active {
	color: #fdefe2;
	background: #776136;
}
.sf-menu > li.has_menu > a {
	background: url('../images/arrow_menu.png') right -6px no-repeat;
	padding-right: 16px;
	margin-right: -18px
}
.sf-menu > li.has_menu:hover > a {
	background: url('../images/arrow_menu.png') right 23px no-repeat;
}




/* slider */
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#slider {
	padding-top: 25px;
	position: relative;
	z-index: 10;
	width: 100%;
	overflow: hidden;
	margin-top: -10px;
	padding-bottom: 80px;
}
#slider .caption {
	color:#fff;
	text-transform: uppercase;
	font-size: 40px;
	line-height: 60px;
	font-family: 'Arvo', serif;
  font-weight: 700;
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: -72px;
  z-index: 11;
}
.flexslider {
	z-index: 11;
	background: #fff;
}

.fence-masters {
	position: absolute;
	z-index: 12;
	top: -32px;
	left: 15px;
}

#slider .flex-control-nav {
	display: none;
}
#slider .flex-direction-nav .flex-prev,
#slider .flex-direction-nav .flex-next {
	text-indent: -9999px;
	font-size: 0px;
	height: 40px;	
	width: 40px;
	top: inherit;
	bottom: -62px;
  background:  url('../images/left.jpg') left 50% no-repeat;
}
#slider .flex-direction-nav .flex-next  {
  background:  url('../images/right.jpg') left 50% no-repeat;
}
.flexslider .slides img.slogan {
	position: absolute;
	z-index: 10;
	bottom: -80px;
	max-width: inherit;
	left: -68px;
	width: auto;
}
.slogan-bg {
	position: absolute;
	z-index: 10;
	bottom: -80px;
	max-width: inherit;
	left: -53px;
	width: auto;	
}
.red {
	color:#f00;
}

/* Content */
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#content {
  background:  url('../images/bg-content.jpg') 50% 0% repeat;
  border-top: 1px #3d3c3b solid;
  padding-top: 120px;
  margin-top: -70px;
}
.left-column {
	border-right: 1px #754530 solid;
	text-align: center;
	margin-bottom: 10px;
}
p.column-logo {
	text-align: center;
	color: #c9b286;
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	background: url("../images/duble-line.png") 50% bottom no-repeat;
	padding-bottom: 25px;
	margin-bottom: 20px;
}
#content p.phone {
	color: #fff;
	font-size: 28px;
	font-family: 'Roboto Slab', serif;
	text-align: center;
	font-weight: 700;
	line-height: 32px;
	margin-bottom: 20px;	
}

.content {
	  padding-bottom: 60px;
}

.mail {
	display: inline-block;
	border:1px #ba9076 solid;
	text-transform: uppercase;
	text-align: center;
	padding-right: 25px;
	padding-left: 25px;
	line-height: 25px;
	color: #fbe9d8;
	background:#776136;	
	outline: 3px #776136 solid;
	text-decoration: none;  	 	
}
.mail:hover {
	color: #fff;
	outline: 3px #776136 solid;
}
h1 {
	font-size: 30px;
	line-height: 40px;
	color: #c9b286;
	font-weight: 700;
	font-family: 'Arvo', serif;
	padding: 0;
	margin: 0;
	padding-bottom: 15px;	
}

h2 {
	font-size: 36px;
	line-height: 40px;
	color: #c9b286;
	font-weight: 700;
	font-family: 'Arvo', serif;
	padding: 0;
	margin: 0;
	padding-bottom: 15px;	
	text-transform: uppercase;
}

a.photo, .photo {
	border:5px #754530 solid;
	display: block;
	margin-bottom: 20px;
}
a.photo:hover {
	border-color:#513224 ;
}
a.photo img {
	border:1px #ba9076 solid;
}

#content p {
	color: #d0c6ba;
	font-size: 16px;
	line-height: 20px;
	font-family: 'Roboto Slab', serif;
	padding-bottom: 12px;	
}

#content p strong {
	color: #c9b286;
}

.left_30 {
	margin-left: 20px;
	margin-bottom: 15px;
}


hr {
	border:none;
	border-bottom:#754530 dashed 1px;
	margin-bottom: 40px; 
	clear: both;
	padding-top: 20px;
}


/* Contact */
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
.contact-form textarea,
.contact-form select,
.contact-form input {
	background: #fff;
	border:1px #c7c7c7 solid;
	-webkit-border-radius:  3px;
	-moz-border-radius:  3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 15px;
	width: 98%;
	line-height: 32px;
	height: 32px;
	min-height: 20px;
	padding-left: 2%;
	margin-bottom: 10px;
	color: #797979;
}
.contact-form textarea {
	height: 70px;
	resize: none;
}

.contact-form textarea,
.contact-form select {
	width: 99%;
}
.contact-form input.capthca {
	width: 150px;
	float: left;
	padding-left: 1%
}
#captcha {
	height: 45px;
	width: 140px;
	float: left;
	margin-bottom: 10px;
	margin-left: 5px;
}
.submit {
	border:1px #ba9076 solid;
	text-transform: uppercase;
	text-align: center;
	padding-right: 25px;
	padding-left: 25px;
	line-height: 25px;
	color: #fbe9d8;
	background:#776136;	
	outline: 3px #776136 solid;
	text-decoration: none;
	clear: both;  	 	
}
.submit:hover {
	background: #513224;
	outline-color:#513224; 
}

.notification_error {
	color: #f00;
	clear: both;
	padding-top: 25px;
}
#note {
	clear: both;
}




/* COPYRIGHT */
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#copyright {
	padding-top: 15px;
	background: #382f2a;
	border:1px #524239 solid;
	border-bottom: none;
	outline: 3px #382f2a solid;
	position: relative;
	padding-left: 25px;
	padding-right: 25px;
}
#copyright p {
	color: #827d70;
	font-size: 12px;
}
#copyright p a {
	color: #b3ad9d;
}

a.fish {
	display: block;
	position: relative;
	right: 0;
	margin-top: -36px;
	float: right;
	margin-left: 10px;
}


/* ______________________________________________________________________________________________________________________________________________________________________ */
img {
	max-width: 100%;
}
img.center {
	margin:0 auto;
	display: block;
	  
}

.map {
	position: relative;
	width: 100%;
}
.map iframe {
	width: 100%;
	height: 275px;
}




/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||   1 6 0 0  |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

@media (min-width:1600px){
	body {
		background-size: 100%;
	}

}

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||   1 2 0 0  |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

@media (min-width:1200px){
	.container {
		width: 1170px;
	}	
	.left-column {
		padding-bottom: 30px;
	}
	#header {
		background: url("../images/top-line.png") 50% bottom  no-repeat;
	}

}

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  1 1 9 9   |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

@media (max-width:1199px){
	#header {
		background: url("../images/bg-header-2.png") 50% bottom no-repeat;
	}
	#header p {
		font-size: 24px;
	}
	.sf-menu > li {
		margin-left: 0;
	}
	.sf-menu > li.separator {
	    width: 230px;
	}	
	.sf-menu > li > a {
		font-size: 16px;
		padding: 10px 12px;
	}
	.fence-masters {
		width: 96.8%;
	}
	#slider .caption {
		font-size: 28px;
	}
	.slogan-bg,
	.flexslider .slides img.slogan {
		width: 1020px;
		bottom:-60px;
	}
	.slogan-bg {
		left:-40px;
	}
	.flexslider .slides img.slogan {
		left:-55px;
	}
	#slider .caption {
		bottom: -58px;
	}
	#slider .flex-direction-nav .flex-prev, #slider .flex-direction-nav .flex-next {
		bottom: -48px;
	}
	p.column-logo img {
		max-width: 80%;
	}
	h1 {
		font-size: 24px;
		padding-bottom: 5px;
	}
	#header .logo {
		width: 240px;
		margin-left: -116px;
		top: 20px;
	}
	.fence-masters {
		top: -30px;
	}

}
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||   9 7 9  |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

@media (max-width:979px){
	.container {
		width: 760px;
	}	
	#header p {
		font-size: 20px;
	}
	#header {
		background: url("../images/bg-header-3.png") 51% bottom no-repeat;
	}
	img.left_30 {
		max-width: 40%;
	}
	.slogan-bg,
	.flexslider .slides img.slogan {
		width: 820px;
		bottom:-50px;
	}
	.slogan-bg {
		left:-30px;
	}
	.flexslider .slides img.slogan {
		left:-44px;
	}
	#slider .flexslider .flex-direction-nav .flex-next {
		right:4px;
	}
	#slider .flexslider .flex-direction-nav .flex-prev {
		left:4px;
	}
	#slider .flex-direction-nav .flex-prev, #slider .flex-direction-nav .flex-next {
	    bottom: -44px;
	}
	#slider .caption {
    font-size: 22px;
    bottom: -54px;
	}
	#header .logo {
		width: 180px;
		margin-left: -90px;
		top: 50px;
	}
	#header p {
		padding-top: 30px;
	}
	.sf-menu > li > a {
		font-size: 13px;
		padding: 8px 6px;
	}
	.sf-menu > li.separator {
		width: 210px;
	}
	.fence-masters {
		width: 96%;
	}
	#slider {
		padding-top: 20px;
	}
	.fence-masters {
		top: -22px;
	}
	#content p.column-logo {
		font-size: 13px;
	}
	#content {
		padding-top: 80px;
	}
	h1 {
		font-size: 20px;
	}
	#content p {
		font-size: 14px;
	}
	#content p.phone {
		font-size: 20px;
	}
	#copyright p {
		font-size: 12px;
	}


}

 /* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  7 6 7   |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

@media (max-width:767px){
	.container{
			padding-left:20px;
			padding-right:20px;
			width:auto;
	}

	#copyright p {
		float: none!important;
	}
	#header {
		background: none;
	}
	#header p {
		font-size: 16px;
	}
	#header .logo {
		top: 10px;
		width: 140px;
		margin-left: -70px;
	}
	#nav {
		padding-top: 48px;
	}
	.sf-menu > li.separator {
		display: none;
	}
	.sf-menu > li {
		border-bottom: 1px #754530 solid;
	}
	#nav .sf-menu > li a {
		line-height: 32px;
		font-size: 16px;
	}
	.slogan-bg, .flexslider .slides img.slogan {
		display: none;
	}
	#slider .caption {
		background: #754530;
		font-size: 16px;
	}
	.fence-masters	{
		display: none;
	}
	#content p.column-logo {
		font-size: 16px;
	}
	#content p.column-logo img {
		display: block;
		margin: 0 auto;
	}
	.left-column {
		padding-bottom: 45px;
		border-right: 0;
	}
	img.left_30 {
		max-width: 30%;
		margin-left: 10px;
	}
	a.photo {
		border:none;
	}



	.sf-menu{float:none}
	.collapse{height:0}
	#nav .nav-collapse.collapse{height:0;}
	a.menu{display:block}
	.btn-navbar{display:block;}
	.nav-collapse,
	.nav-collapse.collapse{overflow:hidden;clear:both;}

  .nav-collapse {
    float: none;
    z-index: 120;
    clear: both;
    -webkit-transition: height .01s linear;
    -moz-transition: height .01s linear;
    -o-transition: height .01s linear;

    background: #513224;
  }


	.btn-navbar{
		text-decoration:none;
		font-weight:400;
		text-align:center;
		cursor:pointer;

		font-family: 'Oswald', sans-serif;
		border:1px #ba9076 solid;
		text-transform: uppercase;
		text-align: center;
		padding-right: 25px;
		padding-left: 25px;
		line-height: 25px;
		color: #fbe9d8;
		background:#776136;	
		outline: 3px #776136 solid;
		text-decoration: none;  
		width: 200px; 	
		margin: 0 auto;
		font-size: 16px;
		line-height: 28px;

	}
	.btn-navbar:hover{
		color: #fff;
		outline: 3px #776136 solid;
	}

	.sf-menu ul.dd_menu {
		margin-left: 0;
	}	
	.sf-menu > li > a {
		display: block;
		text-align: center;
		font-size: 18px;
	}
	.sf-menu > li {
		float: none;
		width: 100%
	}
	.sf-menu > li + li {
		padding-left: 0;
	}
	.sf-menu {
		overflow: hidden;
	}
	.sf-menu ul.dd_menu {
		position: relative;
		width: 100%;
	}
	.dd_menu li a {
		width: 100%;
		text-align: center;
		margin-left: 0;
	}



}

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  6 2 5  |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

@media (max-width:625px){
	.city a p {
		font-size: 13px;
		line-height: 20px;
	}
}


/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  4 8 0  |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
@media (max-width:481px){
	#header .logo {
		position: relative;
		width: 100%;
		margin-left: 0;
		left:0;
	}
	#header .logo img {
		display: block;
		margin: 0 auto;
	}
	#header p {
		float: none;
		width: 100%;
		color: #fff;
		font-size: 20px;
		line-height: 32px;
		padding-top: 10px;
		padding-bottom: 0px;
	}
	#nav {
		padding-top: 10px;
	}
	#slider .caption {
		padding-left: 40px;
		padding-right: 40px;
		font-size: 12px;
		line-height: 48px;
		padding-top: 4px;
		padding-bottom: 4px;
		min-height: 54px;
	}
	#slider .caption.first {
		font-size: 14px;
		padding-right: 40px;
		padding-left: 40px;
		line-height: 20px;
	}

	img.left_30 {
		float: none!important;
		max-width: 100%;
		display: block;
		margin-left: auto;
		margin-right: auto; 
	}
	h1 {
	    font-size: 18px;
	}
	#copyright {
		padding-left: 10px;
		padding-right: 10px;
	}
	a.fish {
		margin-top: -20px;
	}
	body {
		background: url("../images/bg-top-mobile.jpg") 50% top no-repeat;
		background-size: 600px;
	}



}

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  3 2 0  |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
@media (max-width:320px){
	body, html, #main{min-width:320px;padding-left:0;padding-right:0;margin-left:0;margin-right:0;}
	body.sub-page img#captcha {
		margin-left: 0
	}

}

a[href*="callto"]{text-decoration:none;}
p.text a[href*="callto"]{text-decoration:none;}
::selection{background:#68a136!important;color:#fff}
::-moz-selection{background:#68a136!important;color:#fff}