body {}
.header-background {width: 100%; height: 380px; background: url('/skins/images/background.png') right top no-repeat;}
.header-logo {margin-top: 75px; text-align: center;}
.header-logo p{text-align: left; padding: 30px 10px; color: #152635;}

.header-section {float: right; margin-top: 50px; margin-right: 25px;}

.header-phone {background: #05131e; padding: 10px;  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;  color: #fff; font-weight: bold; margin-bottom: 10px; }
.header-phone strong{color: #009974;}

.languages { float: right; margin-top: -40px; background: #152635; color: #fff; height: 40px; position: relative; border-bottom: 1px solid #fff;}
.languages ul{float: left; list-style: none; margin: 0px; padding: 0px; height: 40px; padding: 0px 15px; line-height: 38px; display: none; border-right:1px dashed #fff;}
.languages ul li{float: left; list-style: none; padding: 0px 4px;}
.lang-btn {float: right; padding: 0px 10px; color: #fff; cursor: pointer; line-height: 38px;}
.lang-btn:hover{color:#009974 }
.lang-btn i{margin-top: 4px;}
.lang-btn img{ margin: -6px 10px 0px 0px;}



.container-menu {float: left;width: 100%; height: 47px; background: #152635;}
nav.desktop {width: 100%; float: left; line-height: 47px;}
nav.desktop ul{list-style: none; width: 100%; margin: 0px; padding: 0px;}
nav.desktop ul li{float: left; width: 25%;}
nav.desktop a{text-transform: uppercase; letter-spacing: 1px; font-weight: bold; float: left; width: 100%; text-align: center; color: #fff;}
nav.desktop a:hover{text-decoration: none; color: #fff; background: #27c7a0; transition: 0.5s;}
nav.desktop .active a {background: #009974;}


nav.xs-menu {width: 100%; float: left; line-height: 30px;}
nav.xs-menu ul{list-style: none; width: 100%; margin: 0px; padding: 0px; background: #152635; }
nav.xs-menu ul li{float: left; width: 100%;}
nav.xs-menu a{text-transform: uppercase; letter-spacing: 1px; font-weight: bold; float: left; width: 100%; text-align: center; color: #fff; background: #152635;}
nav.xs-menu a:hover{text-decoration: none; color: #fff; background: #27c7a0; transition: 0.5s;}
nav.xs-menu .active a {background: #009974;}


.articles {margin-top: 25px; float: left; margin-bottom: 25px;}
.main-article {width: 100%; float: left;}
.main-article img{width: 100%; height: 200px;}
.main-article p{padding: 5px 10px; max-height: 170px; overflow: hidden;}
.article-title {width: 100%; height: 47px;  padding-left: 10px; background:#152635;}
.articles header h2{font-size: 16px; color: #fff;  line-height: 47px; font-weight: bold; margin: 0px; padding: 0px; text-transform: uppercase;}
.articles section p {font-size: 12px; text-align: left; padding: 10px 10px;}
.articles a {font-size: 12px; font-weight: bold; padding: 5px 10px; background: #009974; color: #fff; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
float: right; margin: 0px 10px 0px 0px; position: relative;}

.articles a:hover{ background: #27c7a0; transition: 0.5s; text-decoration: none;}


.container-footer {float: left;width: 100%; background: #152635; padding-bottom: 50px;}

.footer-item {margin: 25px 0px;}
.section-header {color: #fff;  font-size: 16px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;}

.section-description {color: #fff; font-size: 13px; padding: 10px 0px;}

.feedback {}
.feedback input {width: 100%; background: #05131e; border: 0px; margin-bottom: 10px; padding: 5px 10px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; max-width: 100%; color: #fff;}


.feedback textarea {width: 100%; background: #05131e; border: 0px; margin-bottom: 10px; padding: 5px 10px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; max-width: 100%; min-height: 120px; max-height: 150px; color: #fff;}

.feedback input:focus,textarea:focus,button:focus {outline: none;}

.feedback button{ float: right; padding: 5px 50px; background: #009974; border: 0px; color: #fff;  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

.feedback button:hover{ background: #27c7a0; transition: 0.5s;}

.main-contacts { background: #05131e; width: 100%; padding: 5px 10px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

.main-contacts ul{margin: 0px; padding: 0px; list-style: none; width:50%; display: inline;}
.main-contacts ul li{margin-bottom: 10px; color: #fff; font-size: 14px;}
.main-contacts ul li:last-child{margin-bottom: 0px;}
.main-contacts ul li i{margin-right: 5px;}
.xs-menu {display: none;}


.xs-menu-board {list-style: none; width: 100%; margin: 0px; padding: 0px; background: #ccc;}
.xs-menu-board li{float: left;  line-height: 58px;  margin-right: 5px;}

.xs-menu-board li a{color: #fff;}
.xs-menu-board li:last-child{float: right; margin-right: 0px;}
.xs-menu-board li a:hover{color: #27c7a0;}
.xs-menu-board li a:focus{color: #009974;}

#content {margin: 20px 0px; width: 100%}
.content-page header h1 {margin: 0px; padding: 0px; font-size: 18px; text-transform: uppercase; font-weight: 500;}
.content-page header i {margin-right: 7px;}

.content-page .map {margin-top: 25px;}


@media(min-height: 290px) and (max-width: 370px){

.header-background {background:transparent; height: auto;}
.header-logo p {display: none;}
.header-section { display: none;}
.desktop {display: none;}
.header-logo {margin-top: 25px;}
.container-menu {margin: 20px 0px 0px 0px;}
.feedback button {width: 100%;}
.articles {margin-top: 15px;}
.container-footer {padding-bottom: 10px;}
.main-article {border-bottom: 1px dashed #ccc; padding-bottom: 10px; margin-bottom: 20px;}
.main-article a{width: 100%; margin: 0px;}
.main-article p{padding: 10px 0px;}
.xs-menu {display: none;}
.articles .col-xs-4 {width: 100%;}
.languages { right: 0px; margin-top: -40px; background: #152635; color: #fff; height: 40px; position: absolute; border-bottom: 1px solid #fff;}
}


@media (min-width: 371px) and (max-width: 529px){

  .header-background {background:transparent; height: auto;}
.header-logo p {display: none;}
.header-section { display: none;}
.desktop {display: none;}
.header-logo {margin-top: 25px;}
.container-menu {margin: 20px 0px 0px 0px;}
.feedback button {width: 100%;}
.articles {margin-top: 15px;}
.container-footer {padding-bottom: 10px;}
.main-article {border-bottom: 1px dashed #ccc; padding-bottom: 10px; margin-bottom: 20px;}
.main-article a{width: 100%; margin: 0px;}
.main-article p{padding: 10px 0px;}
.xs-menu {display: none;}
.articles .col-xs-4 {width: 100%;}
.languages { right: 0px; margin-top: -40px; background: #152635; color: #fff; height: 40px; position: absolute; border-bottom: 1px solid #fff;}

}

@media (min-width: 530px) and (max-width: 767px){

.header-background {background:transparent; height: auto;}
.header-logo p {display: none;}
.header-section { display: none;}
.desktop {display: none;}
.header-logo {margin-top: 25px;}
.container-menu {margin: 20px 0px 0px 0px;}
.feedback button {width: 100%;}
.articles {margin-top: 15px;}
.container-footer {padding-bottom: 10px;}
.main-article {border-bottom: 1px dashed #ccc; padding-bottom: 10px; margin-bottom: 20px;}
.main-article a{width: 100%; margin: 0px;}
.main-article p{padding: 10px 0px;}
.xs-menu {display: none;}
.articles .col-xs-4 {}
.main-article p{max-height: 130px; overflow: hidden;}
.main-article img{width: 100%; height: 150px;}
.languages { right: 0px; margin-top: -40px; background: #152635; color: #fff; height: 40px; position: absolute; border-bottom: 1px solid #fff;}
}



@media (min-width: 768px) and (max-width: 991px) {
.header-background {height: auto; background-position: 160px;}
.main-article img{width: 100%; height: 150px;}
.xs-menu {display: none;}
.xs-menu-board {display: none;}
.header-logo p {font-size: 13px;}
.main-article p{max-height: 140px; overflow: hidden;}
.languages { right: 0px; margin-top: -40px; background: #152635; color: #fff; height: 40px; position: absolute; border-bottom: 1px solid #fff;}
}


@media (min-width: 992px) and (max-width: 1199px) {
.xs-menu {display: none;}
.xs-menu-board {display: none;}
.main-article p{padding: 5px 10px; max-height: 170px; overflow: hidden;}

}

@media (min-width: 1200px){
.xs-menu {display: none;}
.xs-menu-board {display: none;}
.main-article p{padding: 5px 10px; max-height: 170px; overflow: hidden;}
}