/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,select,blockquote,table,td,th {margin: 0; padding: 0; outline: none; font-weight: normal;}
table, td, tr {border-collapse: collapse; border-spacing: 0;}
ol,ul {list-style: none;}
a, a img {outline: none; text-decoration: none; border: 0;}
td {vertical-align: top;}
p {padding: 0; margin: 0 0 20px 0;}
.clr {clear: both; overflow: hidden; height: 0px;}

* {margin: 0; padding: 0;}



/* STRUCTURE */
body {color: #4b4b4b; background-size: cover;}
.container {margin: 0 auto; position: relative;}


.lang li {display: inline-block; text-transform: uppercase;}
.lang li a.selected {color: #ed1c24;}

h1 {margin: 0 0 10px 0; color: #fff; text-transform: uppercase; font-weight: 500;}
h2 {margin: 0 0 30px 0; color: #e5e5e5;}
h3 {margin: 0 0 20px 0; color: #ed1c24; text-transform: uppercase; font-weight: 500;}
h4 {margin: 0 0 20px 0;  text-transform: uppercase; font-weight: 500;}

@media (min-width: 1px) {
    .lang {position: absolute; top: 15px; left: 10px;}
    body {font: normal 13px/1.4 'Ubuntu', sans-serif; font-weight: 400;}
    .container {width: 300px;}
    .content_l {margin: 0 0 40px 0;}
    
    h1 {font: normal 21px/1 'Ubuntu', sans-serif;}
    h2 {font: normal 20px/1 'Ubuntu', sans-serif;}
    h3 {font: normal 18px/1 'Ubuntu', sans-serif;}
    h4 {font: normal 17px/1.3 'Ubuntu', sans-serif;}
}
@media (min-width: 480px) {
    body {font: normal 14px/1.4 'Ubuntu', sans-serif; font-weight: 400;}
    .container {width: 400px;}
    
    h1 {font: normal 22px/1 'Ubuntu', sans-serif;}
    h2 {font: normal 20px/1 'Ubuntu', sans-serif;}
    h3 {font: normal 18px/1 'Ubuntu', sans-serif;}
    h4 {font: normal 17px/1.3 'Ubuntu', sans-serif;}
}
@media (min-width: 640px) {
    .container {width: 560px;}
    h1 {font: normal 26px/1 'Ubuntu', sans-serif;}
    h2 {font: normal 20px/1 'Ubuntu', sans-serif;}
    h3 {font: normal 18px/1 'Ubuntu', sans-serif;}
    h4 {font: normal 17px/1.3 'Ubuntu', sans-serif;}
}
@media (min-width: 768px) {
    body {font: normal 15px/1.4 'Ubuntu', sans-serif; font-weight: 400;}
    .container {width: 700px;}
    
    h1 {font: normal 30px/1 'Ubuntu', sans-serif;}
    h2 {font: normal 20px/1 'Ubuntu', sans-serif;}
    h3 {font: normal 18px/1 'Ubuntu', sans-serif;}
    h4 {font: normal 17px/1.3 'Ubuntu', sans-serif;}
}
@media (min-width: 1024px) {
    .lang {position: absolute; top: 5px; left: 0px;}
    body {font: normal 13px/1.4 'Ubuntu', sans-serif; font-weight: 400;}
    .container {width: 900px;}
    .content_l {width: 250px; float: left; margin: 30px 0 0px 50px;}
    .content {width: 550px; float: right; min-height: 300px;}
    
    h1 {font: normal 32px/1 'Ubuntu', sans-serif;}
    h2 {font: normal 22px/1 'Ubuntu', sans-serif;}
    h3 {font: normal 18px/1 'Ubuntu', sans-serif;}
    h4 {font: normal 17px/1.3 'Ubuntu', sans-serif;}
}
@media (min-width: 1366px) {
    body {font: normal 14px/1.4 'Ubuntu', sans-serif; font-weight: 400;}
    .container {width: 1100px;}
    .content_l {width: 300px; float: left; margin: 30px 0 0px 50px;}
    .content {width: 680px; float: right; min-height: 300px;}
    
    h1 {font: normal 36px/1 'Ubuntu', sans-serif;}
    h2 {font: normal 24px/1 'Ubuntu', sans-serif;}
    h3 {font: normal 19px/1 'Ubuntu', sans-serif;}
    h4 {font: normal 18px/1.3 'Ubuntu', sans-serif;}
}
@media (min-width: 1600px) {
    body {font: normal 15px/1.4 'Ubuntu', sans-serif; font-weight: 400;}
    .container {width: 1200px;}
    .content_l {width: 300px; float: left; margin: 30px 0 0px 50px;}
    .content {width: 780px; float: right; min-height: 300px;}
    
    h1 {font: normal 40px/1 'Ubuntu', sans-serif;}
    h2 {font: normal 25px/1 'Ubuntu', sans-serif;}
    h3 {font: normal 20px/1 'Ubuntu', sans-serif;}
    h4 {font: normal 18px/1.3 'Ubuntu', sans-serif;}

}

/* PAGE */

.text {font-size: 16px; width: 100%; text-align: left; line-height: 1.2; padding: 30px 0 30px 0;}
.text strong {font-size: 32px;}
.box {width: 33%; font-size: 14px; float: left;}
.text {width: 100%; text-align: left; line-height: 1.2; }
.text p{margin: 0 0 15px 0;}
.icon {width: 35%; text-align: left;}
.box strong {color: #c2d100; font-weight: 400;}


/* HEADER*/
#top {height: 65px;}

/* MENU */
#main-nav li {display: inline-block; cursor: pointer; position: relative;}
#main-nav li a:hover, #main-nav li a.selected  {color: #fff; background-color: #ed1c24;}

#main-nav .sublist {display: none; position: absolute; top: 31px; z-index: 1;}
#main-nav .have-children:hover > a {color: #fff; background-color: #ed1c24;}
#main-nav .have-children:hover .sublist {display: block;}
#main-nav .sublist li {margin: 0px;}
#main-nav .sublist li a {text-transform: none; color: #434343; background-color: #fff; display: block; min-width: 180px;}
#main-nav .sublist li a:hover {color: #fff; background-color: #ed1c24;}

#nav_rwd {background-color: #2b2b2b; text-align: center; height: 50px;}
#rwd-menu-button {color: #fff; font-weight: 600; background: url(/img/bg_rwd_menu.png) center right no-repeat; display: block; z-index: 20; width: 90%; margin: 0 auto; cursor: pointer; text-transform: uppercase;}
#rwd-menu-button.open {background: url(/img/bg_rwd_menu_close.png) center right no-repeat; display: block;}
#rwd-menu-container {display: none; position: absolute; right: 0px; z-index: 119; height: auto; text-align: center;}
#nav_rwd ul {margin: 0 auto; display: block; list-style-type: none;}
#nav_rwd li {border-top: 1px solid #fff;}
#nav_rwd li:first-child {border-top: 0px solid #fff;}
#nav_rwd li a {display: block; padding: 10px; font: normal 16px/25px 'Ubuntu', Tahoma, Arial, sans-serif; text-transform: uppercase; color: #fff; font-weight: 600; background-color: #3e3e3e;}
#nav_rwd li a:hover {background-color: #ed1c24;}


#sub_nav li a {display: inline-block; text-transform: uppercase; font-weight: 700; font-size: 16px; padding: 5px 15px; margin: 2px 0; background-color: #ebebeb;}
#sub_nav li a:hover, #sub_nav li a.selected {color: #fff; background-color: #ed1c24;}

@media (min-width: 1px) {
    #main-nav {display: none;}
    #nav_rwd {display: block; width: 300px;}
    #rwd-menu-button {height: 50px; font: normal 22px/50px 'Ubuntu', sans-serif;}
    #rwd-menu-container {top: 50px; width: 300px;}
}
@media (min-width: 480px) {
    #nav_rwd {width: 400px;}
    #rwd-menu-container {width: 400px;}
}
@media (min-width: 640px) {
    #nav_rwd {width: 560px;}
    #rwd-menu-container {width: 560px;}
}
@media (min-width: 768px) {
    #nav_rwd {width: 700px;}
    #main-nav {margin: 35px 0 0 0; }
    #main-nav li a {color: #434343; padding: 0 6px; font-size: 16px; display: block; line-height: 31px;}
}
@media (min-width: 1024px) {
    #nav_rwd {display: none;}
    #sub_nav {margin: 0 0 0 -15px;}
    #main-nav {margin: 35px 0 0 230px; display: block;}
    #main-nav li a {color: #434343; padding: 0 4px; font-size: 14px; display: block;}
}
@media (min-width: 1366px) {
    #main-nav {margin: 35px 0 0 280px;}
    #main-nav li a {color: #434343; padding: 0 6px; font-size: 16px; display: block;}
}
@media (min-width: 1600px) {
    #main-nav {margin: 35px 0 0 280px;}
    #main-nav li a {color: #434343; padding: 0 10px; font-size: 17px; display: block;}
}

/* BANNER */
#bannerhome {position: relative; overflow: hidden; z-index: 0; background-color: #2b2b2b;}
#bannerhome .slide {color: #fff; background-position: center center; background-size:cover;}
#bannerhome .slide .overlay {display: block; position: absolute; top: 0; left: 0;}

#bannerhome .title {text-transform: uppercase; font-weight: 500; line-height: 1.2;}
#bannerhome .subtitle {font-weight: 500; line-height: 1; margin: 0 0 40px 0;}
#bannerhome .desc {font-size: 16px; line-height: 1.5; color: #e5e5e5;}

#bannerhome-btns {width: 100%; position: absolute; top: 0px; left: 0px;}
#bannerhome-btn-left {cursor: pointer; background-color: #2b2b2b; height: 35px; width: 35px; line-height: 35px; color: #e5e5e5; font-size: 26px; text-align: center; position: absolute; bottom: 40px; z-index: 1000; transition: all 200ms;}
#bannerhome-btn-right {cursor: pointer; background-color: #2b2b2b; height: 35px; width: 35px; line-height: 35px; color: #e5e5e5; font-size: 26px; text-align: center; position: absolute; bottom: 40px; z-index: 1000; transition: all 200ms;}
#bannerhome-btn-left:hover, #bannerhome-btn-right:hover {background-color: #ed1c24;}

#bannerpage {position: relative; overflow: hidden; z-index: 0; background-color: #2b2b2b; background-size: cover !important;}



@media (min-width: 1px) {
    #bannerhome {width: 300px; height: 450px; margin: 0; background-color: #2b2b2b;}
    #bannerhome .banner-text {margin: 50px 50px 0px 50px;}
    #bannerhome-container, #bannerhome .slide  {width: 300px; height: 450px; display: block;}
    #bannerhome-btns {height: 450px;} 
    #bannerpage {width: 200px; height: 280px; margin: 0 0 30px 0; padding: 50px 50px 0px 50px;}
    #bannerhome-btn-left {left: 50px;}
    #bannerhome-btn-right {left: 100px;}
    #bannerhome .title {font-size: 30px;}
    #bannerhome .subtitle {font-size: 20px;}
    .bannerpage-title {color: #e5e5e5; font-size: 14px;}
}
@media (min-width: 480px) {
    #bannerhome {width: 400px; height: 450px; margin: 0; background-color: #2b2b2b;}
    #bannerhome .banner-text {margin: 60px 50px 0px 50px;}
    #bannerhome-container, #bannerhome .slide  {width: 400px; height: 450px; display: block;}
    #bannerhome-btns {height: 450px;} 
    #bannerpage {width: 300px; height: 270px; margin: 0 0 30px 0; padding: 50px 50px 0px 50px;}
    #bannerhome-btn-left {left: 50px;}
    #bannerhome-btn-right {left: 100px;}
    #bannerhome .title {font-size: 34px;}
    #bannerhome .subtitle {font-size: 24px;}
    .bannerpage-title {color: #e5e5e5; font-size: 15px;}
}
@media (min-width: 640px) {
    #bannerhome {width: 560px; height: 450px; margin: 0; background-color: #2b2b2b;}
    #bannerhome .banner-text {margin: 70px 50px 0px 50px;}
    #bannerhome-container, #bannerhome .slide  {width: 560px; height: 450px; display: block;}
    #bannerhome-btns {height: 450px;} 
    #bannerpage {width: 460px; height: 260px; margin: 0 0 30px 0; padding: 50px 50px 0px 50px;}
    #bannerhome-btn-left {left: 50px;}
    #bannerhome-btn-right {left: 100px;}
    #bannerhome .title {font-size: 38px;}
    #bannerhome .subtitle {font-size: 28px;}
    .bannerpage-title {color: #e5e5e5; font-size: 16px;}
}
@media (min-width: 768px) {
    #bannerhome {width: 700px; height: 450px; margin: 0; background-color: #2b2b2b;}
    #bannerhome .banner-text {margin: 80px 50px 0px 50px;}
    #bannerhome-container, #bannerhome .slide  {width: 700px; height: 450px; display: block;}
    #bannerhome-btns {height: 450px;} 
    #bannerpage {width: 600px; height: 250px; margin: 0 0 30px 0; padding: 50px 50px 0px 50px;}
    #bannerhome-btn-left {left: 50px;}
    #bannerhome-btn-right {left: 100px;}
    #bannerhome .title {font-size: 40px;}
    #bannerhome .subtitle {font-size: 30px;}
}
@media (min-width: 1024px) {
    #page-banner {background: url(/img/bg_page_banner.jpg) top center no-repeat;}
    #bannerhome {width: 620px; height: 450px; margin: 0 0 0 230px; background-color: transparent;}
    #bannerhome .banner-text {margin: 90px 140px 0px 140px;}
    #bannerhome-container, #bannerhome .slide  {width: 620px; height: 450px; display: block;}
    #bannerhome-btns {height: 450px;} 
    #bannerpage {width: 520px; height: 235px; margin: 0 0 60px 230px; padding: 90px 60px 0px 120px;}
    #bannerhome-btn-left {left: 140px;}
    #bannerhome-btn-right {left: 190px;}
    #bannerhome .title {font-size: 42px;}
    #bannerhome .subtitle {font-size: 32px;}
}
@media (min-width: 1366px) {
    #bannerhome {width: 820px; height: 450px; margin: 0 0 0 280px;}
    #bannerhome-container, #bannerhome .slide  {width: 820px; height: 450px; display: block;}
    #bannerhome-btns {height: 450px;} 
    #bannerpage {width: 620px; height: 235px; margin: 0 0 60px 280px; padding: 90px 60px 0px 140px;}
    #bannerhome .title {font-size: 44px;}
    #bannerhome .subtitle {font-size: 34px;}
}
@media (min-width: 1600px) {
    #bannerhome {width: 920px; height: 450px; margin: 0 0 0 280px;}
    #bannerhome-container, #bannerhome .slide  {width: 920px; height: 450px; display: block;}
    #bannerhome-btns {height: 450px;} 
    #bannerpage {width: 720px; height: 235px; margin: 0 0 60px 280px; padding: 90px 60px 0px 140px;}
    #bannerhome .title {font-size: 46px;}
    #bannerhome .subtitle {font-size: 36px;}
}

/* HOMEPAGE BOXES */

.box-title {font-size: 17px; font-weight: 500; text-transform: uppercase; color: #ed1c24; line-height: 1.2;}
.box-subtitle {font-size: 16px; font-weight: 500; text-transform: lowercase; color: #2b2b2b; margin: 0 0 10px 0;}
a figure img {transition: all 300ms;}
a:hover figure img {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);}
.box-item  .btn {margin: 10px 0 0 0;}

@media (min-width: 1px) {
    #boxes-homepage {padding: 40px 40px 0px 40px; background-color: #fff;}
    #boxes-homepage .box-item {width: 100%; margin: 0 0 40px 0;}
    #boxes-homepage .box-item figure img {width: 220px; height: auto;}
    #page_realizations .box-item {width: 300px; margin: 0 0 20px 0;}
    #page_realizations .box-title {height: 60px; vertical-align: bottom; display: table-cell;}
    #page_realizations .box-item figure img {width: 300px; height: auto;}
}
@media (min-width: 480px) {
    #boxes-homepage .box-item figure img {width: 365px; height: auto;}
    #page_realizations .box-item {width: 400px; margin: 0 0 20px 0;}
    #page_realizations .box-title {height: 60px; vertical-align: bottom; display: table-cell;}
    #page_realizations .box-item figure img {width: 400px; height: auto;}
}
@media (min-width: 640px) {
    #page_realizations .box-item {width: 260px; float: left; margin: 0 40px 40px 0;}
    #page_realizations .box-item:nth-of-type(2n) {margin: 0 0 40px 0;}
    #page_realizations .box-item:nth-of-type(2n+1) {clear: both;}
    #page_realizations .box-title {height: 60px; vertical-align: bottom; display: table-cell;}
    #page_realizations .box-item figure img {width: 260px; height: auto;}
}
@media (min-width: 768px) {
    #page_realizations .box-item {width: 330px; float: left; margin: 0 40px 40px 0;}
    #page_realizations .box-item:nth-of-type(2n) {margin: 0 0 40px 0;}
    #page_realizations .box-item:nth-of-type(2n+1) {clear: both;}
    #page_realizations .box-title {height: 60px; vertical-align: bottom; display: table-cell;}
    #page_realizations .box-item figure img {width: 330px; height: auto;}
}
@media (min-width: 1024px) {
    #boxes-homepage {padding: 40px 40px 0px 40px; background-color: #fff;}
    #boxes-homepage .box-item {width: 246px; float: left; margin: 0 40px 50px 0;}
    #boxes-homepage .box-item:nth-of-type(3n) {margin: 0 0 50px 0;}
    #boxes-homepage .box-item:nth-of-type(3n+1) {clear: both;}
    #boxes-homepage .box-item figure img {width: 246px; height: auto;}
    
    #page_realizations .box-item {width: 255px; float: left; margin: 0 40px 50px 0;}
    #page_realizations .box-item:nth-of-type(2n) {margin: 0 0 50px 0;}
    #page_realizations .box-item:nth-of-type(2n+1) {clear: both;}
    #page_realizations .box-title {height: 60px; vertical-align: bottom; display: table-cell;}
    #page_realizations .box-item figure img {width: 255px; height: auto;}
}
@media (min-width: 1366px) {
    #boxes-homepage {padding: 50px 50px 0px 50px; background-color: #fff;}
    #boxes-homepage .box-item {width: 300px; float: left; margin: 0 50px 50px 0;}
    #boxes-homepage .box-item:nth-of-type(3n) {margin: 0 0 50px 0;}
    #boxes-homepage .box-item:nth-of-type(3n+1) {clear: both;}
    #boxes-homepage .box-item figure img {width: 300px; height: auto;}
    
    #page_realizations .box-item {width: 315px; float: left; margin: 0 50px 50px 0;}
    #page_realizations .box-item:nth-of-type(2n) {margin: 0 0 50px 0;}
    #page_realizations .box-item:nth-of-type(2n+1) {clear: both;}
    #page_realizations .box-title {height: 60px; vertical-align: bottom; display: table-cell;}
    #page_realizations .box-item figure img {width: 315px; height: auto;}
}
@media (min-width: 1600px) {
    #boxes-homepage .box-item {width: 332px; float: left; margin: 0 50px 50px 0;}
    #boxes-homepage .box-item figure img {width: 330px; height: auto;}
    
    #page_realizations .box-item {width: 365px; float: left; margin: 0 50px 50px 0;}
    #page_realizations .box-item:nth-of-type(2n) {margin: 0 0 50px 0;}
    #page_realizations .box-item:nth-of-type(2n+1) {clear: both;}
    #page_realizations .box-title {height: 60px; vertical-align: bottom; display: table-cell;}
    #page_realizations .box-item figure img {width: 365px; height: auto;}
}

/* PAGE INFO*/

.logo {display: block;}
.contact-box-home {color: #e5e5e5; background-color: #2b2b2b; font-size: 17px; line-height: 1.4;}
.contact-box-home a {color: #e5e5e5;}
.contact-box-home a:hover {color: #ed1c24;}

.contact-box {color: #e5e5e5; background-color: #2b2b2b; font-size: 16px; line-height: 1.4;}
.contact-box a {color: #ed1c24;}
.contact-box a:hover {color: #e5e5e5;}

.menu-box {width: 250px; height: 120px; padding: 45px 50px; color: #e5e5e5; background-color: #2b2b2b; font-size: 17px; line-height: 1.4;}

@media (min-width: 1px) {
    .contact-box-home, .contact-box {display: none;}
    #banner {margin: 0 0 40px 0;}
    .logo {height: 60px;}
}
@media (min-width: 480px) {
}
@media (min-width: 640px) {}
@media (min-width: 768px) {}
@media (min-width: 1024px) {
    .logo {height: 90px;}
    #banner {position: relative; background: url(/img/bg_home_banner.jpg) top center no-repeat; margin: 0;}
    .contact-box-home {display: block;}
    #banner .page-info {position: absolute; top: 0px; left: 0px; height: 450px; width: 350px; z-index: 1;}
    .page-info {position: absolute; top: 0px; left: 0px; height: 300px; width: 300px; z-index: 1;}
    .contact-box {display: block; width: 205px; height: 200px; padding: 45px 40px;}
    .contact-box-home {width: 200px; height: 270px; padding: 45px 40px;}
}
@media (min-width: 1366px) {
    .page-info {position: absolute; top: 0px; left: 0px; height: 300px; width: 350px; z-index: 1;}
    .contact-box {width: 250px; height: 205px; padding: 45px 50px;}
    .contact-box-home {width: 250px; height: 270px; padding: 45px 50px;}
}
@media (min-width: 1600px) {
    .contact-box {width: 250px; height: 205px; padding: 45px 50px;}
    .contact-box-home {width: 250px; height: 270px; padding: 45px 50px;}
}

/* ADD INFO */
.add-info {background-color: #2b2b2b; color: #fff; margin: -80px 0 0 0; position: relative; z-index: -1;}
.add-info .title {color: #ed1c24; font-weight: 500; font-size: 21px; margin: 0 0 10px 0;}
.add-info .content {width: auto; float: none; margin: 0px;}

@media (min-width: 1px) {
    .add-info .container {padding: 125px 0px 15px 0px; color: #e5e5e5;}
}
@media (min-width: 480px) {
    .add-info .container {padding: 125px 40px 15px 40px; color: #e5e5e5;}
}
@media (min-width: 640px) {}
@media (min-width: 768px) {}
@media (min-width: 1024px) {}
@media (min-width: 1366px) {
    .add-info .container {padding: 125px 50px 15px 50px; color: #e5e5e5;}
}
@media (min-width: 1600px) {}

/* CF BOX */
#cf_box {margin: 0;}
#cf_box a {color: #ed1c24;}
#cf_box a:hover {color: #000;}
#cf_box figure img { -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.content ul {list-style-position: inside; margin: 0 0 0 13px; padding: 0px;}
.content li {line-height: 1; margin: 0 0 8px 0; padding: 0px;}
.content li:before {position: relative; display: inline-block; font-family: FontAwesome; content: '\f105'; left: -13px; font-size: 18px; color: #ed1c24; vertical-align: middle;}

@media (min-width: 1px) {
    #cf_box figure {display: none;}
    #cf_box figure img {width: 200px; height: auto;}
}
@media (min-width: 480px) {}
@media (min-width: 640px) {
    #cf_box figure img {width: 225px; height: auto;}
}
@media (min-width: 768px) {
    
    #cf_box figure img {width: 250px; height: auto;}
}
@media (min-width: 1024px) {
    #cf_box figure {display: block;}
    #cf_box figure img {width: 200px; height: auto;}
}
@media (min-width: 1366px) {
    #cf_box figure img {width: 225px; height: auto;}
}
@media (min-width: 1600px) {
    #cf_box figure img {width: 250px; height: auto;}
}

/* GALLERY */
.page-gallery {margin: 20px 0 0 0;}
.gallery-list {margin: 30px 0 0 0;}
.gallery-item {width: 240px; height: 180px; float: left; margin: 0 27px 27px 0; display: block; border: 1px solid #e5e5e5;}


.logo_coal {margin: 0 15px 15px 0;}

@media (min-width: 1px) {
    .foto_stihl {width: 300px; height: auto; margin: 0 0 30px 0;}
}
@media (min-width: 480px) {
    .gallery-item {width: 184px; height: 138px; float: left; margin: 0 27px 27px 0;}
    .gallery-item:nth-of-type(2n) {margin: 0 0 27px 0;}
    .gallery-item img {width: 184px; height: auto;}
    .foto_stihl {width: 400px; height: auto;}
}
@media (min-width: 640px) {
    .gallery-item {width: 166px; height: 125px; float: left; margin: 0 27px 27px 0;}
    .gallery-item:nth-of-type(2n) {margin: 0 27px 27px 0;}
    .gallery-item:nth-of-type(3n) {margin: 0 0 27px 0;}
    .gallery-item img {width: 166px; height: auto;}
    .foto_stihl {width: 560px; height: auto;}
}
@media (min-width: 768px) {
    .gallery-item {width: 213px; height: 160px; float: left; margin: 0 27px 27px 0;}
    .gallery-item:nth-of-type(3n) {margin: 0 0 27px 0;}
    .gallery-item img {width: 213px; height: auto;}
    .foto_stihl {width: 410px; height: auto;}
}
@media (min-width: 1024px) {
    .gallery-item {width: 163px; height: 122px; float: left; margin: 0 27px 27px 0;}
    .gallery-item:nth-of-type(3n) {margin: 0 0 27px 0;}
    .gallery-item img {width: 163px; height: auto;}
    .foto_stihl {width: 310px; height: auto;}
}
@media (min-width: 1366px) {
    .gallery-item {width: 206px; height: 155px; float: left; margin: 0 27px 27px 0;}
    .gallery-item:nth-of-type(3n) {margin: 0 0 27px 0;}
    .gallery-item img {width: 206px; height: auto;}
    .foto_stihl {width: 410px; height: auto;}
}
@media (min-width: 1600px) {
    .gallery-item {width: 240px; height: 180px; float: left; margin: 0 27px 27px 0;}
    .gallery-item:nth-of-type(3n) {margin: 0 0 27px 0;}
    .gallery-item img {width: 240px; height: auto;}
    .foto_stihl {width: 510px; height: auto;}
}

/* DOWNLOAD */
.download_item {border-bottom: 1px solid #ececec; padding: 5px 0;}
.download_title {width: 600px; display: table-cell; vertical-align: middle;}
.download_file {width: 180px; text-align: right; display: table-cell; vertical-align: middle;}

/* REALISATION */
td {padding: 8px 0; border-bottom: 1px solid #ececec; vertical-align: middle;}
th {padding: 8px 0; border-bottom: 1px solid #ececec; vertical-align: middle; color: #ed1c24; font-weight: 500;}

@media (min-width: 1px) {}
@media (min-width: 480px) {}
@media (min-width: 640px) {}
@media (min-width: 768px) {}
@media (min-width: 1024px) {
    #categories_list {width: 550px; float: right;}
}
@media (min-width: 1366px) {
    #categories_list {width: 680px; float: right;}
}
@media (min-width: 1600px) {
    #categories_list {width: 780px; float: right;}
}

/* CONTACT */
.contact_message {margin: 0 0 40px 0;}
.contact_message input {margin: 0 0 10px 0; width: 97%;}
.contact_message select {margin: 0 0 10px 0; width: 99.3%;}
.contact_message textarea {height: 175px; width: 97%; margin: 0 0 10px 0px;}
.token img {vertical-align: middle; height: 34px; margin: 0 8px 0 0; overflow: hidden;}
.token {float: left; width: 400px;}
.token input {vertical-align: top; float: left; width: 200px;}
.contact_message .btn {float: right; cursor: pointer; color: #fff; border: 0px solid #fff; width: 100px; margin: 0 4px 0 0; padding: 0px 15px 0px 15px; height: 34px; line-height: 34px;}

.contact_message label {cursor: pointer; display: block; margin: 10px 0;}
.contact_message label input{width: auto;}

/* FOOTER */
footer {color: #999; font-size: 13px; text-transform: uppercase; padding: 45px 0; border-top: 3px solid #e5e5e5; margin: 60px 0 0 0;}

#footer-cookies a {color: #ed1c24;}
#footer-cookies a:hover {color: #999;}
.cookie-policy-banner span {background: url(/img/bg_cookies.png) center left no-repeat; padding: 10px 0 10px 35px;}

@media (min-width: 1px) {
    #footer-copy {width: 100%; margin-bottom: 15px;}
#footer-cookies {width: 100%; }
}
@media (min-width: 480px) {}
@media (min-width: 640px) {}
@media (min-width: 768px) {}
@media (min-width: 1024px) {
#footer-copy {width: 35%; float: left; margin-bottom: 0px;}
#footer-cookies {width: 65%; float: left; text-align: right;}
}
@media (min-width: 1366px) {
}
@media (min-width: 1600px) {
}

/* FORMS */
input, textarea {border: 1px solid #c8c5c3; color: #6f6f6f; background-color: transparent; padding: 8px 1%; height: 16px; font: normal 14px/16px 'Ubuntu', Tahoma, Arial, sans-serif; margin: 0px;}
select {border: 1px solid #c8c5c3; color: #6f6f6f; background-color: transparent; padding: 5px 1% 6px 1%; font: normal 14px/16px 'Ubuntu', Tahoma, Arial, sans-serif; margin: 0px;}
input:focus, textarea:focus, select:focus {border: 1px solid #ed1c24;}

/* PRELOAD */
#preloadb{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 111111; background-color: #000; opacity: 0.95; filter: alpha(opacity = 95); display: none; cursor:pointer;}
#preloadi{width: 110%; height: 75%; position: absolute; top: -5%; left: -5%; z-index: 111112; background: url(/img/loader.gif) no-repeat center center; display: none;}
#preloadm{font-family: nationalregular, tahoma, arial; width: 400px; position: fixed; top: 100px; left: 50%; margin: 0 0 0 -150px; padding: 40px; line-height: 24px; text-align: center; z-index: 111113; background-color: #e31b23; font-size: 18px; color: #fff; display: none; cursor: pointer;}

/* ACCORDION */
.accordion-container {border-top: 1px solid #e5e5e5; padding: 20px 0 0 0;}
.accordion-container:last-child {border-bottom: 1px solid #e5e5e5;}
.accordion-header{position: relative;}
.accordion-more-a {float: left; cursor: pointer; font-size: 20px; line-height: 1.2; color: #000;}
.accordion-more-a .name {font-size: 21px; color: #e31c24; display: inline-block; padding: 0 0 20px 0; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.open .name {color: #000;}
.close .name {color: #e31c24;}
.accordion-more-img {float: right; width: 30px; height: 30px; background: url(/img/bg_accordion.png) top center no-repeat; cursor:pointer;}
.open .accordion-more-img, .close:hover .accordion-more-img {background-position: 0px -30px;}
.close .accordion-more-img, .open:hover .accordion-more-img {background-position: 0px 0px;}

.accordion-content {display: none; padding: 0; position: relative;}

/* LINKS */
a{color: #575656; font-weight: normal; text-decoration: none; outline: none;}
a:hover{color: #ed1c24;}
a img{border: none; outline: none;}

.content a {color: #ed1c24;}
.content a:hover{color: #575656;}

.btn {color: #fff !important; background: #2b2b2b; padding: 5px 15px 5px 10px; font-size: 14px; display: inline-block; text-align: center; margin: 5px 0;}
.btn:hover {text-decoration: none; color: #fff !important; background: #ed1c24; transition: all 300ms;}
.btn:after {position: relative; font-family: FontAwesome; content: '\f105'; color: #fff; right: -6px; font-size: 18px;	vertical-align: middle;	transition: all 200ms;}
.btn:hover:after {right: -10px;}

a .btn {color: #fff; background: #2b2b2b; padding: 5px 10px 5px 5px; font-size: 14px; min-width: 75px; display: inline-block; text-align: center; margin: 5px 0;}
a:hover .btn {text-decoration: none; color: #fff; background: #ed1c24; transition: all 300ms;}
a .btn:after {position: relative; font-family: FontAwesome; content: '\f105'; color: #fff; right: -6px; font-size: 18px;	vertical-align: middle;	transition: all 200ms;}
a:hover .btn:after {right: -10px;}

.contact-box-home .btn,.contact-box .btn {background: #ed1c24;}
.contact-box-home .btn:hover, .contact-box .btn:hover {background: #aaa;}

.fb_ico {background: url(/img/ico/bg_fb.png) top center no-repeat; width: 25px; height: 25px; display: inline-block; margin: 0 15px 0 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}

.fb_ico:hover {background-position: 0px -25px;}

/* FORMAT */
strong {font-weight: 700;}

.highlight {color: #ed1c24;}
.flt_r {float: right;}
.flt_l {float: left;}

#map {
    width: 100%; 
    height: 450px;
    margin: 50px 0 0 0;
}

/* POPUP */
#popup {display: none; width: 100%; height: 100%; position: fixed; background-color: rgba(0, 0, 0, 0.75); z-index: 10000; top: 0; left: 0;}
#popup .popup-content {display: block; background-color: #2b2b2b; color: #fff; margin: 40px auto; position: relative; line-height: 1.1;}
#popup .popup-content p {margin: 15px 0 0 0;}
#popup .popup-close {font-size: 16px; font-weight: 700; background: url('/img/bg_popup_close.png') no-repeat center center #ff0000; display: block; width: 80px; height: 30px; line-height: 30px; position: absolute; top: 7px; right: 7px; color: #fff; text-align: center;}
#popup .popup-close:hover {background-color: #848484;}
#popup a {color: #fff;}
#popup a:hover {color: #ff0000;}

@media (min-width: 1px) {
    .popup_photo {width: 100%; height: auto;}
    #popup .popup-content {width: 260px; padding: 40px 20px;font: normal 14px/1.4 'Lato', Tahoma, Arial, sans-serif;}
    #popup .popup-content img {width: 260px; height: auto;}
}
@media (min-width: 480px) {
    #popup .popup-content {width: 340px; padding: 40px 30px;font: normal 14px/1.4 'Lato', Tahoma, Arial, sans-serif;}
    #popup .popup-content img {width: 340px; height: auto;}
}
@media (min-width: 640px) {
    #popup .popup-content {width: 500px; padding: 50px;font: normal 15px/1.4 'Lato', Tahoma, Arial, sans-serif;}
    #popup .popup-content img {width: 500px; height: auto;}
}
@media (min-width: 768px) {
    #popup .popup-content {width: 600px; padding: 50px;font: normal 15px/1.4 'Lato', Tahoma, Arial, sans-serif;}
    #popup .popup-content img {width: 600px; height: auto;}
}
@media (min-width: 1024px) {
    #popup .popup-content {width: 700px; padding: 60px;font: normal 16px/1.4 'Lato', Tahoma, Arial, sans-serif;}
    #popup .popup-content img {width: 700px; height: auto;}
}
@media (min-width: 1366px) {
    #popup .popup-content {width: 700px; padding: 60px;font: normal 17px/1.4 'Lato', Tahoma, Arial, sans-serif;}
    #popup .popup-content img {width: 700px; height: auto;}
}
@media (min-width: 1600px) {
    #popup .popup-content {width: 900px; padding: 60px;font: normal 18px/1.4 'Lato', Tahoma, Arial, sans-serif;}
    #popup .popup-content img {width: 900px; height: auto;}
}