@import url('LG.css');
@import url('MD.css');
@import url('SM.css');
@import url('XS.css');

@import url('Header.css');
@import url('TopNav.css');
@import url('Footer.css');

@import url('trivali.css');

@import 'https://fonts.googleapis.com/css?family=Roboto';
@import 'https://fonts.googleapis.com/css?family=Roboto+Slab';

* 
{
  border-radius: 0 !important;
}


html 
{
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

body
{
    font-family: 'Roboto', sans-serif;
    font-size:15px;    
    color:#000000;
    overflow-x:hidden;        
}

p
{
    letter-spacing:1px;
}

strong {letter-spacing:0.5px;}

h3
{
    margin-top:0;
    font-family: 'Roboto Slab', serif;
    color:#313131;
    font-weight:bold;
}

a
{
    color:#f9af03;
}
a:hover
{
    text-decoration:underline;
}
a:focus img, a:active img
{
    outline:none !important;
    border-style:none !important;
}

.NoMargin
{
    margin:0;
}

.NoPadding
{
    padding:0;
}
.Mtop
{
    margin-top:30px;
}

.TitelRow 
{
    margin-top:30px;
    max-width:100%;
}

.TitelRow img
{
    float:right;
}
.TitelRow .col-sm-6, .TitelRow .col-md-6, .TitelRow .row
{
    margin:0;
    padding:0;
}

.TitelRow h2
{
    font-family: 'Roboto Slab', serif;
    font-weight:bolder;
    font-size:25px;
    color:#000000;
    margin-top: 0px;    
    margin-left:-150px;
    
}

.TitelRow h3
{
    color:#f9af03;
    font-size:1.1em;
    margin-left:-150px;
}

.TitelRow .TextL
{
    margin-top:40px;
    padding-right:10px;        
    line-height:1.8;
    padding-left:0;
}
.TitelRow .TextR
{
    margin-top:40px;
    padding-right:0px;             
    line-height:1.8;
}


.Quote
{
    background-image:url(/img/QuoteBG.jpg);
    background-size:cover;
    min-height:200px;
    overflow-y:auto;
    overflow-x:hidden;
    text-align:center;
    padding-top:25px;
    padding-bottom:25px;
    padding-left:15px;
    padding-right:15px;
    margin-top:70px; 
    margin-bottom:50px;    
}
.Quote h2
{
    color:#3d3d3b;
    margin-bottom:25px;
}


/* OVerlay image */

.overlayWrapper
{
    position:relative;
    display:inline-block;
}
.overlayWrapper img.img-responsive
{
    width:262px;
}
.overlayWrapper .Overlay
{
    width:100%;
    height:100%;
    display:none;
    position:absolute;
    top:0px;
    left:0px;
    text-align:right;
}
.overlayWrapper:hover .Overlay
{
    display:block;
    background-color:#3d3d3b;
    opacity:0.6;
    padding-top: 30px;
    padding-right: 15px;
}
.overlayWrapper .titel1
{
    color:#f9af03;
    font-size:0.9em;
}
.overlayWrapper .titel2
{
    color:#ffffff;
    font-size:1.6em;
    margin-top:40px;
}
.overlayWrapper img
{
    margin-right:6px;
}

/* Overlay image */



/* ProductenLijn */

.ProductenLijn
{
    background-color:#3d3d3b;
    height:130px;
    margin-top:100px;
    margin-bottom:240px;
}

.ProductenLijn img
{
    margin-top:-160px;
    margin-left:auto;
    margin-right:auto;
    display:block;
}

/* ProductenLijn */


/* KNOPPEN */

.Knop
{
    width:492px;    
    height:361px;
    padding:20px 30px 0px 30px;
    line-height:1.8;
    position:relative;
    max-width:100%;
    margin-bottom:10px !important;
}

.Knop h3
{
    font-size:1.4em;
}

.Knop img
{
    margin-top:15px;
    margin-bottom:15px;
}

.Knop a
{
    color:#000000;
    text-decoration:underline;
    font-weight:bold;
}

.Knop a.BottomLink
{
    position:absolute;
    left:180px;
    /*top:280px;*/
    bottom:10px;
    letter-spacing:2px;
    font-size:1.0em;
    font-weight:normal;
    color:#ffffff;
    text-decoration:none;    
}
.Knop a.BottomLink:hover
{
    text-decoration:underline;
}
.KnopNieuws
{
    background-image : url(/img/KnopNieuws.jpg);
    background-size:contain;        
    background-position:bottom;
    background-repeat:no-repeat;
    background-color:#e8e8e8;
}
.KnopOutlet
{
    background-image : url(/img/KnopOutlet.jpg);
    background-size:contain;
    background-position:bottom;
    background-repeat:no-repeat;
    background-color:#e8e8e8;
}

/* KNOPPEN */


/* LOGO */

.LogoRow, .LogoRowSub
{
    margin-bottom:220px;
}

.LogoRow img 
{
	position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    z-index:101;
    top:20px;
    position:fixed; 
}

.LogoRowSub img
{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    z-index:101;
    top:60px;
    position:fixed;  
}

/* TABLES */
.borderless>tbody>tr>td, .borderless>tbody>tr>th, .borderless>tfoot>tr>td, .borderless>tfoot>tr>th, .borderless>thead>tr>td, .borderless>thead>tr>th 
{
    border: none;
}
/* TABLES */

/* spacer */
.spacer
{
    height:100px;
}


/* PRODUCTFOTOS */

.ProductFoto
{
    width:240px;
    height:240px;
    margin:5px;
}
.FotoOverlay
{
    width:240px;
    height:240px;
    margin:5px;
}

.ProductFotoLijn
{
    margin-top:-120px;
}
.ProductFotoBG
{
    z-index:1;
    margin-top:-345px;
    margin-bottom:230px;
    height:185px;
    background-color:#ededed;
}

.ProductFotoWrapper
{
    position:relative;
    display:inline-block;
}
.ProductFotoWrapper .Overlay
{
    width:100%;
    height:100%;
    display:none;
    position:absolute;
    top:0px;
    left:0px;
    text-align:right;
}
.ProductFotoWrapper:hover .Overlay
{
    display:block;
}

/* PRODUCTFOTOS */


/* GRIJZE RIJ */
.GrayRow
{
    background-color:#ededed;
    height:160px;
    margin-top:30px;
    margin-bottom:30px;
}
.GrayRow .Text
{
    padding-top:30px;
    padding-bottom:30px;
    padding-left:100px;
    padding-right:80px;
    line-height:1.6;
}
.GrayRow .Image
{
    margin-top:-55px;
}
/* GRIJZE RIJ */


/* OUTLET */
.OutletItem
{
    background-color:#ededed;
    /*min-height:330px;*/
    position:relative;
    margin-top:50px;
}
.OutletItem .Text
{
    padding-top:50px;
    padding-right:100px;
}
.OutletItem .TextLeft
{
    padding-top:50px;
    padding-left:100px;
}
.OutletItem h3
{
    color:#60605f;
}
.OutletItem .col-sm-6
{
    padding:0;
    margin:0;
}
.OutletItem .OutletLabel
{
    width:150px;
    height:150px;
    position:absolute;
    margin-left:auto;
    margin-right:auto;
    padding-top:50px;
    left:0;
    right:0;
    top:120px;
    background-image:url(/img/OutletRuit1.png);
    text-align:center;
    color:#ffffff;
    font-size:2.5em;
}
.OutletItem .OutletLabelZwart
{
    width:150px;
    height:150px;
    position:absolute;
    margin-left:auto;
    margin-right:auto;
    padding-top:50px;
    left:0;
    right:0;
    top:120px;
    background-image:url(/img/OutletRuit2.png);
    text-align:center;
    color:#ffffff;
    font-size:2.5em;
}
.OutletItem hr
{
    border-style:none;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#000000;
    width:70%;
    margin-top:50px;
    
}
.OutletItem .prijs
{
    color:#f9af03;
}

/* OUTLET */

/* CONTACT */

.ContactInfo
{
    margin-top:30px;
    line-height:2;
}

.ContactInfo table td
{
    padding-right:30px;
    vertical-align:top;
}
.ContactIcon
{
    float:left !important;
    margin-right:15px;            
}

.ContactForm
{
    background-color:#ededed;
    margin-top:30px;
    margin-bottom:0;
}

.ContactForm img.ContactVraag
{
    float:right;
    margin-top:-88px;    
}
.ContactForm h3
{
    margin-top:-30px;
}
.ContactForm .table
{
    margin-top:30px;
    margin-bottom:30px;
}
.ContactForm td.Label
{
    width:180px;
}
.ContactForm .table>thead>tr>th, .ContactForm .table>tbody>tr>th,  .ContactForm.table>tfoot>tr>th, .ContactForm .table>thead>tr>td, .ContactForm .table>tbody>tr>td, .ContactForm .table>tfoot>tr>td
{
    border: none !important;
}
.ContactForm .btnStoneFire
{
    background-color:#3d3d3b;
    color:#ffffff;
}

.Kaart
{
    margin-bottom:-80px;
}


/* CONTACT */

ul.content li {
	letter-spacing: 1px;
}

a.cta-link {
	background: #f9af03;
    color: #000;
    padding: 6px 10px;
    font-size: 16px;
    border-radius: 5px !important;
}