
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: 300;
    font-style: normal;

}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-LightItalic-webfont.eot');
    src: url('../fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-LightItalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: 300;
    font-style: italic;

}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight:400;
    font-style:normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Italic-webfont.eot');
    src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight:400;
    font-style:italic;

}


@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: 700;
    font-style: normal;

}


@font-face {
    font-family: 'Open Sans'; 
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: 700;
    font-style: italic;

}



* {

    background-image:none;
    background-repeat:no-repeat;
    padding:0px;
    margin:0px;
}


.col-1 { width: 40px; }
.col-2 { width: 120px; }
.col-3 { width: 200px; }
.col-4 { width: 280px; }
.col-5 { width: 360px; }
.col-6 { width: 440px; }
.col-7 { width: 520px; }
.col-8 { width: 600px; }
.col-9 { width: 680px; }
.col-10 { width: 760px; }
.col-11 { width: 840px; }
.col-12 { width: 920px; }

.col-left {
    
    float:left;
}

.col-right {
    
    float:right;
}

.col-bb {

    box-sizing:border-box;    
}

.col {
    
    margin: 0px 20px 0px 20px;
    display: block;
    box-sizing:border-box;    
}

.row {
    
    width: 960px;
    margin: 0px auto;
    overflow: hidden;
}
         
body { 

    /* TODO: verdana font, to delete, open sans looks good */
    /* font-family: Verdana, Arial, Helvetica, sans-serif; */
                                           
    font-family: 'Open Sans', sans-serif; 
    font-size:14px;
    line-height:24px;
    color:#444;
    background-color:#E0E0E0;  
}

.content-wrapper {

    width:960px;
    margin:0px auto 0px auto;
    background-color:#FFF;
}

h1 {
    
    font-size:32px;
    line-height:42px;
    font-weight:300;
    margin-bottom:20px;
    color:#CC3333;
}

h2 {
    
    font-size:28px;
    line-height:38px;
    font-weight:300;
    margin-bottom:15px;
    color:#CC3333;
}

h3 {
    
    font-size:24px;
    line-height:34px;
    font-weight:300;
    margin-bottom:15px;
    color:#CC3333;
}

h4 {
    
    font-size:20px;
    line-height:30px;
    font-weight:300;
    margin-bottom:10px;
    color:#CC3333;
}

h5 {
    
    font-size:16px;
    line-height:26px;
    font-weight:300;
    margin-bottom:10px;
    color:#CC3333;
}

h1.black, h2.black, h3.black, h4.black, h5.black { color:#000; }
h1.fw-400, h2.fw-400, h3.fw-400, h4.fw-400, h5.fw-400 { font-weight:400; }    
h1.fw-700, h2.fw-700, h3.fw-700, h4.fw-700, h5.fw-700 { font-weight:700; }    
    

p {
    
    margin-bottom:20px;
}

a {

    color:#CC3333;  
    text-decoration:none;  
}

a:hover {

    color:#CC3333;
    text-decoration:underline;    
}

strong { 
    
    font-weight:bold;
    color:#000;
}

strong.budmiar { 
    
    color:#CC3333;
}

.clear {
    
    height:0px;
    clear:both;
}

.empty-space-0 { height:0px; clear:both; }
.empty-space-10 { height:10px; clear:both; }
.empty-space-20 { height:20px; clear:both; }
.empty-space-30 { height:30px; clear:both; }
.empty-space-40 { height:40px; clear:both; }
.empty-space-50 { height:50px; clear:both; }
.empty-space-60 { height:60px; clear:both; }
.empty-space-70 { height:70px; clear:both; }
.empty-space-80 { height:80px; clear:both; }
.empty-space-90 { height:90px; clear:both; }
.empty-space-100 { height:100px; clear:both; }

.pr-0 { padding-right:0px; }
.pr-10 { padding-right:10px; }
.pr-20 { padding-right:20px; }
.pr-30 { padding-right:30px; }
.pr-40 { padding-right:40px; }
.pr-50 { padding-right:50px; }
.pr-60 { padding-right:60px; }
.pr-70 { padding-right:70px; }
.pr-80 { padding-right:80px; }
.pr-90 { padding-right:90px; }
.pr-100 { padding-right:100px; }

.pl-0 { padding-left:0px; }
.pl-10 { padding-left:10px; }
.pl-20 { padding-left:20px; }
.pl-30 { padding-left:30px; }
.pl-40 { padding-left:40px; }
.pl-50 { padding-left:50px; }
.pl-60 { padding-left:60px; }
.pl-70 { padding-left:70px; }
.pl-80 { padding-left:80px; }
.pl-90 { padding-left:90px; }
.pl-100 { padding-left:100px; }

.w-10p { width:10%; }
.w-20p { width:20%; }
.w-30p { width:30%; }
.w-40p { width:40%; }
.w-50p { width:50%; }
.w-60p { width:60%; }
.w-70p { width:70%; }
.w-80p { width:80%; }
.w-90p { width:90%; }
.w-100p { width:100%; }

.ta-center { text-align:center; }
.ta-left { text-align:left; }
.ta-right { text-align:right; }

.clearfix:after {
    
    clear:both;
    display:block;
    height:0px;
    content:" ";
}

.btns-wrapper {
    
    padding-top:20px;
}

a.btn-link {
    
    padding:20px 40px 20px 40px;
    color:#666;
    border:1px solid #EAEAEA;
    font-size:22px;
    line-height:22px;
    display:inline-block;
    background-color:#F9F9F9;
    text-decoration:none;
    font-weight:300;
    text-transform:uppercase;
    
    -webkit-transition:background-color 0.4s ease-in-out;
    -moz-transition:background-color 0.4s ease-in-out;
    -o-transition:background-color 0.4s ease-in-out;
    transition:background-color 0.4s ease-in-out;          
}

a.btn-link:hover {
    
    background-color:#FFF;
    text-decoration:none; 
    color:#CC3333;
}

a.catalog-link {

    font-size:0px;
    line-height:0px;
    display:inline-block;        
}

a.btn-small-link {
    
    padding:10px 20px 10px 20px;
    color:#222;
    border:1px solid #EAEAEA;
    font-size:12px;
    line-height:14px;
    display:inline-block;
    background-color:#F9F9F9;
    text-decoration:none;
    font-weight:300;
    text-transform:uppercase;
    
    -webkit-transition:background-color 0.4s ease-in-out;
    -moz-transition:background-color 0.4s ease-in-out;
    -o-transition:background-color 0.4s ease-in-out;
    transition:background-color 0.4s ease-in-out;          
}

a.btn-small-link:hover {
    
    background-color:#FFF;
    text-decoration:none; 
    color:#CC3333;
}

a.btn-small-download {
    
    padding:10px 20px 10px 35px;
    color:#222;
    border:1px solid #EAEAEA;
    font-size:12px;
    line-height:14px;
    display:inline-block;
    background-color:#F9F9F9;
    text-decoration:none;
    font-weight:300;
    text-transform:uppercase;
    
    background-image:url(../img/download_btn.png);
    background-position:10px center;
    
    -webkit-transition:background-color 0.4s ease-in-out;
    -moz-transition:background-color 0.4s ease-in-out;
    -o-transition:background-color 0.4s ease-in-out;
    transition:background-color 0.4s ease-in-out;          
}

a.btn-small-download:hover {
    
    background-color:#FFF;
    text-decoration:none; 
    color:#CC3333;
}

a.catalog-link img {
    
    box-shadow:2px 2px 3px rgba(0, 0, 0, 0.2);
}



.img-wrapper {

    line-height:0px;
    position:relative;        
}

.img-wrapper.left {
    
    float:left;
    margin-right:30px;
    margin-bottom:20px;
}

.img-wrapper.right {
    
    float:right;
    margin-left:30px;
    margin-bottom:20px;
}

.img-wrapper.center {
    
    float:none;
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
    margin-bottom:30px;    
}

.img-wrapper img {
    
    max-width:100%;
}

.img-wrapper .desc {
    
    font-family:Verdana;
    font-size:11px;
    line-height:11px;
    padding-top:8px;
    color:#AAA;
    font-style: italic;
}

.img-wrapper.left .desc {
    
    text-align:left;
}

.img-wrapper.right .desc {
    
    text-align:right;
}

.img-wrapper.center .desc {
    
    text-align:center;
}

.img-wrapper .zoom {
    
    position:absolute;
    left:0px;
    bottom:0px;
    top:0px;
    right:0px;
    background-image:url(../img/img_zoom.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    cursor:pointer;    
    display:block;
}

.img-wrapper .zoom.white {
    
    background-image:url(../img/img_zoom_white.png);
}

.img-wrapper .zoom:hover {
    
    background-color:rgba(0, 0, 0, 0.1);    
}

/* separator */
.separator {
    
    height:1px;
    background-color:#EEE;
    margin-top:20px;
    margin-bottom:20px;
}

.header {
    
    height:160px;
}

.header .logo {
    
    width: 250px; 
    height: 100px; 
    float: left;
    background-image:url(../img/logo.png);
    background-repeat: no-repeat;
    background-position:0px 0px;
    display:block;
    margin-left:50px;
    margin-top:50px;
}

.header .baner {
    
    background-image: url(../img/baner_shadow.png); 
    background-repeat: no-repeat;
    background-position:0px 0px;
    width: 640px; 
    height: 160px; 
    float: right;
    display:block;
}

.header-menu-wrapper {
      
    padding-top:12px;
    padding-bottom:12px;
    background-color:#E0E0E0;
    margin-top:10px;
    
    border-left:2px solid #FFF;
    border-right:2px solid #FFF;
}

.header-menu-wrapper ul.menu {
    
    list-style-type: none;
    float:left;
    margin:0px 0px 0px 40px;
    padding:0px;   
    font-size:16px;
    line-height:18px;                 
}

.header-menu-wrapper ul.menu li {
    
    display:block;
    float:left;
    margin-right:15px;
    padding-right:15px;    
    border-right:1px solid #C4C4C4;
}

.header-menu-wrapper ul.menu li:last-child {
    
    margin-right:0px;
    border-right:0px;
    padding-right:0px;
}

.header-menu-wrapper ul.menu li a {
    
    color:#000;
    text-decoration:none;
}

.header-menu-wrapper ul.menu li a:hover {
    
    color:#CC3333;
}

.header-menu-wrapper ul.menu li.active a {
    
    color:#C33;
}

.header-menu-wrapper .laser-shop-link {
    
    float:right; 
    font-size:18px;
    line-height:18px;
    font-weight:700;
    margin:0px 35px 0px 0px;              
}

.header-menu-wrapper .laser-shop-link a {
    
    color:#000;
}

.header-menu-wrapper .laser-shop-link.active a {
    
    color:#C33;
}

.header-menu-wrapper .laser-shop-link a:hover {
    
    color:#CC3333;
}

.main-slider-wrapper {
    
    padding-top:70px;
    padding-bottom:50px;
}

/* brands */
.brand-wrapper {

    width:50%;
    box-sizing:border-box;  
    border:0px solid #EEE;  
    float:left; 
    padding-right:40px;
    padding-left:40px;
    margin-bottom:10px;   
}

.brand-wrapper .logo {
    
    margin-bottom:0px;
    border:0px solid green;
    text-align:center;    
}

.brand-wrapper .top-text {
    
    margin-bottom:15px;
    font-weight:bold;
    line-height:22px;
}

.brand-wrapper .bottom-text {
    
    margin-bottom:20px;    
}

.brand-wrapper .read-more {
    
    font-size:13px;
    line-height:13px;
    margin-bottom:10px;
    display:block;
}

.brand-wrapper .read-more:hover {
    
      
}

/* icons */
.icon-download {
    
    background-image:url(../img/download.png);
    background-position:center center;
    width:20px;
    height:20px;
    display:inline-block;
    margin-right:8px;
    position:relative;
    top:3px;    
}

/* numered service list */
.numered-service {
    
    position:relative;
    padding-left:80px;
    min-height:50px;
    margin-bottom:26px;
}

.numered-service .number-wrapper {
    
    position:absolute;
    left:0px;
    top:0px;
    width:50px;
    height:50px;
}

.numered-service .number-wrapper img {
    
    opacity:0.25;
    max-width:100%;
}

/* youtube */
.yt-iframe-wrapper {
    
}

.yt-iframe-wrapper iframe {
    
    padding:0px;
    margin:0px;
    border:0px;
    display:inline-block;
    width:100%;    
}

.yt-iframe-wrapper.center {
    
    margin-left:auto;
    margin-right:auto;
}


/* google map */
.contact-gmap-wrapper {
    

}

.contact-gmap-wrapper .contact-gmap {
    
      width:100%;
      height:400px;
}

/* contact page */
.cc-thin-heead {
    
    font-size:16px;
    font-weight:300;
    display:block;
    color:#000;
    margin-bottom:5px;
}

.cc-member-position {
    
    font-width:300px;
    color:#777;
    font-size:15px;
    line-height:15px;
    display:block;
    margin-bottom:12px;
    font-style: normal;
}

.cc-member-entry {
    
    padding-left:18px;
    margin-bottom:4px;
    color:#000;
}

.cc-mail {
    
    font-size: 12px;       
}

/* service table */
.service-table {
    
    width:100%;
    border-collapse: collapse; 
}

.service-table .table-name {
    
    font-size:20px;
    line-height:20px;
    font-weight:400;
    padding:20px;
    text-transform: uppercase;    
    
    border:1px solid #DDD; 
}

.service-table td,
.service-table th {
    
    border:1px solid #DDD;    
}

.service-table .column-name {
    
    text-align:center;
    text-transform: uppercase;
    padding:10px;
    line-height:30px;
    background-color:#F8F8F8;
    
    border:1px solid #DDD; 
}

.service-table .column-data {
    
    vertical-align: top;
    padding:20px;
}

.service-table thead th {
    
}

.service-table tbody td {
    
        
}

.laser-shop-logo {
    
    background-image:url(../img/sklepylaserowe_logo_380x190.png);
    background-repeat: no-repeat;
    background-position: center center;
    width:420px;                                           
    height:210px;
    display:inline-block;   
}


/* sidebar */
.sid-widget {
    
    margin-bottom:30px;
}

/* widget cooperation */
.widget-cooperation .title {

    font-size:26px;
    line-height:30px;
    font-weight:300;
    color:#CC3333; 
    padding-bottom:15px;   
}

.widget-cooperation .text {
    
}


/* widget consulting */
.widget-consulting .title {

    font-size:26px;
    line-height:30px;
    font-weight:300;
    color:#CC3333; 
    padding-bottom:15px;   
}

.widget-consulting .text {
    
}

/* widget budmiar catalog */
.widget-budmiar-catalog .top-subtitle {

    font-size:14px;
    line-height:14px;
    font-weight:300;
    color:#CC3333;    
    padding-bottom:5px;      
}

.widget-budmiar-catalog .title {

    font-size:26px;
    line-height:30px;
    font-weight:300;
    color:#CC3333; 
    padding-bottom:15px;   
}

.widget-budmiar-catalog .text {
    
}


/* footer */
.footer-bar {
    
    clear:both;
    height:3px;
    background-color:#E0E0E0;
    border-left:2px solid #FFF;
    border-right:2px solid #FFF;
    margin-top:50px;
}

.footer {
        
    padding-top:20px;
    padding-bottom:20px;
}

.footer ul.footer-menu {
    
    display:block;
    text-align:center;  
    list-style-type:none;
    font-size:12px;
    line-height:12px;
    text-transform: uppercase;      
}

.footer ul.footer-menu li {
    
    display:inline-block;
    margin-right:15px;
    padding-right:15px;
    border-right:1px solid #DDD;
}

.footer ul.footer-menu li:last-child {
    
    border-right:none;
}

.footer ul.footer-menu li a {
    
    color:#000;
    text-decoration: none;
}

.footer ul.footer-menu li a:hover {
    
    color:#CC3333;
}

.footer .logo {
    
    height:40px;
    margin-top:0px;
    opacity:0.4;
    background-image:url(../img/logo_footer.png);
    background-position:center center;
    background-repeat: no-repeat;    
}

.footer .copyright {
    
    text-align:center;
    font-size:10px;
    line-height:10px;
    margin-top:10px;
}

/* ul */
ul.budmiar  {
    
    padding-left:20px;
    list-style-type: none;    
}

ul.budmiar.no-padding {
    
    padding-left:0px;
}

ul.budmiar li {
      
    background-repeat: no-repeat;     
    margin-bottom:4px;      
}

ul.budmiar.circle li { 

    background-image:url(../img/li_circle.png);
    background-position:left 2px;
    padding:0px 0px 0px 28px;
}  

ul.budmiar.tick li {

  background-image:url(../img/li_tick.png);
  background-position:left 2px;
  padding:0px 0px 0px 28px;     
}

ul.budmiar.square li {

  background-image:url(../img/li_square.png);
  background-position:left 2px;
  padding:0px 0px 0px 28px;     
}

/* budmiar ID card */
.budmiar-id-card {
    
   padding: 20px 40px 20px 40px;
   box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.04);
   margin-bottom: 20px;
   margin-top: 20px;
   display: inline-block;
   border:1px solid #F2F2F2;
}

.budmiar-id-card .name {
    
    font-weight:bold;
    color:#CC3333;
    font-size:18px;
    line-height:18px;
    display:block;
    margin-bottom:5px;
}

.budmiar-id-card .subname {
    
    display:block;
    margin-bottom:8px;
    font-weight:400;
}

.budmiar-id-card .address {
    
    font-size:13px;
    line-height:13px;
    display:block;
    margin-bottom:8px;
}


/* background slider */
.ch-bg-slider {
    
    width:100%;
    height:160px;
    background-image:url(../img/bg_slider/bg_slider.png);
    background-position:0px 0px;
    background-repeat: repeat-x;
    display:block;
}

/* logos slider css */
.ch-logos-slider {
    
    width:300px;
    height:200px;
    margin:auto;
    background-color:transparent;
    position:relative;
    overflow:hidden;
}

.ch-logos-slider ul.list {
    
    display:none;
    position:absolute;
    left:0px;
    top:0px;
    width:0px;
    height:0px;
    overflow:hidden;
    list-style-type: none;
    margin:0px;
    padding:0px;
}

.ch-logos-slider ul.list li {

    float:left;
    margin-right:0px;
    display:block;
    text-align:center;        
}

.ch-logos-slider ul.list li a {
    
    display:block;
    -webkit-transition:transform .4s ease-in-out;
    -moz-transition:transform .4s ease-in-out;
    -o-transition:transform .4s ease-in-out;
    transition:transform .4s ease-in-out;    
}

.ch-logos-slider ul.list li a:hover {
    
    -webkit-transform: scale(0.92, 0.92);
    -moz-transform: scale(0.92, 0.92);
    -o-transform: scale(0.92, 0.92);
    -ms-transform: scale(0.92, 0.92); 
    transform: scale(0.92, 0.92);    
}

