/* *** CSS RESET *** */

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,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
blockquote,q {quotes: none}
blockquote:before,blockquote:after,q:before,q:after {content: none}
:focus {outline: 0}
ins {text-decoration: none}
del {text-decoration: line-through}
table {border-collapse: collapse; border-spacing: 0}
input {margin: 0; padding: 0;}
* {margin: 0; padding: 0;}
a {outline: none; text-decoration: none;}
a, img {border: 0;}
.clearfix {display:inline-block}
.clearboth {clear:both;}
button {cursor: pointer;}

#cookiesBox { background: #ececee; bottom: 0; color: #58585a; left: 0; position: fixed; width: 100%; z-index: 9999; border-top: 1px solid #969799; font-size: 10px; }
#cookiesBox a { color: #58585a; text-decoration: underline; }
#cookiesBox2 { position: relative; padding-top: 6px; padding-bottom: 6px; text-align: center; }
#cookiesBoxClose { color: #58585a; text-decoration: underline; }
#cookiesBoxClose:hover { color: #58585a; text-decoration: underline; }

.sr {  }
.dl { text-align: right; }
.gr { text-align: center; }
.op { text-align: center; }
.ka { text-align: center; }
.ce { text-align: right; }

/* *** GLOBAL *** */

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(js/boxsizing.htc);
}

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(js/boxsizing.htc);
}

body {
    font-size: 16px;
    padding: 0;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;    
    background: url('../img/bg.jpg') top center no-repeat; 
}

.wrapper {
    width: 1170px;
    margin: 0 auto;
    clear: both;
}

img {
    max-width: 100%;
    max-height: 100%;
}

a, a:hover, a:focus, a:active {
    outline: none !important;
    text-decoration: none;
}

.clearer {
    clear: both;
    height: 0;
}

/* *** TOP *** */

#Top {
    float: left;
    color: #fff;
    font-size: 12px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 300;
    width: 100%;
    padding: 5px 0 6px 0;
    text-align: right;
    background: #919195;
}

#Top a {
    color: #fff;
    -webkit-transition: 0.1s linear;
    -moz-transition: 0.1s linear;
    -ms-transition: 0.1s linear;
    -o-transition: 0.1s linear;
    transition: 0.1s linear;    
}

#Top a:hover {
   color: #d8040e;
}

/* *** HEADER *** */

header {
    float: left;
    width: 100%;
    background: #f2f2f2;
    height: 125px;
}

header .logo {
    float: left;
    margin: 5px 0;
}

#MainMenu {
    position: relative;
    z-index: 200;
    float: right;
    margin-top: 44px;
}

#MainMenu ul {
    float: left;
    width: 100%;
    text-transform: uppercase;
}

#MainMenu ul ul {
    display: none;
}

#MainMenu > ul > li {
    height: 40px;
    position: relative;
    float: left;
    list-style: none;
    padding: 0 15px 0 17px;
    background: url('../img/main-menu-li.png') left center no-repeat;
}

#MainMenu > ul > li:first-child {
    padding-left: 0;
    background: none;
}

#MainMenu > ul > li > a {
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    display: block;
    font-family: 'Exo 2', sans-serif;
    float: left;
    color: #919194;
    font-weight: bold;
    -webkit-transition: 0.1s linear;
    -moz-transition: 0.1s linear;
    -ms-transition: 0.1s linear;
    -o-transition: 0.1s linear;
    transition: 0.1s linear;
    background-repeat: no-repeat;
    background-position: top center;
    background-image: url('../img/empty.png');
    
}

#MainMenu > ul > .current > a, #MainMenu > ul > li > a:hover {
    color: #d8040e;
    background-image: url('../img/menu-current.png');
}

/* *** BOTTOM BOX *** */

#BottomBox {
    float: left;
    width: 100%;
    padding: 82px 0 45px;
    background: #919195 url('../img/bottom-box-bg.jpg') top center no-repeat;
    font-size: 18px;
    color: #e3e3e3;
}

.menu-box {
    float: left;
    width: 460px;
    padding-top: 39px;
}

#BottomBox h2 {
    color: #fff;
    font-size: 16px;
    font-family: 'Exo 2', sans-serif;
    font-weight: bold;
    letter-spacing: 3px;
    border-bottom: 2px solid #fff;
    padding: 0 0 12px 0;
}

.menu-1 ul, .menu-1 {
    float: left;
    width: 100%;
}

.menu-1 {
    padding-top: 7px;
}

.menu-1 li {
    float: left;
    width: 33.333%;
    list-style: none;
    margin-top: 2px;
}

.menu-1 a {
    color: #e3e3e3;
    font-size: 18px;
    -webkit-transition: 0.1s linear;
    -moz-transition: 0.1s linear;
    -ms-transition: 0.1s linear;
    -o-transition: 0.1s linear;
    transition: 0.1s linear;    
}

.menu-1 a:hover {
    color: #fff;
}

.data-box {
    float: right;
    text-align: right;
    width: 50%;
}

.data-box img {
    margin-bottom: 20px;
}

/* *** FOOTER *** */

footer {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 14px;
    background: #d8040e;
    padding: 10px 0 6px 0;
}

.copyright {
    float: left;
}

.created {
    float: right;
}

footer a {
    color: #fff;
    -webkit-transition: 0.1s linear;
    -moz-transition: 0.1s linear;
    -ms-transition: 0.1s linear;
    -o-transition: 0.1s linear;
    transition: 0.1s linear;        
}

footer a:hover {
    color: #fff;
    opacity: 0.90;
    filter: alpha(opacity = 90);      
}

/* *** MENU BOTTOM *** */

#MenuBottom {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 35px;
}

#MenuBottom .btn-1:first-child {
    margin-left: 0;
}

.btn-1 {
    float: left;
    width: 370px;
    margin: 0 0 0 30px;
    height: 179px;
    text-align: center;
    background: url('../img/btn-1.png');
    font-size: 16px;
    color: #919195;
    font-family: 'Exo 2', sans-serif;
    font-weight: bold;
    letter-spacing: 3px;
    -webkit-transition: 0.1s linear;
    -moz-transition: 0.1s linear;
    -ms-transition: 0.1s linear;
    -o-transition: 0.1s linear;
    transition: 0.1s linear;        
}

.btn-1:hover {
    color: #d8040e;
    background-color: #f2f2f2;
}

.btn-1 span {
    display: block;
}

.btn-1 img {
    margin: 25px 0 10px 0;
}

/* *** NEWS BOX *** */

#NewsBox {
    position: relative;
    float: left;
    width: 100%;
    height: 600px;
    background: url('../img/img01.jpg') top center no-repeat;
}

#NewsBox img {
    float: left;
    width: 100%;
}

.graph {
    background: url('../img/graph.png') top center no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    float: left;
    width: 100%;
    height: 342px;
    padding-top: 30px;
}

.title-1 {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 30.15px;
    text-align: center;
    margin-bottom: 40px;
}

.title-1 h2 {
    font-family: 'Exo 2', sans-serif;
    font-weight: bold;
    letter-spacing: 6px;
    padding-top: 13px;
    background: url('../img/line-1.png') top center no-repeat;    
}

.news-list li {
    float: left;
    margin-left: 30px;
    width: 370px;
    font-size: 20px;
    list-style: none;
}

.news-list li .txt {
    line-height: 25px;
    padding-bottom: 3px;
    border-bottom: 1px solid #fff;
    margin-bottom: 27px;
}

.news-list li:first-child {
    margin-left: 0;
}

.btn-2 {
    float: left;
    width: 134px;
    height: 40px;
    text-align: center;
    background: url('../img/btn-2.png');
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    font-family: 'Exo 2', sans-serif;
    font-weight: bold;
    letter-spacing: 3px;
    -webkit-transition: 0.1s linear;
    -moz-transition: 0.1s linear;
    -ms-transition: 0.1s linear;
    -o-transition: 0.1s linear;
    transition: 0.1s linear;        
}

.btn-2:hover {
    color: #d8040e;
    background-color: #fff;
}

/* *** BANNER *** */

#Banner {
    float: left;
    width: 100%;
    height: 499px;
}

#Banner li {
    float: left;
    width: 100%;
    list-style: none;
}

#Banner ul {
    float: left;
    width: 100%;
}

#Banner .description {
    width: 360px;
    float: left;
    color: #919195;
    font-size: 16px;
    padding-top: 50px;
}

#Banner .description h2 {
    color: #d8040e;
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 20px;
    font-family: 'Exo 2', sans-serif;    
}

#Banner .description h3 {
    color: #d8040e;
    font-size: 20px;
    padding-bottom: 20px;
    font-family: 'Exo 2', sans-serif;        
}

#Banner .txt {
    padding-bottom: 20px;
}

#Banner figure {
    overflow: hidden;
    text-align: center;
    padding-left: 20px;
}

#Banner figure img {
    display: inline;
}

.btn-3 {
    float: left;
    width: 134px;
    height: 40px;
    text-align: center;
    background: url('../img/btn-3.png');
    font-size: 16px;
    color: #d8040e;
    line-height: 40px;
    font-family: 'Exo 2', sans-serif;
    font-weight: bold;
    letter-spacing: 3px;
    -webkit-transition: 0.1s linear;
    -moz-transition: 0.1s linear;
    -ms-transition: 0.1s linear;
    -o-transition: 0.1s linear;
    transition: 0.1s linear;        
}

.btn-3:hover {
    color: #fff;
    background-color: #d8040e;
}

.btn-5 {
    float: left;
    width: 180px;
    height: 40px;
    text-align: center;
    background: url('../img/btn-5.png');
    font-size: 16px;
    color: #d8040e;
    line-height: 40px;
    font-family: 'Exo 2', sans-serif;
    font-weight: bold;
    letter-spacing: 3px;
    -webkit-transition: 0.1s linear;
    -moz-transition: 0.1s linear;
    -ms-transition: 0.1s linear;
    -o-transition: 0.1s linear;
    transition: 0.1s linear;
}

.btn-5:hover {
    color: #fff;
    background-color: #d8040e;
}

#Banner .bx-controls {
    width: 360px;
    position: absolute;
    z-index: 100;
    bottom: 30px;
    left: 0;
}

#Banner .bx-pager {
    float: left;
    padding: 0;
    text-align: center;
    width: 100%;
}

#Banner .bx-pager .bx-pager-item {
    display: inline-block;
    float: none;
    margin: 0 5px;
}

#Banner .bx-pager .bx-pager-item a {
    float: left;
    text-indent: -99999px;    
    display: block;
    width: 12px;
    height: 12px;
    background: #919195;
    -webkit-transition: 0.1s linear;
    -moz-transition: 0.1s linear;
    -ms-transition: 0.1s linear;
    -o-transition: 0.1s linear;
    transition: 0.1s linear;       
    -webkit-border-radius: 50%;  
    -moz-border-radius: 50%;  
    border-radius: 50%;      
}

#Banner .bx-pager .bx-pager-item .active, #Banner .bx-pager .bx-pager-item a:hover{
    background: #d8040e !important;    
}

#Banner .bx-controls-direction {
    position: absolute;
    display: block;
    width: 100%;
    top: 0;
    left: 0;
}

.bx-wrapper .bx-viewport {
    background: none;
}

#Banner .bx-prev, #Banner .bx-next {
    position: absolute;
    top: -8px;
    width: 16px;
    height: 32px;
    float: left;
    display: block;
    text-indent: -9999999px;
}

#Banner .bx-prev {
    left: 0;    
}

#Banner .bx-next {
    right: 0;    
}

#Banner .bx-prev {
    background: url('../img/prev.png');   
}

#Banner .bx-next {
    background: url('../img/next.png'); 
}

#Banner .bx-prev:hover, #Banner .bx-next:hover {
    opacity: 0.90;
    filter: alpha(opacity = 90);
}

/* *** HOME *** */

#Home {
    float: left;
    width: 100%;
    padding: 30px 20px;
    text-align: center;
    background: #fff url('../img/home-bg.jpg') top center no-repeat;       
}

#Home .btn-3 {
    float: none;
    display: inline-block;
    margin-top: 5px;
}

#Home .btn-5 {
    float: none;
    display: inline-block;
    margin-top: 5px;
}

.title-2 {
    float: left;
    width: 100%;
    color: #d8040e;
    font-size: 30.15px;
    text-align: center;
    margin-bottom: 30px;
}

.title-2 h2 {
    font-family: 'Exo 2', sans-serif;
    font-weight: bold;
    padding-top: 13px;
    background: url('../img/menu-current.png') top center no-repeat;    
}

.content-txt h3 {
    margin-bottom: 25px;
    font-size: 22px;
    font-weight: bold;
}

.content-txt p {
    margin-bottom: 25px;
}

/* *** BUTTONS *** */

.buttons {
    position: fixed;
    top: 152px;
    right: 0;
    z-index: 200;
}

.button {
    margin-bottom: 2px;
    width: 100px;
    height: 72px;
    color: #fff;
    font-size: 14px;
    display: block;
    text-align: center;
    -webkit-transition: 0.1s linear;
    -moz-transition: 0.1s linear;
    -ms-transition: 0.1s linear;
    -o-transition: 0.1s linear;
    transition: 0.1s linear;      
}

.button-1 {
    background: #d8040e;
}

.button .icon {
    display: block;
    width: 33px;
    height: 36px;
    margin: 9px 0 5px 0;
    float: left;
}

.button-1 .icon {
    width: 100%;
    display: block;
    background: url('../img/button-1.png') center no-repeat;     
}

.button-1:hover {
    color: #fff;
    opacity: 0.80;
    filter: alpha(opacity = 80);  
}

.button-2:hover {
    color: #d8040e;
    opacity: 0.80;
    filter: alpha(opacity = 80);  
}

.button-2 .icon {
    width: 100%;
    display: block;
    background: url('../img/button-2.png') center no-repeat;     
}

.button-2 {
    color: #d8040e;
}

.button-3:hover {
    color: #d8040e;
    opacity: 0.80;
    filter: alpha(opacity = 80);
}

.button-3 .icon {
    width: 100%;
    display: block;
    background: url('../img/button-3.png') center no-repeat;
}

.button-3 {
    color: #d8040e;
    height: 80px;
}

/* *** MENU RESPONSIVE *** */

#MenuRsp {
    float: left;
    position: relative;
    display: none;
    width: 100%;
    background: #f2f2f2; 
    border-bottom: 1px solid #919195;
}

#ButtonRsp {
    cursor: pointer;
    float: right;
    padding: 8px;
    height: 35px;
    margin: 10px;
    background: #919195;
    /*-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;*/
    -webkit-transition: 0.1s linear;
    -moz-transition: 0.1s linear;
    -ms-transition: 0.1s linear;
    -o-transition: 0.1s linear;
    transition: 0.1s linear;      
}

#ButtonRsp:hover {
    opacity: 0.80;
    filter: alpha(opacity = 80);
}

#ButtonRsp span {
    width: 28px;
    height: 3px;
    margin: 4px auto 0 auto;
    display: block;
    background: #fff;    
}

#ButtonRsp span:first-child {
    margin-top: 1px;
}

#MenuRsp .logo {
    height: 45px;
    float: left;
    margin: 5px 0 0 10px;
}

#MenuRsp .logo img {
    height: 100%;
}

#MenuRsp nav {
    float: left;
    width: 100%;    
}

#MenuRsp nav ul {
    float: left;
    width: 100%;   
}

#MenuRsp nav > ul {
    display: none;    
}

#MenuRsp nav li {
    list-style: none;
    float: left;
    border: none;
    width: 100%;
    height: auto;
    text-align: center;
    border-top: 1px solid #919195;
}

#MenuRsp nav a {
    line-height: normal;    
    height: auto;
    font-size: 16px;
    float: left;
    font-weight: bold;
    width: 100%;
    padding: 11px 0 10px 0;
    color: #919194;
    background: #f2f2f2;
    -webkit-transition: 0.1s linear;
    -moz-transition: 0.1s linear;
    -ms-transition: 0.1s linear;
    -o-transition: 0.1s linear;
    transition: 0.1s linear;     
}

#MenuRsp nav a:hover {
    background: #d8040e;
    color: #fff;
}

/* *** FIRM *** */

#MainContent {
    float: left;
    width: 100%;
    padding: 25px 15px;
    background: #fff;
}

h1 {
    float: left;
    width: 100%;
    color: #d8040e;
    font-size: 30.15px;
    text-align: center;
    margin-bottom: 60px;
    font-family: 'Exo 2', sans-serif;
    font-weight: bold;
    padding-top: 13px;
    background: url('../img/menu-current.png') top center no-repeat;    
}

.about-us {
    float: left;
    width: 100%;
}

.boxes {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

.boxes .box {
    text-align: center;
    width: 33.333%;
    float: left;
}

.boxes .box span {
    display: block;
    color: #919195 !important;
}

.about-us .images {
    width: 352px;
    float: left;
    margin-right: 40px;
}

.about-us .description {
    overflow: hidden;
}

.image-1 {
    width: 353px;
    height: 171px;
    margin-bottom: 50px;
    background: url('../img/image-1.jpg') center no-repeat; 
}

.image-1 figure {
    width: 353px;
    height: 171px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-top: 6px;
}
    
.image-1 img {
    max-width: 323px;
    max-height: 137px;
    text-align: center;
    margin:0 auto;
}

.about-us .images .image-1:first-child{
    margin-top: 0;
}

.about-us .content-txt span {
    color: #d8040e;
}

.history {
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 60px;
}

.history .date-1 {
    position: relative;
    display: inline-block;
    padding-top: 35px;
    height: 77px;
    width: 64px;
    margin: 0 80px;
    margin-top: -18px;
    background: url('../img/circle-1.png') top center no-repeat;     
    cursor: pointer;  
}

.history .date-1:hover {
    z-index: 2000;
}

.tooltip-1 {
    position: absolute;
    bottom: 59px;
    display: none;
    background: #d8040e;
    width: 256px;
    left: 50%;
    margin-left: -128px;
    color: #fff;
    padding: 25px 15px 24px 15px;
    font-size: 14px;     
}

.tooltip-1 .circle {
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -16.6px;
}

.history .date-1:hover {
    background: url('../img/circle-2.png') top center no-repeat;     
}

.history .date-1 span {
    font-size: 30px;  
    color: #d8040e;
    font-family: 'Exo 2', sans-serif;    
}

.history .date-box {
    float: left;
    width: 100%;
    border-top: 1px solid #e82c2d;
}

/* *** PRODUCTS *** */

#Sidebar {
    width: 360px;
    float: left;
}

.menu-2 {
    background: #f2f2f2;
    float: left;
    padding: 20px;
    width: 100%;
    font-size: 20px;
    font-family: 'Exo 2', sans-serif;    
}

.menu-2 ul {
    float: left;
    width: 100%;
    list-style: none;
}

.menu-2 ul ul {
    display: none;
}

.menu-2 ul ul a {
    font-weight: normal;
}

.menu-2 .current > ul {
    display: block;
}

.menu-2 li {
    float: left;
    width: 100%;
    border-top: 1px solid #919195;
}

.menu-2 ul ul li {
    border: none;
}

.menu-2 ul ul li a {
    padding: 2px 17px;
}

.menu-2 ul ul {
    padding-bottom: 10px;
    margin-top: -3px;
}

.menu-2 > ul > li:first-child {
    border-top: none;
}

.menu-2 a { 
    float: left;
    width: 100%;
    color: #919195;
    font-weight: bold;
    padding: 7px 0;
    -webkit-transition: 0.1s linear;
    -moz-transition: 0.1s linear;
    -ms-transition: 0.1s linear;
    -o-transition: 0.1s linear;
    transition: 0.1s linear;      
}

.menu-2 a:hover, .menu-2 ul .current > a {
    color: #d8040e;
}

.menu-2 ul ul a {
    background-position: left 14px;
    background-repeat: no-repeat;
}

.menu-2 ul ul .current > a, .menu-2 ul ul a:hover {
    background-image: url('../img/current.png');      
}

#Main {
    overflow: hidden;
    padding-left: 30px;
}

.product-list li {
    width: 222px;
    float: left;
    text-align: center;
    list-style: none;
    margin: 0 0 60px 42px;
}

.product-list .first {
    margin-left: 0;
}

.product-list figure {
    border: 1px solid #919195;
}

.product-list .product-name {
	margin: 0px;
	padding: 0px;
	border: 0px none;
	outline: 0px none;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent none repeat scroll 0% 0%;
	font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

.product-list h3,
.product-list .product-name {
    height: 95px;
    padding: 15px 0;
}

.product-list h3 a,
.product-list .product-name a {
    font-size: 20px;
    color: #000;
    font-family: 'Exo 2', sans-serif;
    -webkit-transition: 0.1s linear;
    -moz-transition: 0.1s linear;
    -ms-transition: 0.1s linear;
    -o-transition: 0.1s linear;
    transition: 0.1s linear;      
}

.product-list h3 a:hover,
.product-list .product-name a:hover {
    color: #d8040e;
}

.product-list .btn-4 {
    display: inline-block;
    float: none;
}

.btn-4 {
    float: left;
    width: 164px;
    height: 40px;
    text-align: center;
    background: url('../img/btn-4.png');
    font-size: 16px;
    color: #919195;
    line-height: 40px;
    font-family: 'Exo 2', sans-serif;
    font-weight: bold;
    letter-spacing: 3px;
    -webkit-transition: 0.1s linear;
    -moz-transition: 0.1s linear;
    -ms-transition: 0.1s linear;
    -o-transition: 0.1s linear;
    transition: 0.1s linear;        
}

.btn-4:hover {
    color: #fff;
    background-color: #919195;
}

.pagination {
    float: left;
    width: 100%;
    font-family: 'Exo 2', sans-serif;
    color: #919195;
    font-size: 16px;
    text-align: center;
}

.pagination a, .pagination span {
    display: inline-block;
    text-align: center;
    color: #919195;
    height: 30px;
    min-width: 30px;
    line-height: 29px;
    -webkit-transition: 0.1s linear;
    -moz-transition: 0.1s linear;
    -ms-transition: 0.1s linear;
    -o-transition: 0.1s linear;
    transition: 0.1s linear;       
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    behavior: url(js/PIE.htc);    
}

.pagination a:hover {
    background: #d9040e;
    color: #fff;
    font-weight: bold;
}

.pagination .p-prev, .pagination .p-next {
    margin: 0 20px;
    letter-spacing: 3px;
}

.pagination .p-prev:hover, .pagination .p-next:hover {
    background: #fff;
    color: #d9040e;
    font-weight: normal;
}

.pagination span {
    background: #d9040e;
    color: #fff;
    font-weight: bold;
}

.contact-data h4 {
    color: #d8040e;
    margin-bottom: 5px;
}

.contact-data h2 {
    font-size: 25px;
    color: #d8040e;
}

.contact-data h3 {
    font-size: 20px;
}

.contact-data a {
    color: #000;
    -webkit-transition: 0.1s linear;
    -moz-transition: 0.1s linear;
    -ms-transition: 0.1s linear;
    -o-transition: 0.1s linear;
    transition: 0.1s linear;      
}

.contact-data a:hover {
    color: #d8040e;    
}

.note-1 {
    font-size: 14px;
}

/* *** FORM BOX *** */

.form-box {
    float: left;
    width: 100%;
}

.form-list {
    float: left;
    width: 100%;
}

.form-list li {
    float: left;
    width: 100%;
    list-style: none;
    margin-top: 20px;
}

.form-list li:first-child {
    margin-top: 0;
}

.form-list label {
    font-weight: normal;
    font-size: 16px;
    display: block;
    float: left;
    color: #d8040e;
    font-weight: normal;
    width: 100%;
    padding: 0 0 3px 0;
}

.form-list input, .form-list textarea {
    float: left;
    width: 100%;
    display: block;
    border: 1px solid #919195;
    height: 39px;
    font-family: 'Roboto Condensed', sans-serif; 
    padding: 5px 10px;
}

.form-list textarea {
    height: 220px;
    resize: none;
    overflow: auto;
}

.form-list .column {
    float: left;
    width: 33.3333%;
    padding-left: 10px;
}

.form-list li .column:first-child {
    padding-left: 0;
}

.form-list button {
    float: right;
}

button.btn-3 {
    border: none;
}

.form-list .legend {
    color: #919195;
    font-size: 14px;
    float: left;
}

#Map {
    float: left;
    width: 100%;
    height: 500px;
    margin-top: 5px;
}

.phone {
    background: url('../img/phone.png') left center no-repeat;
    padding-left: 25px;
}

.mail {
    background: url('../img/mail.png') left center no-repeat;
    padding-left: 25px;
}

/* *** ADVICE *** */

.title-3 {
    color: #919195;
    font-size: 30px;
    float: left;
    width: 100%;
    font-family: 'Exo 2', sans-serif;
    margin-bottom: 40px;
}

.title-3 h2 {
    font-weight: normal;
}

.title-3 img {
    vertical-align: middle;
    margin: -5px 10px 0 0;
}

.list-1 {
    float: left;
    width: 100%;
    list-style: none;
    margin-bottom: 50px;
}

.list-1 > li {
    width: 50%;
    float: left;
    min-height: 160px;
}

.list-1 .sign {
    width: 66px;
    height: 66px;
    text-align: center;
    font-size: 40px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    line-height: 66px;
    float: left;
    background: url('../img/sign.png') no-repeat;
}

.list-1 .description {
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
}

.content-txt li, .list-1 .description li {
    list-style: none;
    padding-left: 15px;
    background: url('../img/li.png') left 7px no-repeat;
}

.content-txt ul {
    margin-bottom: 25px;    
}

.list-2 > li {
    width: 100%;
    height: auto;
    min-height: inherit;
    margin-top: 25px;
}

.list-2 li:first-child {
    margin-top: 0;
}

.list-2 li .description {
    padding-right: 0;
}

/* *** PRICE *** */

.table-1 {
    float: left;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.title-3 {
    text-align: center;
}

.table-box {
    position: relative;
    float: left;
    left: 50%;
    margin-left: -25%;
    width: 50%;
    clear: both;
    margin-bottom: 35px;
    padding: 0 15px 15px 15px;

    border: 1px solid #dddddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/js/PIE.htc);
}

.table-box h2 {
    color: #d8040e;
    font-size: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-family: 'Exo 2', sans-serif;    
}

.table-1 th, .table-1 td {
    color: #000;
    font-size: 16px;
    padding: 0;
    vertical-align: middle;
    height: 25px;
}

.table-1 th {
    border-bottom: 2px solid #dddddd;
    width: 140px;
    height: 25px;
}

.table-1 span {
    width: 140px;
    height: 25px;
    display: inline-block;
}

.table-1 tr td:first-child {
    padding-right: 10px;
}

.aktualnosci {
    float: left;
    width: 100%;
}

.aktualnosci figure {
    float: left;
    max-width: 40%;
}

.aktualnosci li {
    float: left;
    width: 100%;
    list-style: none;
    margin-bottom: 20px;
}

.aktualnosci li img {
    float: left;
}

.aktualnosci .description {
    overflow: hidden;
    padding-left: 20px;
}

.aktualnosci h2 {
color: #d8040e;
font-size: 20px;
margin-bottom: 10px;
}

.aktualnosci h2 a {
color: #d8040e;    
}

.certyfikaty {
    float: left;
    width: 100%;
}

.certyfikaty li {
    width: 33.333%;
    float: left;
    list-style: none;
    padding: 0 20px;
    text-align: center;
}

.certyfikaty .description {
    padding: 10px 0;
}


.artykulSzczegoly > img {
    float: left;
    width: 50%;
    margin: 0 15px 5px 0;
}

.artykulSzczegoly p {
    margin-bottom: 20px;
}
.artykulSzczegoly h3 {
color: #d8040e;
font-size: 20px;
margin-bottom: 10px;
}

.artykulSzczegoly .data {
    margin-bottom: 8px;
}

.zdjecia {
    text-align: center;
}

/* *** RESPONSIVE *** */

@media only screen and (max-width: 1180px) {
    .wrapper {
        padding: 0 10px;
        width: auto;
    }
    #Banner li {
        height: 499px;
    }
    .news-list li {
        width: 33.3333%;
        margin-left: 0;
        padding: 0 10px;
    }
    .news-list li .txt {
        line-height: normal;
        font-size: 16px;
    }
    .btn-1 {
        margin: 0 0.5%;
        width: 32.333%;
        background: none;
        border-left: 5px solid #f2f2f2;
        border-right: 5px solid #f2f2f2;
    }
    .button-2 {
        background: #fff;
    }
    .history .date-1 {
        margin-left: 50px;
        margin-right: 50px;
    }
    #Sidebar {
        width: 300px;
    }
    #Main {
        padding-left: 15px;
    }
    .product-list {
        text-align: center;
    }
    .product-list .first, .product-list li {
        display: inline-block;
        float: none;
        margin-left: 5px;
        margin-right: 5px;
        vertical-align: top;
    }
}

@media only screen and (max-width: 980px) {
    header {
        display: none;
    }
    #Banner {
        height: auto;
        padding-top: 20px;
    }
    #Banner li {
        height: auto;
        padding-bottom: 0;
    }
    #Banner .bx-controls-direction {
        display: none;
    }
    #Banner .bx-pager .bx-pager-item {
        float: left;
        margin: 0 10px 0 0;
    }
    #Banner .description {
        padding-top: 0;
    }
    #Banner .bx-controls {
        bottom: 20px;
    }
    .menu-box {
        width: 50%;
    }
    .buttons {
        display: none;
    }
    #MenuRsp {
        display: block;
    }
    .history .date-1 {
        margin-left: 30px;
        margin-right: 30px;
    }
    .about-us .images {
        width: 30%;
        margin-right: 20px;
    }
    .image-1 figure {
        height: auto;
        width: 100%;
        float: left;
        width: 100%;
        display: block;
        padding-top: 0;
    }
    .image-1 {
        width: 100%;
        background: #fff;
        height: auto;
        float: left;
        width: 100%;
    }
    .image-1 img {
        max-width: 100%;
    }
    .form-list .column {
        width: 100%;
        padding: 0;
        padding-top: 5px;
    }
    .form-list .column:first-child {
        padding-top: 0;
    }
    .list-1 > li {
        width: 100%;
        float: left;
        margin-top: 25px;
        min-height: inherit;
    }
    .list-1 > li:first-child {
        margin-top: 0;
    }
    .list-1 .description {
        padding-right: 0;
    }
    .table-box {
    left: 0;
    margin-left: 0;
    width: 100%;
}
    
}

@media only screen and (max-width: 760px) {
    #Banner figure {
        position: absolute;
        height: 200px;
        float: left;
        width: 100%;
        padding-left: 0;
    }
    #Banner .description {
        width: 100%;
        padding-top: 220px;
    }
    body {
        min-width: 320px;
    }
    #Banner li {
        padding-bottom: 30px;
    }
    #NewsBox {
        background: #d8040e;
        height: auto;
        padding-bottom: 30px;
    }
    #Banner {
        background: #f2f2f2;
    }
    .graph {
        height: auto;
        position: relative;
    }
    .news-list li {
        width: 100%;
        margin-top: 40px;
        padding: 0;
    }
    .news-list li:first-child {
        margin-top: 0;
    }
    .news-list li .txt {
        margin-bottom: 5px;
    }
    .news-list li .btn-2 {
        float: right;
        margin-top: 10px;
    }
    .btn-1 {
        width: 100%;
        margin: 5px 0;
    }
    #MenuBottom {
        margin-bottom: 30px;
    }
    #BottomBox {
        background: #919195;
        padding: 35px 0;
    }
    .menu-box {
        padding-top: 0;
        width: 100%;
        text-align: center;
    }
    .menu-1 li {
        width: 50%;
    }
    .data-box {
        padding-top: 30px;
        width: 100%;
        text-align: center;
    }
    #Banner .bx-controls {
        width: 100%;
        margin-top: 10px;
        position: relative;
    }
    .created, .copyright {
        float: left;
        width: 100%;
        text-align: center;
    }
    .history {
        display: none;
    }
    .image-1 {
        margin-bottom: 0;
        padding-bottom: 5px;
    }
    .about-us .description {
        float: left;
        width: 100%;
        padding-left: 0;
        padding-top: 25px;
    }
    .about-us .images {
        width: 100%;
        margin-right: 0;
    }
    #Sidebar {
        width: 100%;
    }
    #Main {
        padding-left: 0;
        width: 100%;
    }
    .menu-2 a {
        text-align: center;
    }
    .menu-2 a:hover, .menu-2 .current a {
        background-image: none !important;
    }
    .menu-2 ul ul a {
        font-size: 15px;
    }
    #Main {
        padding-top: 20px;
        padding-left: 0;
    }
    .table-1 span {
        width: 50px;
    }
}

@media only screen and (max-width: 550px) {
    .about-us .images {
        width: 100%;
        text-align: center;
    }
}



.sm-panel {position: fixed;width: 155px;top: 400px;right: -105px;z-index: 1000000;transition: visibility .25s, opacity .25s}
.sm-panel>ul {margin: 0;padding: 0;list-style-type: none}
.sm-panel>ul>li {transition: transform .25s}
.sm-panel>ul>li:hover {transform: translateX(-105px)}
.sm-panel>ul>li>a {display: flex;align-items: center;color: #fff;padding: 5px 0 5px 5px;text-decoration: none}
.sm-panel>ul>li>a>img {margin: 0 10px 0 0}
.sm-panel>ul>li>a>span {font-size: initial}
.sm-panel>ul>li[class^="sm-"] {background-image: none;background-repeat: repeat;background-attachment: scroll;background-position: 0%}
.sm-text-black {color: #000}
.sm-fb {background:#1977f3}
.sm-twitter {background:#fff}
.sm-gmap {background:#333}
.sm-blog {background:#0171bb}
.sm-pinterest {background:#d73532}
.sm-youtube {background:#e32c26}
.sm-allegro {background:#ff5a00}
.sm-linkedin {background:#0097bd}
.sm-payback {background:#00349a}
.sm-olx {background:#002f34}
.sm-instagram {background:#eee}
.sm-pyszne {background:#ff8000}
.sm-tiktok {background:#fff}
.sm-booksy {background:#f9e5bc}
/* ukrywanie socjalek a mobilce
@media screen and (max-width:640px) {.sm-panel {visibility:hidden; opacity:0}}
*/