html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
  margin         :0;
  padding        :0;
  border         :0;
  outline        :0;
  font-size      :100%;
  vertical-align :baseline;
  background     :transparent
}

body{
  line-height :1
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
  display :block
}

nav ul{
  list-style :none
}

blockquote, q{
  quotes :none
}

blockquote:before, blockquote:after, q:before, q:after{
  content :'';
  content :none
}

a{
  margin         :0;
  padding        :0;
  font-size      :100%;
  vertical-align :baseline;
  background     :transparent
}

ins{
  background-color :#ff9;
  color            :#000;
  text-decoration  :none
}

mark{
  background-color :#ff9;
  color            :#000;
  font-style       :italic;
  font-weight      :bold
}

del{
  text-decoration :line-through
}

abbr[title], dfn[title]{
  border-bottom :1px dotted;
  cursor        :help
}

table{
  border-collapse :collapse;
  border-spacing  :0
}

hr{
  display    :block;
  height     :1px;
  border     :0;
  border-top :1px solid #ccc;
  margin     :1em 0;
  padding    :0
}

input, select{
  vertical-align :middle
}

/*MOBILE STYLES*/

/*wrapper and logos*/
body{
  padding   :0;
  font-size :62.5%;
}

#mk-page-wrapper{
  width      :100%;
  background: #EFEFEF;
}

#mk-page-wrapper a{
  text-decoration :none;
}

/*typography*/
#mk-page-wrapper h1, #mk-page-wrapper h2, #mk-page-wrapper h3, #mk-page-wrapper h4, #mk-page-wrapper p, #mk-page-wrapper li{
  font-family :Helvetica, Arial, sans-serif;
  line-height :1.5;
}

.heading{
  text-align     :center;
  font-size      :3.3em;
  color          :#FFF;
  margin-top     :30px;
  font-weight    :normal;
  text-transform :uppercase;
  margin-bottom  :30px;
  text-shadow    :0px 1px 27px #B6231E;
}

.mk-facebook-social, .mk-linkedin-social, .mk-google-social, .mk-twitter-social{
  width         :auto;
  text-align    :center;
  margin-bottom :24px;
}

.bigHeading{
  background    :#F17C0E;
  overflow      :hidden;
  margin-bottom :24px;
}

.header{
  background  :#fff;
  padding     :30px;
  font-family :Helvetica, Arial, sans-serif;
  overflow    :hidden;
}

.nav{
  float :right;
}

.header ul{

}

.header li{
  float       :left;
  font-size   :1.6em;

  list-style  :none;
  margin-left :20px;
}

.header li a{
  color           :#8B8B8B;
  text-decoration :none;
}

.header li a:hover{
  color :#007fac;
}

.mk-col-50{
  width    :100%;
  overflow :hidden;
}

*{
  -webkit-box-sizing :border-box;
  -moz-box-sizing    :border-box;
  box-sizing         :border-box;
}

iframe{
  background :white;
}

.paddingLeft{
  padding-left :30px;
}

.paddingRight{
  padding-right :30px;
}

.logo{
  background :url(farnell-element14-logo.jpg) no-repeat;
  width      :100%;
  height     :46px;
  float      :left;
}

.mobile{
  display :none;
}

.ie {
  display :none\9;
}

/******************************* tablet-landscape ********************************/
@media screen and (min-width :960px){
  body{
    padding :15px 15px 0 15px;
  }
  #mk-page-wrapper{
    width      :100%;
    background :#007FAC;
  }
  .mobile{
    display :block;
  }

  .logo{
    width :262px;
  }

  video#bgvid{
    width      :100%;
    min-width  :100%;
    min-height :100%;
    width      :100%;
    height     :auto;
    z-index    :-100;
    background:transparent url('video.jpg') no-repeat 0 0;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
  }


  .heading{
    font-size :80px;
    margin-bottom  :20px;

  }

  .mk-col-100{
    width    :100%;
    overflow :hidden;
  }

  .mk-col-50{
    width    :50%;
    overflow :hidden;
  }

  .mk-left{
    float :left;
  }

  .mk-right{
    float :right;
  }

  html{
    background :#ffffff; /* Old browsers */
    background :-moz-linear-gradient(top, #ffffff 0%, #e8e8e8 97%); /* FF3.6+ */
    background :-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(97%, #e8e8e8)); /* Chrome,Safari4+ */
    background :-webkit-linear-gradient(top, #ffffff 0%, #e8e8e8 97%); /* Chrome10+,Safari5.1+ */
    background :-o-linear-gradient(top, #ffffff 0%, #e8e8e8 97%); /* Opera 11.10+ */
    background :-ms-linear-gradient(top, #ffffff 0%, #e8e8e8 97%); /* IE10+ */
    background :linear-gradient(to bottom, #ffffff 0%, #e8e8e8 97%); /* W3C */
  }

  body{
    padding               :0px;
    background-image      :url(2nd-background.png);
    background-position-x :center;
    background-repeat     :no-repeat;
    background-position   :center 128px;
    background-color      :#F8F8F8;
    background-attachment :fixed;
  }

  #mk-page-wrapper{
    width              :1024px;
    margin             :0 auto;
    position           :relative;
    box-shadow         :0px -3px 73px rgba(0, 40, 40, 0.18);
    -moz-box-shadow    :0px -3px 73px rgba(0, 40, 40, 0.18);
    -webkit-box-shadow :0px -3px 73px rgba(0, 40, 40, 0.18);
  }

}

/*media*/