/* Custom CSS */

#header { background: #000 url(images/header.jpg) left top no-repeat; background-size: cover; min-height: 50px; color: #fff; }
#header a { color: #fff; }
#header ul.main-menu { margin: 90px 0 0; padding: 0; display: block; float: left; }
#header ul.main-menu>li { margin: 0 14.5px 0 0; padding: 0; display: inline-block; position: relative; }
#header ul.main-menu>li:after { content: ''; display: inline-block; height: 10px; width: 10px; background: #fff; margin-left: 10px;}
#header ul.main-menu>li:last-child:after { display: none; }
#header ul.main-menu>li>a { font-size: 14px; text-transform: uppercase; }
#header ul.main-menu>li>a:hover,
#header ul.main-menu>li>a:focus { color: #7d7f33; }
#header ul.main-menu>li:hover:after,
#header ul.main-menu>li:focus:after { background: #7d7f33; }

div#header.fixed { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999; border-bottom: 2px solid #fff; }

#header ul.sec-menu { display: block; margin: 85px 0 0; margin-left: 10px; padding: 0; float: left; }
#header ul.sec-menu>li { display: inline-block; font-size: 11px; vertical-align: middle; line-height: 15px; margin: 0 2px; }
#header ul.sec-menu>li>a { display: block; background: #bd9f3f; color: #fff; text-align: center; padding: 7px; }
#header ul.sec-menu>li:nth-child(2)>a { padding: 1.5px 7px; line-height: 13px; }
#header ul.sec-menu>li>a:hover,
#header ul.sec-menu>li>a:focus { background: #285742; }

#header ul.lst-menu { float: right; margin: -20px 0 0; }
#header ul.lst-menu>li { display: inline-block; font-size: 11px; margin: 0 2px }
#header ul.lst-menu>li>a { display: block; padding: 94px  10px 0; background: url(images/menu-1.jpg) top center no-repeat; text-align: center; font-size: 14px; }
#header ul.lst-menu>li:last-child>a { background: url(images/menu-2.jpg) top center no-repeat; }
#header ul.lst-menu>li>a:hover { /*opacity: 0.8;*/ text-decoration:underline; }

#header .social { position: absolute; top: 35px; right: 198px; }
#header .social a { margin-left: 5px; }
#header .social a:hover img { opacity: 0.8; }

.bg-css { background-position: center center; background-size: cover; background-repeat: no-repeat; }

.video { min-height: 550px; background-size: cover; position: relative; }
.video object,
.video iframe{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%;}

.black-strip { background: #000 url(images/row-pn.png) center center repeat-x; min-height: 45px; }

#section1 { background: url(images/bg2.png) center center no-repeat; background-size: cover; color: #fff; padding: 5px 0; }
.black-bg p { margin: 0; padding: 0; line-height: 25px; }

.black-bg { background: #000; color: #fff; }

.absolute-div .mid-section { color: #fff; }

.grey-strip,
.green-strip { background: url(images/grey-strip.png) center center repeat-x; min-height: 20px; margin: 5px 0; }
.grey-strip { margin-bottom: 30px; } 
.green-strip { background: url(images/green-strip.png) center center repeat-x; margin-top: 30px; }

.no-sap-img .grey-strip,
.no-sap-img .green-strip { background: none !important; }

.container-small .container { max-width: 936px; }

.black-bg p { line-height: 30px; }
.big-font { font-size: 48px; line-height: 48px; }

p:last-child { margin-bottom: 0; }

.slider { margin: 0; padding: 0; }
.slider li { margin: 0; padding: 0; min-height: 550px; background-size: cover; background-position: center center; }

.bg-css { position: relative; }
.absolute-div { position: absolute; top: 0; margin: 0 auto; width: 90%; z-index: 99; left: 0; right: 0; margin-top:180px;}

.bx-has-controls-direction { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 9; }
.bx-controls-direction { position: absolute; top: 50%; margin-top: -23px; left: 30px; right: 30px; }
.bx-controls-direction a.bx-prev,
.bx-controls-direction a.bx-next { height: 38px; width: 24px; font-size: 0px; background-color: transparent !important; padding: 4px; display: block; }
.bx-controls-direction a.bx-prev { background: url(images/arrow-left.png) center center no-repeat; float: left; }
.bx-controls-direction a.bx-next { background: url(images/arrow-right.png) center center no-repeat; float: right; }

.bx-controls-direction a.bx-prev:hover,
.bx-controls-direction a.bx-next:hover { background-color: #000 !important; }

h4 { font-size: 48px; margin: 0; line-height: 48px; font-weight: 400; }   

.inline-span { display: inline-block; vertical-align: top; }
#section4  h4 { margin-right: 40px; }
.cstm-btn { color: #fff; font-size: 24px; margin: 0px 40px 0; line-height: 25px; position: relative; }
.cstm-btn small { display: block; font-size: 16px; margin: 5px 0 0; vertical-align: top; }

.green-tag:before,
.blue-tag:before { content: ''; background: url(images/blue-left.png) center center no-repeat; height: 22px; width: 25px; position: absolute; left: 0; top: 0; left: -40px; top: 5px; }
.green-tag:before { background: url(images/green-left.png) center center no-repeat; }

.blue-tag:hover { color: #1bb0b3; }
.green-tag:hover { color: #8d8e5a; }

.fish-row { overflow: hidden; position: relative; margin: 20px 0 0; }
.fish-row .fish-col { float: left; font-size: 11px; line-height: 15px; }
.fish-row .fish-col.col-4 { width: 25%; }
.fish-row .fish-col.col-3 { width: 33.33%; }
.fish-row .fish-col span.green { color: #a2974e; }
.fish-row .fish-col img { float: left; margin-right: 5px; margin-top: 10px; margin-bottom: 10px; }


#footer { padding: 0 0 40px; }
#footer .black-strip { background: #fff url(images/down-footer.png) center center repeat-x; margin: 0 0 40px; }
#footer h2 { font-size: 45px; text-shadow: 0 0; background: #535439; float: left; padding: 0 10px; line-height: 60px; color: #fff; }
#footer h3 { text-shadow: 0 0; font-weight: 200; font-size: 18px; letter-spacing: 0; margin: 0 0 40px; }
#footer h4 { font-size: 45px; text-shadow: 0 0; font-weight: 200; margin: 40px 0 20px; text-align: right; }

#footer form p { position: relative; }
#footer form p label { position: absolute; top: 10px; left: 10px; }
#footer form input,
#footer form textarea { background: #dbdcdc; border: 0px; padding: 10px; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#footer form input[type="submit"] { float: right; border-radius: 0; padding: 5px 20px; margin: 10px 0 0; background: #000; }
#footer form input[type="submit"]:hover,
#footer form input[type="submit"]:focus { background: #284b4f; }
#footer form textarea { height: 120px; }
#footer hr { margin: 0 0 10px; border: 1px solid #3b3d25; clear: both; }

#footer .footer-number { float: right; }
#footer .footer-number p { letter-spacing: 2px; text-align: center; }

#section10 { background: #284b4f; }
#section10 ul.footer-menu { display: table; margin: 0 auto; padding: 10px 0; }
#section10 ul.footer-menu>li { display: inline-block; }
#section10 ul.footer-menu>li:after { content: ''; width: 10px; height: 10px; display: inline-block; margin: 0 10px; background: #fff; position: relative; top: -1px; margin-right: 20px; }
#section10 ul.footer-menu>li:last-child:after { display: none; }
#section10 ul.footer-menu>li>a { color: #fff; }
#section10 ul.footer-menu>li:hover:after { background: #b6b762; }
#section10 ul.footer-menu>li>a:hover,
#section10 ul.footer-menu>li>a:focus { color: #b6b762; }

#section10 .span_12_of_12 select,
#toggle { display: none; }
#toggle { width: 28px; height: 30px; margin: 0 auto 0; cursor: pointer; position: absolute; right: 20px; bottom: 7px; } 
#toggle span:after,
#toggle span:before { content: ""; position: absolute; left: 0; top: -9px; }
#toggle span:after{ top: 9px; }
#toggle span { position: relative; display: block; }
#toggle span,
#toggle span:after,
#toggle span:before { width: 100%; height: 5px; background-color: #888; transition: all 0.3s; backface-visibility: hidden; border-radius: 2px; }
#toggle.on span { background-color: transparent; }
#toggle.on span:before { transform: rotate(45deg) translate(5px, 5px); }
#toggle.on span:after { transform: rotate(-45deg) translate(7px, -8px); }

#mobile-menu { display: none; }

.rooster {
  position: fixed;
  right: 5px;
  top: 145px;
  z-index: 1000;
}

/************************************************  
													Mobile 1100 - 1024
																  ************************************************/

@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 

	#header ul.main-menu { margin: 88px 0 0; }
	#header ul.main-menu>li:after { display: none; }
	#header ul.main-menu>li { margin: 0 10px 0 0; }
	#header ul.sec-menu>li>a { padding: 7px 5px; }
	#header .social { right: 218px; }
	
	.video,
	.slider li { min-height: 400px; }

	.fish-row .fish-col img { float: none; display: block; margin: 0 auto 10px; }
	.fish-row .fish-col { text-align: center; }

.rooster {

  width:20%!important;
}


	
}

/************************************************  
													Mobile 979
																  ************************************************/
@media (min-width: 768px) and (max-width: 979px) {
	
	.rooster {

  width:20%!important;
}

	
	#header ul.main-menu { margin: 88px 0 0; }
	#header ul.main-menu>li:after { display: none; }
	#header ul.main-menu>li { margin: 0 10px 0 0; }
	#header ul.sec-menu>li>a { padding: 7px 5px; }
	#header .social { right: 158px; }
	
	.video,
	.slider li { min-height: 400px; }
	.absolute-div { width: 90%; }
	
	.bx-controls-direction { left: 0; right: 0; } 
	.bx-controls-direction a.bx-prev, .bx-controls-direction a.bx-next { background-color: #999 !important; }

	.fish-row .fish-col img { float: none; display: block; margin: 0 auto 10px; }
	.fish-row .fish-col { text-align: center; }
	
	#section10 .span_12_of_12 ul { display: none; }
	#section10 .span_12_of_12 select { display: block; margin: 10px auto; display: table; }
	
	#section4 h4 { margin-right: 30px; }
	.cstm-btn { margin: 0px 20px 0; }
	.green-tag:before, .blue-tag:before { left: -30px; }
	
	div#section5 img { margin: 15px auto; display: block; }
	
	#header .social,
	#header ul.main-menu,
	#header ul.sec-menu,
	#header ul.lst-menu { display: none; } 
	
	div#logo { margin: 15px 0 0; }
	
	#toggle { display: block; }
	div#header { position: relative; }
	
	div#mobile-menu { position: absolute; z-index: 9999; background: #000; left: 0; right: 0; padding: 10px 30px 30px; overflow: auto; }
	div#mobile-menu ul { margin: 30px 0; }
	div#mobile-menu ul li { margin: 10px 0; line-height: 20px; display: block; }
	div#mobile-menu ul li a { display: block; color: #fff; }
	div#mobile-menu ul li a:hover,
	div#mobile-menu ul li a:focus { display: block; color: #1bb0b3; }
	
	#footer form { margin-bottom: 30px; clear: both; }
	#section10 .span_12_of_12 select { position: relative; margin: 10px auto; }
	
	#section4 h4 { display: block; float: none; margin: 20px; text-align: center; }
	.cstm-btn { display: block; margin: 20px; }
	
	#footer h4 { font-size: 30px; }
	
	div#header.fixed { position: relative; }
	.get_height { height: 0px !important; }
	
	#footer .clearfix.text-right,
	#footer .footer-number,
	#footer .footer-number * { text-align: center; float: none; }
	
	#footer form input[type="submit"] { float: none; margin: 20px auto 0; padding: 15px 40px; }
	#footer h2 { float: none; display: table; margin: 10px auto 25px; }
	#footer h3 { text-align: center; }
	
	.cstm-btn { max-width: 260px; margin: 0 auto 20px; text-align: center; }
	#section1,
	div#section2 { padding: 20px 0; }
	#section1 p, div#section2 p { margin: 0; line-height: 28px; }
	
	.span_12_of_12,
	.span_11_of_12,
	.span_10_of_12,
	.span_9_of_12,
	.span_8_of_12,
	.span_7_of_12,
	.span_6_of_12,
	.span_5_of_12,
	.span_4_of_12,
	.span_3_of_12,
	.span_2_of_12,
	.span_1_of_12,
	#main .span_8_of_12,
	#main .span_2_of_12 { width: 100%; }
	
	.col { margin: 1% 0; }
	
	.item-row .span_3_of_12.col { width: 50%; }
}


/************************************************  
													Mobile 767
																  ************************************************/
@media (max-width: 767px) {
.rooster {

  width:20%!important;
}

	h2 { font-size: 30px; line-height: 30px; }
	h5 { font-size: 18px; line-height: 30px; }

	#header ul.main-menu { margin: 88px 0 0; }
	#header ul.main-menu>li:after { display: none; }
	#header ul.main-menu>li { margin: 0 10px 0 0; }
	#header ul.sec-menu>li>a { padding: 7px 5px; }
	#header .social { right: 158px; }
	
	.video { min-height: 150px; } /*for video is 250*/
	
	.slider li { min-height: 300px; }
	
	.absolute-div { width: 90%; }
	
	.bx-controls-direction { left: 0; right: 0; } 
	.bx-controls-direction a.bx-prev, .bx-controls-direction a.bx-next { background-color: #999 !important; }

	.fish-row .fish-col img { float: none; display: block; margin: 0 auto 10px; }
	.fish-row .fish-col { text-align: center; }
	
	#section10 .span_12_of_12 ul { display: none; }
	#section10 .span_12_of_12 select { display: block; margin: 10px auto; display: table; }
	
	#section4 h4 { margin-right: 30px; }
	.cstm-btn { margin: 0px 20px 0; }
	.green-tag:before, .blue-tag:before { left: -30px; }
	
	div#section5 img { margin: 15px auto; display: block; }
	
	#header .social,
	#header ul.main-menu,
	#header ul.sec-menu,
	#header ul.lst-menu { display: none; } 
	
	div#logo { margin: 15px 0 0; }
	
	#toggle { display: block; }
	div#header { position: relative; }
	
	div#mobile-menu { position: absolute; z-index: 9999; background: #000; left: 0; right: 0; padding: 10px 30px 30px; overflow: auto; }
	div#mobile-menu ul { margin: 30px 0; }
	div#mobile-menu ul li { margin: 10px 0; line-height: 20px; display: block; }
	div#mobile-menu ul li a { display: block; color: #fff; }
	div#mobile-menu ul li a:hover,
	div#mobile-menu ul li a:focus { display: block; color: #1bb0b3; }
	
	#footer form { margin-bottom: 30px; clear: both; }
	#section10 .span_12_of_12 select { position: relative; margin: 10px auto; }
	
	#section4 h4 { display: block; float: none; margin: 20px; text-align: center; }
	.cstm-btn { display: block; margin: 20px; }
	
	#footer h4 { font-size: 30px; }
	
	div#header.fixed { position: relative; }
	.get_height { height: 0px !important; }
	
	#footer .clearfix.text-right,
	#footer .footer-number,
	#footer .footer-number * { text-align: center; float: none; }
	
	#footer form input[type="submit"] { float: none; margin: 20px auto 0; padding: 15px 40px; }
	#footer h2 { float: none; display: table; margin: 10px auto 25px; }
	#footer h3 { text-align: center; }
	
	.cstm-btn { max-width: 260px; margin: 0 auto 20px; text-align: center; }
	#section1,
	div#section2 { padding: 20px 0; }
	#section1 p, div#section2 p { margin: 0; line-height: 28px; }
	
	.span_12_of_12,
	.span_11_of_12,
	.span_10_of_12,
	.span_9_of_12,
	.span_8_of_12,
	.span_7_of_12,
	.span_6_of_12,
	.span_5_of_12,
	.span_4_of_12,
	.span_3_of_12,
	.span_2_of_12,
	.span_1_of_12,
	#main .span_8_of_12,
	#main .span_2_of_12 { width: 100%; }
	
	.col { margin: 1% 0; }
	
	.item-row .span_3_of_12.col { width: 50%; }
	
	.absolute-div{margin-top:50px;text-align:center;}
	
}

/************************************************  
													Mobile 480 
																  ************************************************/
@media only screen and (max-width: 480px) {
	
	.rooster {

  width:20%!important;
}

}