/* mail */
div.wpcf7-response-output.wpcf7-mail-sent-ok { background: transparent !important; }

/* cf7 message */
.wpcf7-response-output, div.wpcf7-response-output:before { color: #12b9ee !important; }
div.wpcf7-response-output.wpcf7-validation-errors { background-color: transparent !important; }

@import url(https://fonts.googleapis.com/css?family=Crimson+Text);
@import url(https://fonts.googleapis.com/css?family=Gudea);

a#back_to_top i.fa.fa-arrow-up{
    background-image: url("https://vsmmetaal.nl/wp-content/uploads/2015/06/vsm-pijl-up-blauw.png") !important;
background-size: 52px 52px;
background-position: 0px -2px;
width: 52px;
height: 52px;
}

::selection{
background: #969696;
}

a#back_to_top i.fa.fa-arrow-up:before{
   content: none !important;
}

span.fa-stack, .ls-nav-prev, .ls-nav-next{
   border: none !important;
}

/* ARROWS SLIDER */
.ls-nav-prev:after, .ls-nav-next:after {
 content: " " !important;
background-image: url("https://vsmmetaal.nl/wp-content/uploads/2015/06/vsm-pijl-up-blauw.png") !important;
background-size: 50px 50px;
         background-position: 0px -5px;
width: 50px;
height: 50px;
}

.ls-nav-prev:after{
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.ls-nav-next:after{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

nav.mobile_menu ul li a, nav.mobile_menu ul li h3{
color: #888 !important;
}

nav.mobile_menu, nav.mobile_menu ul{
    width:100%;
}

#wpadminbar{
z-index: 1000;
}

.ab-sub-wrapper{
z-index: 20;
}

.container{
margin-left: 20px;
}

.exposition_column:hover{
   cursor:pointer;
   color:white !important;
    background:rgb(0,185,237);
    background: transparent\9;
    background:rgba(0,185,237,0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fF6F6F6,endColorstr=#7fF6F6F6);
    zoom: 1;
}

.exposition_column:hover h2{
color:white !important;
}

body{
font-family: 'Gudea', sans-serif;
}

body a:visited, body a:link{
color: #00BCEA;
}

body a:hover{
color: black;
}

body{
color: black;
}

header.page_header{
z-index: 10;
}

.wpb_gmaps_widget .wpb_wrapper{
padding: 5px 0 5px 0;
}

div.widget_breadcrumb_navxt{
padding: 20px 10px 20px 10px;
}

div.widget_breadcrumb_navxt, div.widget_breadcrumb_navxt a:link, div.widget_breadcrumb_navxt a:visited{
background-color: #00B9ED;
color: white;
text-transform: capitalize;
font-weight: 700;
font-size: 13px;
}

div.widget_breadcrumb_navxt a:hover{
color: black !important;
}

input.wpcf7-form-control.wpcf7-submit:not([disabled]){
border: 0px;
}

a.qbutton{
border: 0px;
margin: 2px 0 2px 0;
min-width: 330px;
text-align: center;
background-repeat: no-repeat;
background-size: 45px 30px;
/*background-attachment: fixed;*/
background-position: 2% 50%;
}

a.qbutton.small{
min-width: 230px;
max-width: 230px;
background-size: 33px 20px;
}

a.qbutton:visited, a.qbutton:link, a.qbutton:hover{
color: white;
}

a.qbutton.ukbutton{
background-image: url('/wp-content/uploads/2015/04/uk-flag-button.png');
}

a.qbutton.itbutton{
background-image: url('/wp-content/uploads/2015/04/it-flag-button.png');
}

a.qbutton.chbutton{
background-image: url('/wp-content/uploads/2015/04/cn-flag-button.png');
}

div#top_content_wrapper, div#top_content_wrapper {
    background:rgb(246,246,246);
    background: transparent\9;
    background:rgba(246,246,246,0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fF6F6F6,endColorstr=#7fF6F6F6);
    zoom: 1;
    padding: 20px 5px 20px 5px;
}
div#top_content_wrapper#:nth-child(n) {
    filter: none;
}

/*hack voor Flex press in footer. Moet kind zijn van Machines om Machines als kop op te maken, maar moet wel direct onder Machines uitgelijnd worden*/
#menu-item-260{
//position:relative;
//left: -6px;
}

nav.vertical_menu{
   margin: 0px;
}

aside.vertical_menu_area{
    padding: 0px;
}

div.column ul{
line-height: 1em;
}

ul{
line-height: 12pt;
}

div.column ul li{
//display: table-cell;
}

.container_inner.page_container_inner{
    padding: 0px !important;
}

div.home_content_column{
background-color: white;
font-weight: 800;
font-style: italic;
font-family: 'Crimson Text', serif;
}

div.home_content_column h2{
text-transform: none;
margin-bottom: 20px;
font-size: 15pt !important;
line-height: 1em;
}

div.home_content_column p{
font-size: 15pt !important;
line-height: 16pt;
}

.row-float-right{
width: 100%;
margin-right: 0px;
}

.row-float-right a.qbutton{
position: relative;
float: right;
}

div.vertical_logo_wrapper{
	display:none;
}

ul#menu-left-main-menu{
background-color: #00B9ED;
padding-top: 12px;
padding-bottom: 12px;
}

li.menu-item a{
color: #FFFFFF !important;
}

li.menu-item a:hover{
font-weight: 1600;
color: #000000 !important;
}

h1{
font-size: 26pt;
text-align: center;
text-transform: uppercase;
font-weight:500;
}

h1, h2,h3,h3{
color: #12b9ee;
}

h2, p{
font-size: 10pt;
line-height: 12pt;
}

h3, h4{
font-size: 8pt;
line-height: 10pt;
}

h2{
margin-top: 20px;
font-weight: 800;
}

h1{
margin-bottom: 50px;
}

.ls-wp-container{
margin-bottom: 60px !important;
}

/*menu sidebar*/
aside.vertical_menu_area, div.vertical_area_background{
width: 175px;
height: 0px;
}

nav.vertical_menu>ul>li>a{
text-transform: capitalize;
color:#12b9ee;
}
/*END menu sidebar*/

div.single_center_column{
  width: 60%;
max-width: 500px;
  display: block;
  margin-left: auto;
  margin-right: auto;
margin-bottom: 100px;
}

div.page{
margin-bottom: 100px;
}

footer{
padding: 0px !important;
width: 100% !important;
text-align: center;
}

.footer_top ul.sub-menu li.menu-item-has-children a:link, .footer_top ul.sub-menu li.menu-item-has-children a:hover, .footer_top ul.sub-menu li.menu-item-has-children a:visited{
font-weight: bold;
}

.footer_top div.column1 a:link, .footer_top div.column1 a:visited, .footer_top div.column1 a:hover{
font-weight: bold;
}

footer .menu-item-has-children{
font-weight: bold;
}

.footer_top{
padding: 10px 0 10px;
}

.footer_top a:link, .footer_top a:visited{
color: black;
}

.footer_top li.menu-item-has-children ul.sub-menu a:link, .footer_top li.menu-item-has-children ul.sub-menu ul.sub-menu a:visited, .footer_top li.menu-item-has-children ul.sub-menu a:hover{
font-weight: 200;
}

.footer_top li{
padding: 0px !important;
}

.vertical_menu_enabled .content .container{
padding-left: 50px;
}

div.menu-footer-first-column-container a{
color: black;
}

div.column_inner > div > div > ul > li > a{
color: black;
}

div.footer_top{
border-bottom: 2px solid white;
}

div.footer_bottom{
color: white;
font-weight: bold;
}

div#top_content_wrapper{
position: relative;
height: 100px;
min-height: 100px;
margin-bottom: 130px;
margin-left: 375px;
padding-left: 20px;
width: 490px;
}

div#top_content_wrapper, div#top_content_wrapper div{
//border: 1px solid black;
}

div#top_logo_wrapper, div#payoff_wrapper{
position: relative;
float: left;
}

div#payoff_wrapper{
    display:none;
}

div#payoff_wrapper.page--72{
    display:inherit;
}

div#top_logo_wrapper{
//width: 300px;
}

div#top_logo_wrapper a img{
height: 100px;
display: block;
}

/*nav style*/
ul#menu-left-main-menu li{
margin-left: 20px;
}

div.second div.inner, div.second div.inner li{
background-color: #F6F6F6;
}

/* first sub menu */
ul#menu-left-main-menu li div.second{
position: absolute;
left: 140px;
top: 0px;
z-index: 15;
width: 200px;
color:black;
//background-color:#12b9ee;
background-image: url(/wp-content/uploads/2015/04/left-arrow-grey-small.png);
background-repeat: no-repeat;
background-position: left top;
overflow: visible;
padding-left: 15px;
}

/* second sub menu */

div.second{
/*border-right: solid 1px blue;*/
}

ul#menu-left-main-menu li div.second div ul li ul{
position: absolute;
left: 165px;
top: 0px;
z-index: 15;
width: 200px;
color:black;
//background-color:#12b9ee;
//background-image: url(/wp-content/uploads/2015/04/left-arrow-blue-border-//grey.png);
background-image: url(/wp-content/uploads/2015/05/left_border_blue_2.png);
background-repeat: no-repeat;
background-position: left top;
overflow: hidden;
padding-left: 5px;
}

ul#menu-left-main-menu li div.second div ul li ul li{
position: relative;
top: 0px;
margin-left: 10px;
}

.fixed-right-text {
width: 300px;
background-color: #ECECED;
position: fixed;
top: 137px;
right: 0px;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}

.fixed-right-text div.wpb_wrapper{
width: 60%;
padding: 10px;
text-weight: 1800;
}

div.vc_row_full_width{
width: 100% !important;
}

ul#menu-left-main-menu li div.second div ul li ul li a span{
/*color:#12b9ee;*/
color:black;
text-transform: uppercase;
border-left: 3px;
border-color: black;
}

div.second div ul li.menu-item a span {
color:black;
}

div.second div ul li.menu-item a span.bold {
font-weight:bold;
}

aside.vertical_menu_area.with_scroll[style]{
overflow: visible !important;
}

nav.vertical_menu_toggle ul li.menu-item-has-children a span.plus{
display: none;
}

li.menu-item.current{
/*background-image: url(/wp-content/uploads/2015/03/left-arrow_small.png);*/
background-image: url(/wp-content/uploads/2015/04/left-arrow-grey-small.png);
background-repeat: no-repeat;
background-position: right top;
}
/*END nav style*/

/*payoff style*/
div#payoff_wrapper{
	width: 370px;
position: relative;
top: 30px;
margin-left: 10px;
max-width: 320px;
}

div#payoff_wrapper div{
	position: relative;
	float: left;

}

div#payoff_wrapper div.payoff_wrapper_first{
	position: relative;
	top: 37px;
}

div#payoff_wrapper div.payoff_wrapper_second{
	padding-bottom: 5px;
	border-bottom: 1px solid black;
	width: 250px;
}

div#payoff_wrapper div.payoff_wrapper_third{
	position: relative;
	top: 8px;
}

p#payoff_text{
	font-style: italic;
	font-weight: bold;
	font-size: 12pt;
         font-family: 'Crimson Text', serif;
}

p.ls-l{
margin-top: 10px !important;
margin-left: 10px !important;
background-color: white;
color: black;
/*font-weight: 800;*/
padding: 10px !important;
}
/*END payoff style*/

table.vsm_table td{
border: 1px solid black;
}

/*Footer style*/
div.footer_bottom a:link, div.footer_bottom a:hover, div.footer_bottom a:visited{
color: white;
}

div.footer_bottom a:hover{
color:black;
}

/*responsive CSS*/

@media screen and (max-width: 500px) {
    div.page{
        width: 250px;
    }
}

@media screen and (max-width: 400px) {
    div.page{
        width: 200px;
    }
}

@media screen and (max-width: 1260px) {
    div#payoff_wrapper{
        display: none;
    }
    div#top_content_wrapper{
        margin-left: 275px;
    }
    div.fixed-right-text{
         display: none !important;
    }
}

@media screen and (max-width: 1100px) {
    div#top_content_wrapper{
        margin-left: 200px;
    }
}

@media screen and (max-width: 1000px) {
    div#top_content_wrapper{
        display: none;
    }
    .container{
       margin-left: 0px;
    }
    .wrapper{
        background: none !important;
    }
footer{
display: none;
}
}

/* END responsive CSS */