.header .navbar ul li a,
.homepage .menu-list li a,
.list h3 {
    font-family: 'Roboto Condensed', sans-serif
}
.about,
.contact,
.presentation,
.reference {
    min-height: 700px
}
.contact ul,
.gallery .thumbnails,
.homepage .menu-list,
.presentation ul,
.reference ul {
    list-style: none
}
#main {
    display: block;
    opacity: 1
}
a {
    outline: 0!important;
    text-decoration: none!important
}
.homepage .hp-block {
    left: 50%;
    margin-left: -600px;
    position: fixed;
    top: 10%;
    width: 1200px
}
.homepage .bxslider {
    display: block;
    width: 100%
}
.homepage .col-md-12,
.homepage .col-md-6 {
    padding: 0
}
.homepage .bx-controls-direction,
.homepage .bx-pager {
    display: none
}
.homepage .logo,
.list,
.list .break,
.list-content a,
.list>a {
    display: block
}
.homepage .bx-wrapper {
    padding: 0;
    border: 0;
    margin: 0;
    border-radius: 0
}
.homepage .logo {
    margin: 0;
    width: 100%;
    height: 250px;
    font-size: 0;
    color: transparent;
    background: url(img/logo.png) top center no-repeat;
    background-size: 90%;
    cursor: pointer
}
.homepage .menu {
    padding: 25px 0 0 10px
}
.homepage .menu-list {
    padding: 0
}
.homepage .menu-list .lang-list ul {
    padding: 25px 0 0 15px;
    list-style: none
}
.homepage .menu-list .lang-list ul li {
    width: 50px;
    float: right
}
.homepage .menu-list li {
    text-align: right
}
.homepage .menu-list li a {
    font-weight: lighter;
    text-decoration: none;
    color: #000;
    display: block;
    font-size: 20px;
    margin-bottom: 10px;
    padding: 0 8px
}
.homepage .menu-list li a:hover {
    color: #fff;
    background-color: #000
}
.homepage .menu .lang-list .language.inactive a {
    color: #ccc
}
.homepage .menu .lang-list .language.inactive a:hover {
    color: #ccc;
    background-color: #fff;
    cursor: default
}
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99
}
.header .navbar {
    border-bottom: 2px solid #000;
    background-color: #fff;
    border-radius: 0
}
.header .navbar .navbar-brand {
    margin: 0;
    background: url(img/logo-s.png) center center no-repeat;
    background-size: 90%;
    font-size: 0;
    color: transparent;
    width: 190px
}
.header .navbar ul li a {
    color: #000;
    transition: background-color 1s ease
}
.header .navbar ul li a:hover {
    color: #fff;
    background-color: #000
}
.header .navbar ul .language-hr {
    border-right: 1px solid #000;
    margin-left: 30px
}
.header .navbar ul .inactive a {
    color: #ccc
}
.header .navbar ul .inactive a:hover {
    color: #ccc;
    background-color: #fff;
    cursor: default
}
.list {
    max-width: 98%;
    margin: 0 auto;
    padding: 100px 0 80px
}
.list-content {
    position: relative;
    float: left;
    width: 24%;
    margin: 0 1% 1% 0;
    overflow: hidden;
    /*max-height: 210px:*/
    height: 202px;
}
.list-content a {
    position: relative
}
.list img {
    width: 100%;
    position: relative
}
.list .gray,
.list h3 {
    position: absolute;
    top: 0
}
.list .gray {
    left: 0;
    transition: opacity .5s ease
}
.list a:hover .gray {
    opacity: 0
}
.list h3 {
    right: 0;
    background-color: #000;
    padding: 6px 35px;
    font-size: 19px;
    margin: 0;
    z-index: 10;
	left: 0;
	text-align: center;
	letter-spacing: -1px;
}
.list h3 a {
    color: #fff;
	font-weight:300;
}
.gallery h2,
.gallery p {
    font-family: 'Roboto Condensed', sans-serif;
    color: #000;
    text-align: right
}
.gallery .cooperation {display: block; float: right; font-size: 22px;margin: 0 0 10px;  font-weight: 400; clear: both;}

.list .break {
    border-bottom: 1px solid #000;
    margin: 25px 0
}
.list .text {
    display: none
}
.list-product {
    width: 1200px
}
.list-product .list-content {
    width: 49%;
    margin: 0 1% 1% 0;
    height: 338px;
    max-height: 338px;
    max-width: 600px
}
.gallery {
    margin: 100px auto 80px;
    display: block;
    width: 1200px
}
.gallery .text {
    padding-right: 1%
}
.gallery h2 {
    font-size: 34px;
    font-weight: 700
}
.gallery p {
    font-size: 22px;
    width: 300px;
    margin-bottom: 10px;
    float: right
}
.about p,
.contact ul li a,
.presentation ul li,
.reference ul li {
    font-family: 'Roboto Condensed', sans-serif;
    color: #333
}
.gallery .thumbnails li {
    width: 48%;
    margin: 1%;
    float: left;
    height: 325px;
    overflow: hidden
}
.gallery .thumbnails li img {
    display: block;
    width: 100%;
    height: auto
}
.contact {
    margin: 100px auto 80px;
    display: block;
    width: 1200px
}
.contact h3 {
    display: block;
    padding: 0 0 10px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 30px;
    margin: 0 0 10px
}
.contact ul {
    padding: 0
}
.contact .col-md-3 {
    padding-left: 0
}
.contact ul li {
    display: block;
    padding: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px
}
.contact ul li a {
    font-size: 14px
}
.contact .as {
    padding: 10px;
    border: 1px solid #ccc;
    height: 320px
}
.contact .ad {
    padding: 30px;
    border: 1px solid #ccc;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    display: none
}
.contact .btn {
    margin-top: 10px
}
.contact .map {
    display: block;
    width: 100%;
    height: 320px
}
.contact form input {
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 10px
}
.about {
    margin: 100px auto 80px;
    display: block;
    width: 1200px
}
.about h3 {
    display: block;
    padding: 0 0 ;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 30px;
    margin: 0 0;
}
.about h3 span {
	font-size:16px;
}

.about .col-md-5 {
    padding-left: 0
}
.about .col-md-8,.about .col-md-4 { margin-bottom:35px }

.about .col-md-4 img {
    display: block;
    max-width: 300px;
	float: right;
}
.about p {
    font-size: 14px;
	 padding-right:25%;
	 margin-top: 20px
}

.about .co { padding: 25px 15px 0;  }
.about .co p { font-size:24px }
.about .co div { padding: 0; !important }
.about .co .col-md-6 { padding: 0; }
.about .co img { display:block; max-width: 300px; padding:0 0 30px }

.about .bx-controls-direction,
.about .bx-pager.bx-default-pager {
    display: none
}
.presentation {
    margin: 100px auto 0;
    display: block;
    width: 1200px
}
.presentation h3 {
    display: block;
    padding: 0 0 10px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 30px;
    margin: 0 0 10px
}
.presentation .col-md-6:first-child {
    padding-left: 0
}
.presentation ul li {
    font-size: 14px;
    padding-bottom: 5px
}
.presentation ul {
    padding: 0
}
.presentation .bx-controls-direction,
.presentation .bx-pager.bx-default-pager {
    display: none
}
.presentation .static-img {
    display: block;
    width: 100%
}
.reference {
    margin: 100px auto 0;
    display: block;
    width: 1200px
}
.reference h3 {
    display: block;
    padding: 0 0 10px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 30px;
    margin: 0 0 10px
}
.reference .col-md-12 {
    padding: 0;
    margin-bottom: 30px
}
.footer p,
.footer>div {
    text-align: right;
    margin: 0 auto
}
.reference .col-md-6 {
    padding-left: 0
}
.reference ul li {
    font-size: 14px;
    padding-bottom: 5px
}
.reference ul {
    padding: 0
}
.reference .bx-controls-direction,
.reference .bx-pager.bx-default-pager {
    display: none
}
.reference .bx-wrapper {
    border: 0
}
.reference .bx-wrapper li {
    padding: 0
}
.footer {
    border-top: 2px solid #000;
    padding: 20px 10px;
    width: 100%
}
.footer>div {
    width: 1200px;
    display: block
}
.footer p {
    width: auto;
    float: right;
    display: block
}
.footer .fb,
.footer .ig {
    display: block;
    float: right;
    height: 20px;
    margin: 0 0 0 12px;
    width: 20px
}
.header .fb {
	margin:10px 2px;
    background: url(img/facebook.png) center center no-repeat;
    background-size: 75%
}
.header .ig {
	margin:10px 2px;
    background: url(img/instagram.png) center center no-repeat;
    background-size: 75%
}
.fb {
    background: url(img/facebook.png) center center no-repeat;
    background-size: 100%
}
.footer .ig {
    background: url(img/instagram.png) center center no-repeat;
    background-size: 100%
}
@media (max-width: 1400px) {
    .homepage .hp-block {
        left: 50%;
        margin-left: -500px;
        top: 5%;
        width: 1000px
    }
    .list-content {
        max-height: 154px
    }
}
@media (max-width: 1200px) {
    .contact .as,
    .gallery .thumbnails li,
    .list-product .list-content {
        height: auto
    }
    .about,
    .contact,
    .footer>div,
    .gallery,
    .presentation,
    .reference {
        width: 100%
    }
	.list-product .list-content{
		max-height:255px
	}
    .about,
    .contact,
    .gallery,
    .presentation,
    .reference {
        padding: 0 10px
    }
    .about>div,
    .contact>div,
    .contact>h3,
    .presentation>div,
    .reference>div {
        padding: 0
    }
    .homepage .hp-block {
        left: 1%;
        margin-left: 0;
        position: fixed;
        top: 10%;
        width: 98%
    }
    .homepage .menu {
        padding-top: 10px
    }
    .homepage .menu-list li a {
        margin-bottom: 8px;
        font-size: 18px
    }
    .homepage .menu-list .lang-list ul {
        padding: 0
    }
    .about .col-md-3 img {
        max-width: 250px
    }
    .list {
        padding-left: 10px
    }
    .list h3 {
        font-size: 20px
    }
    .list-content {
        width: 32.334%;
        max-height: 135px
    }
    .list-product h3 {
        font-size: 22px
    }
    .contact .col-md-3 {
        float: left;
        width: 50%;
        padding-right: 50px
    }
    .contact .col-md-6 {
        float: left;
        margin-top: 15px;
        width: 100%;
        padding: 0 15% 0 0
    }
}
@media  (max-width: 980px) {
	.list-product .list-content{
	display: block;
    margin: 15px auto;
    max-height: 450px;
    width: 100%;
	float:none
	}	
	/*.about .col-md-3 {
		margin:1%;
		max-width:30%;
		float:left;
	}*/
	
	.about .col-md-4 img {
		float: left;
	}
	.about .col-md-4 {
		padding:0 15px;
	}
}	
@media (min-width: 1400px) and (max-width: 1620px) {
    .list-content {
        max-height: 182px
    }
}
@media (min-width: 1000px) and (max-width: 1200px) {
    .gallery .thumbnails li {
        min-height: 267px
    }
}
@media (min-width: 750px) and (max-width: 1020px) {
    .nav>li>a {
        padding: 15px 10px
    }
    .homepage {
        min-height: 1000px
    }
    .homepage .logo {
        height: 130px;
        background-size: 55%;
        background-position: 0 0
    }
    .homepage .bx-wrapper {
        padding: 0;
        border: 0;
        margin: 0;
        overflow: hidden;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 100%!important;
        height: auto
    }
    .homepage .bx-wrapper img {
        max-width: 120%;
        height: auto
    }
    .homepage .hp {
        width: 110%;
        height: 100%
    }
    .homepage .bx-controls-direction,
    .homepage .bx-pager,
    .homepage .col-md-12:first-child .col-md-6.slider {
        display: none
    }
    .homepage .col-md-12:last-child .col-md-6.slider2 {
        float: left;
        width: 75%
    }
    .homepage .col-md-12:last-child .col-md-6 {
        float: left;
        width: 25%
    }
    .list-content {
        max-height: 135px
    }
}
@media (max-width: 880px) {
    .homepage .bx-wrapper img {
        max-width: 102%
    }
    .nav>li>a {
        padding: 15px 5px
    }
}
@media (max-width: 810px) {
    .about>div {
        padding-left: 0;
        padding-right: 0
    }
    .header .navbar ul .language-hr {
        margin-left: 20px
    }
    .list {
        padding-left: 10px;
        padding-right: 10px
    }
    .list h3 {
        font-size: 20px
    }
    .list-content {
        width: 49%;
        max-height: 195px
    }
    .homepage {
        width: 98%
    }
    .homepage .logo {
        height: 130px;
        background-size: 55%;
        background-position: 0 0
    }
    .homepage .col-md-12:first-child .col-md-6.slider {
        display: none
    }
    .homepage .col-md-12:last-child .col-md-6.slider2 {
        float: left;
        width: 65%
    }
    .homepage .col-md-12:last-child .col-md-6 {
        float: left;
        width: 35%
    }
}
@media (max-width: 755px) {
    .header .navbar ul .language-hr {
        margin-left: 0
    }
    .gallery .thumbnails li {
        min-height: 158px
    }
}
@media (max-width: 650px) {
    .about,
    .contact,
    .presentation,
    .reference {
        min-height: 1px
    }
    .homepage .hp-block {
        top: 2%;
        left: 2%
    }
    .homepage .logo {
        height: 135px;
        background-size: 78%;
        background-position: 0 0;
        margin-bottom: 15px
    }
    .homepage .col-md-12:first-child .col-md-6.slider,
    .homepage .col-md-12:last-child .col-md-6.slider2 {
        display: none
    }
    .homepage .col-md-12:last-child .col-md-6 {
        float: left;
        width: 100%;
        padding: 0 10px
    }
    .list-content {
        width: 49%;
        max-height: 148px
    }
    .list h3 {
        padding: 6px 20px;
        font-size: 18px
    }
    .list-product {
        padding: 75px 0 30px
    }
    .list-product h3 {
        right: 10px;
        padding: 10px 35px;
        font-size: 20px
    }
    .list-product .list-content {
        height: auto;
        width: 100%;
        margin: 0 0 20px;
        padding: 0 10px
    }
    .contact .col-md-3 {
        float: left;
        width: 50%;
        padding-right: 10px
    }
    .contact .col-md-6 {
        margin-top: 15px;
        width: 100%;
        padding: 0 1% 0 0
    }
}
@media (max-width: 550px) {
    .bx-wrapper {
        margin: 0 auto 15px
    }
    .static-img {
        margin: 15px auto
    }
    .nav>li>a {
        padding: 5px
    }
    .gallery {
        margin-top: 50px
    }
    .homepage .logo {
        height: 110px
    }
    .gallery p {
        margin-bottom: 12px
    }
    .contact .col-md-3 {
        float: left;
        width: 100%;
        padding: 0;
        margin-bottom: 10px
    }
    .contact .col-md-6 {
        float: left;
        width: 100%;
        padding: 0 10px;
        margin: 0
    }
    .gallery .thumbnails li,
    .list-content {
        width: 380px;
        margin: 0 auto 15px;
        max-height: 208px;
        float: none;
        max-width: 100%
    }
}
@media screen and (min-width: 400px) and (max-width: 610px) {
    .homepage .hp-block .col-md-12 {
        float: left;
        width: 40%
    }
    .homepage .hp-block .col-md-12:first-child {
        float: left;
        width: 60%
    }
}
@media (max-width: 350px) {
    .footer p {
        font-size: 11px;
        float: left;
        letter-spacing: -.2px
    }
    .footer .fb,
    .footer .ig {
        margin: 0 0 0 8px
    }
}