@import 'reset.css';
@import 'grid.css';
@import 'font-awesome.css';
@import 'superfish.css';
@import url('//fonts.googleapis.com/css?family=Open+Sans:400');
@import url('//fonts.googleapis.com/css?family=Open+Sans:300');
@import url('//fonts.googleapis.com/css?family=Open+Sans:600');
@import url('//fonts.googleapis.com/css?family=Open+Sans:400italic');





* {-webkit-text-size-adjust: none;}
html {width: 100%; height: 100%;}
body {display: flex; flex-direction: column; position: relative; min-width: 960px; height: 100%; background: #fff; color: #373636; font: 15px/1.3 'Open Sans', sans-serif;}
strong {font-weight: 700;}
address {font-style: normal;}
p {margin: 0 0 12px;}
input {border-radius: 0 !important; outline: none !important;}
img {max-width: 100%;}
h1, h2, h3, h4, h5, h6 {margin: 0 0 .5em; font-weight: normal; color: #468c6b;}
h1 {font-size: 28px;}
h2 {font-size: 22px;}
h3 {font-size: 18px;}
a {text-decoration: underline; color: inherit; outline: none; cursor: pointer; transition: 0.5s ease;}
a:hover {color: #60bf93;}
a.btn {display: inline-block; margin-top: 25px; padding: 4px 17px 5px; color: #fff; font-size: 12px; line-height: 20px; background: #60bf93;}
a.btn:hover {background: #E14F42;}





/* Classes */
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.float-left {float: left;}
.float-right {float: right;}
.clear {float: none !important; clear: both;}
.overflow {overflow: hidden;}





/* Header */
header {flex: 0 0 auto; padding: 24px 0; border-bottom: 1px solid #c2c2c2; box-shadow: 0 5px 3px #f7f7f7; background: url('../images/header-background.jpg'); background-size: 100% 100%;}
header .grid_12 {position: relative; height: 190px;}
.header-logo {position: absolute; top: 0; left: 0;}
.header-logo img {display: block; height: 190px;}
.header-phone {position: absolute; top: 0; right: 0; color: #fff; font-size: 22px; text-align: right;}
.header-name {position: absolute; left: 240px; font-size: 32px; text-decoration: none;}
.header-name, .header-name:hover {color: #fff;}
header .menu_block {position: absolute; right: 0; bottom: 12px;}





/* Content */
main {flex: 1 0 auto; padding: 20px 0 80px;}
main ul {padding: 0; margin: 0 0 12px; list-style: none;}
main ul li {margin: 5px 0; padding: 0 0 0 32px; background: url('../images/marker.png') 0 2px no-repeat;}
.breadcrumbs {margin: 0 0 18px;}
.toggle {margin: 0 0 12px; font-size: 18px; font-style: italic; color: #468c6b; text-align: center; text-decoration: underline; cursor: pointer;}
.toggle + * {display: none;}





.articles {}
.articles-date {float: left; width: 80px; margin: 0 12px 0 0; padding: 0 3px; font-size: 16px; line-height: 1.6; font-weight: bolder; text-align: center; color: #fff; background: #60bf93; }
.articles-date > *:not(:first-child) {border-top: 1px solid #c4e7d7;}
.articles-last-container {float: right; width: 320px; margin: 0 0 12px 24px;}
.articles-last {}
.articles-last .articles-date {width: 50px; font-size: 11px;}
.articles-last h3 {font-size: 15px;}



.bq1 {margin-top: 57px; padding-bottom: 26px; background-color: #ededed;}
.bq1 .title {color: #fff; font-size: 18px; line-height: 36px; background: #60bf93; text-align: center; padding: 19px 0;}
.bq1 p {margin-bottom: 11px; background: url('../images/quotes.png') 19px 30px no-repeat; padding: 37px 20px 0 38px; font-style: italic;}
.bq1 .col2 {text-align: right; padding: 0 20px; font-size: 16px;}
.cl1 {height: 32px;}
.cl2 {height: 31px;}
ul.list.l1 {padding-top: 0; margin-top: -2px;}
ul.list.l1 li {line-height: 20px;}
ul.list.l1 li + li {margin-top: 30px;}
ul.list.l1 time {margin-top: 4px;}
.hor.hr1 {padding-top: 61px; margin-bottom: 0;}
.block1 img {padding: 8px; margin-top: 1px; margin-bottom: 19px; background-color: #f8f7f7;}
.bq2 p {padding-left: 16px; padding-top: 4px; margin-bottom: 14px; background: url('../images/quotes.png') 0 1px no-repeat; font-style: italic;}
.bq2 + .bq2 {margin-top: 46px;}
.bq2 .bq_bot {color: #626161;}
.bq2 .bq_bot a {font-weight: 300;}
.ver {position: relative;}
.ver:after,
.ver:before {width: 1px; right: 30px; content: ''; background-color: #ccc; display: block; position: absolute; bottom: 26px; top: 119px;}
.ver:before {right: auto; left: 30px;}
.video {margin-bottom: 20px; padding-top: 1px; width: 510px; display: block;}
.video iframe  {height: 297px; width: 100%;}
.block2 + .block2 {margin-top: -8px;}
a.gal {position: relative; top: 1px; display: block; margin-bottom: 16px; border: 1px solid #ccc; background: url('../images/magnify.png') center center no-repeat #E14F42;}
a.gal img {width: 100%; box-shadow: 0 0 0 #fff; transition: 0.5s ease;}
a.gal:hover img {opacity: 0.2;}
.gallery {overflow: hidden; padding-top: 26px;}
.gallery a.btn {margin-top: 19px;}
.gallery  h2 {padding-top: 62px;}





/* Footer */
footer {flex: 0 0 auto;}
.footer-info {position: relative; padding: 32px 0; border-top: 1px solid #c2c2c2; background: url('../images/footer-info.png');}
.footer-info:after {content: ''; position: absolute; top: 0; bottom: 0; left: 50%; display: block; width: 1px; background: #ebecec; margin-left: -2px;}
.footer-text {font-style: italic; color: #626161; margin-bottom: 13px;}
.footer-socials {overflow: hidden;}
.footer-socials a {display: block; background-color: #60bf93; color: #fff; float: left; font-size: 24px; position: relative; width: 38px; text-align: center; height: 37px;}
.footer-socials a .fa {position: relative; z-index: 10; line-height: 37px;}
.footer-socials a:hover {background-color: #fff; color: #60bf93;}
.footer-socials a:hover:after {background-color: #60bf93 !important;}
.footer-socials a + a {margin-left: 4px;}
.footer-socials a:first-child + a + a:hover {color: #fff;}
.footer-socials a:first-child + a + a {color: #60bf93; font-size: 27px; line-height: 36px;}
.footer-socials a:first-child + a + a:after {width: 17px; height: 19px; z-index: 5; background-color: #fff; left: 11px; top: 9px; content: ''; position: absolute;}
.footer-socials a + a + a + a + a {line-height: 38px; font-size: 25px;}
.footer-copy {color: #626161;}
#toTop {display: none; text-decoration: none; position: fixed; bottom: 40px; left: 51%; margin-left: 500px; overflow: hidden; width: 50px; height: 52px; border: none; text-indent: -999px; z-index: 20; background: url('../images/totop.png') no-repeat left 0; transition: 0s ease;}
#toTop:hover {outline: none; background-position: right 0;}