/* global ----------------------- */
.row {
  max-width: 1300px; 
}

body {
    background: #ffffff;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
    border: 1px solid #000000;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

h2 {
        font-size: 22px;
    color: #0a2f87;
    text-align: center;
    width: 100%;
    padding: 12px;
    font-weight: 700;
}

/* header ----------------------- */

#mainheader {
    background-image: url("../img/headerbg2.png");  
    background-repeat: repeat-x;
}

#headerlogo {
    width: 16%;
    float:left;
    position: relative;
}



#headerphone {
    float:right;
    color: #ffffff;
    font-weight: bold;  
    padding-left: 30px;
    background-image: url("../img/alararrow.png");
    background-repeat: no-repeat;
    background-position: left center;
    margin-right: 20px;
    line-height: 1.6;
}


.headerphone_desktop { 
    display: block;
}

.headerphone_mobile { 
    display: none;
}

#navheadermenucontainer {
    width: 100%;
    float:left;
    background: rgb(185,184,184); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(185,184,184,1) 0%, rgba(228,226,226,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(185,184,184,1) 0%,rgba(228,226,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(185,184,184,1) 0%,rgba(228,226,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9b8b8', endColorstr='#e4e2e2',GradientType=0 ); /* IE6-9 */
}

/* nav menu -----------------------*/
#navheadermenu li:nth-child(1) { width: 20%; }
#navheadermenu li:nth-child(2) { width: 20%; }
#navheadermenu li:nth-child(3) { width: 20%; }
#navheadermenu li:nth-child(4) { width: 20%; }
#navheadermenu li:nth-child(5) { width: 20%; }
#navheadermenu li:nth-child(6) { width: 20%; }

#navheadermenu {
  list-style: none;
  width: 100%;
  padding: 0px;
  margin: 0px;
  float: left;
  position: relative; 
}


#navheadermenu li {
    float:left;
	display:block;
}

#navheadermenu li a {
    line-height: 48px;
    display: block;
    float:left;
    text-align: center;
    padding: 0px 12px;
    margin: 0px;
    width: 100%;
    color: #0a2f87;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

#navheadermenu li a:hover {
    background: #0a2f87; 
    color: #ffffff;
}

#navheadermenu li:hover .submenu {
    display: block;
}

#navheadermenu .submenu {
    display: none;
    position: absolute;
    top: 100%;
    margin: 0px;
    padding: 0px;
}

#navheadermenu .submenu li {
    width: 300px;
    clear:both;
}

#navheadermenu   .submenu li a { 
    line-height: 42px;
    background: #ffffff;
}

#navheadermenu   .submenu li a:hover {
    color: #ffffff;
    background: #188ffb;
}

#navheadermenu .submenu-close {
    display: none;
}


#showmobilemenu {
    display: none;
}

/* footer ----------------------- */
footer.full-width {
    float:left;
    width: 100%;
    border: 0px;
    padding: 0px;
    background: #b9b8b8;
}

.footerpanel {
    float:left;
    width:25%;
    position: relative;
    padding: 50px 0px;
}

.footerpanel h3 {
    color: #0a2f87;
}

footer.full-width .footerpanel a {
    color: #ffffff;
}

.footerpanel p {
    color: #0a2f87;
    margin: 0px;
}


.footerpanel ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
}


 
/* endfooter ----------------------- */
#endfooter {
    background: #404041;
    padding: 20px;
    float:left;
    width: 100%;
}

#endfooter p {
    text-align: center;
    color: #ffffff;
    margin: 0px;
}

#endfooter a {
    color: #ffffff;
    font-weight: bold;
}


/* home */

#homerow1 {
    padding: 60px
}
.homerow1_block {
    width: 32%;
    float:left;
    position: relative;
}

.homerow1_block:nth-child(2){
    margin-left: 2%;
    margin-right: 2%;
}


.homerow1_block h2 {
    font-size: 24px;
    font-weight: bold;
}

.homerow1_block a {
    text-transform: uppercase;
    font-weight: bold;
}

.homerow1_block_content {
    padding-right: 150px;
}

.homerow1_block_icon {
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -40px;
}

.linkbox {
    text-align: right;
    width: 50%;
    float:left;
    padding: 50px;
}

.linkbox:nth-child(2), .linkbox:nth-child(4) {
    text-align: left;
}

.linkbox img {
    height: 220px;
    width: auto;
}

.machinebox img {
    width: 100%;
    height: auto;
}

.machinebox span {
    width: 100%;
    display: block;
    line-height: 48px;
    background:#0a2f87;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
}

.machinebox_image {
    height: 200px;
    width: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

#content {
    border: 0px;
}


/* Contact form ------------------- */
#verify {
    display: none;
}

#qc_errors p, #qc_success p {
    color: #fff;
    padding: 10px;
	margin: 0px;
}
#qc_errors {
    background: #f80202 none repeat scroll 0 0;
    margin-bottom: 20px;
}
#qc_success {
    background: #21db55 none repeat scroll 0 0;
    margin-bottom: 20px;
}

#machinecontact #captcha_container{
	float:left;
	width: 20%;
	height: 48px;
	line-height: 48px;
	text-align:center;
	background: #145a91;
    margin-left: 20%;
}

#machinecontact #captcha {
	float:left;
	width: 20%;
	height: 48px;
	line-height: 48px;
    margin: 0px;
}

#machinecontact #footersubmit {
	float:right;
	height: 48px;
	line-height: 48px;
	padding: 0px 8px;
    width: 20%;
    margin-right: 20%;
}

#machinecontact {
    background: #0a2f87;
    padding: 50px;
}

#machinecontact label {
    color: #ffffff;
    width: 20%;
    float:left;
    font-weight: bold;
    text-align: right;
    line-height: 48px;
    margin-bottom: 8px;
    padding-right: 16px;
}


#machinecontact input {
    float:left;
    width: 60%;
    line-height: 48px;
    height: 48px;
    margin-bottom: 8px;
    margin-right: 20%;
} 

 #machinecontact textarea  { 
    float:left;
    width: 60%;    
    margin-right: 20%;
}

#machinecontact h2 {
    color: #ffffff;
    margin-bottom: 20px;
}


#machinetitle {
    text-align: center;
    margin: 30px 0px;
}


/* --------------------------------- mobile breakpoint ---------------------------------  */

@media only screen and (max-width: 70em) { 
    
    #fixedheader {
        position: relative;
    }
    
    .headerphone_desktop { 
        display: none;
    }

    .headerphone_mobile { 
        display: block;
    }


    /* nav menu ----------------------- */

    #navheadermenucontainer {
		overflow:hidden;
		width: 100%;
        position: relative;
	}
	
    
    #navheadermenu li a {
        width: 100%;
        line-height: 50px;
    }
    
    #navheadermenu li:nth-child(1) { width: 100%; }
    #navheadermenu li:nth-child(2) { width: 100%; }
    #navheadermenu li:nth-child(3) { width: 100%; }
    #navheadermenu li:nth-child(4) { width: 100%; }
    #navheadermenu li:nth-child(5) { width: 100%; }
    #navheadermenu li:nth-child(6) { width: 100%; }
    #navheadermenu li:nth-child(7) { width: 100%; }
    
    
    #navheadermenu .submenu {
        top: 0px;
        width: 100%;
        height: 100%;
        background: #ffffff;
        display: block;
        margin-left: 100%;
        transition: margin-left 0.5s ease;
        
    }
    
    #navheadermenu .submenu li a{
        line-height: 50px;
        background:none;
    }
    
    #navheadermenu .submenu-close {
        line-height: 50px;
        display: block;
        float: left;
        text-align: center;
        padding: 0px 12px;
        margin: 0px;
        width: 100%;
        color: #188ffb;
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
        cursor:pointer;
    }
    
    #navheadermenu .submenu-close:hover {
        background: #188ffb;
        color: #ffffff;
    }
    
    #navheadermenucontainer {
        transition: background-color 0.5s ease;
        background-color: #ffffff;
    }
    
    #navheadermenucontainer.in-submenu {
        background-color: #c3c3c3;
    }
    
    /* show mobile menu button ----------------------- */
    #showmobilemenu {
        display: block;
        position: absolute;
        right: 14px;
        top: 36px;
    }
    
    #showmobilemenu .bar1, #showmobilemenu .bar2, #showmobilemenu .bar3 {
		width: 35px;
		height: 5px;
		background-color: #188ffb;
		margin: 6px 0;
		transition: 0.4s;
	}
    
    #showmobilemenu.change .bar1 {
        -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
        transform: rotate(-45deg) translate(-9px, 6px) ;
    }

    #showmobilemenu.change .bar2 {
        opacity: 0;
    }

    #showmobilemenu.change .bar3 {
        -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
        transform: rotate(45deg) translate(-8px, -8px) ;
    }
    
    /* footer ------------- */
    footer.full-width {
        background: #1e1e1e;
    }
    
    .footerpanel {
        width: 100%;
        padding: 50px;
    }

    
    #triangle-container {
        display: none;
    }
    
    
}