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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;}

html, body {background: transparent url('/template/images/bg.jpg') no-repeat 0 0 fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow-x: hidden; font-family: 'Open Sans', Arial, Sans-serif; font-size: 14px; line-height: 25px; font-weight: 400; color: #222;} 

img {border: 0; max-width: 100%; height: auto !important; vertical-align: middle !important;}

/***************** paragraphs *******************/

h1 {font-family: 'Open Sans', Arial, Sans-serif; margin: 0; padding: 0; color: #222; font-weight: 600; font-size: 40px; line-height: 50px; text-transform: uppercase; letter-spacing: 2px;}
h2 {font-family: 'Open Sans', Arial, Sans-serif; margin: 0; padding: 0; color: #222; font-weight: 600; font-size: 30px; line-height: 40px; text-transform: uppercase; letter-spacing: 2px;}
h3 {font-family: 'Open Sans', Arial, Sans-serif; margin: 0; padding: 0; color: #222; font-weight: 700; font-size: 20px; line-height: 30px; text-transform: uppercase; letter-spacing: 1px;}
h4 {font-family: 'Open Sans', Arial, Sans-serif; margin: 0; padding: 0; color: #222; font-weight: 700; font-size: 14px; line-height: 25px;}

h5 {font-size: 16px; line-height: 30px; padding: 0; display: inline-block; font-weight: 700; margin: 30px 0 0 0; color: #222;}
h5 a {font-style: italic; color: #222;}
h5 a:before {content: "\f138"; margin: 0 10px 0 0; font-family: FontAwesome; font-style: normal;}
h5 a:hover {color: #808080;}

em {font-style: italic;}
strong {font-weight: 700;}

p {padding: 15px 0 0 0;}

a {text-decoration: none; color: #808080; moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
a:hover {color: #222;}

blockquote {font-style: italic; padding: 0;}

::-moz-selection {color: #fff; background: #222;}
::selection {color: #fff; background: #222;}

/***************** line *******************/
hr {width: 100%; height: 1px; background-color: #222; color: #222; margin: 30px 0 10px 0; border: 0;}

/***************** Wrapper *********************/
.wrapper {width: 1400px; margin: 0 auto; padding: 0;}

.content-container {background: #fff; padding: 0 30px 30px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


/***************** Grid *********************/
.left {position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.right {position: relative; float: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.center {position: relative; float: none; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.w100 {width: 100%;}
.w90 {width: 90%;}
.w80 {width: 80%;}
.w70 {width: 70%;}
.w60 {width: 60%;}
.w50 {width: 50%;}
.w40 {width: 40%;}
.w30 {width: 30%;}
.w20 {width: 20%;}
.w10 {width: 10%;}

.w75 {width: 75%;}
.w25 {width: 25%;}

.w67 {width: 67%;}
.w33 {width: 33.33333%;}

.p0 {padding: 0;}
.p010 {padding: 0 10px;}
.p020 {padding: 0 20px;}
.p10 {padding: 10px;}
.p20 {padding: 20px;}
.p20305030 {padding: 20px 30px 50px 30px;}

.m10 {margin: 10px 0 0 0;}
.m20 {margin: 20px 0 0 0;}
.m30 {margin: 30px 0 0 0;}
.m40 {margin: 40px 0 0 0;}
.m50 {margin: 50px 0 0 0;}
.m180 {margin: 180px 0 0 0;}

.white {background: #fff;}

.black {background: rgba(0,0,0,.7);}
.black h3 {color: #fff;}

.puff {position: relative; float: left; padding: 10px; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.align-right {text-align: right;}
.align-left {text-align: left;}
.align-center {text-align: center;}

.border-box {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/***************** Structures ******************/

#site-header {width: 100%; padding: 50px 0 0 0; margin: 0; position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#site-logo {width: 100%; max-width: 200px; padding: 0; float:left;}

#site-banner {width: 100%; display: none; margin: 50px 0 0 0; padding: 0 10px; position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.slides {width: 100%;}
#slide_1 {height: 450px; padding: 0; background: transparent url('/files/slide_1.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#slide_2 {height: 450px; padding: 0; background: transparent url('/files/slide_2.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#slide_3 {height: 450px; padding: 0; background: transparent url('/files/slide_3.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#slide_4 {height: 450px; padding: 0; background: transparent url('/files/slide_4.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

#site-content {width: calc(80% - 35px); margin: 0 25px 0 10px; padding: 50px 0 100px 0; position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#site-content h1, #site-content h2, #site-content h3, #site-content h4 {padding: 20px 0 0 0;}
#site-content ul {list-style-position: inside; width: 100%; margin: 5px 0 0 0;}
#site-content ul li {width: 100%; font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

#site-links {width: calc(20% - 35px); margin: 0 10px 0 25px; font-size: 14px; line-height: 27px; padding: 30px 0 100px 0; position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#site-links  img {position: relative; z-index: 1000; width: 100%; opacity: 1; moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
#site-links  img:hover {opacity: .2;}
#site-links blockquote {position: absolute; width: 100%; text-align: center; background: transparent; font-style: normal; padding: 60px 0 0 0; top: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#site-links h5 {margin: 15px 0 0 0;}

#home-bottom .td img {position: relative; z-index: 1000; width: 100%; opacity: 1; moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
#home-bottom .td img:hover {opacity: .2;}
#home-bottom .td {position: relative;}
#home-bottom blockquote {position: absolute; width: 100%; background: transparent; font-style: normal; padding: 60px 0 0 0; top: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


/****************** START MENU ***********************/
#site-menu, #site-menu-button, #mobile-buttons {width: 100%; margin: 0; display: block;} 
#site-menu-button, #mobile-buttons {display: none; float: none;}
#site-menu-button a {color: #222; font-size: 20px; display: block; padding: 30px 0 15px 0; text-align: center; text-decoration: none;}
#site-menu.show {display: block;}

#menu {list-style: none; margin: 63px 0 0 0; width: auto; float: right;}
#menu li {float: left; margin: 0 0 0 30px;}
#menu li a {color: #222; font-style: normal; display: block; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; padding: 0; text-decoration: none;}
#menu li a:hover, #menu li.current_page_item a, #menu li.parent a {color: #808080;}

#menu ul.children {list-style: none; position: absolute; z-index: 9999;}
#menu ul.children li {float: none;}
#menu ul.children li a {background: #fff; color: #222; padding: 5px 20px; border: none; font-weight: 400;}
#menu ul.children li a:hover, #menu ul.children li.current_page_item a {color: #808080;}

#menu li ul.children {display: none;}
#menu li:hover ul.children {display: block;}

#mobile-buttons {list-style: none; border-top: 1px solid #222;}
#mobile-buttons li {width: 50%; float: left;}
#mobile-buttons li a {padding: 10px 20px; background: #fff; display: block; text-decoration: none; color: #222;}
#mobile-buttons li a:active {color: #808080;}
#mobile-buttons li:nth-child(2) a {background: #f2f2f2;}
#mobile-buttons li:nth-child(3) a {background: #f2f2f2;}
#mobile-buttons li:nth-child(6) a {background: #f2f2f2;}


/****************** END MENU ***********************/

.clear {clear: both;} 

iframe {width: 100%;}

#gallery td {position: relative; padding: 20px;}
#gallery img {width: 100%; max-width: 200px;}

table td {vertical-align: top;}

/* RESPONSIVE TABLE-MADNESS  */
.tr {display: table; width: 100%; table-layout: fixed;}
.td {display: table-cell; padding: 10px 10px; vertical-align: top;}

#contact-form {background: transparent; width: 100%; margin: 10px 0 0 0;}
#contact-form h2 {margin: 0; padding: 7px 0;}
#contact-form input {border: none; padding: 10px 15px; width: 100%; font-size: 16px; line-height: 30px; font-family: 'Open Sans', Arial, Sans-serif; color: #222; background: #f2f2f2; margin: 5px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#contact-form input:focus {background: #fff; color: #000;}
#contact-form input::-webkit-input-placeholder {color: #ccc;}
#contact-form input:-moz-placeholder {color: #ccc;}
#contact-form input::-moz-placeholder {color: #ccc;}
#contact-form input:-ms-input-placeholder {color: #ccc;}
#contact-form div.message-container {width: 100%;}
#contact-form div.message-container textarea {width: 100%; font-size: 16px; line-height: 30px; padding: 10px 15px; font-family: 'Open Sans', Arial, Sans-serif; margin: 5px 0; color: #222; background: #f2f2f2; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#contact-form div.message-container textarea:focus {background: #fff; color: #000;}
#contact-form div.message-container textarea::-webkit-input-placeholder {color: #ccc;}
#contact-form div.message-container textarea:-moz-placeholder {color: #ccc;}
#contact-form div.message-container textarea::-moz-placeholder {color: #ccc;}
#contact-form div.message-container textarea:-ms-input-placeholder {color: #ccc;}
#contact-form input#input_submit {background: #222; text-align: left; border: none; font-size: 16px; color: #fff; cursor: pointer; moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
#contact-form input#input_submit:hover {background: #808080;}
#contact-form label {width: 100%; display: inline-block; margin: 0; color:#333333;}
#contact-form p {margin: 0; padding: 0;}


@media screen and (max-width: 1400px) {
	.wrapper {width: 1200px;}
	.p20305030 {padding: 10px 20px 40px 20px;}
	#home-bottom blockquote {padding: 40px 0 0 0;}
	#site-links blockquote {padding: 40px 0 0 0;}
}

@media screen and (max-width: 1200px) {
    html, body {font-size: 14px; line-height: 25px;}
	.wrapper {width: 960px;}
	#slide_1 {height: 350px;}
    #slide_2 {height: 350px;}
    #slide_3 {height: 350px;}
    #slide_4 {height: 350px;}
    #site-banner .w25 {width: 40%;}
    .m180 {margin: 130px 0 0 0;}
    #menu li {margin: 0 0 0 15px; letter-spacing: normal;}
    .p20305030 {padding: 0 20px 30px 20px;}
    h1 {font-size: 35px; line-height: 45px;}
    h2 {font-size: 25px; line-height: 35px;}
    h3 {font-size: 17px; line-height: 25px;}
    h4 {font-size: 14px; line-height: 25px;}
    h5 {font-size: 14px; line-height: 25px;}
    #home-bottom blockquote {padding: 20px 0 0 0;}
	#site-links blockquote {padding: 30px 0 0 0;}
	#site-content {width: calc(80% - 20px); margin: 0 10px 0 10px;}
	#site-links {width: calc(20% - 20px); margin: 0 10px 0 10px;}
}

@media screen and (max-width: 960px) {
	.content-container, .content-news {width: 100% !important; float: none !important; max-width: 100% !important;}
	.content-news {border: none !important; padding: 20px 0 0 0 !important;}
	.wrapper {width: 680px;}
	#site-content {width: calc(100% - 20px); margin: 0 10px; float: none !important;}
	#site-content div {float: none !important; max-width: 100% !important;}
	#site-content .td {width: 100% !important;}
	.tr, .td {display: block;}
	.td {padding: 10px 0; border: none !important;}
	#site-links {display: none;}
	.w30 {width: 100%;}
	.w70 {width: 100%;}
	#site-logo {margin: 0 auto; float: none;}
	#menu {margin: 40px 0 0 0;}
	#slide_1 {height: 250px;}
    #slide_2 {height: 250px;}
    #slide_3 {height: 250px;}
    #slide_4 {height: 250px;}
    #site-banner .w25 {width: 50%;}
    #site-banner {padding: 0;}
    .m180 {margin: 80px 0 0 0;}
    .p010 {padding: 0;}
    #home-bottom blockquote {position: relative; padding: 0;}
}

@media screen and (max-width: 680px) {
    
    .content-container {padding: 0 20px 30px 20px;}
    html, body {font-size: 13px; line-height: 23px;}
    
    h1 {font-size: 30px; line-height: 40px;}
    h2 {font-size: 20px; line-height: 30px;}
    h3 {font-size: 15px; line-height: 23px;}
    h4 {font-size: 13px; line-height: 23px;}
    h5 {font-size: 13px; line-height: 23px;}
    
	.wrapper {width: auto; padding: 0 20px;}
	.p010 {padding: 0;}
	
	#slide_1 {height: 200px;}
    #slide_2 {height: 200px;}
    #slide_3 {height: 200px;}
    #slide_4 {height: 200px;}
    #site-banner {margin: 20px 0 0 0;}
    #site-banner .w25 {width: 100%;}
    #site-banner h3 {font-size: 13px; line-height: 20px;}
    .m180 {margin: 50px 0 0 0;}
	
	#site-content {width: 100%; margin: 0; padding: 20px 0 100px 0;}

	.w33 {width: 100%;}

	#site-menu-button, #mobile-buttons {display: block; float: none !important;}
	#site-menu {display: none;}
	#menu {margin: 0;}
	#menu li {width: 100%; margin: 0;}
	#menu li a {border-top: 1px solid #222;; padding: 10px 20px; background: rgba(255,255,255,.6);}
	#menu ul.children {position: relative;}
	#menu ul.children li a {color: #222; padding: 3px 0 3px 40px; font-size: 12px; border: none;}
	#menu li ul.children {display: block;}
	
	.foot-pos {text-align:center !important; float: none !important;}
	
	.right {float:none;}
	
	img {float: none !important;}
	
	#menu li a:hover, #menu li.current_page_item a, #menu li.parent a {border-bottom: none !important;}
	
	
	/* OPTIONAL */
	#site-logo { margin: 0 auto; float: none !important; }
	#foot-logo {padding: 30px 0 0 0; margin:0 auto;}
}


/** BX SLIDER
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {position: relative; margin: 0; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y;}
.bx-wrapper img {max-width: 100%; display: block;}
.bxslider {margin: 0; padding: 0;}
ul.bxslider { list-style: none;}
.bxslider li { border: none !important; padding: 0;}
.bx-viewport {/*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0);}
/** THEME
===================================*/
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute; bottom: -30px; width: 100%;}
/* LOADER */
.bx-wrapper .bx-loading {min-height: 50px; background: url('images/bx_loader.gif') center center no-repeat #ffffff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;}
/* PAGER */
.bx-wrapper .bx-pager {text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #000;}
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;}
.bx-wrapper .bx-pager-item {font-size: 0; line-height: 0;}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {left: 10px; background: url('images/controls.png') no-repeat 0 -32px;}
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus {background-position: 0 0;}
.bx-wrapper .bx-next {right: 10px; background: url('images/controls.png') no-repeat -43px -32px;}
.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {background-position: -43px 0;}
.bx-wrapper .bx-controls-direction a {position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start {display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url('images/controls.png') -86px -11px no-repeat; margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus {background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url('images/controls.png') -86px -44px no-repeat; margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus {background-position: -86px -33px;}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left; width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; width: 35px;}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%;}
.bx-wrapper .bx-caption span {color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px;}