/* STYLES */

/* basics & reset */

body {
  color:#7d7d7d;
  background: #f5f5f5
}

a,a:visited {text-decoration:none}
a:hover {text-decoration:underline}
a:hover, a:active, a:focus, object, embed, input::-moz-focus-inner {
    outline:0
}

h1 {
  font-size: 25px;
}

h2 {
  font-size: 23px;
}

h3 {
  font-size: 21px;
}

h4 {
  font-size: 19px;
}

h5 {
  font-size: 17px;
}

h6 {
  font-size: 15px;
}

h1,h2,h3,h4,h5,h6 {
  color:#000
}

#main-navigation a,#tagline h2,.section-title {
  
  font-weight:400
}

section {
  margin:70px 0;
}

ol {
  list-style: decimal;
}

ul {
  list-style: disc;
}

blockquote, blockquote p { 
    font-size: 32px!important;
    font-style: normal;
    font-weight:bold;
    margin-bottom: 3px!important;
    margin-top: 1px;
    letter-spacing:-2px;
    line-height: 36px
}
blockquote { 
    margin: 0;
    padding: 0;
    clear: both;
    border-left:0!important;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
   
}
blockquote cite { display: block; font-size: 15px!important; font-weight:normal; letter-spacing:0;  color:#fff }
.section-odd blockquote cite, .section-odd blockquote cite a, .section-odd blockquote cite a:visited, .section-odd blockquote cite a:visited { color:#777 }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color:#fff }

label.error {
    display:none!important
}

input.error,textarea.error {
    background:rgba(255, 0, 0, .5)
}

.center {text-align:center}

.vertical-spacer {
    display:block;
    float:left;
    width:100%;
    height:30px
}

.border-break {
    width:100%;
    height:1px;
    float:left;
    display:block;
    margin:5px 0;
    background:#fff;
    box-shadow:0 1px 1px #aaa;
}

.break-title {
    font-size: 12px;
    text-transform: uppercase;
    clear: both;
    display: block;
    width: 100%;
    border-bottom: 1px dotted #CCC;
    margin: 50px 0;
    letter-spacing: 4px;
    padding-bottom: 5px
}

/* spacings */

li {
  margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
  margin-bottom: 20px;
}

.spacer {
    display:block;
    float:left;
    clear:both;
    width:100%;
    margin:20px 0
}

.clear {
    clear:both;
    height:0;
    margin:0;
    font-size: 1px;
    line-height: 0
}

.last {margin-right:0!important}

/* header */

header {
  max-height:100%;
  overflow:hidden;
}

.supervideo {
  width:100%;
  height:auto;
  max-width:100%;
  display: block;
}

#tagline {
  position:relative
}

#top {
  position:absolute
}

#top {
  background:rgba(0,0,0,.35);
  min-height:220px;
  text-align:center;
  padding-top:20px;
  width:100%; height:100%;
}

.fullwidth-slider #top {
  z-index:1
}

.slider-title {
  text-transform: uppercase;
  font-size: 52px!important;
  line-height: 57px;
  margin-bottom: 5px!important;
}

/* Caption style */
.flex-caption {
  padding: 50px;
  position: absolute;
  left: 50%;
  margin-left: -240px;
  top: 36.5%;
  color: #fff;
  text-align: center;
  font-size: 18px;
  line-height: 18px;
  background:rgba(0,0,0,.75);
  height:auto;
  text-align:center;
  width: 420px

}

.slider-title {
  font-size: 31px;
  margin-bottom: 16px
}

.slider-text {
  font-size: 12px;
  margin-bottom: 0
}

.fixed {
  position: fixed;
  top: -5px;
  left: 0;
  width: 100%;
  background: rgba(0,0,0,.95);
  min-height: 75px;
  text-align: center;
  padding: 20px 0;
  z-index: 9999
}

.fixed #logo {
  float:left;
  width:120px;
  height:auto;
  margin-bottom: 0
}

.fixed #main-menu {
  float: right;
  margin-top:31px
}

.default {

}

.single #top {
  background:transparent;
  z-index:0;
  height:0
}

.archive #top, .category #top {
  background:transparent;
  z-index:0;
  min-height:0
}

.page-title {
  font-size: 39px
}

.single .fixed,.archive .fixed,.category .fixed, .single .default  {
  position: inherit!important;
  width: 100%;
  background: #000;
  min-height: 75px;
  text-align: center;
  padding: 20px 0;
  z-index: 9999;
  margin-top: 0px
}

.post-img {
  max-width:100%;
  width:100%;
  margin: 21px 0
}

.archive .post, .category .post {
  padding-bottom:50px;
  margin-bottom:50px;
  border-bottom:1px solid #ccc
}

/* author box */

.author-box {
  padding:15px;
  background:#f5f5f5;
  width:96%;
  display:block;
  float:left;
  clear:both;
  margin:30px 0
}

.author-social {
  font-size: 11px!important;
  margin: -13px 0 0 0!important
}

.author-social a {
  font-size:11px;
  margin:0
}

.author-box h4 {
  margin:15px 0 10px 0;
  text-transform:uppercase
}

.author-box p {
  margin-top:0;
  font-size:12px
}

.author-image {
  float:left;
  margin-right:15px;
  width: 128px;
  height: auto
}

/* social share */

.social-share {
  width:100%;
  display:block;
  float:left;
  clear:both
}

.social-share ul {
  list-style:none;
  margin:0;
  padding:0
}

.social-share ul li {
  float: left;
  margin: 0;
  padding: 0;
  min-width: 10%;
  max-width: 200px;
  width: 100px
}

/* comments */

#comments-title {
  margin:50px 0 10px 0
}

ul.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0;border: 1px solid #E3E3E3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
ul.commentlist li { }
ul.commentlist li.alt { }
ul.commentlist li.bypostauthor {}
ul.commentlist li.byuser {}
ul.commentlist li.comment-author-admin {}
ul.commentlist li.comment {padding:1em; }
ul.commentlist li div.comment-author {}
ul.commentlist li div.vcard { font:normal 16px georgia,times,serif; }
ul.commentlist li div.vcard cite.fn { font-style:normal; font-weight: bold; color:inherit; margin-right:5px; font-size:14px}
ul.commentlist li div.vcard cite.fn a.url {}
ul.commentlist li div.vcard img.avatar {float:left; margin:0 15px 0 0; padding: 1px 1px 2px 1px;}
ul.commentlist li div.vcard img.avatar-32 {}
ul.commentlist li div.vcard img.photo {}
ul.commentlist li div.vcard span.says {}
ul.commentlist li div.commentmetadata {}
ul.commentlist li div.comment-meta { font-size:15px; }
ul.commentlist li div.comment-meta a { color:#ccc; }
ul.commentlist li p { font-size:11px; margin:0 0 1em; }
ul.commentlist li ul { font-size:11px; list-style:square; margin:0 0 1em 2em; }
ul.commentlist li div.reply { font-size:11px; }
ul.commentlist li div.reply a { font-weight:bold; }
ul.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ul.commentlist li ul.children li {}
ul.commentlist li ul.children li.alt {}
ul.commentlist li ul.children li.bypostauthor {}
ul.commentlist li ul.children li.byuser {}
ul.commentlist li ul.children li.comment {}
ul.commentlist li ul.children li.comment-author-admin {}
ul.commentlist li ul.children li.depth-2 { border-left:1px solid #555; margin:0 0 .25em .25em; }
ul.commentlist li ul.children li.depth-3 { border-left:1px solid #999; margin:0 0 .25em .25em; }
ul.commentlist li ul.children li.depth-4 { border-left:1px solid #bbb; margin:0 0 .25em .25em; }
ul.commentlist li ul.children li.depth-5 {}
ul.commentlist li ul.children li.odd {}
ul.commentlist li.even { background:#fff; }
ul.commentlist li.odd { background:#f6f6f6; }
ul.commentlist li.parent { }
ul.commentlist li.pingback { border-bottom:1px dotted #ccc; padding:1em; }
ul.commentlist li.thread-alt { }
ul.commentlist li.thread-even {}
ul.commentlist li.thread-odd {}

#commentform input {
  width: 300px;
  border: 1px solid #E4E4E4;
  border-radius: 3px;
  padding:5px;
  margin:0 0 -10px 0;
  display:block
}

.form-allowed-tags {
  width:100%;
  font-size:11px
}

.form-allowed-tags code {
  display:block;
  margin-top:10px;
  clear:both;
  white-space:inherit;
}

#commentform label {
  width: 300px;
  margin:5px 0 5px 0;
  display: inline-block;
  zoom: 1;
  *display:inline;
  cursor:pointer
}

#comment-area {
  margin:0 0 10px 0;
  width:94%
}

#comment-area h3 {
  font-size: 19px;
  margin: 40px 0 -5px 0;
}

#comment {
  width: 550px;
  border: 1px solid #E4E4E4;
  border-radius: 3px;
  padding:10px;
  margin:3px 0 10px 0
}

#submit {
  width:136px!important;
  font-size: 13px
}

img.avatar {
  border: 1px solid #FFFFFF;
  box-shadow: 0 0 1px #999999;
  float:left;
  margin:0 7px 0 0;
}

ul.commentlist {
  border: 1px solid #eee;
  display: block;
  float: left;
  list-style: none;
  margin: 10px 0;
  width:100%;
  padding: 16px;
}

ul.commentlist li {
  float:left;
  width:95%;
  display:block;
  margin:10px 0 10px 0;
  font-size:12px;
  font-family:Georgia, Times New Roman, Times, serif;
  font-style:italic;
  color:#888888;
}

ul.commentlist li p {
  font-size:12px;
  font-family:Arial,Tahoma,Helvetica;
  line-height: 20px;
  font-style:normal;
  margin:10px 0 25px 0;
  overflow:hidden
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .single .fixed,.archive .fixed,.category .fixed {
    /*margin-top: -150px*/
  }
  #tagline {
    margin-top:0
  }
}

@-moz-document url-prefix() { 
  .single .fixed,.archive .fixed,.category .fixed {
    /*margin-top: -150px*/
  }
  #tagline {
    /*margin-top:50px*/
  }
}

.archive-title {
  background: #16a085;
  margin-top: 0px;
  padding: 25px 0
}

.archive-title h1 {
  margin: 0 0 0 65px;
  line-height: 48px;
  font-weight:bold;
  float:none;
  font-size: 38px;
  color: #fff;
  position:relative;
  z-index:10
}

/* Firefox 3.0+ */
#veinticinco,  x:-moz-any-link, x:default  { color: red  }

#content {
  margin-top:150px
}

/*  sidebar  */

.single #sidebar,.single #main-content {
  position: relative;
  z-index: 10;
}

#sidebar .widget {
  margin-bottom: 50px;
  display: block;
  clear: both
}

#sidebar h4 {
  font-size: 17px;
  margin-bottom: 20px
}

#searchform2 input {
  width:170px
}

#searchform2 .btn {
  margin-top: -9px;
  width: 55px;
  font-size: 13px;
  padding-left: 5px
}

#sidebar ul {
  list-style:none;
  margin:0;
  padding:0
}

#sidebar ul li {
  margin:0 0 -1px 0;
  padding:0
}

#sidebar ul li a {
  color:#aaa;
  text-transform:uppercase;
  font-size:12px
}

.tagcloud a {
  float:left;
  height:24px;
  line-height:24px;
  position:relative;
  font-size:11px!important;
  margin-bottom:10px
}

.tagcloud a {
  margin-left:15px;
  margin-right:10px;
  padding:0 10px 0 12px;
  color:#fff!important;
  background:#555;
  text-decoration:none;
  -moz-border-radius-bottomright:4px;
  -webkit-border-bottom-right-radius:4px; 
  border-bottom-right-radius:4px;
  -moz-border-radius-topright:4px;
  -webkit-border-top-right-radius:4px;  
  border-top-right-radius:4px;  
} 

.tagcloud a:before {
  content:"";
  float:left;
  position:absolute;
  top:0;
  left:-12px;
  width:0;
  height:0;
  border-color:transparent #555 transparent transparent;
  border-style:solid;
  border-width:12px 12px 12px 0;    
}

.tagcloud a:after {
  content:"";
  position:absolute;
  top:10px;
  left:0;
  float:left;
  width:4px;
  height:4px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  background:#fff;
  -moz-box-shadow:-1px -1px 2px #111;
  -webkit-box-shadow:-1px -1px 2px #111;
  box-shadow:-1px -1px 2px #111;
}

.tagcloud a:hover{background:#666;} 
.tagcloud a:hover:before{border-color:transparent #666 transparent transparent;}

/*--Wp calendar--*/

#wp-calendar {
  border: 1px solid #ddd;
  empty-cells: show;
  font-size: 14px;
  margin: 0;
  width: 100%;
  border-bottom:15px solid #ddd;
  padding-bottom:15px;
} 

#wp-calendar thead tr {
  background:#ddd
} 

#wp-calendar th {
  font-style: normal;
  text-transform: capitalize;
  padding:3px;
  text-align:center
} 

#wp-calendar td {
  color: #aaa;
  font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  letter-spacing: normal;
  padding: 2px 0;
  text-align: center;
}

#wp-calendar #today {
  background: #ddd;
  color: #111;
}

#wp-calendar caption {
  text-transform:uppercase;
  font-size:11px;
  margin-bottom:0;
  background: #F0F0F0;
  border: 1px solid #DDDDDD;
  border-bottom:0;
  padding:5px;
  border-radius:5px 5px 0 0;
  -moz-border-radius:5px 5px 0 0;
  -webkit-border-radius:5px 5px 0 0;
  text-align:center
}

/*
  Caption
*/

.caption {
  z-index:500;
  position:absolute;
  bottom:-35px;
  left:0;
  height:30px;
  padding:5px 20px 0 20px;
  background:#000;
  background:rgba(0,0,0,.5);
  width:400px;
  font-size:1.3em;
  line-height:1.33;
  color:#fff;
  border-top:1px solid #000;
  text-shadow:none;
}

/* main navigation */

#main-menu {
  margin:50px 0 0 0;
  padding:0
}

#main-menu select {
  display: inline-block;
  text-align: center;
  margin: 0 auto;
}

#main-navigation {
  margin:0;
  padding:0;
  list-style:none
}

#main-navigation li {
  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:inline;
  margin: 0 50px 0 0
}

#main-navigation li:last-child {
  margin-right: 0
}

#main-navigation li a {
  text-transform:lowercase;
  text-decoration:none !important;
  font-size:24px;
  font-weight:400;
}

#main-navigation ul.drop>li>a.icon {
  background-image: url('images/plus-icon.png');
  background-repeat: no-repeat;
  background-position: 175px center;
  /*background-position: right center;*/
}

#main-navigation li.current-menu-item a {
  color:#ccc;
  text-decoration:none
}

#main-navigation li.current-menu-item li a {
  color:#ccc;
  border-bottom:0;
  padding-bottom:0;
  text-decoration:none
}

#main-navigation>li>a:hover {
  color:#aaa;
  text-decoration:none
}

/* navigation (dropdown) */

#main-navigation > li ul.drop li {
  padding: 0 20px 0px 5px;
}

#main-navigation > li ul.drop {
  margin:0 0 0 -17px!important;
  padding:42px 20px 20px 20px!important;
  width:200px;
  position:absolute;
  background:#000;
  display:none;
  text-align:left;
  color: #fff
}

#main-navigation > li ul.drop a {
  color: #fff !important
}

#main-navigation > li ul {
  background-color:#404040;
  z-index:999;
  padding:20px!important;
  border-radius:0 0 4px 4px;
  -moz-border-radius:0 0 4px 4px;
  -webkit-border-radius:0 0 4px 4px;
  -ms-border-radius:0 0 4px 4px;
  -o-border-radius:0 0 4px 4px
}

#main-navigation > li ul li {
  margin: 0;
  height: 30px
}

#main-navigation > li ul li a {
  font-size: 14px;
  line-height:32px;
  letter-spacing: 0;
  display: block;
  float: left;
  width: 100%;
  color:#fff;
  text-transform:none
}

#main-navigation > li ul li a:hover {
  color:#555!important
}

#main-navigation > li ul.drop ul {
    margin:0;
    padding:0;
    position:absolute;
    display:none;
    left:150px;
    margin-left: 75px !important;
    margin-top: -10px !important;
    top:0;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px
}

#main-navigation .subdrop {
  padding: 10px !important;
    border-top: 0px !important;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px
}

#main-navigation ul.subdrop li {
  padding: 0px 0px 0px 15px !important;
}

#main-navigation > li ul li {
    margin:0;
    padding:0;
    list-style:none;
    position:relative;
    width:100%
}​

.dummy {/* DO NOT REMOVE FOR THE LOVE OF ALLMIGHTY HE-MAN */}

#teaser {
  z-index: 9;
  position: absolute;
  top: 45%;
  width: 100%;
  text-align: center
}

#teaser h2 {
  color: #fff;
  font-size: 59px;
  line-height: 69px;
  margin-bottom: 30px
}

/* tagline */

#tagline {
  background:#fff;
  border-bottom:1px solid #c7c7c7;
  min-height:115px;
  text-align: center
}

#tagline h2 {
  font-size:28px;
  font-weight:400;
  line-height:110px;
  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:inline;
  margin: 0
}

a.tagline-btn, span.tagline-btn {
  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:inline;
  padding:10px 50px;
  color:#fff;
  text-transform:uppercase;
  font-size:17px;
  font-weight:bold;
  margin-left:15px;
  line-height: 35px;
  cursor: pointer;
}

a:hover.tagline-btn, span:hover.tagline-btn {
  background-color:#000!important;
  color:#aaa;
  text-decoration:none
}

/* sections */

.section-heading {
  display:block;
  width:100%;
  margin:0 0 40px 0
}

.section-title {
  font-size: 62px;
  font-weight: bold;
  margin-bottom: -17px;
  letter-spacing: -5px;
  text-align: center;
  color: #555555
}

.section-subtitle {
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase
}

/* content */

.special-box-inner {
  background:#fff;
  padding:30px;
  box-shadow:0 0 1px rgba(0,0,0,.35);
  -moz-box-shadow:0 0 1px rgba(0,0,0,.35);
  -webkit-box-shadow:0 0 1px rgba(0,0,0,.35);
  -o-box-shadow:0 0 1px rgba(0,0,0,.35);
  -ms-box-shadow:0 0 1px rgba(0,0,0,.35);
  -webkit-transition: background-color 500ms linear;
  -moz-transition: background-color 500ms linear;
  -o-transition: background-color 500ms linear;
  -ms-transition: background-color 500ms linear;
  transition: background-color 500ms linear
}

.special-box-inner:hover {
  background-color:#111;
  -webkit-transition: background-color 500ms linear;
  -moz-transition: background-color 500ms linear;
  -o-transition: background-color 500ms linear;
  -ms-transition: background-color 500ms linear;
  transition: background-color 500ms linear
}

.special-box-inner:hover h3 {
  color:#fff
}

.box-title {
  font-size: 22px;
  margin-bottom: 21px;
  margin-top: 0;
  letter-spacing: 0px;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 28px
}

.special-box-inner p {
  color: #777;
  font-size: 14px;
  margin-bottom: 21px;
  font-weight: normal;
  line-height: 23px
}

.special-box-inner .readmore {
  margin:10px 0 5px 0;
  float:left
}

.box {
  margin-top:5px
}

.boxes-right {
  margin-top: 20px
}

.inner {padding:50px}

.box-icon{
  float: left;
  margin-right: 20px;
  font-size: 70px;
  color: #d1d1d1;
  padding-bottom: 70px
}

.box h3,.box p {
  margin: 0;
  padding-left: 95px;
}

.cont-background {
  box-shadow:0 0 1px rgba(0,0,0,.35);
  -moz-box-shadow:0 0 1px rgba(0,0,0,.35);
  -webkit-box-shadow:0 0 1px rgba(0,0,0,.35);
  -o-box-shadow:0 0 1px rgba(0,0,0,.35);
  -ms-box-shadow:0 0 1px rgba(0,0,0,.35);
  background:#fff;
  padding: 0px 0 35px 0;
}

.content-box .inner {
  background:#fff;
  padding:30px;
  box-shadow:0 0 1px rgba(0,0,0,.35);
  -moz-box-shadow:0 0 1px rgba(0,0,0,.35);
  -webkit-box-shadow:0 0 1px rgba(0,0,0,.35);
  -o-box-shadow:0 0 1px rgba(0,0,0,.35);
  -ms-box-shadow:0 0 1px rgba(0,0,0,.35)
}

.content-box .inner:hover {
  background-color:#111;
  -webkit-transition: background-color 500ms linear;
  -moz-transition: background-color 500ms linear;
  -o-transition: background-color 500ms linear;
  -ms-transition: background-color 500ms linear;
  transition: background-color 500ms linear
}

.content-box .inner:hover h3 {
  color:#fff
}

.content-box {
  text-align:center;
  margin-bottom:50px
}


.content-box h3 {
  font-weight:400;
  font-size:28px
}

.content-box p {
  font-weight:400;
  font-size:16px
}

a.box-btn {
  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:inline;
  padding:8px 30px;
  color:#fff!important;
  text-transform:uppercase;
  font-size:14px;
  font-weight:bold;
  line-height: 35px
}

a:hover.box-btn {
  background-color:#000!important;
  -webkit-transition: background-color 500ms linear;
  -moz-transition: background-color 500ms linear;
  -o-transition: background-color 500ms linear;
  -ms-transition: background-color 500ms linear;
  transition: background-color 500ms linear;
  color:#aaa!important;
  text-decoration:none
}

/* 7. portfolio */

#filters {
  list-style: none;
  margin: 0 0 50px 0;
  padding: 35px 0;
  text-align: center;
  border-bottom: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
  background: #f1f1f1
}

#filters li {
  display: inline-block; zoom: 1; *display: inline;
  margin:0 70px 0 0
}

#filters li a {
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
  padding: 5px 12px
}

#filters li a:hover {
  color:#555
}

#filters li a.current {
  color: #fff!important;
  padding:5px 12px;
}

#portfolio-gallery {
  margin-left:50px
}

.thumbnail>img {
  width: 100%
}

.thumbnails {
  margin-top: 40px
}

.portfolio-item {
  text-align: center;
  width: 360px;
  margin-left: 0px;
  margin-bottom: 15px;
  padding: 9px;
  position:relative
}

.portfolio-item img {
  width: 100%;
  height: auto
}

.portfolio-item a {

}

span.over {
  height: 258px;
  position: absolute;
  width: 360px;
  z-index: 1;
  background:#000;
  background:rgba(0,0,0,.45);
  left: 9px
}

.zoom-icon {
  width: 64px!important;
  height: 64px!important;
  position: absolute;
  top: 38%;
  left: 49%;
  border:0!important;
  box-shadow:none!important;
  -moz-box-shadow:none!important;
  -webkit-box-shadow:none!important;
  -ms-box-shadow:none!important;
  -o-box-shadow:none!important;
  border:0!important
}

.link-icon {
  width: 64px!important;
  height: 64px!important;
  position: absolute;
  top: 38%;
  left: 34%;
  border:0!important;
  box-shadow:none!important;
  -moz-box-shadow:none!important;
  -webkit-box-shadow:none!important;
  -ms-box-shadow:none!important;
  -o-box-shadow:none!important;
  border:0!important
}

.zoom-icon:hover, .link-icon:hover {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* Good browsers */
  opacity: 0.5
}

.portfolio-details {
  background: #fefefe;
  border: 1px solid #eee;
  border-top: 0;
  border-bottom: 1px solid #ddd;
  min-height: 50px;
  margin-top: -10px;
  padding: 20px 35px;
  text-shadow:1px 1px #fff
}

.portfolio-category {
  font-weight:bold
}

.portfolio-title h3 {
  font-size: 23px;
  margin: 19px 0 -3px 0
}

.padding-left {
  padding-left:35px;
}

.inner {
  padding:35px 60px
}

.pull-top h3  {
  margin-top:0!important
}


.custom-section h3 {
  font-size:50px;
  font-weight:400;
  line-height:52px;
  margin-top:85px
}

.custom-section p {
  font-size: 18px;
  line-height: 26px;
  margin-top: 5px;
  color: #9f9f9f
}

.align-right {
  float:right
}

.section-background {
  text-align:center;
  background-image:url(../images/section-background.jpg);
  background-repeat:no-repeat;
  background-position:bottom center;
}

.custom-section.section-centered h3 {
  margin-top: 0;
}

.section-centered {
  text-align:center
}

.cutoff {
  margin-bottom:-35px;
  text-align:center
}

.white-iphone {
  background-image:url(../images/center-aligned-image2.png);
  width: 344px;
  height: 485px;
  background-position: 0 0;
  margin-left: 35%;
}

.black-iphone {
  background-image: url(../images/center-aligned-image.png);
  width: 344px;
  height: 485px;
  background-position: 0 0;
  margin-left: 35%
}

.static-image img {
  margin-top: 105px;
  margin-left: 3px
}

.content-logo {
  margin-bottom:25px;
}

#contact_form input {
  width:100%;
  height: 35px
}

#contact_form textarea {
  width:100%;
  height: 175px
}

.captcha-container input {
  width: 67px!important;
  float: right;
  margin-right: -15px
}

.captcha-container span {
  margin-top: 10px;
  float: left
}

.form-btn {
  width: 103%!important;
  padding: 8px 30px;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  line-height: 35px;
  height: 50px!important;
  margin-top: 7px;
  border: 0;
  float:left;
  display:block;
}

.form-btn:hover {
  background: #000;
  color: #aaa;
  text-decoration: none
}

.gmap {
  width: 525px;
  border: 5px solid #ccc;
  margin-left: -84px;
  margin-top: 5px
}

footer {
  padding:20px 0
}

footer p {
  margin: 5px 0 -5px 0;
  color: #fff
}

footer a {
  color: #fff
}

footer a:hover {
  color: #fff;
  text-decoration:underline
}

.copyright {
  float:left;
}

#footer-navigation {
  margin:0 0 0 0;
  padding:0;
  float:right
}

#footer-navigation li.current_menu_item a {
  color:#fff
}

#footer-navigation li {
  margin:0 7px 0 0;
  padding:0;
  list-style:none;
  float:left
}

#footer-navigation li a {
  color:#666;
  opacity: 0.5;
}

#footer-navigation li a img {
  width:24px;
  height:24px
}

#footer-navigation li a:hover {
  color:#888;
  text-decoration:none
}

#footer-navigation li:last-child {
  margin-right:0!important;
}

.last {margin-right:0!important;}

/* To top button */

#totop {
  position: fixed;
  visibility:hidden;
  z-index:99;
  bottom: 20px;
  right: 20px
}

#totop a {
  font-weight: normal;
  background-color:#fff;
  -webkit-transition: background-color 500ms linear;
  -moz-transition: background-color 500ms linear;
  -o-transition: background-color 500ms linear;
  -ms-transition: background-color 500ms linear;
  transition: background-color 500ms linear
  font-size: 23px;
  padding: 15px 20px;
  color: #fff!important;
  border: 0!important;
  background-image: none!important;
  text-decoration:none;
  border-radius:0;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  -ms-border-radius:0;
  -o-border-radius:0;
  box-shadow: 0 0 1px rgba(0,0,0,.35);
  -moz-box-shadow: 0 0 1px rgba(0,0,0,.35);
  -webkit-box-shadow: 0 0 1px rgba(0,0,0,.35);
  -o-box-shadow: 0 0 1px rgba(0,0,0,.35);
  -ms-box-shadow: 0 0 1px rgba(0,0,0,.35)
}

#totop a:hover {
  font-weight: normal;
  background-color:#000;
  -webkit-transition: background-color 500ms linear;
  -moz-transition: background-color 500ms linear;
  -o-transition: background-color 500ms linear;
  -ms-transition: background-color 500ms linear;
  transition: background-color 500ms linear
}

.animate {
  display: none;
}

.product-list-m { float:left; width:48%;}
.product-list-m + .product-list-m { margin-left:4%;}
.product-list-m h3 { position:relative; display:block; margin:0; padding:5px 5px 5px 35px; font-family:'Oxygen',Arial,'Liberation Sans',FreeSans,sans-serif; font-size:22px; font-weight:bold; color:#444; cursor:pointer; border-bottom:1px solid #c7c7c7; background:url(../images/accordion-h3.png) 0 bottom repeat-x #fbfbfb;}
.product-list-m h3:focus { outline:none;}
.product-list-m h3 i { position:absolute; margin:10px 0 0 -30px;}
.product-list-m h3 .icon-minus-sign, .product-list-m h3 .icon-plus-sign { margin-right:16px; color:#939393;}
.product-list-m h3 .icon-minus-sign, .product-list-m h3.ui-state-active .icon-plus-sign { display:none;}
.product-list-m h3.ui-state-active .icon-minus-sign { display:inline-block;}
.product-list-m .accordion-box { display:none; margin:0; padding:0; font-size:15px; color:#333; text-shadow:0 1px 0 #fff; background:#e8e8e8;}
.product-list-m .accordion-box ul { margin:0; padding:27px 0 0 0; list-style:none;}
.product-list-m .accordion-box li { margin-left:41px; padding:10px 0 12px 0; border-bottom:1px solid #c8c8c8;}

.compatible-box { padding:62px 10px 73px 30px; color:#8e8e8e; font-family:'Oxygen',Arial,'Liberation Sans',FreeSans,sans-serif; font-size:21px; line-height:23px; background:#fff!important;}
.compatible-box .your-device { padding-left:5px; font-size:29px; line-height:36px;}
.compatible-box .your-device span { font-weight:bold;}
.compatible-box .compatible-with { margin-top:44px; padding:16px 0 0 127px; min-height:91px; font-weight:bold; background:url(../images/ico-tick-big.jpg) 0 0 no-repeat;}

#find-retailer-now { clear: both; }
#tagline .container, #tagline .container .span12, #about .container, #about .span12, #tagline.tagline2 .container { display:block; width:100%; max-width:1170px; text-align:left;}
#tagline .span12, #tagline .row { margin:0!important;}
#tagline .container .span12 h2 { margin-right:12px;}
#tagline .span8, #about .span8  { margin:0!important; padding:0!important; display:block; width:100%;}
#about .span12, #about .row { margin:0!important;}
.padding { padding:0 40px;}

.ps_ProductLookupContentStyle { clear:both;}
#teaser { top:40%; margin-top:-50px;}
@media all  and (max-width:1106px) {
	#teaser { top:35%!important;}
}
@media all and (max-width:979px) {
	/*#teaser { top:30%!important;}*/
	#top { height:auto; min-height:80%;}
}
@media all  and (max-width:768px) {
	#top { min-height:400px;}
	td.ps_FooterCellStyle.ps_Logo { min-width:0!important;}
	td.ps_FooterCellStyle.ps_Logo img { margin:0!important; display:block!important;}
	.fancybox-inner { margin-right:-15px!important; padding-right:15px!important;}
	.fancybox-outer li { margin:0!important;}
	.ps_ProductLookupSearchBarStyle { height:auto!important;}
	.ps_ProductLookupSearchLabelStyle, .ps_ProductLookupSearchTextboxContainerStyle { float:none!important;}
	.ps_ProductLookupSearchTextboxContainerStyle, .ps_TabContainerContentContainerStyle { clear:both!important;}
	.ps_ProductLookupSearchTextboxContainerStyle input { max-width:90%!important;}
	.ps_LocationTextBoxStyle input { width:65px!important; margin-right:6px;}
	.MicrosoftMap { max-width:60%!important; max-height:60%!important;}
	.ps_ProductLocalSellersLocationEnterStyle > table { clear:both;}
	table.ps_ProductLocalSellersTableStyle { width:80%!important;}
	.ps_ProductLocalSellersTableStyle tbody > tr:first-child > td { display:block!important; height:auto!important;}
	.ps_ProductLookupContentStyle .ps_ProductLocalSellersMapContainerStyle, .ps_ProductLocalSellersListContainerStyle { width:auto!important; min-width:auto!important; height:auto!important; min-height:auto!important}
	div.ps_ProductLocalSellersListContainerStyle { /*max-width:80%!important;*/ min-height:0!important;}
	td.ps_ProductLocalSellersListCellStyle { padding:0!important; width:80%!important;}
	.ps_ProductLookupContentStyle .ps_ProductLocalSellersMapCellStyle, .ps_ProductLookupContentStyle .ps_ProductLocalSellerUngroupedTableStyle { width:auto!important; min-width:auto!important;}
	.ps_ProductLookupSearchTextboxContainerStyle { width:auto!important;}
	.ps_ProductLookupClearButtonStyle { margin-right:-6px!important;}
	.ps_ProductLocalSellersLocationTextBoxCellStyle { padding:0!important; float:left!important;}
	.ps_ProductLocalSellersLocationButtonCellStyle { padding:2px 0 0 8px!important; float:left!important;}
	.ps_ProductLocalSellersCurrentLocationButtonCellStyle { clear:both!important; padding:10px 0!important;}
	div.ps_ProductLocalSellersMapContainerStyle { width:80%!important; height:80%!important;}
	div.ps_ProductLocalSellersListContainerStyle table.ps_ProductLocalSellerUngroupedTableStyle { width:80%!important;}
	div.ps_ProductLocalSellersListContainerStyle table.ps_ProductLocalSellerUngroupedTableStyle tbody tr td { display:table-cell!important;}
	.ps_ProductLookupContentStyle div.ps_ProductLocalSellersListFooterStyle { max-width:80%!important;}
}

@media all and (orientation:portrait) {
.product-list-m { float:none; margin:0!important; width:100%;}
}
#PSWTB1 a { 
	display: inline-block;
	zoom: 1;
	padding: 10px 50px;
	color: #fff;
	text-transform: uppercase;
	font-size: 17px;
	font-weight: bold;
	margin-left: 15px;
	line-height: 35px;
	cursor: pointer;
	background: #c91f25;
	-webkit-transition: background-color 500ms linear;
	-moz-transition: background-color 500ms linear;
	-o-transition: background-color 500ms linear;
	-ms-transition: background-color 500ms linear;
	transition: background-color 500ms linear;
	height: 35px;
	width: 99px
}
#PSWTB1 a:hover {
	background: #000!important;
	color: #aaa;
	text-decoration: none;
}

#home2 { min-height:0; background:#000;}
#home2  #logo { float:left; margin:25px 0 48px 0;}
#home2  #logo  img { width:116px; height:auto;}
#home2 #main-navigation { float:right; clear:right; padding-top:18px;}

#tagline.tagline2 .container { box-sizing:border-box;}

.drive-compatible-box { padding:11px 0 16px;}
	.drive-compatible-box sup { font-size:.6em;}

.dual-USB-drive-box { overflow:hidden; padding-top:8px;}
	body #tagline .dual-USB-drive-box h2 { margin:0 0 8px; padding:0; font-size:24px; font-weight:bold; line-height:28px;}
	.dual-USB-drive-box .text-1 { margin:0 0 8px; font-size:22px; line-height:27px; color:#000;}
	.dual-USB-drive-box .text-2 { margin:0 0 8px; font-size:18px; line-height:24px; color:#8a8d90;}
	.dual-USB-drive-box a { font-size:18px; line-height:23px; color:#c91f25;}
.your-device-box { float:right; box-sizing:border-box; margin-left:8%; padding:20px 8px 20px 24px; width:394px; color:#8e8e8e; border:2px solid #4bba80;}
	.device-info { margin-bottom:26px; font-size:24px; line-height:24px;}
		.device-info span { display:block; font-size:32px; line-height:32px; font-weight:bold;}
	.compatible-box2 { display:table-cell; vertical-align:middle; box-sizing:border-box; padding:0 0 12px 124px; width:100%; height:111px; font-size:20px; font-weight:bold; line-height:24px; background:url(../images/compatible.png) 0 0 no-repeat;}


.your-device-box.compatible-check { border-color:#f5983a;}
.compatible-check .compatible-box2 { font-size:17px; line-height:20px; background-image:url(../images/compatible-check.png);}
.compatible-box3 { font-size:17px; line-height:20px;}
	
#home2 .container { position:relative; box-sizing:border-box;}
.link-eng { float:right; display:block; padding-top:8px; color:#888; text-decoration:underline;}

#select-ipad { margin: 15px; }

.your-device-box2 .pic-box { position:relative; float:left; margin:0 10px 0 -24px; width:40%;}
.your-device-box2 .pic-box img { width:100%; height:auto;}
.your-device-box2 .compatible-box3 { overflow:hidden;}
.your-device-box2 .but-line { margin-top:1em; text-align:right;}
.button2, a.button2 { display:inline-block; padding:5px 15px 6px; font-size:1.15em; letter-spacing:.05em; color:#fff; border:1px solid #286244; background:#4bba80;}
.button2:hover, a.button2:hover { color:#fff; text-decoration:none;}