.container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
.container .column,
.container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
.row                                        { margin-bottom: 20px; } .column.alpha, .columns.alpha               { margin-left: 0; }
.column.omega, .columns.omega               { margin-right: 0; } .container .one.column,
.container .one.columns                     { width: 40px;  }
.container .two.columns                     { width: 100px; }
.container .three.columns                   { width: 160px; }
.container .four.columns                    { width: 220px; }
.container .five.columns                    { width: 280px; }
.container .six.columns                     { width: 340px; }
.container .seven.columns                   { width: 400px; }
.container .eight.columns                   { width: 460px; }
.container .nine.columns                    { width: 520px; }
.container .ten.columns                     { width: 580px; }
.container .eleven.columns                  { width: 640px; }
.container .twelve.columns                  { width: 700px; }
.container .thirteen.columns                { width: 760px; }
.container .fourteen.columns                { width: 820px; }
.container .fifteen.columns                 { width: 880px; }
.container .sixteen.columns                 { width: 940px; }
.container .one-third.column                { width: 300px; }
.container .two-thirds.column               { width: 620px; } .container .offset-by-one                   { padding-left: 60px;  }
.container .offset-by-two                   { padding-left: 120px; }
.container .offset-by-three                 { padding-left: 180px; }
.container .offset-by-four                  { padding-left: 240px; }
.container .offset-by-five                  { padding-left: 300px; }
.container .offset-by-six                   { padding-left: 360px; }
.container .offset-by-seven                 { padding-left: 420px; }
.container .offset-by-eight                 { padding-left: 480px; }
.container .offset-by-nine                  { padding-left: 540px; }
.container .offset-by-ten                   { padding-left: 600px; }
.container .offset-by-eleven                { padding-left: 660px; }
.container .offset-by-twelve                { padding-left: 720px; }
.container .offset-by-thirteen              { padding-left: 780px; }
.container .offset-by-fourteen              { padding-left: 840px; }
.container .offset-by-fifteen               { padding-left: 900px; }
.contact-box { margin-top:-50px; !important }  @media only screen and (min-width: 768px) and (max-width: 959px) {
.container                                  { width: 768px; }
.container .column,
.container .columns                         { margin-left: 10px; margin-right: 10px;  }
.column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
.column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
.alpha.omega                                { margin-left: 0; margin-right: 0; }
.container .one.column,
.container .one.columns                     { width: 28px; }
.container .two.columns                     { width: 76px; }
.container .three.columns                   { width: 124px; }
.container .four.columns                    { width: 172px; }
.container .five.columns                    { width: 220px; }
.container .six.columns                     { width: 268px; }
.container .seven.columns                   { width: 316px; }
.container .eight.columns                   { width: 364px; }
.container .nine.columns                    { width: 412px; }
.container .ten.columns                     { width: 460px; }
.container .eleven.columns                  { width: 508px; }
.container .twelve.columns                  { width: 556px; }
.container .thirteen.columns                { width: 604px; }
.container .fourteen.columns                { width: 652px; }
.container .fifteen.columns                 { width: 700px; }
.container .sixteen.columns                 { width: 748px; }
.container .one-third.column                { width: 236px; }
.container .two-thirds.column               { width: 492px; } .container .offset-by-one                   { padding-left: 48px; }
.container .offset-by-two                   { padding-left: 96px; }
.container .offset-by-three                 { padding-left: 144px; }
.container .offset-by-four                  { padding-left: 192px; }
.container .offset-by-five                  { padding-left: 240px; }
.container .offset-by-six                   { padding-left: 288px; }
.container .offset-by-seven                 { padding-left: 336px; }
.container .offset-by-eight                 { padding-left: 384px; }
.container .offset-by-nine                  { padding-left: 432px; }
.container .offset-by-ten                   { padding-left: 480px; }
.container .offset-by-eleven                { padding-left: 528px; }
.container .offset-by-twelve                { padding-left: 576px; }
.container .offset-by-thirteen              { padding-left: 624px; }
.container .offset-by-fourteen              { padding-left: 672px; }
.container .offset-by-fifteen               { padding-left: 720px; }
.contact-box 								{ margin-top:-50px; !important }
}  @media only screen and (max-width: 767px) {
#logo { width: 140px; margin-top:-5px !important; }
#home-image { max-width: 80% !important; }
.container { width: 300px; }
.container .columns,
.container .column { margin: 0; }
.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column  { width: 300px; } .container .offset-by-one,
.container .offset-by-two,
.container .offset-by-three,
.container .offset-by-four,
.container .offset-by-five,
.container .offset-by-six,
.container .offset-by-seven,
.container .offset-by-eight,
.container .offset-by-nine,
.container .offset-by-ten,
.container .offset-by-eleven,
.container .offset-by-twelve,
.container .offset-by-thirteen,
.container .offset-by-fourteen,
.container .offset-by-fifteen { padding-left: 0; }
.contact-box { margin-top:-150px; !important }
}  @media only screen and (min-width: 480px) and (max-width: 767px) {
#logo { width: 175px !important ; }
#home-image { max-width: 80% !important; }
.container { width: 420px; }
.container .columns,
.container .column { margin: 0; }
.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column { width: 420px; }
}  .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } .clearfix:before,
.clearfix:after,
.row:before,
.row:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
.row:after,
.clearfix:after {
clear: both; }
.row,
.clearfix {
zoom: 1; } .clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
zooom:1;
} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
h1 {
font-size: 34px;
line-height: 45px;
}
h2 {
font-size: 24px;
margin-bottom: 20px;
padding-top: 20px;
line-height: 36px;
}
h3 {
font-size: 20px;
margin-bottom: 20px;
padding-top: 20px;
}
h4 {
font-size: 18px;
margin-bottom: 10px;
}
h5 {
font-size: 16px;
margin-bottom: 10px;
letter-spacing: 1px;
}
h6 {
font-size: 15px;
margin-bottom: 10px;
font-weight: normal;
}@import url("https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,700,800"); html, body {
height: 100%;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1.5;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
} @font-face {
font-family: 'BebasNeueRegular';
src: url(//www.touch-down.nl/fonts/BebasNeue-webfont.eot);
src: url(//www.touch-down.nl/fonts/BebasNeue-webfont.eot?#iefix) format('embedded-opentype'), url(//www.touch-down.nl/fonts/BebasNeue-webfont.woff) format('woff'), url(//www.touch-down.nl/fonts/BebasNeue-webfont.ttf) format('truetype'), url(//www.touch-down.nl/fonts/BebasNeue-webfont.svg#BebasNeueRegular) format('svg');
font-weight: normal;
font-style: normal;
}
::-moz-selection {
background: #b02913;
color: white;
}
::selection {
background: #b02913;
color: white;
}
a, a:visited, a:hover {
outline: none;
}
body {
background: white;
font: 13px/1.5 "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
color: #515A5F;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
overflow-x: hidden;
}
.embed-container {
position: relative;
padding-bottom: 56.25%; padding-top: 30px; height: 0;
overflow: hidden;
}
.embed-container iframe, .embed-container object, .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
img.responsive {
width: 100%;
height: auto;
}
.hidden {
display: none;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}
small {
font-size: 80%;
}
hr {
border: solid #eeeeee;
border-width: 1px 0 0;
clear: both;
margin: 10px 0 30px;
height: 0;
}
pre {
height: auto;
font-family: Consolas, monospace;
border: 1px solid #f0f0f0;
background: #fafafa;
padding: 10px 20px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin: 0 0 20px 0;
overflow-x: auto;
}
.hidden {
display: none !important
}
.responsive img, .responsive iframe, .responsive object, .responsive embed {
width: 100%;
width: 100%;
height: auto;
} img {
max-width: 100%;
height: auto;
}
a {
color: #b02913;
text-decoration: none;
outline: 0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.highlight {
color: #b02913;
}
a:hover, a:focus {
color: #666666;
}
a:focus {
outline: none;
outline-offset: 0;
}
p a, p a:visited {
line-height: inherit
} ul, ol {
margin-bottom: 20px
}
ul {
list-style: none;
}
ul.styled-list {
padding: 0;
}
ol, ul {
margin: 0;
padding: 0 0 0 30px;
}
ol {
list-style: decimal
}
ul li ul, ol li ul, ol li ul, ol li ol {
margin-bottom: 0
}
.left {
float: left;
}
.right {
float: right;
}
.alignleft {
text-align: left;
}
.alignright {
text-align: right;
}
.aligncenter {
text-align: center;
display: block;
} h1, h2, h3, h4, h5, h6 {
text-transform: uppercase;
font-weight: 400;
margin-bottom: 10px;
}
body #load {
width: 100%;
height: 100%;
position: fixed;
overflow: hidden;
z-index: 1001;
background-color: #ffffff;
display:none !important;
}
#qLpercentage {
font-family: 'BebasNeueRegular', sans-serif;
font-size: 60px !important;
line-height: 1;
}
h1 {
font-family: 'BebasNeueRegular', sans-serif;
font-size: 80px;
text-transform: none;
position: relative;
margin-bottom: 0px;
}
h2 {
font-family: 'BebasNeueRegular', sans-serif;
font-size: 44px;
text-transform: uppercase;
position: relative;
}
h3 {
font-family: 'BebasNeueRegular', sans-serif;
font-size: 30px;
}
h4 {
font-family: 'Oswald', sans-serif;
font-size: 22px;
}
h5 {
font-family: 'Oswald', sans-serif;
font-size: 20px;
}
h6 {
font-family: 'Oswald', sans-serif;
font-size: 18px;
}
p {
margin-bottom: 10px;
}
p.lead {
font-family: 'Open Sans', "Times New Roman", Times, serif;
font-size: 16px;
line-height: 1.2;
padding: 0;
margin-bottom: 20px;
position: relative;
z-index: 1;
font-weight: 600;
} nav {
width: 100%;
position: relative;
z-index: 1000;
opacity: 0;
filter: alpha(opacity=0);
}
body.multipage nav {
opacity: 1;
filter: alpha(opacity=100);
} nav.dark {
background: #151515;
border-bottom: 1px solid #000000;	
} nav.light {
background: #ffffff;
box-shadow: 0px 4px 15px rgba(0,0,0,0.07);
border-bottom: 1px solid #f0f0f0;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
nav.light.sticky {
background: #ffffff;
background: rgba(255,255,255,0.95);
} nav.transparent {
background: transparent;
border-bottom: 1px solid transparent;	
box-shadow: none;
position:fixed;
width:100%;
top:0;	
}
nav.transparent a {
color:#ffffff;
}
nav.transparent.scroll {
background: #ffffff;
background: rgba(255,255,255,0.95);
}
nav.transparent.scroll a {
color: #515A5F;
}
nav .container .four.columns {
float: left;
width: auto
}
nav .container .twelve.columns {
float: right;
width: auto
}
.main-menu, .logo {
height: 50px;
display: table-cell;
vertical-align: middle;
}
.main-menu.large, .logo.large {
height: 80px;
}
.logo a {
display: block;
margin: auto;
}
.main-menu li {
display: inline;
margin-left: 30px;
}
.main-menu a {
font-family: 'BebasNeueRegular', sans-serif;
font-size: 22px;
color: white;
text-decoration: none;
text-transform: uppercase;
}
nav.light .main-menu a {
color: inherit;
}
nav.light .main-menu a:hover, nav.dark .main-menu a:hover {
color: #b02913;
transition: color 0.5s;
-moz-transition: color 0.5s;
-webkit-transition: color 0.5s;
-o-transition: color 0.5s;
}
nav.light .main-menu li.active a, nav.dark .main-menu li.active a {
color: #b02913;
}
.main-menu a i {
margin-right: 3px;
font-size: 22px;
} .main-menu.iconic li {
margin-left: 40px;
}
.main-menu.iconic a {
display: inline-block;
}
.main-menu.iconic a i {
font-size: 25px;
display: block;
text-align: center;
margin: 8px auto 4px;
}
.selectnav {
display: none;
}  .home-text-wrapper {
display: table-cell;
vertical-align: middle;
margin: auto;
}
.home1 .slabtextdone {
color: #ffffff;
}
.home1 .slabtextdone .slabtext.second-child {
background: #b02913;
padding: 15px 10px 0;
display: inline-block;
width: auto;
margin-left: -10px;
color: #000000;
margin-bottom: 10px;
}
.home1.home-gradient .slabtextdone .slabtext.second-child {
background: none;
}  .home-slide .home-slide-content {
font-family: 'BebasNeueRegular', sans-serif;
font-size: 90px;
text-transform: uppercase;
position: relative;
margin-bottom: 0px;
text-align: center;
line-height: 1;
}
.home-parallax .home-slide-content {
padding: 55px 10px 50px;	
background: rgba(0, 0, 0, 0.3);
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);	
color: #ffffff;
}
.home-gradient .home-slide-content {
color: #ffffff;
}
.home-gradient .highlight {
color: inherit;
}  .home3 .home-text-wrapper .container {
width: 500px;
height: 500px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.81);
text-align: center;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.24);
overflow: hidden;
}
.home3 .home-text-wrapper .container.no-safari {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.home3 .home-quote {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
display: table-cell;
vertical-align: middle;
height: inherit;
text-align: center;
width: inherit;
overflow: hidden;
color: white;
}
.home3 .slabtextdone {
color: #ffffff;
}
.home3 .slabtextdone .slabtext.second-child {
display: inline-block;
width: auto;
color: #b02913;
text-shadow: none;
overflow: hidden;
}
.home3 .home-text-wrapper .container:hover {
-webkit-transform: scale(1.09);
-moz-transform: scale(1.09);
-o-transform: scale(1.09);
-ms-transform: scale(1.09);
transform: scale(1.09);
box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0.24);
-webkit-transform-style: preserve-3d;
overflow: hidden;
}
.home3#home h1 {
font-size: 30px;
overflow: hidden;
margin: 0 50px;
}  .home4 .slabtextdone {
text-shadow: none;
}
.home4 .home-quote {
padding: 10px 10px 0;
background: rgba(255, 255, 255, 0.63);
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Cffffff, endColorstr=#4Cffffff);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Cffffff, endColorstr=#4Cffffff);	
box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.32);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.home4.home-gradient .home-quote {
background: #ffffff;
}
.home4 .home-quote:hover {
box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.32);
}
.home4 .slabtextdone .slabtext.second-child {
background: #b02913;
padding: 15px 10px 0;
display: inline-block;
width: auto;
margin-left: -10px;
color: #ffffff;
}  #home.home-fullscreenslider {
background: url(//www.touch-down.nl/images/pattern.png);
position: relative;
overflow: hidden;
height: 100%;
}
#home.home-fullscreenslider .container {
height: 100%;
} .parallax {
width: 100%;
height: 400px;
position: relative;
overflow: hidden;
background: #f8f8f8;
color: #ffffff;
z-index:0;
}
.parallax .container {
display: table;
overflow:hidden;
}
.parallax .parallax-content, .parallax .overlay {
height: 400px;
}
.parallax-content {
display: table-cell;
vertical-align: middle;
text-align: center;
overflow:hidden;
}
.overlay {
background: url(//www.touch-down.nl/images/pattern.png);
width: 100%;
position: absolute;
overflow:hidden;
}
.parallax-bg {
width: 100%;
height: 100%;
margin: 0 auto;
position: absolute;
background-size: cover;
background-attachment: fixed;
background-repeat: repeat-y;
background-position: top center;
} .bg0 {
background-image: url(//www.touch-down.nl/images/bg7.jpg);
background-position: 50%;
}
.bg1 {
background-image: url(//www.touch-down.nl/images/bg6.jpg);
background-position: center bottom;
}
.bg-td {
background-image: url(//www.touch-down.nl/images/touchdown2.jpg);
background-size: cover !important;
background-attachment: scroll !important;
background-position: right bottom !important;
}
p.quote {
font-family: 'BebasNeueRegular', sans-serif;
font-size: 48px;
line-height: 1;
margin-bottom: 20px;
color: white;
text-align: center;
text-transform: uppercase;
z-index: 200;
margin: 0 5%;
}
.quote i {
font-size: 25px;
display: inline-table;
vertical-align: top;
margin: 0 5px;
}
.parallax .quote i {
color: #b02913;
}
.quote-author {
height: 24px;
width: auto;
font-size: 17px;
font-weight: 600;
color: #ffffff;
position: relative;
margin-top: 25px;
z-index: 200;
font-style: italic;
text-align: center;
} .bg2 {
background-image: url(//www.touch-down.nl/images/bg4.jpg);
}
.twitter-slider {
width: 85%;
margin: 0 auto !important;
}
#twitter-feed {
text-align: center;
padding: 10px 0;
}
#twitter-feed li {
margin-bottom: 20px;
}
.twitter-feed-icon i {
font-size: 22px;
width: 23px;
color: #ffffff;
display: inline-block;
padding: 17px;
background: #b02913;
border-radius: 50%;
box-shadow: 0px 0px 0px 4px rgb(255, 255, 255);
}
.twitter-author {
text-transform: uppercase;
font-family: 'BebasNeueRegular', sans-serif;
font-size: 25px;
}
#twitter-feed ul.slides > li {
font-family: 'Oswald', sans-serif;
font-size: 20px;
color: #ffffff;
line-height: 1.4;
margin: 5px auto 30px;
padding: 15px 0;
border-top: 1px solid rgba(255, 255, 255, 0.30);
border-bottom: 1px solid rgba(255, 255, 255, 0.30);
}
.twitter#twitter-feed {
text-align: left;
}
.twitter ul {
padding:0;
}
.twitter .twitter-feed-icon i {
display: none;
}
.twitter .twitter-author {
display: none;
}
.twitter li {
font-family: 'HelveticaNeue Light', sans-serif;
font-size: 13px;
color: inherit;
width: auto;
line-height: inherit;
margin-bottom: 20px;
padding: 0px;
border: none;
} .bg3 {
background-image: url(//www.touch-down.nl/images/bg4.jpg);
}
.testimonial-slider {
position: relative;
width: 85%;
margin: 0 auto !important;
}
.testimonial-slider ul {
text-align: center;
padding: 10px 0;
}
.testimonial-icon i {
font-size: 22px;
width: 23px;
color: #ffffff;
display: inline-block;
padding: 17px;
background: #b02913;
border-radius: 50%;
box-shadow: 0px 0px 0px 4px rgb(255, 255, 255);
}
.testimonial-slide .client-testimonial {
font-size: 13px;
font-family: 'Oswald', sans-serif;
font-size: 16px;
color: white;
line-height: 1.67;
margin: 5px auto 10px;
padding: 15px;
border-top: 1px solid rgba(255, 255, 255, 0.30);
border-bottom: 1px solid rgba(255, 255, 255, 0.30);
}
.visie-slider {
width: 100%;
margin: 0 auto !important;
}
.visie-slider ul {
text-align: center;
padding: 10px 0;
}
.visie-icon i {
font-size: 22px;
width: 23px;
color: #ffffff;
display: inline-block;
padding: 17px;
background: #b02913;
border-radius: 50%;
box-shadow: 0px 0px 0px 4px rgb(255, 255, 255);
}
.visie-slide .client-visie {
font-size: 13px;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
line-height: 1.67;
margin: 5px auto 0;
text-align: left;
}
.client-info {
color: rgb(255, 255, 255);
font-size: 14px;
font-weight: 600;
margin-bottom: 20px;
font-style: italic;
}
.client-info:before, .client-info:after {
content: '--';
margin: 0 3px;
} .bg4 {
background-image: url(//www.touch-down.nl/images/bg8.jpg);
}
.bg5 {
background-image: url(//www.touch-down.nl/images/bg5.jpg);
} .color-block {
width: 100%;
height: 450px;
background-color: #b02913;
background: -moz-radial-gradient(center center, circle cover, #b02913 0%, #E2BE01 100%);
background: -webkit-radial-gradient(center center, circle cover, #b02913 0%, #E2BE01 100%);
background: -o-radial-gradient(center center, circle cover, #b02913 0%, #E2BE01 100%);
background: -ms-radial-gradient(center center, circle cover, #b02913 0%, #E2BE01 100%);
background: radial-gradient(center center, circle cover, #b02913 0%, #E2BE01 100%);
position: relative;
overflow: hidden;
color: #ffffff;
}
.color-block .parallax-bg {
display: none;
}
.color-block .container {
display: table;
}
.color-block-content {
height: 450px;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.color-block a, .color-block .quote i, .color-block .quote-author, .color-block .twitter-date a, .color-block .twitter-author a, .color-block .testimonial-slider .title span, .color-block .client-info, .visie-slider .title span, .color-block .client-info {
color: #000000;
} .page {
padding: 60px 0;
position: relative;
background: #ffffff;
text-align:center;
z-index:6;
overflow:hidden;
}
.page.multipage {
text-align: left;
padding: 30px 0 0;
}
.page.multipage .copyright {
text-align: center;
}
#team.page {
position:static;
} .title {
text-align: left;
}
.title h1 {
line-height: 0.8;
margin-bottom: 20px;
line-height: 0.8;
display: inline-block;
}
.multipage .title h1 {
margin: 60px 0 40px;
line-height: 0.8;
}
.subtitle {
font-family: 'Open Sans', "Times New Roman", Times, serif;
font-size: 20px;
line-height: 1.2;
padding: 0;
margin-bottom: 40px;
position: relative;
z-index: 1;
font-weight: 300;
text-transform: none;
text-align: left;
} #home {
position: relative;
background: white;
overflow: hidden;
width: 100%;
display: table;
color: #010101;
z-index:10;
}
.home-gradient {
background-color: #b02913;
background: -moz-radial-gradient(center center, circle cover, #b02913 0%, #E2BE01 100%);
background: -webkit-radial-gradient(center center, circle cover, #b02913 0%, #E2BE01 100%);
background: -o-radial-gradient(center center, circle cover, #b02913 0%, #E2BE01 100%);
background: -ms-radial-gradient(center center, circle cover, #b02913 0%, #E2BE01 100%);
background: radial-gradient(center center, circle cover, #b02913 0%, #E2BE01 100%);
}
.home-parallax {
background: url(//www.touch-down.nl/images/parallax/parallax4.jpg) fixed;
background-size: cover;
background-position: 100% top;
background-color: #b02913;
} #home {
background: url(//www.touch-down.nl/images/f1.jpg) no-repeat center center fixed;
background-size: cover;
color: white;
}
#home h1 {
font-size: 60px;
}
.home-logo, .home-logo-text {
margin: 0;
position: relative;
display: block;
text-align: center;
width: 100%;
}
.home-fullscreenslider .home-logo, .home-fullscreenslider .home-logo-text {
margin: 60px 0 100px;
font-size: 80px;
}
.home-logo-text a {
font-family: 'BebasNeueRegular', sans-serif;
font-size: 60px;
text-transform: uppercase;
position: relative;
margin-bottom: 0px;
text-align: center;
line-height: 1;
padding: 20px;
color: inherit;
}
.home-logo-text.light a {
color: rgba(255,255,255,0.9);
}
.home-logo-text a:hover {
color: #ffffff;
}
.slabtextdone {
line-height: 0.8;
color: #020202;
text-shadow: 0px 4px 15px rgba(0, 0, 0, 0.4);
}
.slabtexted .slabtext {
display: -moz-inline-box;
display: inline-block;
white-space: nowrap;
}
.slabtextinactive .slabtext {
display: inline;
white-space: normal;
font-size: 1em !important;
letter-spacing: inherit !important;
word-spacing: inherit !important;
*letter-spacing:0 !important;
*word-spacing:0 !important;
}
.slabtextdone .slabtext {
display: block;
} #portfolio {
padding-bottom: 0;
} #filters {
margin-top: 10px;
margin-bottom: 0px;
text-align: center;
display: block;
float: none;
z-index: 2;
position: relative;
}
#filters ul {
margin: 0;
list-style: none;
padding: 0;
}
#filters ul li {
display: inline-block;
}
#filters ul li a {
display: block;
float: left;
padding: 2px 5px;
color: inherit;
margin-right: 5px;
margin-bottom: 5px;
font-weight: bold;
}
#filters ul li a h3 {
font-size: 18px;
padding: 2px 6px 0px;
border: 2px solid;
}
#filters ul li a:hover h3, #filters ul li a.active h3 {
color: #b02913;
} #project-navigation {
width: 100%;
height: 40px;
position: absolute;
top: 10px;
left: 0;
margin: 0;
z-index: 1;
}
#project-navigation ul {
float: none;
margin: 0;
list-style: none;
display: none;
padding: 0;
}
#project-navigation ul li#prevProject a {
background: url(//www.touch-down.nl/images/arrow_left.png) center center no-repeat;
float: right;
margin-right: 64px;
}
#project-navigation ul li#nextProject a {
background: url(//www.touch-down.nl/images/arrow_right.png) center center no-repeat;
float: right;
margin-right: 10px;
}
#project-navigation ul li#prevProject a, #project-navigation ul li#nextProject a {
background-color: #151515;
background-size: 30px;
}
#project-navigation ul li a {
width: 40px;
height: 40px;
float: left;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#project-navigation ul li#prevProject a:hover, #project-navigation ul li#nextProject a:hover {
background-color: #b02913;
}
#project-navigation ul li a:hover {
background-color: #b02913;
}
#project-navigation ul li a.disabled, #project-navigation ul li a.disabled:hover {
cursor: default;
background-color: rgba(0,0,0,0.2) !important;
} #closeProject {
top: 10px;
position: absolute;
right: 62px;
z-index: 1;
}
#closeProject a {
width: 40px;
height: 40px;
position: absolute;
right: 0px;
display: none;
background: #151515;
text-align: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#closeProject a:hover {
background: #b02913;
}
#closeProject a i {
font-size: 14px;
color: #ffffff;
line-height: 40px;
display: inline-table;
vertical-align: middle;
}
#ajax-section {
position: relative;
padding: 0;
background: #f8f8f8;
text-align: left;
}
#ajax-section #loader {
width: 100%;
height: 20px;
display: none;
position: absolute;
top: -30px;
}
#ajax-section #loader.projectError {
text-align: center;
height: auto !important;
background-position: top center;
}
#ajax-section #loader.projectError p {
display: none;
padding-top: 16px;
}
#ajax-section #loader {
background: url(//www.touch-down.nl/images/loader.gif) center center no-repeat;
}
#ajax-section #loader.projectError p {
color: #666 !important;
}
#ajax-content-outer {
width: 100%;
overflow: hidden;
position: relative;
}
#ajax-content-inner {
float: left;
height: 0;
opacity: 0;
}
#ajaxpage {
float: left;
display: block;
}
.project-media {
margin-top: 70px;
margin-bottom: 30px;
overflow: hidden;
display: block;
}
.project-info {
margin-top: 60px;
margin-bottom: 30px;
}
.project-info {
height: auto;
float: left;
margin-bottom: 30px;
}
.project-description, .project-details {
margin-bottom: 30px;
}
.project-description h3, .project-details h3 {
margin-bottom: 10px;
}
.project-details p {
border-bottom: 1px solid #e8e8e8;
padding-bottom: 7px;
}
.project-details p span {
font-weight: bold;
} #portfolio-wrap {
position: relative;
padding: 0;
width: 100.1%;
margin: 0 auto;
display: block;
}
#portfolio-wrap .one-third {
margin: 0;
overflow: hidden;
line-height: 0;
width: 20%;
padding: 0;
}
.portfolio-item.current {
box-shadow: 0 0px 0px 10px rgba(255, 255, 255, 0.37);
z-index: 101;
}
.portfolio-item {
padding: 0;
position: relative;
overflow: hidden;
}
.portfolio-item .portfolio-image {
overflow: hidden;
display: block;
position: relative;
}
.portfolio-item .portfolio-image img {
width: 100%;
height: auto;
}
.portfolio .portfolio-overlay {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
display: block;
z-index: 4;
opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background: #b02913;
}
.portfolio > a, .portfolio > a:hover {
color: #ffffff;
}
.portfolio-item .portfolio > a:hover > .portfolio-overlay {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}
.portfolio > a img {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.portfolio > a:hover img {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.portfolio .thumb-info {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.portfolio a:hover .portfolio-overlay .thumb-info {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}
.portfolio-overlay .thumb-info i {
top: 58%;
font-size: 50px;
}
.portfolio-overlay .thumb-info h3 {
top: 38%;
font-size: 30px;
}
.portfolio-overlay .thumb-info p {
top: 50%;
font-size: 13px;
}
.portfolio-overlay .thumb-info h3 {
color: #ffffff;
width: 100%;
position: absolute;
text-align: center;
}
.portfolio-overlay .thumb-info p {
color: #ffffff;
width: 100%;
position: absolute;
text-align: center;
font-weight: bold;
}
.portfolio-overlay .thumb-info i {
color: #ffffff;
width: 100%;
position: absolute;
text-align: center;
display: block;
} .isotope, .isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
} .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
} .post {
margin-bottom: 100px;
}
.post-media {
margin-bottom: 30px;
}
.post-title {
font-family: 'BebasNeueRegular', sans-serif;
font-size: 36px;
text-transform: uppercase;
line-height: 1;
margin-bottom: 10px;
}
.post-title a {
color: #151515;
}
.post-title a:hover {
color: #b02913;
}
.post-tags {
margin-top: 20px;
}
.post-tags i {
display: inline-table;
margin-right: 4px;
color: #868991;
font-size: 16px;
vertical-align: middle;
}
.post-tags ul {
display: inline-block;
padding: 0;
}
.post-tags li {
display: inline-block;
position: relative;
text-transform: uppercase;
font-size: 11px;
}
.post-tags li:after {
content: ' . ';
}
.post-tags li:last-child:after {
content: '';
}
.post-tags li a {
color: #868991;
text-decoration: none;
}
.post-tags li a:hover {
color: #b02913;
}
.post-meta {
font-size: 11px;
margin-bottom: 20px;
padding: 5px 0;
border-top: 1px solid #f0f2f5;
border-bottom: 1px solid #f0f2f5;
font-size: 11px;
}
.post-meta span {
text-align: right;
float: right;
}
.sidebar {
padding-left: 10px;
}
.widget {
margin-bottom: 40px;
}
.widget-title {
font-family: 'BebasNeueRegular', sans-serif;
font-size: 30px;
text-transform: uppercase;
line-height: 1;
margin-bottom: 10px;
}
.tags-list li {
font-size: 11px;
margin-top: 5px;
display: inline-block;
padding: 3px 9px;
border: 1px solid #e8e8e8;
}
.tags-list li:first-child {
margin-top: 0;
}
.tags-list li a {
color: #151515;
text-decoration: none;
}
.tags-list li a:hover {
color: #b02913;
}
.blog-tweet {
font-size: 11px;
margin-top: 16px;
}
.blog-tweet span {
display: block;
margin-top: 7px;
color: #868991;
font-size: 10px;
}
.pagination {
position: relative;
width: 100%;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
}
.pages {
text-align: center;
}
.pages li {
display: inline-block;
}
.pages li {
display: inline-block;
margin: 0px 2px 0px 0;
}
.pages li a {
font-size: 13px;
display: block;
padding: 5px;
color: #151515;
}
.pages li a.current {
border-top: 2px solid #b02913;
border-bottom: 2px solid #b02913;
color: #1c1f26;
}
.pages li a:hover {
color: #b02913;
}
.pagination a.previous, .pagination a.next {
height: 24px;
width: 24px;
display: block;
margin: 2px 0;
background-color: #151515;
font-size: 14px;
color: #ffffff;
text-transform: uppercase;
-webkit-border-radius: 2px;
-moz-border-radius: 4px;
border-radius: 2px;
text-align: center;
}
.pagination a.previous:hover, .pagination a.next:hover {
background-color: #b02913;
color: white;
}
.pagination a.previous {
position: absolute;
left: 0;
top: 0;
}
.pagination a.next {
position: absolute;
right: 0;
top: 0;
}
.pagination a i {
line-height: 24px;
}
#blog-author {
position: relative;
border-bottom: 3px solid #666;
padding-bottom: 40px;
margin-bottom: 20px;
}
#blog-author .container {
border-bottom: 3px solid #666;
padding-bottom: 40px;
margin-bottom: 20px;
}
#blog-author img {
position: absolute;
width: 100%;
margin-right: 10px;
max-width: 100px;
padding: 4px;
border: 1px solid #e8e8e8;
}
#blog-author p {
margin-left: 120px;
}
.blog h1 a {
font-weight: normal;
} .commentlist {
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 65px;
}
.commentlist li {
margin: 0;
padding: 0;
}
.commentlist .the-comment {
border-bottom: 1px solid #e7e6e6;
padding-bottom: 35px;
margin-bottom: 35px;
}
.commentlist .the-comment .comment-text *:last-child {
margin-bottom: 0;
}
.commentlist div.avatar {
float: left;
margin-right: 15px;
padding: 4px;
border: 1px solid #e8e8e8;
line-height: 0;
}
.commentlist .comment-text p {
margin: 0;
}
.commentlist .comment-author strong {
padding-right: 5px;
} #comment-input {
overflow: hidden;
margin-bottom: 13px;
}
#comment-input input {
border: 1px solid #e8e8e8;
width: 28%;
font-size: 13px;
color: #747474;
padding: 8px 2%;
float: left;
margin-right: 1%;
border-radius: 2px;
}
#comment-textarea textarea {
border: 1px solid #e8e8e8;
width: 96%;
height: 150px;
font-size: 13px;
color: #747474;
padding: 8px 11px;
border-radius: 2px;
}
#comment-input input:last-child {
margin-right: 0;
}
#comment-input input:-moz-placeholder, #comment-textarea textarea:-moz-placeholder {
color: #999;
}
#comment-input input:-ms-input-placeholder, #comment-textarea textarea:-ms-input-placeholder {
color: #999;
}
#comment-input input::-webkit-input-placeholder, #comment-textarea textarea::-webkit-input-placeholder {
color: #999;
} #contact {
background: url(//www.touch-down.nl/images/bg9.jpg);
background-size:cover;
padding-bottom: 0;
padding: 0;
color: white;
background-attachment: fixed;
position: relative;
}
#contact p {
font-size: 17px;
}
#contact-form {
margin-top:20px;
}
#new_footer {
box-shadow: inset 0 25px 25px -25px #696868, inset 0 -25px 25px -25px #696868;
padding-bottom: 0;
}
#contact h1 {
color: white;
}
.contact-box {
width: 100%;
text-align: center;
padding: 45px 0px 60px;
}
.contact-details {
width: 70%;
padding: 5px 0;
margin: 0 auto 10px;
}
.contact-details h2 {
margin-bottom: 0px;
}
.contact-details h1 {
color: black;
background: rgba(255, 255, 255, 0.50);
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Cffffff, endColorstr=#4Cffffff);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Cffffff, endColorstr=#4Cffffff);	
}
.copyright {
width: 100%;
margin-top: 30px;
height: 5px;
background: #b02913;
color: rgba(0, 0, 0, 0.7);
font-size: 11px;
}
.copyright a {
color: inherit;
}
.copyright-logo a {
display: inline-block;
text-align: center;
margin-bottom: 30px;
} #contact-input {
overflow: hidden;
margin-bottom: 13px;
width: 100%;
float: left;
}
#contact-input input {
border: 1px solid #e8e8e8;
width: 90%;
font-size: 13px;
color: #747474;
padding: 15px 2%;
float: left;
border-radius: 2px;
}
#contact-input textarea {
border: 1px solid #e8e8e8;
width: 95%;
height: 92px;
font-size: 13px;
color: #747474;
padding: 20px 11px 10px;
border-radius: 2px;
margin-bottom: 10px;
}
}
#contact-input input:last-child {
margin-right: 0;
}
#contact-input input:-moz-placeholder, #contact-textarea textarea:-moz-placeholder {
color: #999;
}
#contact-input input:-ms-input-placeholder, #contact-textarea textarea:-ms-input-placeholder {
color: #999;
}
#contact-input input::-webkit-input-placeholder, #contact-textarea textarea::-webkit-input-placeholder {
color: #999;
}
#contact-textarea {
width: 50%;
float: right;
}
#contact-input label, #contact-textarea label{
display: block;
text-align:left;
font-weight:bold;
padding-left: 2%;
}
#contact-input input[type="submit"] {
padding: 10px 24px 20px 24px;
border: 0 none;
color: #ffffff;
display: block;
width: 100%;
cursor: pointer;
background-position: center center;
background-repeat: no-repeat;
float: right;
height:57px;
line-height:47px;
font-size: 18px;
font-weight: 300;
margin-top: 10px;
}
input[type="text"], input[type="password"], input[type="email"], textarea, select {
background: #fff;
padding: 8px 8px;
outline: none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #666;
margin: 0;
width: 200px;
max-width: 100%;
display: block;
margin-bottom: 20px;
width: 180px;
color: #999;
border: 1px solid #e8e8e8
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
border: 1px solid #e0e0e0;
color: #333;
}  .one_half {
width: 48%;
}
.one_third {
width: 30.66%;
}
.two_third {
width: 65.33%;
}
.one_fourth {
width: 22%;
}
.three_fourth {
width: 74%;
}
.one_fifth {
width: 16.8%;
}
.two_fifth {
width: 37.6%;
}
.three_fifth {
width: 58.4%;
}
.four_fifth {
width: 67.2%;
}
.one_sixth {
width: 13.33%;
}
.five_sixth {
width: 82.67%;
}
.one_half.no-margin {
width: 50%;
margin-right: 0
}
.one_third.no-margin {
width: 33.33333333333%;
margin-right: 0
}
.two_third.no-margin {
width: 66.66666666667%;
margin-right: 0
}
.one_fourth.no-margin {
width: 25%;
margin-right: 0
}
.three_fourth.no-margin {
width: 75%;
margin-right: 0
}
.one_fifth.no-margin {
width: 20%;
margin-right: 0
}
.two_fifth.no-margin {
width: 40%;
margin-right: 0
}
.three_fifth.no-margin {
width: 60%;
margin-right: 0
}
.four_fifth.no-margin {
width: 80%;
margin-right: 0
}
.one_sixth.no-margin {
width: 16.6666666666667%;
margin-right: 0
}
.five_sixth.no-margin {
width: 83.333333333333%;
margin-right: 0
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
position: relative;
margin-right: 4%;
margin-bottom: 30px;
float: left;
}
.last {
margin-right: 0 !important;
}
.fittext-content {
line-height: 0.8;
}
* html .title h1 {
display: inline;
}
* + html .title h1 {
display: inline;
}  #back-to-top {
position: fixed;
z-index: 1000;
left: 50%;
bottom: 10px;
margin-right: -45px;
}
#back-to-top a {
display: block;
width: 40px;
height: 40px;
background: #515A5F url(//www.touch-down.nl/images/backtotop.png) no-repeat center center;
text-indent: -9999px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-transition: 0.2s all linear;
-moz-transition: 0.2s all linear;
-o-transition: 0.2s all linear;
transition: 0.2s all linear;
}
#back-to-top a:hover {
background-color: #222222;
}
#back-to-next {
position: fixed;
z-index: 1000;
left: 50%;
margin-left: -45px;
bottom: 10px;
}
#back-to-next a {
display: block;
width: 40px;
height: 40px;
background: #515A5F url(//www.touch-down.nl/images/bottom.png) no-repeat center center;
text-indent: -9999px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-transition: 0.2s all linear;
-moz-transition: 0.2s all linear;
-o-transition: 0.2s all linear;
transition: 0.2s all linear;
}
#back-to-next a:hover {
background-color: #222222;
}  .home-fullscreenvideo {
background:#1F2224;
}
.background-video {
min-width: 100%;
min-height: 100%;
z-index: 1;
box-sizing: border-box;
overflow:hidden;
position:absolute;
top:0;
left:0;
}  .home-banner {
height: auto !important;
padding:150px 0;
color:#ffffff !important;
}
.home-banner .slabtextdone {
text-shadow:none;
}
.home-newsletter {
color:#ffffff !important;
}
.home-newsletter .slabtextdone {
text-shadow:none;
color:#ffffff;
}
.home-parallax2{
background: url(//www.touch-down.nl/images/parallax/parallax5.jpg) fixed;
background-size: cover;
}
.home-parallax3{
background: url(//www.touch-down.nl/images/parallax/parallax6.jpg) fixed;
background-size: cover;
}
.home-parallax4{
background: url(//www.touch-down.nl/images/parallax/parallax7.jpg) fixed;
background-size: cover;
}  nav.colored, nav.light.colored {
background: #b02913;
box-shadow: 0px 4px 15px rgba(0,0,0,0.07);
border-bottom: 0px;	
}
nav.colored a{
color:#ffffff !important;
}
nav.colored li.active a {
color:#515A5F !important;
}  #newsletterform {
margin-top: 0;
display: block;
text-align: center;
}
#newsletterform div {
display: inline-block;
}
#newsletterform input {
height: 50px;
display: inline-block;
width: 250px;
padding: 0 10px;
margin: 8px 4px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
border: 1px solid rgba(255, 255, 255, 0.09);
box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.1);
color: #3A3838;
background: #ffffff;
background: rgba(255, 255, 255, 0.5);
font-weight: bold;
}
#newsletterform label {
color: #fff;
text-shadow: 1px 1px rgba(0,0,0,.25);
font-size: 12px
}
a#button-newsletter {
color: #FFFFFF;
font-size: 16px;
display: block;
padding: 5px 0;
width: 99%;
margin: 5px auto 0;
text-align: center;
} .image {
padding: 5px;
border: 1px solid #eee;
background: white;
border-radius: 5px;
width: 60px !important;
height: 60px !important;
}
#video1,#video2,#video3 {
cursor: pointer;
}
.mindmap {
}
.mindmap h1 {
color: black;
font-size: 30px !important;
}
.social-icon {
background-color: #333 !important;
padding: 10px;
}
.social-icon a {
background-color: #333 !important;
}
#referenties {
background: white; 
box-shadow: inset 0 25px 25px -25px #696868, inset 0 -25px 25px -25px #696868;
padding-top:20px;
padding-bottom:20px;
}
#referenties .container img {
height: 42px;
padding: 20px;
}
.social-icons {
text-align: left;
position: relative;
top: -20px;
}
.social-icons img.icon {
width: 50px;
margin-right: 10px;
}
.social-icons p {
position: relative;
top: 15px;
}
#inspiratie .inspiratie_box {
line-height: 0px;
}
#inspiratie a img {
opacity: 0.6;
width: 85px;
height: 85px;
}
#inspiratie a:hover img {
opacity: 1;
}
#logoParade {
width: 100%;
height: 75px;
position: relative;
}
#logoParade div.scrollableArea a {
display: block;
float: left;
padding-left: 10px;
}.social-icon {
display: inline-block;
margin: 0 5px 5px 0;
background-color: #f8f8f8 !important;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
overflow: hidden;
width: 40px;
height: 40px;
}
.social-icon a {
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
display: inline-block;
width: 40px;
height: 40px;
text-indent: -9999px;
background-position: 0px 0px;
background-repeat: no-repeat;
}
.social-icon a:hover {
background-color: #444444;
background-position: 0px -40px !important;
}
.social-icons ul {
list-style: none;
margin: 0 0 -1px 0;
float: right;
}
.social-icons ul li {
display: block;
float: left;
margin: 0;
padding: 0;
}
.social-icons ul li a {
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
display: block;
width: 40px;
height: 40px;
text-indent: -9999px;
background-position: 0px 0px;
background-repeat: no-repeat;
}
.social-icons a:hover {
background-color: #cccccc;
background-position: 0px -40px !important;
opacity: 1;
}
.social-email a {
background: url(//www.touch-down.nl/images/social/icons/email.png) no-repeat 0 0
}
.social-email a:hover {
background-color: #666666
}
.social-aim a {
background: url(//www.touch-down.nl/images/social/icons/aim.png) no-repeat 0 0
}
.social-aim a:hover {
background-color: #e95a00
}
.social-apple a {
background: url(//www.touch-down.nl/images/social/icons/apple.png) no-repeat 0 0
}
.social-apple a:hover {
background-color: #606060
}
.social-behance a {
background: url(//www.touch-down.nl/images/social/icons/behance.png) no-repeat 0 0
}
.social-behance a:hover {
background-color: #18a3fe
}
.social-blogger a {
background: url(//www.touch-down.nl/images/social/icons/blogger.png) no-repeat 0 0
}
.social-blogger a:hover {
background-color: #fb913f
}
.social-cargo a {
background: url(//www.touch-down.nl/images/social/icons/cargo.png) no-repeat 0 0
}
.social-cargo a:hover {
background-color: #00c462
}
.social-delicious a {
background: url(//www.touch-down.nl/images/social/icons/delicious.png) no-repeat 0 0
}
.social-delicious a:hover {
background-color: #3274d1
}
.social-deviantart a {
background: url(//www.touch-down.nl/images/social/icons/deviantart.png) no-repeat 0 0
}
.social-deviantart a:hover {
background-color: #d0de21
}
.social-digg a {
background: url(//www.touch-down.nl/images/social/icons/digg.png) no-repeat 0 0
}
.social-digg a:hover {
background-color: #2882c6
}
.social-dopplr a {
background: url(//www.touch-down.nl/images/social/icons/dopplr.png) no-repeat 0 0
}
.social-dopplr a:hover {
background-color: #99cc66
}
.social-dribbble a {
background: url(//www.touch-down.nl/images/social/icons/dribbble.png) no-repeat 0 0
}
.social-dribbble a:hover {
background-color: #ef5b92
}
.social-ember a {
background: url(//www.touch-down.nl/images/social/icons/ember.png) no-repeat 0 0
}
.social-ember a:hover {
background-color: #fb9d00
}
.social-evernote a {
background: url(//www.touch-down.nl/images/social/icons/evernote.png) no-repeat 0 0
}
.social-evernote a:hover {
background-color: #77ba2f
}
.social-facebook a {
background: url(//www.touch-down.nl/images/social/icons/facebook.png) no-repeat 0 0
}
.social-facebook a:hover {
background-color: #3b5998
}
.social-flickr a {
background: url(//www.touch-down.nl/images/social/icons/flickr.png) no-repeat 0 0
}
.social-flickr a:hover {
background-color: #f1628b
}
.social-forrst a {
background: url(//www.touch-down.nl/images/social/icons/forrst.png) no-repeat 0 0
}
.social-forrst a:hover {
background-color: #5b9a68
}
.social-github a {
background: url(//www.touch-down.nl/images/social/icons/github.png) no-repeat 0 0
}
.social-github a:hover {
background-color: #7292a2
}
.social-google a {
background: url(//www.touch-down.nl/images/social/icons/google.png) no-repeat 0 0
}
.social-google a:hover {
background-color: #dd4b39
}
.social-googleplus a {
background: url(//www.touch-down.nl/images/social/icons/googleplus.png) no-repeat 0 0
}
.social-googleplus a:hover {
background-color: #d94a39
}
.social-gowalla a {
background: url(//www.touch-down.nl/images/social/icons/gowalla.png) no-repeat 0 0
}
.social-gowalla a:hover {
background-color: #ff920d
}
.social-grooveshark a {
background: url(//www.touch-down.nl/images/social/icons/grooveshark.png) no-repeat 0 0
}
.social-grooveshark a:hover {
background-color: #f88e00
}
.social-html5 a {
background: url(//www.touch-down.nl/images/social/icons/html5.png) no-repeat 0 0
}
.social-html5 a:hover {
background-color: #f3642c
}
.social-icloud a {
background: url(//www.touch-down.nl/images/social/icons/icloud.png) no-repeat 0 0
}
.social-icloud a:hover {
background-color: #fb913f
}
.social-lastfm a {
background: url(//www.touch-down.nl/images/social/icons/lastfm.png) no-repeat 0 0
}
.social-lastfm a:hover {
background-color: #d21309
}
.social-linkedin a {
background: url(//www.touch-down.nl/images/social/icons/linkedin.png) no-repeat 0 0
}
.social-linkedin a:hover {
background-color: #71b2d0
}
.social-metacafe a {
background: url(//www.touch-down.nl/images/social/icons/metacafe.png) no-repeat 0 0
}
.social-metacafe a:hover {
background-color: #ef4035
}
.social-mixx a {
background: url(//www.touch-down.nl/images/social/icons/mixx.png) no-repeat 0 0
}
.social-mixx a:hover {
background-color: #d80330
}
.social-myspace a {
background: url(//www.touch-down.nl/images/social/icons/myspace.png) no-repeat 0 0
}
.social-myspace a:hover {
background-color: #003398
}
.social-netvibes a {
background: url(//www.touch-down.nl/images/social/icons/netvibes.png) no-repeat 0 0
}
.social-netvibes a:hover {
background-color: #629e61
}
.social-newsvine a {
background: url(//www.touch-down.nl/images/social/icons/newsvine.png) no-repeat 0 0
}
.social-newsvine a:hover {
background-color: #5b965a
}
.social-orkut a {
background: url(//www.touch-down.nl/images/social/icons/orkut.png) no-repeat 0 0
}
.social-orkut a:hover {
background-color: #ed2590
}
.social-paypal a {
background: url(//www.touch-down.nl/images/social/icons/paypal.png) no-repeat 0 0
}
.social-paypal a:hover {
background-color: #32689a
}
.social-picasa a {
background: url(//www.touch-down.nl/images/social/icons/picasa.png) no-repeat 0 0
}
.social-picasa a:hover {
background-color: #444
}
.social-pinterest a {
background: url(//www.touch-down.nl/images/social/icons/pinterest.png) no-repeat 0 0
}
.social-pinterest a:hover {
background-color: #cb2027
}
.social-plurk a {
background: url(//www.touch-down.nl/images/social/icons/plurk.png) no-repeat 0 0
}
.social-plurk a:hover {
background-color: #f35b36
}
.social-posterous a {
background: url(//www.touch-down.nl/images/social/icons/posterous.png) no-repeat 0 0
}
.social-posterous a:hover {
background-color: #f9d560
}
.social-reddit a {
background: url(//www.touch-down.nl/images/social/icons/reddit.png) no-repeat 0 0
}
.social-reddit a:hover {
background-color: #cde2f9
}
.social-rss a {
background: url(//www.touch-down.nl/images/social/icons/rss.png) no-repeat 0 0
}
.social-rss a:hover {
background-color: #fe9900
}
.social-skype a {
background: url(//www.touch-down.nl/images/social/icons/skype.png) no-repeat 0 0
}
.social-skype a:hover {
background-color: #18b7f1
}
.social-stumbleupon a {
background: url(//www.touch-down.nl/images/social/icons/stumbleupon.png) no-repeat 0 0
}
.social-stumbleupon a:hover {
background-color: #eb4924
}
.social-technorati a {
background: url(//www.touch-down.nl/images/social/icons/technorati.png) no-repeat 0 0
}
.social-technorati a:hover {
background-color: #7ac84f
}
.social-tumblr a {
background: url(//www.touch-down.nl/images/social/icons/tumblr.png) no-repeat 0 0
}
.social-tumblr a:hover {
background-color: #3a5976
}
.social-twitter a {
background: url(//www.touch-down.nl/images/social/icons/twitter.png) no-repeat 0 0
}
.social-twitter a:hover {
background-color: #48c4d2
}
.social-vimeo a {
background: url(//www.touch-down.nl/images/social/icons/vimeo.png) no-repeat 0 0
}
.social-vimeo a:hover {
background-color: #62a0ad
}
.social-wordpress a {
background: url(//www.touch-down.nl/images/social/icons/wordpress.png) no-repeat 0 0
}
.social-wordpress a:hover {
background-color: #464646
}
.social-yahoo a {
background: url(//www.touch-down.nl/images/social/icons/yahoo.png) no-repeat 0 0
}
.social-yahoo a:hover {
background-color: #ab64bc
}
.social-yelp a {
background: url(//www.touch-down.nl/images/social/icons/yelp.png) no-repeat 0 0
}
.social-yelp a:hover {
background-color: #c41200
}
.social-youtube a {
background: url(//www.touch-down.nl/images/social/icons/youtube.png) no-repeat 0 0
}
.social-youtube a:hover {
background-color: #f45750
}
.social-zerply a {
background: url(//www.touch-down.nl/images/social/icons/zerply.png) no-repeat 0 0
}
.social-zerply a:hover {
background-color: #8db259
}
.social-zootool a {
background: url(//www.touch-down.nl/images/social/icons/zootool.png) no-repeat 0 0
}
.social-zootool a:hover {
background-color: #262626
}.flex-container a:flex-active, .flexslider a:flex-active, .flex-container a:focus, .flexslider a:focus {
outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
float: none;
margin: 0;
padding: 0;
list-style: none;
position:relative;
} .flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides > li {
display: none;
} .flexslider .slides img {
max-width: 100%;
display: block;
}
.flex-pauseplay span {
text-transform: capitalize;
} .slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .slides {
display: block;
}
* html .slides {
height: 1%;
}  .no-js .slides > li:first-child {
display: block;
} .flexslider {
border: 4px solid #fff;
position: relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
zoom: 1;
}
.flexslider .slides {
zoom: 1;
}
.flexslider .slides > li {
position: relative;
margin-bottom: 0;
} .flex-container {
zoom: 1;
position: relative;
}  .flex-caption {
background: none;
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
zoom: 1;
}
.flex-caption {
width: 96%;
padding: 2%;
margin: 0;
position: absolute;
left: 0;
bottom: 0;
background: rgba(0,0,0,.3);
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,.3);
font-size: 14px;
line-height: 18px;
} .flex-direction-nav {
}
.flex-direction-nav li a {
width: 52px;
height: 52px;
display: block;
background: url(//www.touch-down.nl/css/theme/bg_direction_nav.png) no-repeat;
position: absolute;
top: 50%;
cursor: pointer;
text-indent: -999em;
}
.flex-direction-nav li .flex-next {
background-position: -52px 0;
right: -21px;
}
.flex-direction-nav li .flex-prev {
left: -20px;
}
.flex-direction-nav li .disabled {
opacity: .3;
filter: alpha(opacity=30);
cursor: default;
} .flex-control-nav {
width: 100%;
position: absolute;
bottom: -30px;
text-align: center;
z-index:500;
}
.flex-control-nav li {
margin: 0 0 0 5px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-nav li:first-child {
margin: 0;
}
.flex-control-nav li a {
width: 20px;
height: 20px;
display: block;
background: url(//www.touch-down.nl/css/theme/bg_control_nav.png) no-repeat;
cursor: pointer;
text-indent: -999em;
}
.flex-control-nav li a:hover {
background-position: 0 -13px;
}
.flex-control-nav li a.flex-active {
background-position: 0 -26px;
cursor: default;
} .flexslider {
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
} .flex-direction-nav li a {
width: 40px;
height: 40px;
display: block;
position: absolute;
bottom: 1px;
top: auto;
cursor: pointer;
text-indent: -999em;
z-index:500;
}
.flex-direction-nav li .flex-prev {
background: #000000 url(//www.touch-down.nl/images/arrow_left.png) center center no-repeat;
background-color:  rgba(0,0,0,0.8);
}
.flex-direction-nav li .flex-next {
background: #000000 url(//www.touch-down.nl/images/arrow_right.png) center center no-repeat;
background-color:  rgba(0,0,0,0.8);
}
.flex-direction-nav li .flex-prev {
left: 0;
}
.flex-direction-nav li .flex-next {
right: auto;
left: 41px;
}
.flex-direction-nav li .disabled {
opacity: .3;
filter: alpha(opacity=30);
cursor: default;
} .flex-control-nav {
width: 100%;
position: relative;
bottom: auto;
top: 15px;
text-align: right;
padding-right: 25px;
}
.flex-control-nav li {
margin: 0 0 0 5px;
display: inline-block;
zoom: 1;
*display: inline;
} .flex-control-nav li a {
width: 20px;
height: 20px;
display: block;
background: #222222;
cursor: pointer;
text-indent: 999em;
border-radius: 50%;
}
.flex-control-nav li a:hover {
background: #b02913;
}
.flex-control-nav li a.flex-active {
background: #b02913;
cursor: default;
}
.flex-caption {
width: auto;
padding: 0 15px;
line-height: 40px;
margin: 0;
position: absolute;
left: 82px;
bottom: 0;
background: rgba(0,0,0,.8);
color: #fff !important;
text-shadow: 0 0 0 rgba(0,0,0,0);
font-size: 14px;
margin: 0 !important;
}
.testimonial-slider .flex-direction-nav li a, .twitter-slider .flex-direction-nav li a, .visie-slider .flex-direction-nav li a {
width: 32px;
height: 32px;
display: block;
position: absolute;
bottom: 0;
cursor: pointer;
text-indent: -999em;
background-color: #b02913;
border-radius: 50%;
border: 2px solid #ffffff;
background-size: 20px;
}
.testimonial-slider .flex-direction-nav li .flex-prev, .twitter-slider .flex-direction-nav li .flex-prev, .visie-slider .flex-direction-nav li .flex-prev {
}
.testimonial-slider .flex-direction-nav li .flex-next, .twitter-slider .flex-direction-nav li .flex-next, .visie-slider .flex-direction-nav li .flex-next {
}
#home-slider .flex-control-nav {
bottom: 0;
top: auto;
left: auto;
text-align: center;
}
#home-slider .flex-control-nav li a {
width: 8px;
height: 8px;
}
#home-slider .flex-control-nav li a:hover {
background: white;
}
#home-slider .flex-control-nav li a.flex-active {
background: white;
cursor: default;
}.accordion .accordion-title {
position: relative;
display: block;
border: 1px solid #f0f0f0;
margin-bottom: 6px;
border-radius: 2px;
}
.accordion .accordion-title h3 {
font-size: 18px;
margin-bottom: 0;
line-height: 1;
}
.accordion .accordion-title a {
display: block;
padding: 11px 15px 7px;
color: inherit;
background-color: #F8f8f8;
}
.accordion .accordion-title a i {
font-size: 22px;
margin-right: 5px;
}
.accordion .accordion-title span {
position: absolute;
background: url(//www.touch-down.nl/images/plus_minus.png) 0px -24px no-repeat;
width: 24px;
height: 24px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
margin: 7px 7px;
right: 0;
}
.accordion .accordion-title.active span {
background: url(//www.touch-down.nl/images/plus_minus.png) 0px 0px no-repeat;
}
{
}
.accordion .accordion-title.active a i {
}
.accordion .accordion-inner {
padding: 7px 10px 10px 15px;
display: none;
margin: -7px 0 6px;
border: 1px solid #f0f0f0;
}
.accordion .accordion-inner div {
margin-left: 45px;
padding: 0px 5px 10px 10px;
margin-bottom: 6px;
}  .alert-message {
position: relative;
border: 1px solid #ddd;
display: block;
background-color: #F9F9F9;
-webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
-moz-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
font-weight: bold;
padding: 10px 40px;
margin-bottom: 20px;
}
.alert-message.warning {
background-color: #fbf6e3;
border-color: #efd877;
color: #c4a80a;
}
.alert-message.warning a {
color: #c4a80a;
}
.alert-message.success {
background-color: #e9f2d2;
border-color: #c0da66;
color: #88b12b;
}
.alert-message.success a {
color: #88b12b;
}
.alert-message.error {
background-color: #ffe9e9;
border-color: #e99f9f;
color: #d25c5a;
}
.alert-message.error a {
color: #d25c5a;
}
.alert-message.info {
background-color: #dbe9f3;
border-color: #9fc2dd;
color: #468bbf;
}
alert-message.info a {
color: #468bbf;
}
.alert-message p {
margin: 0;
padding: 0;
}
.alert-message span.close {
display: block;
padding: 10px 15px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
opacity: 0.5;
}
.alert-message span.close:hover {
opacity: 1;
}  .button {
-webkit-box-shadow: inset 0 12px 19px rgba(255,255,255,0.1), 0 1px 7px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0 12px 19px rgba(255,255,255,0.1), 0 1px 7px rgba(0,0,0,0.2);
box-shadow: inset 0 12px 19px rgba(255,255,255,0.1), 0 1px 7px rgba(0,0,0,0.2);
padding: 13px 24px;
font-size: 13px;
font-weight: bold;
text-shadow: none;
border: 0 none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
color: #ffffff;
cursor: pointer;
background-color: #FFD600;
height: 40px;
line-height: 40px !important;
}  .callout {
margin: 0;
display: block;
background: #F8f8f8;
padding:20px;
border-top: 1px solid rgba(0, 0, 0, 0.04) !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important;
border-right: 1px solid rgba(0, 0, 0, 0.04) !important;
border-left: 3px solid #FFD600;
}
.callout .callout-button {
margin: 20px 10px 10px;
float: right;
}
.callout .callout-content {
float: left;
}
.callout .callout-content p {
}
.callout a.button {
margin: 0;
text-align: center;
}
.callout h1, .callout h2, .callout h3, .callout h4, .callout h5, .callout h6 {
line-height: 1.3;
margin: 0 0 0px 0 !important;
}  .client-logos {
width: 100%;
text-align: center;
float: left;
padding: 20px 0;
border-top: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
margin-bottom: 10px;
}
.client-logos img {
display: inline;
max-width: 110px;
}
.client-logos a img {
opacity: 1;
filter: alpha(opacity=100);
}
.client-logos a img:hover {
opacity: 0.5;
filter: alpha(opacity=50);
}  .fancy-header {
width: 100%;
margin: 30px 0 20px;
position: relative;
clear: both;
display: block;
z-index: 1;
text-align:center;
}
.fancy-header:after {
position: absolute;
content: '';
width: 100%;
height: 0;
border-bottom: 1px solid #e8e8e8;
left: 0;
top: 50%;
z-index: -1;
}
.fancy-header span {
font-size: 11px;
padding: 5px 10px;
background: #ffffff;
border-radius: 2px;
position: relative;
display: inline-block;
font-family: 'HelveticaNeue Light', Helvetica, Arial, sans-serif;
font-style: italic;
border: 1px solid #e8e8e8;
}  .fancy-header2 {
margin-bottom: 30px;
text-align:center;
}
.fancy-header2 h4, .fancy-header2 h3 {
line-height: 0.8;
margin-bottom: 0px;
}  .fullwidth {
padding: 50px 0 20px;
margin: 30px 0;
}
.fullwidth.grey {
background-color: #f5f5f5;
}  .milestone-count {
font-family: 'Open Sans', "Times New Roman", Times, serif;
font-size: 80px;
line-height: 1.2;
padding: 0;
margin-bottom: 20px;
position: relative;
font-weight: 700;
text-transform: uppercase;
letter-spacing: -0.02em;
}  blockquote {
margin: 0 0 20px 0;
padding: 0;
}
blockquote p {
margin: 0 !important;
padding: 5px 0 5px 15px;
border-left: 4px solid #FFD600;
font-family: "Times New Roman", Times, serif;
font-style: italic;
font-weight: lighter;
font-size: 18px;
line-height: 1.2;
}
.pullquote {
width: 260px;
margin: 15px 0 !important;
font-family: "Times New Roman", Times, serif;
font-style: italic;
font-weight: lighter;
font-size: 18px;
line-height: 1.2;
}
.pullquote.align-left {
float: left;
padding: 0px 15px;
border-left: 4px solid #FFD600;
}
.pullquote.align-right {
float: right;
padding: 0px 15px;
text-align: right;
border-right: 4px solid #FFD600;
}  .service-box {
margin: 0 0 0px 0;
text-align: center;
padding: 20px 10px;
border: 1px solid #f0f0f0;
position: relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background: #ffffff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.service-box:hover {
box-shadow: 0px 1px 12px rgba(0,0,0,0.3);
background: #FFD600;
color: #ffffff;
border: 1px solid transparent;	
}
.service-box .service-icon {
width: 80px;
height: auto;
font-size: 70px;
margin: 15px auto;
padding: 25px 20px;
text-align: center;
display: block;
text-align: center;
border-radius: 50%;
background: #ffd600;
color: #ffffff;
border: 4px solid #ffffff;
box-shadow: 0px 0px 0px 3px #ffd600;
}
.service-box:hover .service-icon {
border: 4px solid #ffd600;
box-shadow: 0px 0px 0px 3px #ffffff;
background: #ffffff;
color: #ffd600;
}
.service-description {
margin-bottom: 30px;
}
.service-box ul li {
font-weight: bold;
margin-bottom: 7px;
padding-bottom: 7px;
border-bottom: 1px dashed #e0e0e0;
}
.service-box ul li:last-child {
border: none;
margin: 0;
padding: 0;
}  .service-features {
text-align: center;
}
.service-features h3 {
padding-top: 20px;
margin-bottom: 4px;
}
.service-features .img-container {
padding: 25px 45px;
border-radius: 3px;
background: #FFD600;
width: 120px;
margin: 0 auto;
position: relative;
}
.service-features .img-container:after {
content: '';
position: absolute;
width: 0;
height: 0;
border: 15px solid #ffd600;
border-bottom: 0px solid transparent !important;
border-right: 20px solid transparent !important;
border-left: 20px solid transparent !important;
left: 50%;
bottom: -15px;
margin-left: -20px;
}  .skillbar {
width: 100%;
height: 25px;
display: block;
background: rgba(0,0,0,0.04);
margin-bottom: 10px;
position: relative;
}
.skillbar .skill-percentage {
background: #FFD600;
display: block;
width: 0%;
height: 25px;
}
.skill-title {
font-size: 12px;
font-weight: bold;
position: absolute;
padding: 5px 10px;
color: #ffffff;
z-index: 1;
background: transparent;
}  .tabs {
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
top: 1px;
}
.tab {
float: left;
margin-right: -1px;
}
.tab a {
color: inherit;
border: 1px solid #e8e8e8;
display: block;
padding: 10px 20px 10px 15px;
background-color: #f8f8f8;
}
.tab a:hover {
background: #ffffff;
}
.tab a i {
display: inline-table;
font-size: 18px;
padding: 0 7px 0 10px;
margin-right: 0px;
line-height: 0;
vertical-align: text-bottom;
}
.tab a.selected {
background: #ffffff;
border-bottom-color: #fff;
font-weight:bold;
box-shadow: 0px -3px 0px 0px #FFD600;
}
.tab a.selected i {
}
.panel {
border: 1px solid #e8e8e8;
clear: both;
padding: 10px 10px 0px 15px;
}  .member-role {
padding-bottom: 10px;
margin-bottom: 30px;
border-bottom: 1px solid #e8e8e8;
clear:both;
}
.member-role h1 {
line-height:1;
margin-bottom:0px;
display:inline-block;
}
.member-role h4 {
line-height:1;
font-size:26px;
}
.team-member {
display:inline-block;
width: 33.33%;
text-align: center;
margin-left:-4px;
}
.team-member.team-one {
width: 80%;	
}
.team-member.team-two {
width: 50%;	
}
.team-member.team-four {
width: 25%;	
}
.team-member.team-five {
width: 20%;	
}
.team-member .team-thumb {
line-height: 0;
}
.team-member .team-thumb img {
width: 100%;
height: auto;
}
.team-member .team-desc {
padding: 10px;
font-size: 14px;
margin-left: -1px;
border: 1px solid #e8e8e8;
border-top: 0;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
background:#ffffff;	
}
.team-member:hover .team-desc {
background:#ffd600;
color:#ffffff;
}
.team-member .team-desc h4 {
margin-bottom: 5px;
font-size: 16px;
}
.team-member .team-desc h5 span {
font-size: 12px;
font-weight: normal;
color: #aaa;
}
.team-member .team-desc a {
font-weight: normal;
display: block;
font-size: 13px;
margin-top: 0px;
}
.team-member .team-desc a span i {
color: #3CF;
margin-right: 5px;
}  .modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background: white;
background-color: rgba(255,255,255,0.98);
}
.modal {
position: fixed;
top: 10%;
left: 0;
z-index: 1050;
width: 100%;
overflow: auto;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: none;
text-align:left;
}
.modal .close {
float: right;
font-size: 24px;
font-weight: bold;
line-height: 18px;
color: #ffffff;
background:#ffd600;
width:40px;
height:40px;
line-height:40px;
-webkit-border-radius:50%;
-mox-border-radius:50%;
border-radius:50%;
margin: 0px 0 -40px;
text-align:center;
z-index:1000;
}
.member-bio {
overflow-y:auto;
text-align:center;
}
.member-bio .member-description {
text-align:left;
} .loaded .animated {
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: .6s;
-moz-animation-duration: .6s;
-ms-animation-duration: .6s;
-o-animation-duration: .6s;
animation-duration: .6s;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: .95;
}
}
@-o-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: .95;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: .95;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}
.columns .img-wrp {
position: relative;
}
.img-wrp img {
display: block;
}
.overlay-content {
opacity: 0;
filter: alpha(opacity=0);
top: 30%;
}
.team-overlay {
position: absolute;
top: 0px;
left: 0px;
display: none;
height: 100%;
width: 100%;
}
.team-overlay .img-overlay {
opacity: 0.8;
filter: alpha(opacity=80);
height: 100%;
width: 100%;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.img-overlay {
background: #ffffff;
}
.overlay-content {
text-align: center;
position: absolute;
top: 20%;
width: 100%;
z-index: 10;
color:inherit;
font-size:16px;
font-family:'Oswald', sans-serif;
font-weight:bold;
text-transform:uppercase;
}
.overlay-content h4 {
line-height:1.4;
}
.overlay-content a {
color:inherit;
line-height:1 !important;
}
.view-profile {
padding:4px 10px;
background:#ffd600;
margin-top:4px;
color:#ffffff !important;
}  .toggle .toggle-title {
position: relative;
display: block;
border: 1px solid #f0f0f0;
margin-bottom: 6px;
border-radius: 2px;
}
.toggle .toggle-title h3 {
font-size: 18px;
margin-bottom: 0;
line-height: 1;
cursor: pointer;
}
.toggle .toggle-title.active h3 {
}
.toggle .toggle-inner {
padding: 7px 10px 10px 15px;
display: none;
margin: -7px 0 6px;
border: 1px solid #f0f0f0;
}
.toggle .toggle-inner div {
max-width: 100%;
}
.toggle .toggle-title .title-name {
display: block;
padding: 11px 15px 7px;
color: inherit;
background-color: #F8f8f8;
}
.toggle .toggle-title a i {
font-size: 22px;
margin-right: 5px;
}
.toggle .toggle-title i {
position: absolute;
background: url(//www.touch-down.nl/images/plus_minus.png) 0px -24px no-repeat;
width: 24px;
height: 24px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
margin: 7px 7px;
right: 0;
}
.toggle .toggle-title.active i {
background: url(//www.touch-down.nl/images/plus_minus.png) 0px 0px no-repeat;
}@media only screen and (max-width: 960px) {
#portfolio-wrap .one-third {
width:33.33%;
}
.home-quote {
margin:0 10px;
}
.rnr-icon-middle h3 {
font-size:24px;
}
}
#contact {
background-position: right bottom;
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.parallax-bg, .home-parallax {
-webkit-background-size: 100% auto;
background-size: 100% auto;
background-position: center top !important;
background-attachment: scroll;
}
.bg1 {
background-position: center bottom !important;
}
}
.bg-td {
background-position: right bottom !important;
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.parallax-bg {
-webkit-background-size: 100% auto;;
background-size: 100% auto;
background-position: center top !important;
background-attachment: scroll;
}
.bg-td {
background-position: right bottom !important;
}
.home-parallax {
-webkit-background-size: 100% auto;;
background-size: 100% auto;
background-position: center top !important;
background-attachment: scroll;
}
.bg1 {
background-position: center bottom !important;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.parallax-bg {
-webkit-background-size: 100% auto;;
background-size: 100% auto;
background-position: center top !important;
background-attachment: scroll;
}
.home-parallax {
-webkit-background-size: 100% auto;;
background-size: 100% auto;
background-position: center top !important;
background-attachment: scroll;
}
.bg-td {
background-position: right bottom !important;
}
.bg1 {
background-position: center bottom !important;
}
}
@media only screen and (max-width: 480px) {
.parallax-bg {
-webkit-background-size: 800px auto !important;
background-size: 800px auto !important;
background-position: center top !important;
background-attachment: scroll !important;
}
.home-parallax {
-webkit-background-size: 800px auto !important;
background-size: 800px auto !important;
background-position: center top !important;
background-attachment: scroll !important;
}
.bg1 {
background-position: center bottom !important;
}
.bg-td {
background-position: right bottom !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
h1 {
font-size: 80px;
}
.main-menu li, .main-menu.iconic li {
margin-left:20px;
}
.main-menu a {
font-size:18px;
}
.testimonial-slider .flex-direction-nav li .flex-next, .twitter-slider .flex-direction-nav li .flex-next {
right:44%;
}
.testimonial-slider .flex-direction-nav li .flex-prev, .twitter-slider .flex-direction-nav li .flex-prev {
left:44%;	
}
.team-member.team-two, .team-member.team-four {
width: 50%;
}
}
@media only screen and (max-width: 767px) {
h1 {
font-size: 54px;
line-height: 1;
}
.title h1 {
font-size:40px;
}
.subtitle {
font-size:18px;
margin-bottom:0;
}
.modal {
position:absolute;
top:0px;
}
.home-logo, .home-logo-text {
margin:40px 0 50px;
}
.main-menu {
display: none;
}
.main-menu.large, .logo.large {
height: 60px;
}
.selectnav {
display: block;
font-family: 'BebasNeueRegular', sans-serif;
text-transform: uppercase;
-webkit-appearance: none;
background-color: transparent;
border: 1px solid transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
line-height: 1;
padding: 0px 10px;
border-radius: 0;
background-image: url(//www.touch-down.nl/images/selectmenu.png);
background-position: center right;
background-repeat: no-repeat;
color: #3d3d3d;
outline: none;
width:150px;
background-size:30px;
margin-top: 13px;
font-size:24px;
min-width:auto;
}
#home {
height: auto !important;
padding: 60px 0;
}
.page {
padding-top: 90px;
padding-bottom: 40px;
}
#slidecaption {
display:none;
}
#prevslide {
left:34%;
}
#nextslide {
right:34%;
}
.container .columns, .container .column {
margin-bottom:40px;
}
nav .container .columns, nav .cotainer .column, #ajaxpage .columns, #ajaxpage .column, .project-media {
margin:0;
}
.caption {
position:relative;
left:0;
bottom:5px;
margin:0;
}
.testimonial-slider .flex-direction-nav li .flex-next, .twitter-slider .flex-direction-nav li .flex-next {
right:36%;
}
.testimonial-slider .flex-direction-nav li .flex-prev, .twitter-slider .flex-direction-nav li .flex-prev {
left:36%;	
}
.testimonial-slider, .twitter-slider, .contact-details, #contact-input {
width:100%;
}
#contact-textarea {
width: 93%;
float: left;
margin: 0 1%;
}
#contact-submit input[type="submit"] {
width:94%;
margin:1%;
float:left;
}
.copyright .social-icons .social-icon {
margin-bottom:10px;
}
.copyright p {
margin-top:20px;
font-size:11px;
}
.parallax, .parallax-content, .parallax .overlay, .color-block, .color-block-content {
height:400px;
}
.team-member {
width:100%;
float:none;
margin-bottom:40px;
}
.testimonial-icon,
.twitter-feed-icon {
display:none;
}
#filters {
margin-top:40px;
}
#filters ul li a {
padding:0;
margin:0;
}
#portfolio-wrap .one-third {
width: 50%;
}
.project-media {
margin-top: 70px !important;
}
#filters ul li a h3 {
margin-bottom:5px;
}
.home3 .home-text-wrapper .container {
width:440px;
height:440px;
}
.one_half,
.one_third,
.two_third,
.one_fourth,
.three_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth { 
width: 100%;
margin:0;
margin-bottom:40px;
float:none;
}
.parallax-bg, .home-parallax {
background-attachment: fixed;
background-position:top center !important;
background-size: cover;
}
.bg-td {
background-position: right bottom !important;
}
p.quote, .contact-details h2 {
font-size:30px;
}
#twitter-feed ul.slides > li {
font-size:16px;
margin-bottom:25px;
}
a#button-newsletter {
width: 66%;
}
.home-newsletter .home-quote h3 {
font-size:20px;
}
}
@media only screen and (max-width: 479px) {
.home-logo-text a {
font-size:32px;
}
.main-menu.large, .logo.large {
height: 60px;
}
.selectnav {
width:150px;
background-size:30px;
margin-top: 13px;
font-size:24px;
min-width:auto;
}
#portfolio-wrap .one-third {
width: 100%;
}
.home3 .home-text-wrapper .container {
width:280px;
height:280px;
}
.home3#home h1 {
font-size:15px;
margin:0 20px;
}
#prevslide {
left:30%;
}
#nextslide {
right:30%;
}
a#button-newsletter {
width: 92%;
}
}
@media only screen and (min-width: 1200px) {
nav .container {
width: 96%;
display:block;
}
.home-logo-text a {
font-size:90px;
}
.slider-text {
width: 100%;
}
.parallax,  
.parallax .parallax-content,  
.parallax .overlay {
height: 580px;
}
#project-navigation {
width: 1040px;
height: 40px;
top: 50%;
left: 0;
margin: -20px -40px 0px;
z-index:0;
}
#project-navigation ul li#prevProject a {
float: left;
margin-right:0;
}
#project-navigation ul li#nextProject a {
float: right;
margin-right:0;
}
#closeProject {
top: 10px;
right:-40px;
}
.home4 .home-text-wrapper .container {
width: 65%;
}
}  div.scrollingHotSpotLeft
{ min-width: 75px;
width: 10%;
height: 100%; background-image: url(//www.touch-down.nl/images/big_transparent.gif);
background-repeat: repeat;
background-position: center center;
position: absolute;
z-index: 200;
left: 0; cursor: url(//www.touch-down.nl/images/cursors/cursor_arrow_left.png), url(//www.touch-down.nl/images/cursors/cursor_arrow_left.cur),w-resize;
} div.scrollingHotSpotLeftVisible
{
background-image: url(//www.touch-down.nl/images/arrow_left.gif);				
background-color: #fff;
background-repeat: no-repeat;
opacity: 0.35; -moz-opacity: 0.35; filter: alpha(opacity = 35); zoom: 1; } div.scrollingHotSpotRight
{
min-width: 75px;
width: 10%;
height: 100%;
background-image: url(//www.touch-down.nl/images/big_transparent.gif);
background-repeat: repeat;
background-position: center center;
position: absolute;
z-index: 200;
right: 0;
cursor: url(//www.touch-down.nl/images/cursors/cursor_arrow_right.png), url(//www.touch-down.nl/images/cursors/cursor_arrow_right.cur),e-resize;
} div.scrollingHotSpotRightVisible
{
background-image: url(//www.touch-down.nl/images/arrow_right.gif);
background-color: #fff;
background-repeat: no-repeat;
opacity: 0.35;
filter: alpha(opacity = 35);
-moz-opacity: 0.35;
zoom: 1;
} div.scrollWrapper
{
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}
div.scrollableArea
{
position: relative;
width: auto;
height: 100%;
}#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background:#000;}
#colorbox{outline:0;}
#cboxTopLeft{width:14px; height:14px; background:url(//www.touch-down.nl/css/images/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(//www.touch-down.nl/css/images/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(//www.touch-down.nl/css/images/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(//www.touch-down.nl/css/images/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(//www.touch-down.nl/css/images/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(//www.touch-down.nl/css/images/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(//www.touch-down.nl/css/images/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(//www.touch-down.nl/css/images/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(//www.touch-down.nl/css/images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(//www.touch-down.nl/css/images/loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible;  position:absolute; bottom:-29px; background:url(//www.touch-down.nl/css/images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious:hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext:hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose:hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}::-moz-selection {
background: #b02913;
}
::selection {
background: #b02913;
}
nav.colored, nav.light.colored,
.twitter-feed-icon i,
.testimonial-icon i,
.home-gradient,
.home-parallax,
#project-navigation ul li#prevProject a:hover, 
#project-navigation ul li#nextProject a:hover,
#project-navigation ul li a:hover,
#closeProject a:hover,
.portfolio .portfolio-overlay,
.pagination a.previous:hover, 
.pagination a.next:hover,
.rnr-icon-middle:hover,
.service-box:hover,
.button,
.skillbar .skill-percentage,
.flex-control-nav li a:hover,
.flex-control-nav li a.flex-active,
.testimonial-slider .flex-direction-nav li a, 
.twitter-slider .flex-direction-nav li a,
.color-block,
.home1 .slabtextdone .slabtext.second-child,
.home4 .slabtextdone .slabtext.second-child,
.caption,
.copyright,
.title h1,
.service-features .img-container,
.service-features .img-container,
.view-profile,
.team-member:hover .team-desc,
.service-box .service-icon,
.modal .close {
background-color: #b02913;
} .title h1,
.service-box .service-icon {
background: none;
color: #b02913;
}
.tab a.selected {
box-shadow: 0px -3px 0px 0px #b02913;
} a,
.highlight,
nav.light .main-menu a:hover, 
nav.dark .main-menu a:hover,
nav.light .main-menu li.active a,
nav.transparent .main-menu li.active a, 
nav.dark .main-menu li.active a,
.parallax .quote i,
#filters ul li a:hover h3, 
#filters ul li a.active h3,
.post-title a:hover,
.post-tags li a:hover,
.tags-list li a:hover,
.pages li a:hover,
.home3 .slabtextdone .slabtext.second-child,
.service-box:hover .service-icon {
color:#b02913;
} .pages li a.current,
.pages li a.current,
.service-features .img-container:after,
.service-box:hover .service-icon,
.callout,
blockquote p,
.pullquote.align-right,
.pullquote.align-left {
border-color:#b02913;
} .home-gradient, .color-block {
background-color: #b02913;
background: -moz-radial-gradient(center center, circle cover, #b02913 0%, #E2BE01 100%);
background: -webkit-radial-gradient(center center, circle cover, #b02913 0%, #E2BE01 100%);
background: -o-radial-gradient(center center, circle cover, #b02913 0%, #E2BE01 100%);
background: -ms-radial-gradient(center center, circle cover, #b02913 0%, #E2BE01 100%);
background: radial-gradient(center center, circle cover, #b02913 0%, #E2BE01 100%);	
}