/* Enter Your Custom CSS Here */

.onethird {
  width: 33.3%;
  float:left;
}

@media screen and (max-width: 600px) {
  .onethird {
    width: 100%;
  }
}
.twothirds {
width: 63.6%;
  float: left;
  padding-right: 3%;
}

@media screen and (max-width: 600px) {
  .twothirds {
    width: 100%;
    padding-right: 0%;
  }
}

h2 , h1 {
	text-transform: uppercase;
}

ol {
	  padding-left: 20px !important;
}

div.cimy_div_id_0_caption, div.cimy_div_id_1_caption , div.cimy_div_id_2_caption {
	  margin-top: 177px !important;
  left: 50% !important;
    margin-left: -420px !important;
  background: transparent !important;
    font-family: Montserrat, sans-serif !important;
  font-size: 60px;
  text-transform: uppercase;
  opacity: 1 !important;
}

@media screen and (max-width: 1000px) {
  div.cimy_div_id_0_caption, div.cimy_div_id_1_caption , div.cimy_div_id_2_caption {
    margin-left: 0px !important;
    left: 10px !important;
  }
}

#navigation {
  width: 666px;
}

.bodywrapper {
  max-width: 1095px;
}

a.quote {
color: white;
  text-decoration: none;
  

}

@media screen and (max-width: 600px) {
  .calltoaction a.quote {
    right: 0px;
    z-index: 100;
    margin-top: -60px;
    width: 100%;
    text-align: center;
    border: 2px solid #BDBFC1;
    color: #17212A !important;
    margin-bottom: 20px;
    padding-bottom: 5px;
    height: 120px;
  }
}

.flex-viewport {
width: 100%;
}

.flexslider {
	 border: 0px solid #ffffff !important;
}

.flexslider .slides li {
    position:relative;
}

.flex-caption {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    background:#transparent; /* whatever you want */    
    z-index:1;
    padding:15px;
  font-family: 'Montserrat', sans-serif;
	font-weight: 700 !important;
	font-size:60px;
  color: white;
  line-height: 60px;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 600px) {
  .flex-caption {
    display: none;
  }
}

@media screen and (max-width: 1100px) {
#navigation {
	float: left;
  clear: both; 
}
}

#lang_sel_list a, #lang_sel_list a:visited {
	background: transparent !important;
}

.headerwrapper {
  position: absolute;
  top: 50px;
  width: 1100px;
    max-width: 100%;
    margin-top: -40px;
  padding-left: 10px;
}

@media screen and (max-width: 1120px) {
  .headerwrapper {
  	display: none;
  }
}

#shiftnav-toggle-main .logo a {
  margin-top: 0px;
}



.shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item > .shiftnav-target {
  font-family: 'Montserrat';
  text-transform: uppercase;
}

.shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target {
	background: transparent;
  color: #0B1520 !important;
}

.shiftnav {
	background: #EDEDED !important;
}

.shiftnav-main-toggle-content.shiftnav-toggle-main-block {
	float: right;
    padding-top: 0px;
  padding-bottom: 0px;
}

@media screen and (max-width: 494px) {
  .frontwidget {
  	width: 90%
  }
  .frontwidget h4 {
    height: initial;
  }
  .frontwidget img {
    width: 100% !important;
    height: auto !important;
  }
}
.slides > li {
max-height: 600px !important;
  vertical-align: middle;
}

@media screen and (min-width: 1300px) {
.slides > li img {
  margin-top: -120px;
  }
}

@media screen and (min-width: 1600px) {
.slides > li img {
  margin-top: -180px;
  }
}

.shiftnav-nav .menu-item-language a {
  font-family: 'Montserrat' !important;
  color: #666666 !important;
  text-decoration: none !important;
  padding-left: 25px !important;
}

.shiftnav-nav .menu-item-language-current a {
	color: #0B1520 !important;
}

/*konstig overwrite som funkar*/
.shiftnav-nav .menu-item-language .submenu-languages .menu-item-language a {
	color: #666666 !important;
  background: transparent !important;
}

.shiftnav.shiftnav-skin-light ul.shiftnav-menu ul.sub-menu {
   background: transparent !important;
}

.shiftnav-site-title a {
  color: transparent;
  display: block;
  background: url(/wp-content/images/logo_steelcraft.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.shiftnav-site-title a:hover {
  color: transparent;
  display: block;
  background: url(/wp-content/images/logo_steelcraft.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.shiftnav.shiftnav-skin-light .shiftnav-site-title {
  padding: 0px 5px;
}

.footer-inner-wrapper {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}