@font-face {
    font-family: 'proxima_novablack';
    src: url('../fonts/proximanova-black-webfont.html');
    src: url('../fonts/proximanova-black-webfontd41d.html?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-black-webfont-2.html') format('woff2'),
         url('../fonts/proximanova-black-webfont-3.html') format('woff'),
         url('../fonts/proximanova-black-webfont-4.html') format('truetype'),
         url('../fonts/proximanova-black-webfont-5.html') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'proxima_novasemibold';
    src: url('../fonts/proximanova-semibold-webfont.html');
    src: url('../fonts/proximanova-semibold-webfontd41d.html?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-semibold-webfont-2.html') format('woff'),
         url('../fonts/proximanova-semibold-webfont-3.html') format('truetype'),
         url('../fonts/proximanova-semibold-webfont-4.html') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_novalight';
    src: url('../fonts/proximanova-light-webfont.html');
    src: url('../fonts/proximanova-light-webfontd41d.html?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-light-webfont-2.html') format('woff'),
         url('../fonts/proximanova-light-webfont-3.html') format('truetype'),
         url('../fonts/proximanova-light-webfont-4.html') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('../fonts/proximanova-regular-webfont.html');
    src: url('../fonts/proximanova-regular-webfontd41d.html?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-regular-webfont-2.html') format('woff'),
         url('../fonts/proximanova-regular-webfont-3.html') format('truetype'),
         url('../fonts/proximanova-regular-webfont-4.html') format('svg');
    font-weight: normal;
    font-style: normal;
}


body{
	
	background-color:#848383;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	margin: 0;
	padding: 0;
	width: 100%;
}

body {
	overflow-x:hidden;
	min-height:100%;
}
html {
	
	min-height:100%;
}
html.ie8,
html.ie9 {
	overflow-y:auto;
}

.container-fluid {
  padding-right: -15px !important;
  padding-left: -15px !important;
  
}
/*= SLIDES STYLING
--------------------------------------------------------*/
#slide-index
{

	display:none;
}


#slide1, #slide2{ width: 100%; }
#slide1{
	background:url(../img/slide1.jpg) 100% 100% no-repeat fixed;
	color: #fff;
	margin: 0;
	background-size: cover;
	overflow:hidden;
	
}

#slide2{
    background: url(../img/slide3.jpg) 100% 100% no-repeat fixed;
    min-height: 1000px;
	margin: 0 auto;
	color: #fff;
	padding-top:70px;
	background-size: cover;
	width:100%;
}




#slide3{
	background-color: #0b0b88;
    height: 700px;
	margin: 0 auto;
	color: #fff;
    width:100%;
	
}


#slide3-about{
	background-color: #0b0b88;
    height: 2050px;
	margin: 0 auto;
	color: #fff;
    width:100%;
	
}
#slide4-about{
	background-color: #0b0b88;
    height: 900px;
	margin: 0 auto;
	color: #fff;
    width:100%;
	
}

#slide4{
	background-color: #fff;
	background: url(../img/slide4.jpg) 60%  0% no-repeat fixed;
    height: 900px;
	margin: 0 auto;
	color: #fff;
	background-size: cover;
    width:100%;
}


#slide44{
	background-color: #fff;
	background: url(../img/slide4.jpg) 60%  0% no-repeat fixed;
    height: 950px;
	margin: 0 auto;
	color: #fff;
	background-size: cover;
    width:100%;
}


#slide-news{
	background-color: #fff;
	background: url(../img/slide4.jpg) 60%  0% no-repeat fixed;
    height: 900px;
	margin: 0 auto;
	color: #fff;
	background-size: cover;
    width:100%;
}



.imagelogo{
	position:absolute; 
	top:35%;
	left:0px;
	right:0px; 
	text-align:center;
	z-index:99;
}



#about-bg{
	background-color: #fff;
	background: url(../img/about-bg.jpg) 60%  0% no-repeat fixed;
    height: 1000px;
	margin: 0 auto;
	color: #fff;
	background-size: cover;
    width:100%;
}


#prod1-bg{
	background-color: #fff;
	background: url(../img/slide4a.html) 60%  0% no-repeat fixed;
    height: 1130px;
	margin: 0 auto;
	color: #fff;
	background-size: cover;
    width:100%;
}

#prod2-bg{
	background-color: #fff;
	background: url(../img/prod1.jpg) 60%  0% no-repeat fixed;
    height: 500px;
	margin: 0 auto;
	color: #fff;
	background-size: cover;
    width:100%;
}


#dis{
	background-color: #fff;
	background: url(../img/dis.jpg) 60%  0% no-repeat fixed;
    height: 1100px;
	margin: 0 auto;
	color: #fff;
	background-size: cover;
    width:100%;
}


#contact-bg{
	background-color: #fff;
	background: url(../img/slide4.jpg) 60%  0% no-repeat fixed;
    height: 1200px;
	margin: 0 auto;
	color: #fff;
	background-size: cover;
    width:100%;
}

#products{
	background-color: #fff;
	background: url(../img/slide5.jpg) 60%  0% no-repeat fixed;
    height: 500px;
	margin: 0 auto;
	color: #fff;
	background-size: cover;
    width:100%;
}


.productstable
{
	
	
	}

td, th {
    
	font-size:11px;
	font-family: 'proxima_novalight';
    text-align: left;
	
}

tbody tr:nth-child(2n-1) {
    background-color:#686851;
    transition: all .125s ease-in-out;
}


/********* video slide STYLING **********/

.bg1holder {
	
	width:100%;
	position:relative;
	overflow:hidden;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
    min-height:100vh;
    perspective:1000px;
    -webkit-perspective:1000px;
    -moz-perspective:1000px;
}

.scroll
{
	position:absolute;
	text-align:center;
	bottom:3%;
	right:0px;
	left:0px;
	z-index:99;
}

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1.5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}



.menumain {
	position: absolute; 
	right:0;
	margin-top:-70px;	
	z-index:999;
	background-color:#0b0b88;
	padding:20px;
	text-align:center;
	
	}


.menumain a {
	
	padding:10px;
	color:#fff;
	font-size:20px;
	letter-spacing:-1px;
	font-family: 'proxima_novasemibold';
	text-transform:uppercase;
	
	}
	
	
.slider
{
	margin:5%;
	padding-bottom:60px;
	
}



.slider:hover
{
	
	text-decoration:none;
}

.slider a
{
    font-family: 'proxima_novablack';
	color:#5b5656; 
	background-color:#fff; 
	font-size:55px; 
	font-weight:bolder !important; 
	text-transform:uppercase; 
	
}


.slider a:hover
{
	text-decoration:none;
}






.readmore a
{
	font-family: 'proxima_novalight';
	color:#0b0b88; 
	font-size:22px; 
	font-weight:bolder !important; 
	text-transform:uppercase;
	text-align:right;
}

.readmore a:hover
{
	
	color:#777; 
	font-size:22px; 
	text-transform:uppercase;
	
}

.smallvision
	{
		padding-left:10%; 
		padding-top:10%;
		z-index:99;
    }
	
.smallmission
	{
		z-index:99;
		padding-top:10%;
    }

@media screen and (max-width: 1200px)
{
	.menumain a
	{
	padding:5px;
	font-size:16px;
	}
	
	.slider a
{
	
	font-size:45px; 
	
	
}

.readmore a
{
	font-family: 'proxima_novalight';
	color:#0b0b88; 
	font-size:22px; 
	font-weight:bolder !important; 
	text-transform:uppercase;
	text-align:right;
}

.readmore a:hover
{
	
	color:#777; 
	font-size:22px; 
	text-transform:uppercase;
	
}

	#slide44{
	
    height:1100px;
	}
	
	
}

@media screen and (max-width: 1000px)
{
	.menumain a {
	
	padding:0px;
	font-size:16px;
	}
	
	
	

	
}


@media screen and (max-width: 920px)
{
	.menumain a {
	padding:0px;
	font-size:14px;
	}
	
	.slider a
{
	
	font-size:40px; 
	
	
}

.readmore a
{
	font-family: 'proxima_novalight';
	color:#0b0b88; 
	font-size:22px; 
	font-weight:bolder !important; 
	text-transform:uppercase;
	text-align:right;
}

.readmore a:hover
{
	
	color:#777; 
	font-size:22px; 
	text-transform:uppercase;
	
}
	
}





@media screen and (max-width: 920px)
{

.slider
{
	margin-top:30%;
	padding-bottom:60px;
	
}	
	
	.slider a
{
	
	font-size:35px; 
	
	
}


.readmore a
{
	font-family: 'proxima_novalight';
	color:#0b0b88; 
	font-size:22px; 
	font-weight:bolder !important; 
	text-transform:uppercase;
	text-align:right;
}

.readmore a:hover
{
	
	color:#777; 
	font-size:22px; 
	text-transform:uppercase;
	
}


#slide44{
	
    height:950px;
	}


	
}
@media screen and (max-width: 768px)
{
	
	
	#slide-index
{
	background: url(../img/slide1.jpg) 100% 100% no-repeat fixed;
    height: 600px;
	margin: 0 auto;
	color: #fff;
	padding-top:70px;
	background-size: cover;
	width:100%;
	display:block !important;;
}
	
	.dotsinsmall
	{
		display:none !important;
	}
	
	
	#slide3{
	
    height: 1000px;
	}
	
	
	#slide4-about{
    height: 1320px;

    }
	#slide4{
	
    height:800px;
	}
	
	#slide44{
	
    height:1200px;
	}
	
	#prod2-bg{
    height: 900px;
    }
	
	#about-bg{ 
	
	height:1050px;
	}
	
	
	.smallvision
	{
		padding:10% 5% 5% 5%!important; 
		
    }
	
	.smallmission
	{
		padding:5% 5% 5% 5%!important; 
    }
	
	.merlokmission
    {
	
	margin-right:0% !important; 
	
	}
	
	.features
{
	font-size:50px !important; 
	
}


.mobilmenu
{
	display:block !important;
}

.menumain
{
	display:none;
}

}


@media screen and (max-width: 600px)
{
	
	#slide3-about{
    height: 2200px;

    }
	
	#about-bg{ 
	
	height:1250px;
	}
}


.mobilmenu
{
	display:none;
}


.number
{
	color:#0b0b88; 
	font-size:14px;
	font-family: 'proxima_novasemibold';
	font-weight:bold;
}

.merlokvision
{
	border:1px solid #b14033; 
	color:#fff; 
	margin-top:15px; 
	padding:7px;
	font-size:18px;
	font-family: 'proxima_novalight';
}


.merlokmission
{
	border:1px solid #b14033; 
	color:#fff; 
	margin-top:15px; 
	padding:7px;
	font-size:18px;
	margin-right:10%; 
	font-family: 'proxima_novalight';
}



.merlokdispline
{
	color:#fff; 
	margin-top:25px; 
	padding:7px;
	font-size:18px;
	margin-right:10%; 
	margin-left:10%; 
	font-family: 'proxima_novalight';
	
}

.merlokdistrib
{
	color:#fff; 
	margin-top:25px; 
	padding:7px;
	font-size:18px;
	padding-top:7%;
	margin-left:10%;
		margin-right:10%;

	font-family: 'proxima_novalight';
	
}


.merlokcontact
{
	color:#fff; 
	margin-top:25px; 
	padding:7px;
	font-size:18px;
	padding-top:7%;
	
	font-family: 'proxima_novalight';
	
}
.merlokproducts
{
	
	color:#fff; 
	margin-top:15px; 
	padding:7px;
	font-size:18px;
	text-align:justify;
	margin-left:15%; 
	font-family: 'proxima_novalight';
}

.readmoreproducts a
{
	font-family: 'proxima_novalight';
	color:#fff; 
	font-size:22px; 
	text-transform:uppercase;
	text-align:right;
	text-decoration:underline;
}

.readmoreproducts a:hover
{
	
	color:#5b5656; 
	font-size:22px; 
	text-transform:uppercase;
}

.copyrights
{
	color:#bbbbbb;
	font-family: 'proxima_novalight';
	font-size:0.8em;
	font-weight:300;
	z-index:999;
	padding-bottom:10px;
	margin-top:10px;
	
	
}


.designed
{
	color:#bbbbbb;
	font-family: 'proxima_novalight';
	font-size:0.8em;
	font-weight:300;
	text-align:right;
	padding:0 !important;
	margin-bottom:20px;
	z-index:999;
}

.designed a
{
	color:#bbbbbb;
	font-family: 'proxima_novalight';
	font-size:1em;
	font-weight:300;
	text-align:right;
	padding:0 !important;
	margin-bottom:20px;
	z-index:999;
}

.features
{
	font-size:75px; 
	font-family:'proxima_novablack'; 
	text-transform:uppercase;
}