.wp-post-image { min-width:100%; padding:0; margin:0}
.hideme {}
img{ max-width:100%; padding:0; margin:0}
.work-imagery { width:100%; padding:0 0 30px 0; margin:0 0 0 0;}
.work-imagery img { max-width:100%; }
figure { display: block; position: relative; float: left; overflow: hidden; margin: 0 20px 20px 0; } 
figcaption { position: absolute; background: black; background: rgba(0,0,0,0.75); color: white; padding: 10px 20px 0 20px; opacity: 0; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; } 
figure:hover figcaption { opacity: 1; } 
figure:before { content: "?"; position: absolute; font-weight: 800; background: black; background: rgba(255,255,255,0.75); text-shadow: 0 0 5px white; color: black; width: 24px; height: 24px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; text-align: center; font-size: 14px; line-height: 24px; -moz-transition: all 0.6s ease; opacity: 0.75; }
figure:hover:before { opacity: 0; } 
.cap-left:before { bottom: 20px; left: 20px; } 
.cap-left figcaption { bottom: 20px; left: -30%; } 
.cap-left:hover figcaption { left: 0; } 
.cap-right:before { bottom: 10px; right: 10px; } 
.cap-right figcaption { bottom: 0; right: -30%; } 
.cap-right:hover figcaption { right: 0; } 
.cap-top:before { top: 10px; left: 10px; } 
.cap-top figcaption { left: 0; top: -30%; } 
.cap-top:hover figcaption { top: 0; } 
.cap-bot:before { bottom: 10px; left: 10px; } 
.cap-bot figcaption { left: 0; bottom: -30%;} 
.cap-bot:hover figcaption { bottom: 0; }
.greyish {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.greyish:hover {-webkit-filter: grayscale(0%);filter: grayscale(0%);}  html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,and,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,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,input,textarea,select{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}del{text-decoration:line-through}hr{background:transparent;border:0;clear:both;color:transparent;height:1px;margin:0;padding:0}mark{background-color:#ffffb3;font-style:italic}input,select{vertical-align:middle}ins{background-color:red;color:white;text-decoration:none}ul{list-style:none}table{border-collapse:collapse;border-spacing:0}
.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}* html .clearfix,:first-child+html .clearfix{zoom:1}
.wp-paginate {padding:0px; margin:0;}
.wp-paginate li {display:inline; list-style:none;padding:0 5px 0 0 5px;margin:0 0 0 5px;}
.wp-paginate a {background:#031a29; border:0px solid #ccc; color:#fff; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#ccc; color:#888;}
.wp-paginate .title {color:#555; margin-right:0px;}
.wp-paginate .gap {color:#999; margin-right:0px;}
.wp-paginate .current {color:#fff; background:#f15a23; border:0px solid #89adcf; margin-right:0px; padding:3px 6px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}
.grecaptcha-badge {
display: none;
}
p {font-size: 16px;}
small { font-size: 10px; }a
ol { list-style: decimal; }
ul { list-style: disc; }
li { margin-left: 30px; font-size: 16px;}
img { margin-bottom: 5px; }
dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,blockquote,article,p { margin-bottom: 20px; }
.subpage-side-green {color: #92a926;font-size: 17px;}
.orange {color: #f15a23;}
.blue {color: #005f92;}
.sky {color: #6ba2bf;}
.white {color: #ffffff;}
.center {text-align:center;}
h1, h1 .button { font-size: 32px; }
h2, h2 .button { font-size: 30px; }
h1.style3 { font-size: 45px; padding:20px 0 0px 0;font-weight:600; }
h2.style2 { font-size: 35px; padding:0px 0 10px 0;font-weight:600; }
h3.style4 { font-size: 25px;font-weight:300; }
h3, h3 .button { font-size: 25px;font-weight:400; }
h4, h4 .button { font-size: 23px; }
h4 { line-height:36px }
h4.style2 { font-size: 20px;}
h5, h5 .button { font-size: 14px; }
h6, h6 .button { font-size: 12px; }
#click-menu {border-top: 11px solid #75a8c4;border-bottom: 11px solid #75a8c4;}
.corner-it {margin:10px 0 20px 0;border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;-moz-border-radius: 30px;-webkit-border-radius: 30px;}
img#wpstats{
display: none;
}
.circleit { border: 20px solid #f15a23;border-radius: 50%;display: inline-block;background-color:#d14400; margin:0 auto 0 auto;text-align:center;width:180px;height:180px;display: table-cell;text-align: center;vertical-align: middle;color:#ffffff;}
.circleit:hover {background-color:#f15a23;border: 20px solid #d14400;}
.circleit img {border-radius: 50%; display: block;}
.circleit p {font-size: 15px;text-transform: uppercase; line-height:10px;padding:0;margin:0;}
.circleit span {font-size: 55px; }  .blue1-bg {   background-color: #bfd4df; padding:0;margin:0;}
.blue2-bg {   background-color: #75a8c4; padding:0;margin:0;}
.blue3-bg {   background-color: #d1e8f8; padding:0;margin:0;}
.blue4-bg {   background-color: #d1e8f8; padding:0;margin:0;}
.orange-bg {  background-color: #d14400; padding:0;margin:0;}
.grey-bg {  background-color: #f3f3f4; padding:0;margin:0;}
.white-bg {  background-color: #ffffff; padding:0;margin:0;}
.black-bg {  background-color: #000000; padding:0;margin:0;}
.steel-bg {   background-color: #d7d8da;}
.metal-bg {   background-color: #474747;}
.section17 {padding:15px 15px 10px 15px;margin:0 0 0px 0;border: 0px solid #dbdbe0;}
.section18 {padding:0 15px 0 15px;margin:0 0 20px 0;border: 0px solid #dbdbe0;}
.section19 {padding:25px 25px 20px 25px;margin:0 0 20px 0;border: 0px solid #dbdbe0;height:auto;}
.space-it {  padding:20px;margin:0;}  .media {
display: inline-block;
position: relative;
vertical-align: top;
}
.media__image { display: block; }
.media__body {
background: rgba(41, 128, 185, 0.7);
bottom: 0;
color: white;
font-size: 1em;
left: 0;
opacity: 0;
overflow: hidden;
padding: 3.75em 3em;
position: absolute;
text-align: center;
top: 0;
right: 0;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.media__body:hover { opacity: 1; }
.media__body:after,
.media__body:before {
border: 1px solid rgba(255, 255, 255, 0.7);
bottom: 1em;
content: '';
left: 1em;
opacity: 0;
position: absolute;
right: 1em;
top: 1em;
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
-webkit-transition: 0.6s 0.2s;
transition: 0.6s 0.2s;
}
.media__body:before {
border-bottom: none;
border-top: none;
left: 2em;
right: 2em;
}
.media__body:after {
border-left: none;
border-right: none;
bottom: 2em;
top: 2em;
}
.media__body:hover:after,
.media__body:hover:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.media__body h2 { margin-top: 0; }
.media__body p { margin-bottom: 1.5em; }
.one-third:nth-child(3) .media .media__body { background: rgba(41, 128, 185, 0.7); }
.one-third:nth-child(2) .media .media__body { background: rgba(128, 185, 41, 0.7); }
.one-third:nth-child(7) .media .media__body { background: rgba(7, 67, 142, 0.7); }
.one-third:nth-child(4) .media .media__body { background: rgba(144, 0, 40, 0.7); }
.one-third:nth-child(5) .media .media__body { background: rgba(13, 116, 18, 0.7); }
.one-third:nth-child(6) .media .media__body { background: rgba(144, 0, 40, 0.7); }
.one-third:nth-child(4) .media .media__body { background: rgba(144, 0, 40, 0.7); }
.one-third:nth-child(5) .media .media__body { background: rgba(144, 0, 40, 0.7); }
.one-third:nth-child(6) .media .media__body { background: rgba(194, 32, 48, 0.7); }
.one-half:nth-child(3) .media .media__body { background: rgba(41, 128, 185, 0.7); }
.one-half:nth-child(2) .media .media__body { background: rgba(128, 185, 41, 0.7); }
.one-half:nth-child(7) .media .media__body { background: rgba(194, 32, 142, 0.7); }   
.one-half:nth-child(4) .media .media__body { background: rgba(144, 0, 40, 0.7); }
.one-half:nth-child(5) .media .media__body { background: rgba(144, 0, 40, 0.7); }
.one-half:nth-child(6) .media .media__body { background: rgba(201, 50, 92, 0.7); }  .chart {
display: table;
table-layout: fixed;
width: 100%;
max-width: 700px;
height: 200px;
margin: 0 auto 80px auto;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1) 2%, rgba(0, 0, 0, 0) 2%);
background-size: 100% 50px;
background-position: left top;
}
.chart li {
position: relative;
display: table-cell;
vertical-align: bottom;
height: 240px;
}
.chart span {
margin: 0 1em;
display: block;
background: rgba(241, 90, 35, 0.75);
animation: draw 1s ease-in-out;
color:#ffffff;
text-align:center;
font-size:18px;
font-weight:600;
}
.chart span:before {
position: absolute;
left: 0;
right: 0;
top: 100%;
padding: 5px 1em ;
display: block;
text-align: center;
content: attr(title);
word-wrap: break-word;
color:#000000;
font-size:14px;
font-weight:400;
}
@keyframes draw {
0% {
height: 0;
}
}  .port-image {
position: relative;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;}
.fade {
opacity: 0;
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-webkit-transition: -webkit-transform 0.4s, opacity .5s;
transition: transform 0.4s, opacity .5s; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.fade {
opacity: 1;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px); } }
@media (max-width: 768px) {
.fade.first-fade {
opacity: 1;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px); } }
.fade-in {
opacity: 1;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px); }
.slant-container {padding-top: 10px;position: relative;background: #e5e5e5;text-align:center; }
.slant-container:before {
content: '';
position: absolute;
left: 0;
top: -36px;
width: 100%;
height: 100px;
background: #e5e5e5;
-webkit-transform: skewY(-2.0deg);
-moz-transform: skewY(-2.0deg);
-ms-transform: skewY(-2.0deg);
-o-transform: skewY(-2.0deg);
transform: skewY(-2.0deg);
text-align:center; 
}
.slant-container section {margin: 0px auto; padding: 0 20px 0 20px;padding-bottom: 50px;position: relative; text-align:center;  width: 70%;}
.slant-container h3 { text-align:center; font-size: 20px; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:300;padding:20px 10px 0px 10px;margin:0; text-transform:none;line-height:35px; }
.slant-container h3.signature { text-align:center; font-size: 17px;font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:600;padding:20px 0px 0px 0px;margin:0; text-transform:none;}
.quote-container {padding-top: 50px;margin:0 0 100px 0;position: relative;background: #e5e5e5;text-align:center; }
.quote-container:before {
content: '';
position: absolute;
left: 0;
bottom: -36px;
width: 100%;
height: 100px;
background: #e5e5e5;
-webkit-transform: skewY(2.0deg);
-moz-transform: skewY(2.0deg);
-ms-transform: skewY(2.0deg);
-o-transform: skewY(2.0deg);
transform: skewY(2.0deg);
text-align:center; 
}
.quote-container section {margin: 0px auto; padding: 0 20px 0 20px; padding-bottom: 50px; position: relative;text-align:center;width: 80%; }
.quote-container h4 { text-align:center; font-size: 20px; font-family: Open Sans, sans-serif; font-weight:600;padding:20px 10px 0px 10px;margin:0; text-transform:uppercase;clear:both; }
.quote-container h2 { text-align:center; font-size: 40px; font-family: Open Sans, sans-serif; font-weight:600;padding:0px 10px 0px 10px;margin:0; text-transform:uppercase; }
.quote-container h3 { text-align:center; font-size: 25px;font-family: Open Sans, sans-serif; font-weight:300;padding:20px 0px 0px 0px;margin:0; text-transform:none;}
.quote-new-container {padding-top: 50px;padding-bottom: 200px;margin:0 0 100px 0;position: relative;background:#e5e5e5;text-align:center; }
.quote-new-container:before {
content: '';
position: absolute;
left: 0;
bottom: -36px;
width: 100%;
height: 100px;
background: #e5e5e5;
-webkit-transform: skewY(2.0deg);
-moz-transform: skewY(2.0deg);
-ms-transform: skewY(2.0deg);
-o-transform: skewY(2.0deg);
transform: skewY(2.0deg);
text-align:center; 
}
.quote-new-container section {margin: 0px auto; padding: 0 20px 0 20px; padding-bottom: 50px; position: relative;text-align:center;width: 80%; }
.quote-new-container h4 { text-align:center; font-size: 20px; font-family: Open Sans, sans-serif; font-weight:600;padding:20px 10px 0px 10px;margin:0; text-transform:uppercase;clear:both; }
.quote-new-container h2 { text-align:center; font-size: 40px; font-family: Open Sans, sans-serif; font-weight:600;padding:0px 10px 0px 10px;margin:0; text-transform:uppercase; }
.quote-new-container h3 { text-align:center; font-size: 25px;font-family: Open Sans, sans-serif; font-weight:300;padding:20px 0px 0px 0px;margin:0; text-transform:none;}
section.module:last-child {
margin-bottom: 0;
}
section.module h2 {
margin-bottom: 40px;
font-family: "Roboto Slab", serif;
font-size: 30px;
}
section.module p {
margin-bottom: 40px;
font-size: 16px;
font-weight: 300;
}
section.module p:last-child {
margin-bottom: 0;
}
section.module.content {
padding: 0px 0;
}
section.module.parallax {
height: 900px;
background-position: center center;
background-repeat: no-repeat; -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-bottom: 0px solid #f05b21;
}
section.module.parallax h1 {
color: rgba(255, 255, 255, 0.8);
font-size: 48px;
line-height: 600px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.bitlogo {
position: fixed;
top: 40%;
left: 4%;
margin-top: -50px;
margin-left: -100px;
-webkit-transform: translateY(-10%);
-ms-transform: translateY(-10%);
transform: translateY(-10%);
-webkit-transform: translateZ(0); }
.bitlogo2 {
position: absolute;
top: 40%;
left: 4%;
margin-top: 300px;
margin-left: -170px;
-webkit-transform: translateY(-10%);
-ms-transform: translateY(-10%);
transform: translateY(-10%);
-webkit-transform: translateZ(0);
}
.bitlogooff {
-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;
opacity:0.2;
}
section.module.parallax-1 {
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/backgrounds/jump-background.jpg);
}
section.module.parallax-2 {
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/backgrounds/eg-background.jpg);
}
section.module.parallax-3 {
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/backgrounds/cc-background.jpg);
}
section.module.parallax-4 {
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/backgrounds/gp-background.jpg);
}
section.module.parallax-5 {
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/backgrounds/sk-background.jpg);
}
section.module.parallax-6 {
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/backgrounds/raytech-background.jpg);
}
section.module.parallax-7 {
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/backgrounds/fordham-background.jpg);
}
section.module.parallax-8 {
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/backgrounds/euroimmun-background.jpg);
}
section.module.parallax-9 {
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/backgrounds/alpha2-background.jpg);
}
section.module.parallax-10 {
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/backgrounds/btc-background.jpg);
}
section.module.parallax-11 {
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/backgrounds/arrow-background.jpg);
}
section.module.parallax-12 {
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/backgrounds/ff-background.jpg);
}
section.module.parallax-13 {
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/backgrounds/alexar-background.jpg);
}
section.module.parallax-14 {
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/backgrounds/aid-background.jpg);
}
section.module.parallax-15 {
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/backgrounds/jump2-large.jpg);
}
section.module.parallax-16 {
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/backgrounds/raytech-large.jpg);
}
section.module.parallax-17 {
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/backgrounds/ff2-large.jpg);
}
section.module.parallax-18 {
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/backgrounds/solebury-background.jpg);
}
section.module.parallax-19 {
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/backgrounds/tvc-background.jpg);
}
section.module.parallax-20 {
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/backgrounds/ngd-background.jpg);
}
section.module.parallax-21 {
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/backgrounds/ngd2-large.jpg);
}
section.module.parallax-22 {
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/backgrounds/clemonslaw-background.jpg);
}
section.module.parallax-23 {
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/backgrounds/clemonslaw-large.jpg);
}
section.module.parallax-24 {
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/backgrounds/steqamerica-background.jpg);
}
section.module.parallax-25 {
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/backgrounds/steqamerica-large.jpg);
}
section.module.parallax-26 {
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/backgrounds/lc-background.jpg);
}
section.module.parallax-27 {
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/backgrounds/lc-large.jpg);
}
section.module.parallax-28 {
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/backgrounds/bcso-background.jpg);
}
section.module.parallax-29 {
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/backgrounds/rc-background.jpg);
}
section.module.parallax-30 {
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/backgrounds/lynnbuilders-background.jpg);
}
section.module.parallax-31 {
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/backgrounds/dragonfly-background.jpg);
}
section.module.parallax-32 {
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/backgrounds/gc-background.jpg);
}
section.module.parallax-33 {
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/backgrounds/gc2-large.jpg);
}
section.module.parallax-34 {
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/backgrounds/arrow2-large.jpg);
}
@media only screen and (max-width: 767px) {
section.module.parallax {display:none;}
}
@media only screen and (max-width: 479px) {
section.module.parallax {display:none;}
}
@media all and (min-width: 600px) {
section.module h2 {
font-size: 42px;
}
section.module p {
font-size: 20px;
}
section.module.parallax h1 {
font-size: 96px;
}
}
@media all and (min-width: 960px) {
section.module.parallax h1 {
font-size: 160px;
}
}
.thumbnail-image  {
width: 400px;
height: 254px;
display: block;
left: 22%;
top: 30%;
position:absolute;
}
.thumbnail-overlay {
background-color: rgba(0, 0, 0, 0.4);
transition: background-color 0.3s ease 0s;
}
.thumbnail-overlay {
width: 100%;
height: 100%;
position: absolute;
background: rgba(0, 0, 0, 0.2) none repeat scroll 0% 0%;
z-index: 1;
pointer-events: none;
top: 0px;
left: 0px;
} .card {
position: relative;
float: left;
width: 300px;
height:190px;
margin-bottom:20px;
text-align: center;
} .card:nth-child(1) {
margin-left: -3px;
margin-right: 1px;
}
.card:nth-child(2),
.card:nth-child(3) {
margin-right: 1px;
} .card__front,
.card__back {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.card__front,
.card__back {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.card__front {
background-color: #ff5078;
}
.card__back {
background-color: #1e1e1e;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
} .card__text {
display: inline-block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
height: 20px;
color: #fff;
font-family: "Roboto Slab", serif;
line-height: 20px;
} .card.effect__hover:hover .card__front {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.card.effect__hover:hover .card__back {
-webkit-transform: rotateY(0);
transform: rotateY(0);
} .card.effect__click.flipped .card__front {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.card.effect__click.flipped .card__back {
-webkit-transform: rotateY(0);
transform: rotateY(0);
} .card.effect__random.flipped .card__front {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.card.effect__random.flipped .card__back {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}  .animation-element { } .animation-element:nth-of-type(3n-2) { }
.animation-element:nth-of-type(3n-1) { }
.animation-element:nth-of-type(3n-0) { } .bounce-up .subject {
opacity: 0;
-moz-transition: all 700ms ease-out;
-webkit-transition: all 700ms ease-out;
-o-transition: all 700ms ease-out;
transition: all 700ms ease-out;
-moz-transform: translate3d(0px, 200px, 0px);
-webkit-transform: translate3d(0px, 200px, 0px);
-o-transform: translate(0px, 200px);
-ms-transform: translate(0px, 200px);
transform: translate3d(0px, 200, 0px);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.bounce-up.in-view .subject {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}  .bg-line {
background: #ffffff url(//www.time4design.com/img/bg-line.gif) repeat-x top center;
height:16px;
width:100%;
}
.callout-quotes {
padding:20px 20px 20px 0px;
margin: 0 0 0px 0px;
width: 100%;
border: 0px solid #dbdbe0;
border-radius: 11px;
-moz-border-radius: 11px;
-khtml-border-radius: 11px;
-webkit-border-radius: 11px;
text-align:center;
line-height:35px;
}
.callout-quotes p {font-size: 24px}
.quote-marks {
padding:10px 10px 10px 10px;
margin: 0px 0 0px 0px;
border: 0px solid #dbdbe0;
border-radius: 11px;
-moz-border-radius: 11px;
-khtml-border-radius: 11px;
-webkit-border-radius: 11px;
text-align:center;
line-height:35px;
}
.callout-2 {
padding:20px 20px 20px 20px;
margin: 0 0 20px 0px;
width: 94%;
border: 2px solid #dbdbe0;
border-radius: 11px;
-moz-border-radius: 11px;
-khtml-border-radius: 11px;
-webkit-border-radius: 11px;
text-align:left;
background:#f3f3f5;
}
.callout-2 p {
padding:0 20px 0 20px;
margin: 0;
line-height:28px;
}
.callout-2 .mcall {
float:left; width:33%;
}
.callout-c {
padding:20px 20px 20px 20px;
margin: 0 0 20px 0px;
width: 94%;
border: 4px solid #f3f3f5;
border-radius: 11px;
-moz-border-radius: 11px;
-khtml-border-radius: 11px;
-webkit-border-radius: 11px;
text-align:center;
background:#ffffff;
}
.callout-c p {
padding:0 20px 0 20px;
margin: 0;
line-height:28px;
}
.callout-c .mcall {
float:left; width:33%;
}
.callout-3 {
padding:20px 10px 20px 10px;
margin: 0 0 0px 0px;
border: 0px solid #dbdbe0;
border-radius: 11px;
-moz-border-radius: 11px;
-khtml-border-radius: 11px;
-webkit-border-radius: 11px;
text-align:center;
color:#ffffff;
background:#d14400;
}
.callout-3 h4 {
padding:0;
margin: 0;
font-size:25px;
font-weight:300;
}
.callout-3 a, .callout-3 a:hover, .callout-3 a:active{
color:#ffffff;
}
.callout-3 .mcall {
float:left; width:33%;
}
.callout-blue {
padding:10px 2% 2px 2%;
margin: 0 0 10px 0px;
width: 96%;
border: 0px solid #dbdbe0;
text-align:left;
background:#d1e8f8;
}
.callout-blue h2{font-size: 18px;
font-weight: 400;}
.callout-robo8 li{
padding:4% 20% 4% 4%; margin: 0 0 10px 0px; border: 1px solid #dbdbe0;text-align:left;
border-radius: 11px;
-moz-border-radius: 11px;
-khtml-border-radius: 11px;
-webkit-border-radius: 11px;
list-style:none;
}
.callout-robo8 a {
display: list-item;
list-style-type: none;
}
.callout-robo8 li:hover{
background: #c2d2ed;	
}
.callout-robo8 ul li.current_page_item > a,
.callout-robo8 ul li.current-menu-item > a,
.callout-robo8 ul li.current-menu-parent > a {
color: #005fa8;
}
.callout-robo8 li.current_page_item > a,
.callout-robo8 li.current-menu-item > a,
.callout-robo8 li.current-menu-parent > a {
color: #005fa8;
}
.callout-robo8 li{background: #f3f3f5;}
.callout-robo8 li:hover {background: #c2d2ed;}
.callout-4-robo1, .callout-4-robo2, .callout-4-robo3, .callout-4-robo4, .callout-4-robo5, .callout-4-robo6, .callout-4-robo7, .callout-4-robo8, .callout-4-robo9, .callout-4-robo10, .callout-4-robo11 {
padding:4% 20% 0% 4%; margin: 0 0 10px 0px; border: 1px solid #ffffff;text-align:left;
border-radius: 11px;
-moz-border-radius: 11px;
-khtml-border-radius: 11px;
-webkit-border-radius: 11px;	
}
.callout-4-robo1:hover, .callout-4-robo2:hover, .callout-4-robo3, .callout-4-robo4, .callout-4-robo5, .callout-4-robo6, .callout-4-robo7, .callout-4-robo8, .callout-4-robo9, .callout-4-robo10, .callout-4-robo11 {
background: #c2d2ed;
}
.callout-4-robo1 .h4,.callout-4-robo2 .h4, .callout-4-robo3 .h4, .callout-4-robo4 .h4, .callout-4-robo4 .h4, .callout-4-robo5 .h4, .callout-4-robo6 .h4, .callout-4-robo7 .h4, .callout-4-robo8 .h4, .callout-4-robo9 .h4, .callout-4-robo10 .h4, .callout-4-robo11 .h4 {
font-size: 20px; font-weight: 400; padding:0;margin:0;
}
.callout-4-robo1 {background: #f3f3f5 url(//www.time4design.com/images/robo5-sm.png) no-repeat bottom right;}
.callout-4-robo1:hover {background: #c2d2ed url(//www.time4design.com/images/robo5-sm.png) no-repeat bottom right;}
.callout-4-robo2 {background: #f3f3f5 url(//www.time4design.com/images/robo2-sm.png) no-repeat bottom right;}
.callout-4-robo2:hover {background: #c2d2ed url(//www.time4design.com/images/robo2-sm.png) no-repeat bottom right;}
.callout-4-robo3 {background: #f3f3f5 url(//www.time4design.com/images/robo3-sm.png) no-repeat bottom right;}
.callout-4-robo3:hover {background: #c2d2ed url(//www.time4design.com/images/robo3-sm.png) no-repeat bottom right;}
.callout-4-robo4 {background: #f3f3f5 url(//www.time4design.com/images/robo4-sm.png) no-repeat bottom right;}
.callout-4-robo4:hover {background: #c2d2ed url(//www.time4design.com/images/robo4-sm.png) no-repeat bottom right;}
.callout-4-robo5 {background: #f3f3f5 url(//www.time4design.com/images/robo1-sm.png) no-repeat bottom right;}
.callout-4-robo5:hover {background: #c2d2ed url(//www.time4design.com/images/robo1-sm.png) no-repeat bottom right;}
.callout-4-robo6 {background: #f3f3f5 url(//www.time4design.com/images/robo6-sm.png) no-repeat bottom right;}
.callout-4-robo6:hover {background: #c2d2ed url(//www.time4design.com/images/robo6-sm.png) no-repeat bottom right;}
.callout-4-robo7 {background: #f3f3f5 url(//www.time4design.com/images/robo7-sm.png) no-repeat bottom right;}
.callout-4-robo7:hover {background: #c2d2ed url(//www.time4design.com/images/robo7-sm.png) no-repeat bottom right;}
.callout-4-robo8 {background: #f3f3f5 url(//www.time4design.com/images/robo8-sm.png) no-repeat bottom right;}
.callout-4-robo8:hover {background: #c2d2ed url(//www.time4design.com/images/robo8-sm.png) no-repeat bottom right;}
.callout-4-robo9 {background: #f3f3f5 url(//www.time4design.com/images/robo9-sm.png) no-repeat bottom right;}
.callout-4-robo9:hover {background: #c2d2ed url(//www.time4design.com/images/robo9-sm.png) no-repeat bottom right;}
.callout-4-robo10 {background: #f3f3f5 url(//www.time4design.com/images/robo10-sm.png) no-repeat bottom right;}
.callout-4-robo10:hover {background: #c2d2ed url(//www.time4design.com/images/robo10-sm.png) no-repeat bottom right;}
.callout-4-robo11 {background: #f3f3f5 url(//www.time4design.com/images/robo11-sm.png) no-repeat bottom right;}
.callout-4-robo11:hover {background: #c2d2ed url(//www.time4design.com/images/robo11-sm.png) no-repeat bottom right;}
.callout-6 {
padding:40px 0px 0px 0px;
margin: 0 0 0px 0px;
width: 100%;
border: 1px solid #dbdbe0;
border-radius: 11px;
-moz-border-radius: 11px;
-khtml-border-radius: 11px;
-webkit-border-radius: 11px;
text-align:left;
background:#f3f3f5;
}
.callout-6 p {
padding:0 20px 0 20px;
margin: 0;
line-height:28px;
}
ul.sitemap
{
background-image: none;background-position: left top;background-repeat: no-repeat;padding: 10px 0 10px 0;margin: 0px 0 0 0;clear:both;border: 0px solid #dbdbe0;
}
ul.sitemap li
{
margin: 0px 0 0px 0px;padding: 20px 0px 0px 0px;cursor: default;background-position: 0% 0%;background-repeat: no-repeat;background-image:none;list-style-type: none;font-weight:bold;font-size: 16px;font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}
ul.sitemap li ul li
{
margin: 0px 0 0px 0px;padding: 0px 0px 0px 0px;cursor: default;background-position: 0% 0%;background-repeat: no-repeat;background-image:none;list-style-type: none;font-weight:normal;font-size: 14px;font-family:'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}
ul.sitemap li ul li ul li
{
margin: 0px 0 0px 0px;padding: 0px 0px 0px 10px;cursor: default;background-position: 0% 0%;background-repeat: no-repeat;background-image:none;list-style-type: none;font-weight:normal;font-style:italic; font-size: 13px;font-family:'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}
ul.fa-ul {padding: 0px 0 0px 0;margin: 0px 0 20px 0;clear:both; text-align:left;}
ul.fa-ul li {margin: 0px 5px 0px 10px; cursor: default;background-position: 0 0px;  list-style-type: none; padding: 2px 0 0 10px;font-size: 16px;}  body {
background: #ffffff;
color: #3a3a3a;
font: 15px/1.7 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;
}
div#mainbg {
margin: 0 auto;
padding: 0;
}
.t4d-dotty
{
clear: both;
border-top: 0px solid #eeeeee;
background-image: url(//www.time4design.com/images/t4d-dots-bg.png);
background-repeat:no-repeat;
background-attachment: scroll;
background-position: 50% -1px;
background-origin: padding-box;
background-size: auto auto;
margin:20px 0 0px 0;
}
.t4d-dotty-sub
{
background-image: url(//www.time4design.com/images/t4d-dots-bg2.png);
background-repeat:repeat-x;
background-attachment: scroll;
background-position: 50% -1px;
background-origin: padding-box;
background-size: auto auto;
margin:20px 0 0px 0;
}
.t4d-dotty-work
{
background-image: url(//www.time4design.com/images/t4d-dots-bg2.png);
background-repeat:repeat-x;
background-attachment: scroll;
background-position: 50% -1px;
background-origin: padding-box;
background-size: auto auto;
margin:0px 0 0px 0;
}  ::-moz-selection { background: #005f92; color: #fff; text-shadow: none; }
::selection { background: #005f92; color: #fff; text-shadow: none; }
h1, h2, h3, h4, h5, h6 {
color: #474747;
font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-weight: 400;
line-height: 1.25;
margin-bottom: 15px;
}
h3, h4, h5 { font-weight: 600; }
a, a > * {
color: #f15a23;
text-decoration: none;
-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}
a:hover, a > *:hover { color: #005f92; }
hr {
background: #efefef;
color: #efefef;
margin: 5px 0 25px;
}
hr.dotted { border-style: dotted; }
p + hr { margin: 25px 0 20px; }
blockquote {
background: #f8f8f8 url(//www.time4design.com/img/t4d-quotes.png) no-repeat 15px 14px;
font:'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size:15px;
padding: 160px 20px 20px 20px;
}
blockquote.simple {
background: none;
border-left: 2px solid #ddd;
color: #bbb;
font-size: 13px;
margin: 0;
padding: 0 0 0 10px;
}
blockquote p:last-of-type { margin-bottom: 0; }
blockquote small { font-size: 12px; }
.button, input[type="submit"], input[type="reset"], button {
background: #f15a23;
border: 2px solid #f15a23;
color: #fff;
cursor: pointer;	
font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-weight: 400;
height: auto;
overflow: visible;
padding: 7px 20px;
-webkit-transition: background-color .2s ease;
-moz-transition: background-color .2s ease;
-ms-transition: background-color .2s ease;
-o-transition: background-color .2s ease;
transition: background-color .2s ease;
width: auto;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
}
.button:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover {
background: #ffffff;
border: 2px solid #f15a23;
color: #f15a23;
}
.button {
font-size: 12px;
display: inline-block;
padding: 5px 35px ;
}
.button.medium { font-size: 13px; }
.button.large { font-size: 15px; }
.button.xlarge { font-size: 30px; }
.button.no-bg {
background: none;
color: #3a3a3a;
padding: 0;
}
.button.no-bg:hover, #footer .button.no-bg:hover {
background: none;
color: #f15a23;
}
.button .icon, .button .arrow {
color: transparent;
cursor: pointer;
display: inline-block;
font: 0/0 a;
height: 19px;
margin: -3px 0 0 3px;
text-shadow: none;
vertical-align: middle;
width: 19px;
}
.ie7 .button .icon, .ie7 .button .arrow { display: inline; }
.button .arrow { background: #f35a20 url(//www.time4design.com/img/button-arrows.png) no-repeat 0 0; }
.button .icon.left, .button .arrow.left {
margin-left: 0;
margin-right: 3px;
}
.button .arrow.left { background-position: 0 -19px; }
.button:hover .arrow { background-color: #d1e8f8; }
.dropcap {
background: #eaeaea;
color: #777;
display: inline-block;
float: left;
font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size: 23px;
font-weight: 600;
height: 36px;
line-height: 36px;
margin: 0 7px 0 0;
text-align: center;
width: 36px;
}
.dropcap.dark {
background: #3a3a3a;
color: #fff;
}
.infobox {
background: #fbfbfb;
border: 1px solid #efefef;
margin: 0 0 20px;
padding: 25px;
}
.single-image, .image-gallery, .iframe {
cursor: pointer;
display: block;
margin-bottom: 5px;
overflow: hidden;
position: relative;
}
.single-image.none, .image-gallery.none, .iframe.none,
.single-image.none img, .image-gallery.none img, .iframe.none img {
display: inline;
margin-bottom: 0;
overflow: visible;
}
.single-image.align-left, .image-gallery.align-left, .iframe.align-left { margin-bottom: 15px; margin-right: 15px; }
.single-image.align-right, .image-gallery.align-right, .iframe.align-right { margin-bottom: 15px; margin-left: 15px; }
.single-image img, .image-gallery img, .iframe img { margin-bottom: -5px; }
.single-image .zoom, .image-gallery .zoom, .iframe .zoom {
background: rgb(241, 89, 42);
background: rgba(241, 89, 42, 0.8);
color: transparent;
display: block;
font: 0/0 a;
height: 100%;
left: 0;
filter: alpha(opacity=0); 
opacity: 0;
position: absolute;
text-shadow: none;
top: 0;
-webkit-transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-ms-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;
width: 100%;
}
.single-image .zoom:before, .image-gallery .zoom:before, .iframe .zoom:before {
background: url(//www.time4design.com/img/view-robot.png) no-repeat;
content: '';
display: block;
position: absolute;
height: 102px;
left: 22%;
top: 30%;
width: 227px;
}
.single-image.video .zoom:before, .image-gallery.video .zoom:before, .iframe.video .zoom:before {
background-image: url(//www.time4design.com/img/zoom-video.png);
}
.single-image.link .zoom:before, .image-gallery.link .zoom:before, .iframe.link .zoom:before {
background-image: url(//www.time4design.com/img/zoom-link.png);
}
.single-image.jump .zoom:before, .image-gallery.video .zoom:before, .iframe.video .zoom:before {
background-image:none;
}
.single-image:hover .zoom, .image-gallery:hover .zoom, .iframe:hover .zoom {
filter: alpha(opacity=40); 
opacity: 1;
}  .hidden { display: none; }
.disabled { cursor: auto; }
.screenreader { clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); position: absolute; }
.align-center { margin-left: auto; margin-right: auto; text-align: center; }
.align-left { float: left; }
img.align-left { margin-bottom: 15px; margin-right: 15px; }
.align-right { float: right; }
img.align-right { margin-bottom: 15px; margin-left: 15px; }  ul.none {
list-style: none;
margin: 0;
}
ul.dotted + ul.dotted:before {
content:'';
display: block;
clear: both;
border-bottom: 1px dotted #bdbdbd;
margin: -15px 0 5px;
}
.arrow li, .arrow-2 li, .circle li, .check li, .check-2 li, .star li, .plus li, .dash li, .media li {
list-style: none;
margin: 0;
padding: 0 0 0 24px;
}
.arrow li { background: url(//www.time4design.com/img/list-arrow.png) no-repeat 5px 8px; }
.arrow-2 li { background: url(//www.time4design.com/img/list-arrow-2.png) no-repeat 2px 4px; }
.circle li { background: url(//www.time4design.com/img/list-circle.png) no-repeat 4px 7px; }
.check li { background: url(//www.time4design.com/img/list-check.png) no-repeat 3px 4px; }
.check-2 li { background: url(//www.time4design.com/img/list-check-2.png) no-repeat 0 4px; }
.star li { background: url(//www.time4design.com/img/list-star.png) no-repeat 0 1px; }
.media li { background: url(//www.time4design.com/img/list-media.png) no-repeat 0 1px; }
.plus li { background: url(//www.time4design.com/img/list-plus.png) no-repeat 3px 3px; }
.dash li { background: url(/t4d15/wp-content/themes/t4d/img/list-dash.png) no-repeat 3px 8px; }  .error, .success, .info, .notice {
display: block;
padding: 10px 20px 10px 44px;
}
.error {
background: #f9e5e6 url(//www.time4design.com/img/icon-box-error.png) no-repeat 10px 9px;
border: 1px solid #f7c7c9;
border-left-width: 4px;
color: #b3696c;
}
.success {
background: #e3ebc6 url(//www.time4design.com/img/icon-box-success.png) no-repeat 12px 8px;
border: 1px solid #c2d288;
border-left-width: 4px;
color: #8fa442;
}
.info {
background: #d8ecf5 url(//www.time4design.com/img/icon-box-info.png) no-repeat 10px 8px;
border: 1px solid #9ac9df;
border-left-width: 4px;
color: #528da9;
}
.notice {
background: #fcf7d9 url(//www.time4design.com/img/icon-box-notice.png) no-repeat 10px 9px;
border: 1px solid #f5dc7d;
border-left-width: 4px;
color: #c4a21b;
}  label {
cursor: pointer;
display: block;
font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
margin: 0 0 5px;
}
input, textarea, select {
-webkit-appearance: none; background-color: #f8f8f8;
border: 1px solid #e8e8e8;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #474747;
font: 12px/1.5 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
padding: 5px 10px;
border-radius: 0;
}
input, select {
height: 30px;
width: auto;
}
textarea {
padding: 10px;
resize: both;
}
input:hover, textarea:hover, select:hover { border-color: #dedede; background-color: #d1e8f8;}
input:focus, textarea:focus, select:focus { border-color: #ccc; }
input[type="submit"], input[type="reset"], button {
font-size: 13px;
text-transform: uppercase;
}
input[type="submit"].medium, input[type="reset"].medium, button.medium { font-size: 15px; }
input[type="submit"].large, input[type="reset"].large, button.large { font-size: 17px; }
select, option {
cursor: pointer;
padding: 5px 7px;
}
input[type="checkbox"], input[type="radio"],
.contact-form-t4d input[type="checkbox"], .contact-form-t4d input[type="radio"] { width: 20px; } input[type="checkbox"] { -webkit-appearance: checkbox; }
input[type="radio"] { -webkit-appearance: radio; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #b0b0b0; } input:-moz-placeholder, textarea:-moz-placeholder { color: #b0b0b0; } input.placeholder, textarea.placeholder { color: #b0b0b0; }  .wpcf7 .wpcf7-validation-errors{
border:none;
margin:0;
padding:20px;
background-color:#651411;
color:#ffffff;
width:100%;
test-align:center;
margin-bottom:20px;
font-size: 20px; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:300;
}
.wpcf7 .wpcf7-mail-sent-ok{
border:none;
background-color:#d14400;
color:#ffffff;
margin:0;
padding:20px;
width:100%;
test-align:center;
margin-bottom:20px;
font-size: 20px; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:300;
}  .contact-form-t4d-19 div.wpcf7 {clear:both;margin:0 0 0 0;padding: 0 0 0 0; width: 100%; box-sizing: border-box;border: 0px solid #000000; }
.contact-form-t4d-19 .wpcf7 input  {display: block;width:100%;padding: 10px 10px 10px 0px;color: #000000;background-color: #f8f8f8;border: 1px solid #e8e8e8;font-weight:400;font-size:16px;}
.contact-form-t4d-19 .wpcf7 input:focus  { color: #000000;background:#ffffff;border: 1px solid #e8e8e8;font-weight:400;font-size:16px;}
.contact-form-t4d-19 .wpcf7 textarea {display: block;margin:0 0px 10px 0px;padding: 10px 10px 10px 10px;width: 100%;height: 150px;color: #000000;background-color: #f8f8f8;border: 1px solid #e8e8e8;font-weight:400;font-size:16px;}
.contact-form-t4d-19 .wpcf7 select {text-align:center;display: block;padding: 10px 10px 10px 10px;width: 100%;color: #000000;background-color: #f8f8f8;border: 1px solid #e8e8e8;font-weight:400;font-size:16px;height:auto;}
.contact-form-t4d-19 .wpcf7 textarea:focus {color: #000000;background:#ffffff;border: 1px solid #e8e8e8;font-weight:400;font-size:16px;}
.contact-form-t4d-19 input.wpcf7-form-control.wpcf7-submit { width:auto;width:auto!important;padding-left:10px;}
.contact-form-t4d-19 select {
-webkit-appearance: none; 
background-color: #f8f8f8;
border: 1px solid #e8e8e8;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #474747;
border-radius: 0;font-size:16px;padding: 10px 10px 10px 10px;
}
.contact-form-t4d-19 .wpcf7-submit {
margin:20px;
padding: 30px;
color: #ffffff;color: #ffffff !important;
background:#f15a23;background:#f15a23 !important;
border: 1px solid #f15a23;
text-align: center;
outline: none;
font-size:22px;
font-weight:400;
text-decoration: none;
vertical-align: middle;
}
.contact-form-t4d-19 .wpcf7-submit:hover, .contact-form-t4d-19 .wpcf7-submit:active {
background-color: #ffffff;color: #f15a23; color: #f15a23!important;text-decoration: none;background:#ffffff !important;border: 1px solid #f15a23;
}
.wpcf7 .wpcf7-validation-errors{
border:none;
margin:0;
padding:20px;
background-color:#f2f2f2;
color:#f15a23;
width:auto;
text-align:center;
margin-bottom:10px;
font-weight:600;
font-size: 20px; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:300;
}
.wpcf7 .wpcf7-mail-sent-ok{
border:none;
background-color:#f2f2f2;
color:#f15a23;
margin:0;
padding:10px;
width:auto;
text-align:center;
margin-bottom:20px;
font-weight:600;
font-size: 20px; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:300;
}   .row-flex-contact {
margin: 20px auto;
max-width: 95%;
display: flex;
flex-wrap: wrap;
}
.row-flex-contact div {
flex: 1 1 200px;
text-align: center;
padding: 0;
margin:20px;
flex-basis: 45%;
justify-content: space-between;
flex-direction: column;
}
.row-flex-contact  a {color: #ffffff;text-decoration: none;}
.row-flex-contact  .a:link {color: #ffffff;text-decoration: none;}
.row-flex-contact  a:hover {color: #ffffcc;}
.row-flex-contact  a:active {color: #ffffff;text-decoration: none;}
.row-flex-contact  h6 {font-weight:300;line-height:25px;}  .container {
margin: 0 auto;
position: relative;
width: 940px;
}
.container-work {
margin: 0 auto;
position: relative;
width: 940px;
}  .content-full {  border: 0px solid #000000; margin: 0px auto 0px auto; width:960px; padding: 0px 0px 0px 0px;}
.content-full-holder { width:100%; height:auto; border-top: 0px solid #ffdfad; border-bottom: 0px solid #ffdfad;}
.content-full-banner { width:100%; height:auto; margin:0px 0px 0px 0px; padding:45px 0px 35px 0px; }
.fourth { width: 25%; border:0px solid #000;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float: left; }
.content-50  {float: left;margin-right: 40px;} .whole, .one-half, .one-third, .two-third, .one-fourth, .three-fourth {
float: left;
margin-right: 10px;
}
.whole, .one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .three-fourth.last, .content-50.last { margin-right: 0px; border: 0px solid #000000;}
.whole { width: 100%; }
.one-half { width: 460px; }
.content-50  {width: 45.7%;  border: 0px solid #000000;}
.one-third { width: 300px;float: left; }
.one-third-journal:nth-child(2n+2) { width: 300px;clear:both; float: left;} .one-third-feature{ width: 173px;float: left; border: 0px solid #000000;margin:0 18px 20px 0}  
.one-third-feature:nth-child(6n+6) { width: 173px;float: left; border: 0px solid #000000;margin:0 0px 20px 0}  
.jheight {height:380px;}
.two-third { width: 620px; }
.one-fourth { width: 220px; }
.one-fourth img{ width: 100%;border:0px solid #000; } .three-fourth { width: 700px; }  #header {
border: 0px solid #efefef;
height:98px;
z-index: 97;
}
#logo {
float: left;
height: 56px;
width: 250px;
margin:15px 0 0 0;
background-image: url(//www.time4design.com/t4d15/wp-content/themes/t4d/portfolio/logos/time4design-logo.png);background-repeat:no-repeat;
-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;
}
#phone-us {
text-align:center;
position:absolute;
margin:10px 0 0 0;
}  .top_container { margin:0 auto; }
#top_wrapper { margin: 0 0px 0; }
#t4dstick_nav_wrapper { width:100%; }
#t4dstick_nav { z-index: 97;width:100%; }  #main-nav { float: right; }
#main-nav > ul { margin: -6px 0 0; }	
#main-nav li {
list-style: none;
float: left;
margin: 10px 0 0 0;
position: relative;
}
#main-nav a {
border-bottom: 7px solid transparent;
border-top: 0px solid transparent;
color: #3a3a3a;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
font-weight: 600;
display: block;
letter-spacing: -0.08px;
padding: 26px 12px 25px;
position: relative;
text-align: center;
z-index: 98;
}
.ie7 #main-nav a { padding: 24px 20px; font-weight: 400;}
#main-nav a:after {
color: #aeaeae;
content: attr(data-description);
font-size: 13px;
font-style: italic;
font-weight: 400;
display: block;
line-height: 0;
margin: 3px 0 -3px;
text-align: center;
text-transform: lowercase;
}
#main-nav a:hover, #main-nav .hover > a, #main-nav .current > a {
border-bottom-color: #f15a23;
border-top-color: #f15a23;
color: #f15a23;
}
#main-nav a:hover, #main-nav .hover > a, #main-nav .current > a { background: #f8f8f8; }
.not-ie #main-nav .current:after {
background: #f15a23;
bottom: -2.5px;
content: '';
display: block;
position: absolute;
} .no-js #main-nav li:hover > ul {
display: block;
top: 85px;
}
#main-nav ul ul {
background: #ffffff; display: none;
left: 0px;
padding: 0;
position: absolute;
top: 75px;
z-index: 99;
border-bottom: 7px solid #75a8c4;
border-top: 7px solid #75a8c4;
}
#main-nav ul ul li { float: none; margin: 0px 0 0 0;width: 250px;}
#main-nav ul ul a {
border: 0;
border-bottom: 0px solid #f6f6f6;
border-top: 0px solid #d1e8f8;
color: #3a3a3a;
display: block;
font-family:'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size: 12px;
letter-spacing: 0;
font-weight: 400;
padding: 8px 20px !important;
text-align: left;
text-transform: none;
}
#main-nav ul ul a:hover, #main-nav ul ul .hover > a, #main-nav ul ul .current > a, #main-nav ul ul .current > a:hover {
background: #d1e8f8;
color: #f35a20;
}
.not-ie #main-nav ul ul .current:after { display: none; } #main-nav ul ul ul {
left: 200px !important;
top: 0 !important;
} #main-nav .responsive-nav {
background-image: url(//www.time4design.com/img/responsive-nav-bg.png);
background-position: center right;
background-repeat: no-repeat;
display: none;
width: 100%;
}
#main-nav ul li.current_page_item > a,
#main-nav ul li.current-menu-item > a,
#main-nav ul li.current-menu-parent > a {
border-bottom-color: #f15a23;
border-top-color: #f15a23;
color: #d14400;
background: #d1e8f8;
}
#main-nav ul ul li.current_page_item > a,
#main-nav ul ul li.current-menu-item > a,
#main-nav ul ul li.current-menu-parent > a {
border-bottom-color: #f15a23;
border-top-color: #f15a23;
color: #d14400;
background: #d1e8f8;
}  #titles-homepage { 
padding:0px 0 0px 0px;
margin: 0 auto;
width: 100%;
height:auto;
background:none;
border: 0px solid #dedede;}
.journal-mobile { 
display:none;
}
#titles-all { 
padding:0px 0 0px 0px;
margin: 0 auto;
width: 100%;
height:100px;
background:none;
border: 0px solid #dedede;}
#titles-all h1 {width:940px; margin: 20px auto;}
#content { padding-top: 40px; border: 0px solid #dedede; }
.ie7 #content { padding-top: 25px; }  .t4d-home
{
border: 0px solid #eeeeee;
padding:0 0 0px 0;
margin: 0 auto;
}
.t4d-greybg
{
clear: both;
border-top: 0px solid #eeeeee;
border-bottom: 0px solid #eeeeee;
background-color:#ffffff; background-repeat:repeat-x;
background-attachment: scroll;
background-position: 50% -1px;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
height:100px;
padding:0 0 0px 0;
}
.t4d-about
{
clear: both;
border-top: 1px solid #eeeeee;
background-image: url(//www.time4design.com/img/title-bg.jpg);
background-repeat:repeat-x;
background-attachment: scroll;
background-position: 50% -1px;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
height:115px;
padding:0 0 30px 0;
}
.t4d-robo-1 {
float:right; background-image: url(//www.time4design.com/images/banner-robo-1.png); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
.ie7 .t4d-robo-1 {display:none;}
.t4d-robo-2 {
float:right; background-image: url(//www.time4design.com/images/banner-robo-2.png); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
.ie7 .t4d-robo-2 {display:none;}
.t4d-robo-3 {
float:right; background-image: url(//www.time4design.com/images/banner-robo-3.png); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
.ie7 .t4d-robo-3 {display:none;}
.t4d-robo-4 {
float:right; background-image: url(//www.time4design.com/images/banner-robo-4.png); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
.ie7 .t4d-robo-4 {display:none;}
.t4d-robo-5 {
float:right; background-image: url(//www.time4design.com/images/banner-robo-5.png); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
.ie7 .t4d-robo-5 {display:none;}
.t4d-robo-6 {
float:right; background-image: url(//www.time4design.com/images/banner-robo-6.png); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
.ie7 .t4d-robo-6 {display:none;}
.t4d-robo-7 {
float:right; background-image: url(//www.time4design.com/images/banner-robo-7.png); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
.ie7 .t4d-robo-7 {display:none;}
.t4d-robo-8 {
float:right; background-image: url(//www.time4design.com/images/banner-robo-8.png); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
.ie7 .t4d-robo-8 {display:none;}
.t4d-robo-9 {
float:right; background-image: url(//www.time4design.com/images/banner-robo-9.png); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
.ie7 .t4d-robo-9 {display:none;}
.t4d-robo-10 {
float:right; background-image: url(//www.time4design.com/images/banner-robo-10.png); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
.ie7 .t4d-robo-10 {display:none;}
.t4d-robo-11 {
float:right; background-image: url(//www.time4design.com/images/banner-robo-11.png); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
.ie7 .t4d-robo-11 {display:none;}
.t4d-robo-12 {
float:right; background-image: url(//www.time4design.com/images/banner-robo-12.png); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
.ie7 .t4d-robo-12 {display:none;}
.t4d-robo-13 {
float:right; background-image: url(//www.time4design.com/images/banner-robo-13.png); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
.ie7 .t4d-robo-13 {display:none;}
.t4d-robo-14 {
float:right; background-image: url(//www.time4design.com/images/banner-robo-14.png); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
.ie7 .t4d-robo-14 {display:none;}
.t4d-robo-15 {
float:right; background-image: url(//www.time4design.com/images/banner-robo-15.png); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
.ie7 .t4d-robo-15 {display:none;}
.t4d-robo-16 {
float:right; background-image: url(//www.time4design.com/images/banner-robo-16.png); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
.ie7 .t4d-robo-16 {display:none;}
.t4d-robo-17 {
float:right; background-image: url(//www.time4design.com/images/banner-robo-17.png); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
.ie7 .t4d-robo-17 {display:none;}
.t4d-robo-18 {
float:right; background-image: url(//www.time4design.com/images/banner-robo-18.png); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
.ie7 .t4d-robo-18 {display:none;}
.t4d-robo-19 {
float:right; background-image: url(//www.time4design.com/images/banner-robo-19.png); background-repeat:no-repeat; background-attachment: scroll;background-size: auto auto;padding:0 10% 0px 0;width:164px;height:115px;}
.ie7 .t4d-robo-19 {display:none;}
.page-header {
border-bottom: 0px solid #efefef;
margin: -20px 0 0px;
}
.ie7 .page-header { margin-top: 0; }
.slogan, .page-title, .page-description, .page-subdescription, .project-title {
font-weight: 300;
letter-spacing: -0.1px;
margin-bottom: 0;
}
.page-title, .page-description, .page-subdescription, .project-title {
font-size:41px;
margin-top: -10px;
padding: 0 0 5px;
}
.slogan {
font-size: 24px;
margin-bottom: 40px;
}
.page-title { margin-top: 35px; }
.page-subdescription { font-size: 20px; }
.project-title {
margin-top: -15px;
padding-bottom: 30px;
}
.page-description {
font-size: 36px;
font-weight: 400;
padding: 0 0 20px;
}
.page-description-work {
font-size: 30px;
font-weight: 400;
margin: 0 auto 0 auto;
padding: 0 0 30px 0;
text-align:center;
width:100%;
}
.page-title ~ hr, .page-description ~ hr, .page-subdescription ~ hr, .project-title ~ hr {
margin-bottom: 40px;
margin-top: 0;
}
.section-title {
font-weight: 800;
text-transform: uppercase;
}  #main {
float: left;
margin: 0 40px 0 0;
width: 680px;
}
.sidebar-left #main {
float: right;
margin-left: 40px;
margin-right: 0;
}  #main .whole { width: 100%; }
#main .one-half { width: 330px;}
#main .one-third { width: 213px; }
#main .two-third { width: 447px; }
#main .one-fourth { width: 155px; }
#main .three-fourth { width: 505px; }  .image-gallery-slider {
position: relative;
margin: 0 0 25px;
}
.image-gallery-slider > ul { margin: 0; }
.image-gallery-slider > ul > li {
background: #fff;
display: none;
list-style: none;
margin: 0;
}
.no-js .image-gallery-slider > ul > li, .image-gallery-slider.disabled > ul > li {
display: block;
margin-bottom: 25px;
}
.image-gallery-slider > ul > li:first-child { display: block; }
.image-gallery-slider a { margin: 0 auto; }
.image-gallery-slider img, .image-gallery-slider img.entry-image {
display: block;
margin: 0 auto;
max-width: 100%;
}
.image-gallery-slider-nav {}
.image-gallery-slider-nav a {
background: rgb(241, 90, 35) url(//www.time4design.com/img/slider-arrows-medium.png) no-repeat 0 0; filter: alpha(opacity=60); background: #005f92 url(//www.time4design.com/img/slider-arrows-medium.png) no-repeat 0 0;
color: transparent;
cursor: pointer;
display: block;
font: 0/0 a;
height: 35px;
margin: -26.5px 0 0;
position: absolute;
text-shadow: none;
top: 50%;
width: 25px;
z-index: 90;
}
.image-gallery-slider-nav a.prev {
background-position: -7px center;
left: 0;
}
.image-gallery-slider-nav a.next {
background-position: -46px center;
right: 0;
}
.image-gallery-slider-nav a:hover, .image-gallery-slider-nav a:active {
background-color: rgb(241, 90, 35);
background-color: rgba(241, 90, 35, 1);
filter: alpha(opacity=100); }
.image-gallery-slider-nav2 {color: transparent;
cursor: pointer;
display: block;
font: 0/0 a;
height: 35px;
margin: -26.5px 0 0;
position: absolute;
text-shadow: none;
top: 50%;
width: 25px;
z-index: 90;}    .acc-trigger {
border-top: 1px dotted #ced8df;
cursor: pointer;
display: block;
margin: 0;
}
.acc-trigger:last-of-type, .acc-container:last-of-type {
border-bottom: 1px dotted #ced8df;
margin-bottom: 20px;
}
.no-js .acc-trigger:last-of-type { border-bottom: none; }
.acc-trigger a {
background: url(//www.time4design.com/img/accordion-content-buttons.png) no-repeat 20px 23px;
display: block;
color: #959393;
outline: medium none;
padding: 25px 20px 25px 55px;
text-decoration: none;
text-shadow: none;
}
h3.acc-trigger a, h4.acc-trigger a { background-position: 20px 24px; }
h6.acc-trigger a { background-position: 20px 21px; }
.acc-trigger a:hover { background-color: #f8f8f8; }
.acc-trigger a:hover, .acc-trigger.active a, .acc-trigger.active a:hover { color: #f15a23; }
.acc-trigger.active a:hover { background-color: transparent; }
.acc-trigger.active { cursor: default; }
.acc-trigger.active:last-of-type {
border-bottom: none;
margin-bottom: 0;
}
.acc-trigger.active a {
background-position: 20px -88px;
cursor: default;
}
h3.acc-trigger.active a, h4.acc-trigger.active a { background-position: 20px -87px; }
h6.acc-trigger.active a { background-position: 20px -90px; }
.acc-container .content { padding: 0 20px 25px 55px; }
.js .acc-container { margin-top: -15px; }  .tabs-nav {
list-style: none;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.tabs-nav li {
float: left;
line-height: 32px;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
}
.tabs-nav li.active { line-height: 31px; }
.tabs-nav li a {
background: #f8f8f8;
border: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
border-left: none;
color: #959393;
display: block;
letter-spacing: 0;
outline: none;
padding: 0 16px;
text-decoration: none;
text-shadow: 0 1px 0 #fff;
}
.tabs-nav li:first-child a { border-left: 1px solid #eaeaea; }
.tabs-nav li a:hover { background: #f0f0f0; }
.tabs-nav li a:hover, .tabs-nav li.active a { color: #f15a23; }
.tabs-nav li.active a  {
background: #fff;
border-bottom: 2px solid #fff;
border-top: 1px solid #f15a23;
}
.tabs-container {
border: 1px solid #eaeaea;
margin: -1px 0 20px;
overflow: hidden;
width: 100%;
}
.tab-content { padding: 20px; }       .no-js .projects-carousel, .no-js .post-carousel {
margin: 0px -20px 10px 0;
padding: 0;
}
.projects-carousel > li, .post-carousel > li, #portfolio-items > article {
float: left;
list-style: none;
margin: 0 10px 0 0;
overflow: hidden;
position: relative;
}
.projects-carousel > li, .post-carousel > li { width: 220px; }
.projects-carousel, #portfolio-items { font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }
.no-js .post-carousel > li {
display: inline-block;
float: none;
}
.no-js .projects-carousel > li, .no-js #portfolio-items > article { margin-bottom: 10px; }
.projects-carousel a, #portfolio-items article a {display: block;text-align: center;}
.projects-carousel a { padding: 10px 0 0; }
#portfolio-items article a, #portfolio-items article .audio-player, #portfolio-items article .video-player { margin: 0 auto; }
.projects-carousel img, #portfolio-items article img {
background-color:none;
margin: 0 auto -5px;
filter: alpha(opacity=90); opacity: 0.9;
}
.no-js .projects-carousel img, .no-js #portfolio-items article img { margin-bottom: 0; }
.projects-carousel img { margin:0; }
.projects-carousel .title, #portfolio-items > article .title {
font-weight: 400;
margin-bottom: 0;
text-align:center;
}
.projects-carousel > li .categories, #portfolio-items > article .categories {
color: #031a29;
display: block;
font-style:normal;
margin: -1px 0 10px;
text-align:center;
}
.projects-carousel a:hover, #portfolio-items > article:hover {
background:none;
border-bottom: 0px solid #d1e8f8;
}
.not-ie .projects-carousel a:hover:after, .not-ie #portfolio-items > article:hover:after {
background: #f15a23;
content: '';
left: 50%;
display: block;
position: absolute;
}
.projects-carousel a:hover img, #portfolio-items > article:hover img {
background: rgb(241, 89, 42);
background: rgba(241, 89, 42, 0.8);
color: transparent;
filter: alpha(opacity=100); opacity: 1.0;
}
.projects-carousel a:hover .title, #portfolio-items > article:hover .title { color: #f15a23; }  .post-carousel .entry-meta {
float: left;
font-style: italic;
letter-spacing: -0.5px;
line-height: 1.3;
margin: 0 12px 0 0;
text-align: center;
width: 33px;
}
.post-carousel .entry-meta a {
display: block;
font-style: normal;
}
.post-carousel li .post-format { margin: 0; }
.post-carousel li .date {
display: block;
margin: 8px 0 0;
}
.post-carousel .entry-body .title {
font-size: 14px;
font-weight: 400;
margin: 0 0 10px 0;
}
.post-carousel .entry-body {
float: right;
margin: 0;
width: 175px;
}
.post-carousel .entry-image, .post-carousel .entry-video, .post-carousel .entry-audio, .post-carousel .fluid-width-video-wrapper {
margin-bottom: 15px;
max-width: 100%;
width: 100%;
}
.post-carousel .entry-video, .post-carousel .entry-audio, .post-carousel .fluid-width-video-wrapper { margin-bottom: 15px; }
.touch-device .post-carousel .entry-audio { margin-top: -8px; } .post-carousel .image-gallery-slider { margin-bottom: 15px; }
.post-carousel .image-gallery-slider li { margin: 0; }
.post-carousel .image-gallery-slider img { margin-bottom: 0; }  .jcarousel-container {
border-top: 0px solid #efefef;
margin: -10px 0px 0px 0;
max-width: 100%;
padding: 30px 0 0;
}
.section-title + .jcarousel-container { margin-top: 15px; } 
.jcarousel-clip {
overflow: hidden;
width: 100%;
}
.jcarousel-item {
margin: 0 20px 0 0;
width: 220px;
}
.jcarousel-next, .jcarousel-prev {
background: #4f5153 url(//www.time4design.com/images/button-arrows.png) no-repeat 0 0;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px;
cursor: pointer;
height: 38px;
position: absolute;
right: 0;
top: -35px;
width: 38px;
}
.jcarousel-prev {
background-position: 0 -38px;
right: 40px;
}
.jcarousel-next:hover, .jcarousel-next:focus, .jcarousel-next:active,
.jcarousel-prev:hover, .jcarousel-prev:focus, .jcarousel-prev:active {
background-color: #d1e8f8;
}
.jcarousel-next-disabled, .jcarousel-next-disabled:hover,
.jcarousel-next-disabled:focus, .jcarousel-next-disabled:active,
.jcarousel-prev-disabled, .jcarousel-prev-disabled:hover,
.jcarousel-prev-disabled:focus, .jcarousel-prev-disabled:active {
background-color: #d7d8da !important;
cursor: auto !important;
}  .team-member {
border-bottom: 1px solid #efefef;
color: #777;
margin-bottom: 50px;
overflow: hidden;
position: relative;
text-align: center;
-webkit-transition: background-color .2s ease, border .2s ease;
-moz-transition: background-color .2s ease, border .2s ease;
-ms-transition: background-color .2s ease, border .2s ease;
-o-transition: background-color .2s ease, border .2s ease;
transition: background-color .2s ease, border .2s ease;
}
.team-member:hover {
background: #f8f8f8;
border-bottom-color: #f15a23;
}
.not-ie .team-member:hover:after {
background: #f15a23;
bottom: -2.5px;
content: '';
left: 50%;
display: block;
height: 5px;
margin: 0 0 0 -2.5px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
width: 5px;
}
.team-member .photo, .team-member > a {
display: block;
margin: 0 auto 15px;
}
.team-member > a > .photo { margin: 0 auto; }
.team-member .content { padding: 0 15px; }
.team-member .name {
color: #414141;
font-weight: 700;
margin: 0;
text-transform: uppercase;
}
.team-member .job-title {
color: #aeaeae;
display: block;
font-style: italic;
margin: 0 0 10px;
}
.team-member .social-links {
border-top: 1px solid #efefef;
margin: 0 0 5px;
padding: 15px 0 0;
}
.team-member:hover .social-links { border-top-color: #ebebeb; }
.team-member .social-links li { margin: 0 0 10px 10px; }
.team-member .social-links a { opacity: 0.3; }
.team-member .social-links a:hover { opacity: 1; }  .journal-cat { font-size: 14px;text-transform: uppercase;font-weight: 300;text-align:center; }
.journal-cat-large { font-size: 18px;text-transform: uppercase;font-weight: 700;text-align:center;padding:10px 0 0 0;border: 0px solid #d1e8f8; }
h1.journal { font-size: 18px; font-weight: 600;text-align:center;border-bottom: 0px solid #d1e8f8;}
.journal-large { font-size: 40px; font-weight: 300;text-align:center;}
.journal-featured { font-size: 20px; font-weight: 300;text-align:center;}
.journal-article {float:right;width:485px;border: 0px solid #d1e8f8; }
.journal-article  .title {font-size: 45px;font-weight: 300;margin-top: 10px;}
.blog-bg
{
margin: 0 auto 0px auto;
padding: 0;
}
.journal-align
{
margin: 0 auto 0 auto;
padding: 5px 0px 0 0px;
float:none;
}
.journal-layout {float:right;width:280px;border: 0px solid #d1e8f8; }
.journal-layout .widget { margin: 0 0 50px; }
.journal-layout .widget-title {
color: #414141;
font-weight: 600;
font-size:18px;
margin: 0 0 12px;
color:#033248;
}
.journal-align img
{
min-width:100%;
}
.blogdate
{
position: absolute;
top: 30px;
left: -20px;
width: 151px;
height: 51px;
padding-top: 11px;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 20pt;
text-align: left;
color: #ffffff;
clear:both;
}
.blogdate
{
background-color: transparent;
background-image: url(//www.time4design.com/img/date.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
}
.blogdate 
{
display: block;
font-size: 13px;
}
div.blog-snippetimage { float:left; padding:0px 10px 20px 0px; display: block; }
.date-grey-small {
background:#CCC;
width:35px;
padding:0 0 10px 0;
margin:0px 0 0 0;
text-align:center;
color:#3d3d3d;
line-height:23px;
font-family:'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
text-transform:uppercase;
}
.date-grey-small .date-day {
color:#3d3d3d;
text-shadow: 2px 2px 0px #cdcaca;
font-family:'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size:15px;
padding:0;margin:0;	
}
.date-grey-small .date-month {
font-size:13px;
font-weight:normal;
line-height:23px;
padding:5px 0 0 0;margin:0;
}
.date-blue-large {
background:#f15a23;
width:115px;
padding:0 0 10px 0;
margin:10px 0 0 0;
text-align:center;
color:#ffffff;
line-height:23px;
font-family:'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
text-transform:uppercase;
border-radius: 50px;
-moz-border-radius: 50px; 
-webkit-border-radius: 50px; 
}
.date-blue .date-day {
color:#3d3d3d;
font-family:'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size:15px;
line-height:23px;
padding:0;margin:0;
}
.date-blue-large .date-day {
color:#3d3d3d;
font-family:'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size:30px;
padding:0;margin:0;
}
.date-blue .date-month {
font-size:11px;
line-height:23px;
font-weight:normal;
padding:3px 0 0 0;margin:0;
}
.date-blue-large .date-month {
font-size:20px;
font-weight:normal;
line-height:23px;
padding:5px 0 0 0;margin:0;
}
.entry {
border-bottom: 1px dotted #ced8df;
margin: 0 0 50px;
padding: 0 0 30px;
}
.entry-journal {
margin: 0 0 20px;
padding: 0 0 20px;
}
.entry.single {
margin-bottom: 45px;
padding-bottom: 25px;
}
.entry-image, .entry-video, .entry-audio {
display: block;
margin: 0 auto 25px;
}
.entry .entry-audio {
margin-bottom: 20px;
padding-top: 5px;
}
.touch-device .entry .entry-audio { margin-top: -12.5px; }
.single-image .entry-image, .image-gallery .entry-image, .iframe .entry-image { margin-bottom: 20px; }
.entry-body {
float: right;
margin: -5px 0 0;
width: 550px;
}
.entry-body .title {
font-size: 35px;
font-weight: 300;
margin-top: 10px;
}
.entry-meta {
color: #878787;
float: left;
font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
margin: 0 20px 0 0;
text-align: right;
width: 110px;
}
.entry-meta ul { margin: 0; }
.entry-meta li {
list-style: none;
margin: 0;
}
.entry-meta .title { font-weight: 700; text-transform:uppercase; }
.entry-meta a {
color: #959393;
display: inline-block;
text-transform:uppercase; 
}
.entry-meta a:hover { color: #f15a23; }
.post-format {
background-color: #ddd;
background-image: url(//www.time4design.com/img/icon-post-formats.png);
background-repeat: no-repeat;
background-position: 0 0;
color: #959393;
cursor: pointer;
display: block;
height: 33px;
margin: 0 0 10px 0;
text-align: left;
text-indent: -9999px;
width: 33px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px;
}
.post-format.gallery, .post-format.image { background-position: -33px 0; }
.post-format.video { background-position: -66px 0; }
.post-format.audio { background-position: -99px 0; }
.post-format.link { background-position: -132px 0; }
.post-format.quote { background-position: -165px 0; }
.post-format.aside { background-position: -199px 0; }
a:hover > .post-format {
background-color: #f15a23;
color: #f15a23;
} .video-js { max-width: 100%; }  .form-allowed-tags{ display:none;
}
#comments {}
#comments-title, #reply-title {
font-size: 12px;
font-weight: 600;
margin-bottom: 15px;
text-transform: uppercase;
}
.commentlist {
border-bottom: 1px dotted #ced8df;
margin: 27px 0 45px;
padding: 0 0 30px;
overflow: hidden;
}
.comment {
border-top: 1px dotted #ced8df;
list-style: none;
margin: 30px 0 0;
padding: 35px 0 0;
}
.comment:first-child {
border-top: none;
margin-top: 0;
padding-top: 0;
}
.comment > article {
margin: 0;
overflow: hidden;
}
.comment .avatar {
background: #fff;
float: left;
margin: 0 0 5px 0;
position: relative;
width: 54px;
z-index: 1;
}
.comment .comment-body, .comment .comment-meta {
float: right;
margin: 0 0 -20px 15px;
width: 871px;
}
#main .comment .comment-body, #main .comment .comment-meta { width: 611px; }
.comment .comment-meta { margin-bottom: 0; }
.comment .author, .comment .author a {
color: #54555a;
margin: 0;
}
.comment .author cite { font-style: normal; }
.comment .author .comment-reply-link { font-size: 11px; }
.comment .date, .comment .date a, .comment .date time {
color: #adb3b8;
font-style: italic;
margin: 1px 0 5px;
}
.comment .author a:hover,
.comment .date a:hover, .comment .date a:hover time { color: #f15a23; }
.commentlist .children {
margin: 0;
padding: 0 0 0 70px;
position: relative;
}
.commentlist .children .comment {
border-top: 1px dotted #ced8df;
margin: 15px 0 0;
padding: 35px 0 0;
position: relative;
}
.comment .children .comment:first-child { margin-top: 0; }
.commentlist .children .depth-2 .comment-body, .commentlist .children .depth-2 .comment-meta { width: 801px; }
.commentlist .children .depth-3 .comment-body, .commentlist .children .depth-3 .comment-meta { width: 731px; }
.commentlist .children .depth-4 .comment-body, .commentlist .children .depth-4 .comment-meta { width: 661px; }
.commentlist .children .depth-5 .comment-body, .commentlist .children .depth-5 .comment-meta { width: 591px; }
#main .commentlist .children .depth-2 .comment-body, #main .commentlist .children .depth-2 .comment-meta { width: 541px; }
#main .commentlist .children .depth-3 .comment-body, #main .commentlist .children .depth-3 .comment-meta { width: 471px; }
#main .commentlist .children .depth-4 .comment-body, #main .commentlist .children .depth-4 .comment-meta { width: 401px; }
#main .commentlist .children .depth-5 .comment-body, #main .commentlist .children .depth-5 .comment-meta { width: 331px; }  #respond { }
.commentlist #respond { margin: 10px 0 35px; }
.commentlist #respond .form-allowed-tags { display: none; }
#reply-title small {
font-size: 11px;
text-transform: none;
}
#commentform { margin: 20px -20px 0 0; }
#commentform input { width: 278px; }
#main #commentform input { width: 191px; }
.commentlist .children .depth-2 #commentform input { width: 254px; }
.commentlist .children .depth-3 #commentform input { width: 231px; }
.commentlist .children .depth-4 #commentform input { width: 208px; }
#main .commentlist .children .depth-2 #commentform input { width: 168px; }
#main .commentlist .children .depth-3 #commentform input { width: 144px; }
#main .commentlist .children .depth-4 #commentform input { width: 121px; }
#commentform textarea {
height: 150px;
width: 918px;
}
#main #commentform textarea { width: 657px; }
.commentlist .children .depth-2 #commentform textarea { width: 846px; }
.commentlist .children .depth-3 #commentform textarea { width: 777px; }
.commentlist .children .depth-4 #commentform textarea { width: 708px; }
#main .commentlist .children .depth-2 #commentform textarea { width: 588px; }
#main .commentlist .children .depth-3 #commentform textarea { width: 516px; }
#main .commentlist .children .depth-4 #commentform textarea { width: 447px; }  .pagination { margin: 0; }
.pagination li {
display: inline-block;
list-style: none;
margin: 0 5px 0 0;
}
.ie7 .pagination li, .ie7 .pagination a { display: inline; }
.pagination li:last-child { margin-right: 0; }
.pagination .current {
background: #e6edef;
color: #707070;
}
.pagination a, .pagination .current {
border: 1px solid transparent;
color: #9c9c9c;
display: inline-block;
padding: 2px 8px 4px;
}
.pagination a:hover {
border-color: #e6edef;
color: #f15a23;
}
.pagination .next a, .pagination .prev a { border: none; }  .portfolio-items-filter-holder {
padding:10px 0px 10px 0px;
width:100%;
background-color:#949494;
border: 0px solid #d1d1d1;	-webkit-transition: all 0.9s;
-webkit-transition-duration: 0.9s;
-moz-transition-duration: 0.9s;
-ms-transition-duration: 0.9s;
-o-transition-duration: 0.9s;
transition-duration: 0.9s;
}
.portfolio-items-filter-holder:hover {
padding:10px 0px 10px 0px;
width:100%;
background-color:#75a8c4;
border: 0px solid #d1d1d1;	-webkit-transition: all 0.9s;
-webkit-transition-duration: 0.9s;
-moz-transition-duration: 0.9s;
-ms-transition-duration: 0.9s;
-o-transition-duration: 0.9s;
transition-duration: 0.9s;
}
.portfolio-items-filter-holder2 {
width:50%;
margin: 0 auto 0 auto;
border: 0px solid #d1d1d1;
}
#portfolio-items-filter, #portfolio-items-filter2 {
margin: 0 auto 0 auto;
overflow: hidden;
border: 0px solid #d1d1d1;
}
.no-js #portfolio-items-filter, .no-js #portfolio-items-filter2 { display: none; }
#portfolio-items-filter li, #portfolio-items-filter2 li {
display: block;
float: none;
text-align:center;
list-style: none;
margin: 0;
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
}
#portfolio-items-filter li:first-child, #portfolio-items-filter2 li:first-child {
margin-top: 4px;
-webkit-opacity: 1.00;
-moz-opacity: 1.00;
opacity: 1.00;
}
#portfolio-items-filter li:nth-child(2), #portfolio-items-filter2 li:nth-child(2) {
-webkit-opacity: 1.00;
-moz-opacity: 1.00;
opacity: 1.00;
}
#portfolio-items-filter li:hover, #portfolio-items-filter2 li:hover {
-webkit-opacity: 1.00;
-moz-opacity: 1.00;
opacity: 1.00;
}
.ie7 #portfolio-items-filter li:first-child, .ie7 #portfolio-items-filter2 li:first-child { display: none !important; }
#portfolio-items-filter a, #portfolio-items-filter2 a {
background: #f15a23;
color: #fff;
cursor: pointer;
display: block;
text-align:center;
margin: 0 0 1px 5px;
padding: 4px 15px;
border-radius: 10px  ;
-moz-border-radius: 10px;
-webkit-border-radius: 10px ;
-o-border-radius: 10px;
}
.ie7 #portfolio-items-filter a, .ie7 #portfolio-items-filter2 a {
display: block !important;
margin: 0 0 10px 0px !important;
padding: 0px 10px !important;
width: auto !important;
}
#portfolio-items-filter a:hover, #portfolio-items-filter2 a:hover { background: #d1e8f8;color: #f15a23; }
#portfolio-items { margin: 0 -20px 40px 0; }
#portfolio-items article { margin-bottom: 20px; }
#portfolio-items .project-meta {
display: block;
margin: 0;
padding: 10px 0 0;
text-align:left;
} .isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope, .isotope .isotope-item {
-webkit-transition-duration: 0.9s;
-moz-transition-duration: 0.9s;
-ms-transition-duration: 0.9s;
-o-transition-duration: 0.9s;
transition-duration: 0.9s;
z-index: 2;
}
.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:		 top, left, opacity;
-o-transition-property:		 top, left, opacity;
transition-property:		 transform, opacity;
}  .project-title {
color: #3a3a3a;
font-size: 32px;
font-weight: 400;
}
.portfolio-pagination {
float: right;
margin: -58px 0 0;
}
.portfolio-pagination li {
display: inline-block;
list-style: none;
line-height: 25px;
margin: 0;
}
.ie7 .portfolio-pagination li { display: inline; }
.portfolio-pagination .prev {
border-right: 1px solid #e8e8e8;
margin: 0 10px 0 0;
padding: 0 10px 0 0;
}
.single-project .page-header .button {
color: #a1a1a1;
font-style: italic;
margin-top: -5px;
}
.single-project .page-header a:hover { color: #f15a23; }
.single-project .image-gallery-slider > ul, .no-js .single-project .image-gallery-slider > ul > li { border: 1px solid #e8e8e8;
}
.no-js .single-project .image-gallery-slider > ul {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}  #map {
border-bottom: 1px solid #c5c3c0;
border-top: 1px solid #c5c3c0;
height: 440px;
margin: -41px 0 40px;
position: relative;
width: 100%;
}
#map:before, #map:after {
background: none;
-webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
content: '';
left: 0;
position: absolute;
top: 0;
width: 100%;
}
#map:after {
bottom: 0;
top: auto;
}
.contact-form-t4d, .comments-form { max-width: 100%; }
.contact-form-t4d { margin: 0 -20px 0 0; }
.contact-form-t4d .input-block, .comments-form .input-block {
float: left;
margin: 0 20px 10px 0px;
}
.contact-form-t4d .input-block2 {
float: left;
margin: 0 20px 10px 0px;
}
.contact-form-t4d .input-block:nth-of-type(3n), .comments-form .input-block:nth-of-type(3n) { margin-right: 20px; } .contact-form-t4d input { width: 198px; }
.contact-form-t4d select { width: 100%; max-width: 100%;	margin: 0 20px 10px 0px; }
.contact-form-t4d .textarea-block, .comments-form .textarea-block { clear: both; }
.contact-form-t4d textarea {
height: 150px;
max-width: 95%;
width: 678px;
border:0px solid #afcbde;
}
.contact-form-t4d input[type="submit"], .comments-form input[type="submit"],
.contact-form-t4d input[type="reset"], .comments-form input[type="reset"] {
margin: 0 0 20px;
width: auto;
}  #sidebar {
float: right;
width: 220px;
}
.sidebar-left #sidebar { float: left; }  #sidebar .widget { margin: 0 0 50px; }
#sidebar .widget-title {
color: #414141;
font-weight: 600;
font-size:18px;
margin: 0 0 12px;
color:#033248;
}  .categories { }
.categories li {
background: url(//www.time4design.com/img/arrow-right-grey.png) no-repeat 0 11px;
border-bottom: 1px dotted #ced8df;
list-style: none;
margin: 0;
}
.categories li:last-child { border-bottom: none; }
.categories a {
color: #868686;
display: block;
padding: 5px 0 5px 15px;
}
.categories a:hover { color: #f15a23;
background: #d1e8f8 url(//www.time4design.com/img/arrow-right-grey.png) no-repeat 30px 11px;
padding: 5px 0 5px 45px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;}  #sidebar .acc-trigger a {
background-position: 0 8px;
font-size: 11px;
font-weight: 400;
padding: 12px 12px 12px 30px;
}
#sidebar .acc-trigger:first-of-type { border-top: none; }
#sidebar .acc-trigger:last-of-type { border-bottom: none; }
#sidebar .acc-trigger.active a {
background-position: 0 -103px;
cursor: default;
}
#sidebar .acc-container { margin: -5px 0 0; }
#sidebar .acc-container:first-of-type { border-top: none; }
#sidebar .acc-container:last-of-type { border-bottom: none; }
#sidebar .acc-container .content { padding: 0 12px 12px 30px; }  .tweets-feed { margin: 0; }
.tweets-feed li {
background: url(//www.time4design.com/img/icon-tweets.png) no-repeat 0 3px;
display: block;
list-style: none;
margin: 0 0 15px;
padding: 0 0 0 30px;
}
#sidebar .tweets-feed li a, #footer .tweets-feed li a { color: #f15a23; }
#sidebar .tweets-feed li a:hover, #sidebar .tweets-feed .date a:hover { color: #3a3a3a; }
.tweets-feed .date { display: block; }
#sidebar .tweets-feed li .date a, #footer .tweets-feed li .date a {
color: #bbb;
font-size: 10px;
font-style: italic;
}
#sidebar .tweets-feed li a:hover { color: #3a3a3a; }
#footer .tweets-feed li a:hover { color: #fff; }  .flickr-feed { margin: 15px -5px 0 0; }
.flickr-feed li {
display: inline-block;
list-style: none;
margin: 0 2px 1px 0;
}
.ie7 .flickr-feed li {
display: inline;
margin: 0 5px 5px 0;
}
.flickr-feed a {}
.flickr-feed li img {
margin: 0;
height: 70px;
width: 70px;
}  #footer {
background: #031a29;
color: #ffffff;
margin-top: 0px;
padding: 65px 0 60px;
position: relative;
}
#footer, #footer a,
#footer-bottom, #footer-bottom a { color: #ffffff; }
#footer a:hover,
#footer-bottom a:hover { color: #f15a23; }
#footer .title {
border-bottom: 1px solid #2576a2;
border-top: 0px solid #2576a2;
display: block;
font-size: 15px;
text-transform:uppercase;
margin: 0px 0 12px;
padding: 6px 0 6px;
}  #footer-nav {
border-bottom: 0px solid #d1e8f8;
margin: 0 0 7px;
padding: 0 0 7px;
}
#footer-nav ul { margin: 0; }
#footer-nav li {
background: none;
border: none;
display: inline-block;
list-style: none;
margin: 0 -3px 0 0;
}
.ie7 #footer-nav li { display: inline; }
#footer-nav li a {
border-left: 0px solid #d1e8f8;
font-size: 15px;
display: block;
padding: 0 7px;
}
#footer-nav li:first-child a {
border-left: none;
padding-left: 0;
}
#footer-nav li:last-child a { padding-right: 0; }  #footer .contact-info {}
.contact-info { margin: 0; font-size:13px;}
.contact-info li {
float: left;
list-style: none;
margin: 0 0 5px 24px;
padding: 0 0 0 24px;
}
.contact-info li:first-child { margin-left: 0; }
.contact-info .address { background: url(//www.time4design.com/img/icon-address.png) no-repeat 0 0; }
.contact-info .coffee { background: url(//www.time4design.com/img/icon-coffee.png) no-repeat 0px 0;margin:0; padding:0 0 0 24px; }
.ie7 .contact-info .coffee {background: url(//www.time4design.com/img/icon-coffee.png) no-repeat 0px 0;margin:0; padding:0 150px 0 24px; } .contact-info .phone { background: url(//www.time4design.com/img/icon-phone.png) no-repeat 0 1px; }
.contact-info .email { background: url(//www.time4design.com/img/icon-email-2.png) no-repeat 0 4px; }
.contact-info .final { margin:0; padding:0;}
.lbccc { background: url(//www.time4design.com/img/mem-lbccc.png) no-repeat 0 0px; }
.mych { background: url(//www.time4design.com/img/mem-mych.png) no-repeat 0 0px; }
.mbucks { background: url(//www.time4design.com/img/mem-mbucks.png) no-repeat 0 0px; }
.bike { background: url(//www.time4design.com/img/mem-bike.png) no-repeat 0 0px; }
.bh { background: url(//www.time4design.com/img/mem-bh.png) no-repeat 0 0px; }
#footer .subscription-info {}
.subscription-info { margin: 0; }
.subscription-info li {
float: left;
list-style: none;
margin: 0 0 5px 0px;
padding: 20px 20px 30px 0px;
}
.subscription-info h5 {padding: 10px 0px 0 0px;}  .social-links { margin: 0; 	border-bottom: 1px solid #2576a2; color:#ffffff;}
.social-links li {
display: inline-block;
list-style: none;
margin: 0 0 10px 15px;
text-indent: -9999px;
}
.ie7 .social-links li {
display: inline;
font-size: 0;
text-indent: 0;
}
.social-links li:nth-child(6n+1) { margin-left: 0; }
.social-links li:nth-child(6n) { margin-right: 15px; }
.social-links li:last-child { margin-right: 0; }
.social-links a {
background-repeat: no-repeat;
background-position: 0 -16px;
display: block;
height: 15px;
width: 20px;
}
.social-links li.email a { background-image: url(//www.time4design.com/img/icon-email.png); }
.social-links li.facebook a { background-image: url(//www.time4design.com/img/icon-facebook.png);
}
.social-links li.google a { background-image: url(//www.time4design.com/img/icon-google.png); }
.social-links li.insta a { background-image: url(//www.time4design.com/img/icon-insta.png); }
.social-links li.googleplus a { background-image: url(//www.time4design.com/img/icon-googleplus.png); }
.social-links li.linkedin a { background-image: url(//www.time4design.com/img/icon-linkedin.png); }
.social-links li.rss a { background-image: url(//www.time4design.com/img/icon-rss.png); }
.social-links li.t4d-socialbuzz a { background-image: url(//www.time4design.com/img/icon-t4d-social-buzz.png); background-position: 0 -15px;
height: 15px;}
.social-links li.tumblr a {
background-image: url(//www.time4design.com/img/icon-tumblr.png);
background-position: 0 -15px;
height: 15px;
}
.social-links li.twitter a {
background-image: url(//www.time4design.com/img/icon-twitter.png);
background-position: 0 -15px;
height: 15px;
width: 21px;
}
.social-links li a:hover { background-position: 0 0; }
.social-links { margin: 0; 	border-bottom: 1px solid #2576a2;}
.ass-links li {
display: inline-block;
list-style: none;
margin: 0px 5px 0px 0px;
text-indent: -9999px;
}
.ie7 .ass-links li {
display: inline;
font-size: 0;
text-indent: 0;
}
.ass-links a {
background-repeat: no-repeat;
background-position: 0 0px;
display: block;
height: 50px;
width: 50px;
}
.ass-links li.lbccc a { background-image: url(//www.time4design.com/img/mem-lbccc.png); }
ul.fa2-ul {padding: 10px 0 0px 0;margin: 0px 0 0 0;clear:both; text-align:center;}
ul.fa2-ul li { margin: 0px 0 10px 0px; cursor: default;background-position: 0 0px; display: inline; list-style-type: none; padding: 5px;color:#abd67f;}
ul.fa2-ul li a {color:#999999;font-size:40px;font-family: 'Open Sans', sans-serif;}
ul.fa2-ul li :hover {color:#ec894d; background:#ec894d-webkit-transition: background 1s;
-moz-transition: background 1s;
-ms-transition: background 1s;
-o-transition: background 1s;
transition: background 1s;}
ul.fa2-ul li ul {margin: 10px 0 0px 0px; padding: 0px 0px 0px 0px;}
ul.fa2-ul li ul li {margin: 0px 0 0px 0px;padding: 0px 0px 0px 0px;cursor: default;}  #footer .button:hover, #footer input[type="submit"]:hover #footer input[type="reset"]:hover, #footer button:hover {
background: #ddd;
color: #3a3a3a;
}
#footer .button.no-bg { color: #ddd; }
#footer .button .arrow { background-color: #3a3a3a; }
#footer blockquote { background-color: #464646;}
#footer blockquote.simple {
background: none;
border-left-color: #484848;
color: #868686;
}
#footer .infobox {
background: #464646;
border-color: #363636;
}
#footer .infobox, #footer .infobox * { color: #868686; }  #footer-bottom {
background: #01101a;
line-height: 17px;
padding: 12px 0;
}
#footer-bottom ul { margin: 0; }
#footer-bottom li {
float: left;
list-style: none;
margin: 0;
font-size: 11px;
}
#footer-bottom li:first-child { margin-right: 15px; }
#footer-bottom li a {
border-left: 1px solid #484848;
display: block;
padding: 0 15px;
}
#footer-bottom li:first-child a {
border-left: none;
padding-left: 0;
}
#footer-bottom li:last-child a { padding-right: 0; }   @media only screen and (min-width: 1280px) { .section19 {height:160px;}
.circleit{ border: 20px solid #f15a23;border-radius: 50%;display: inline-block;background-color:#d14400; margin:0 auto 0 auto;text-align:center;width:220px;height:220px;display: table-cell;text-align: center;vertical-align: middle;color:#ffffff;}
.circleit:hover {background-color:#f15a23;border: 20px solid #d14400;}
.circleit img {border-radius: 50%; display: block;}
.circleit p {font-size: 15px;text-transform: uppercase; line-height:10px;padding:0;margin:0;}
.circleit span {font-size: 55px; }
.card {width: 400px;height:254px;border: 0px solid #000000;}
section.module.parallax {background-attachment:fixed;}
section.module.parallax {
height: 700px;
background-position: center center;
background-repeat: no-repeat; -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-bottom: 0px solid #f05b21;
}
.top_container { width:1280px; margin:0 auto;}
#t4dstick_nav { height:88px; background:#fffffff;  border-top: 0px solid #d1e8f8;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
position: fixed;
top:0;
left:0;}
#t4dstick_nav_wrapper { height:88px; }
blockquote {
background: #f8f8f8 url(//www.time4design.com/img/t4d-quotes.png) no-repeat 15px 10px;
font:'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size:20px;
padding: 20px 20px 20px 200px;
}
#phone-us{
display:none;
}
.container { width: 1240px; border: 0px solid #000000; }
.container-work { width: 90%; border: 0px solid #000000;}
#titles-all h1 {width:1240px; margin: 20px auto;}
#sidebar {
float: right;
width: 520px;
}
#main .image-gallery-slider{
float: left;
margin: 0 40px 0px 0;
width: 680px;
padding:0 0 40px 0;
border: 0px dotted #4b4b4b;
}
.journal-align
{
margin: 0 auto 0 auto;
padding: 5px 10px 0 20px;
float:right;
}
.journal-layout {float:right;width:360px;border: 0px solid #d1e8f8; }
.journal-article {float:right;width:690px;border: 0px solid #d1e8f8; }  .content-full {  width:1240px; border: 0px solid #000000;}
.whole { width: 100%; }
.1-fourth {width: 24%;  border: 2px solid #000000;float: left;}
.content-50  {width: 46.5%;  border: 0px solid #000000;}
.one-half { width: 605px;border: 0px solid #000000; }
.one-third { width: 400px;border: 0px solid #000000;border: 0px solid #000000; }
.one-third-journal:nth-child(2n+2) { width: 400px;border: 0px solid #000000;border: 0px solid #000000;clear:both; } .jheight {height:340px;}
.newsletter .one-half { width: 615px; border: 0px solid #000000;border: 0px solid #000000;}
.two-third { width: 820px;border: 0px solid #000000; }
.one-fourth { width: 400px;border: 0px solid #000000; }
.three-fourth { width: 800px; border: 0px solid #000000;}
#main-nav a { padding: 32px 30px 20px; }
.one-third-feature{ width: 230px;float: left; border: 0px solid #000000;margin:0 18px 0 0}  
.one-third-feature:nth-child(6n+6) { width: 230px;float: left; border: 0px solid #000000;margin:0 0px 0 0} #main-nav ul ul {
background: #ffffff;
display: none;
left: 0;
padding: 0;
top: 75px;
width: 500px;
}
#main-nav ul ul li { float: left; margin: 0px 0 0 0;width: 250px;display:inline-block;}
#main-nav ul ul a {font-size: 13px; font-weight: 400;}  .post-carousel > li { width: 230px; }
.projects-carousel > li { width: 300px; }  #portfolio-items-filter, #portfolio-items-filter2 {
float: none;
width:100%;
margin: 0px 0 20px 0;
overflow: hidden;
text-align:center;
} #portfolio-items .one-fourth { width: 231px; }  .newsletter .one-half input, select {
height: 30px;
width: 198px;
}
.newsletter input[type="submit"]{
background: #f15a23;
border: none;
color: #fff;
cursor: pointer;	
font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-weight: 400;
height: auto;
overflow: visible;
padding: 7px 20px;
-webkit-transition: background-color .2s ease;
-moz-transition: background-color .2s ease;
-ms-transition: background-color .2s ease;
-o-transition: background-color .2s ease;
transition: background-color .2s ease;
width: auto;
}  .contact-form-t4d input { width: 220px; }
.contact-form-t4d select { width: 250px; max-width: 100%; margin: 0 0px 10px 0px;  }
.contact-form-t4d textarea {height: 150px; max-width: 100%; width: 760px; border:0px solid #afcbde;}
.contact-form-t4d .input-block2 { float: left; margin: 0 20px 10px 0px; border:0px solid #afcbde;}
} @media only screen  and (min-width : 1824px) {   .container {  width:1640px; border: 0px solid #000000;}
.content-full {  width:1640px; border: 0px solid #000000;}
.whole { width: 100%; }
#titles-all h1 {width:1640px; margin: 20px auto;}
.1-fourth {width: 24%;  border: 2px solid #000000;float: left;}
.content-50  {width: 46.5%;  border: 0px solid #000000;}
.one-half { width: 800px;border: 0px solid #000000; }
.one-third { width: 520px;padding:10px;border: 0px solid #000000; }
.one-third-journal:nth-child(2n+2) { width: 400px;border: 0px solid #000000;border: 0px solid #000000;clear:both; } .jheight {height:340px;}
.newsletter .one-half { width: 615px; border: 0px solid #000000;}
.two-third { width: 1080px;border: 0px solid #000000; }
.one-fourth { width: 400px;border: 0px solid #000000; }
.three-fourth { width: 1200px; border: 0px solid #000000;}  #main .whole { width: 100%; }	#main .content-full {  width:1640px;}
#main .one-half { width: 800px; }
#main .one-third { width: 530px; border: 0px solid #000000;}
#main .two-third { width: 319px; border: 0px solid #000000;}
#main .one-fourth { width: 400px; }
#main .three-fourth { width: 361px; }
#main-nav a { padding: 32px 30px 20px; }
.one-third-feature{ width: 312px;float: left; border: 0px solid #000000;margin:0 18px 0 0}  
.one-third-feature:nth-child(6n+6) { width: 312px;float: left; border: 0px solid #000000;margin:0 0px 0 0}  
.journal-article {float:right;width:900px;border: 0px solid #d1e8f8; }
}   @media only screen and (min-width: 1010px) { .bitlogo2 {
margin-left: -130px;} #t4dstick_nav { height:95px; background:#ffffff; border-top:0px solid #d1e8f8;
-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;
position: fixed;
top:0;
left:0;}
#t4dstick_nav_wrapper { height:88px; }  #content img {
height: auto;
max-width: 100%;
border: 0px solid #000000; 
}
#phone-us{display:none;}
.ie7 #main-nav a { padding: 24px 25px; }  .newsletter input, select {
height: 30px;
width: 120px;
}
.newsletter input[type="submit"]{
background: #f15a23;
border: none;
color: #fff;
cursor: pointer;	
font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-weight: 400;
height: auto;
overflow: visible;
padding: 7px 20px;
-webkit-transition: background-color .2s ease;
-moz-transition: background-color .2s ease;
-ms-transition: background-color .2s ease;
-o-transition: background-color .2s ease;
transition: background-color .2s ease;
width: auto;
}  .contact-form-t4d .input-block2 {
float: left;
margin: 0 20px 10px 20px;
}
} @media only screen and (max-width: 959px) { .nav-collapse {display:none;}
.circleit { border: 20px solid #f15a23;border-radius: 50%;display: inline-block;background-color:#d14400; margin:0 auto 0 auto;text-align:center;width:150px;height:150px;display: table-cell;text-align: center;vertical-align: middle;color:#ffffff;}
.circleit:hover {background-color:#f15a23;border: 20px solid #d14400;}
.circleit img {border-radius: 50%; display: block;}
.circleit p {font-size: 15px;text-transform: uppercase; line-height:10px;padding:0;margin:0;}
.circleit span {font-size: 35px; }
section.module.parallax {
background-attachment:scroll !important;
}
.content-full {  width:940px; border: 0px solid #000000;} #t4dstick_nav { height:88px;  border-top: 0px solid #f15a25;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
#t4dstick_nav_wrapper { height:88px; }
#phone-us{
float:left;
text-align:center;
margin:10px auto 0 auto;
font-size:12px;
}
.page-title {
font-size:31px;
margin-top: -10px;
padding: 10px 0 5px;
}
.blogdate {display:none;}	
blockquote {
background: #f8f8f8 url(//www.time4design.com/img/t4d-quotes.png) no-repeat 15px 14px;
font:'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size:15px;
padding: 160px 20px 20px 20px;
}  #logo { max-height: 100%; padding-top:5px; 
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}  #content img {
height: auto;
max-width: 100%;
border: 0px solid #000000; 
}  .portfolio-items-filter-holder {display:none;}
#portfolio-items-filter, #portfolio-items-filter2 {
float: none;
margin: 0px 0 0;
overflow: hidden;
text-align:center; } #portfolio-items h5 { font-size: 16px; }
#portfolio-items-filter li:first-child, #portfolio-items-filter2 li:first-child  { display: none !important; }
#portfolio-items-filter a, #portfolio-items-filter2 a { display: block !important; }  .portfolio-pagination {
float: none;
margin-bottom: 20px;
margin-top: 0;
}
.portfolio-pagination .button { margin-bottom: 0 !important; }
.single-project .page-header .button {
margin-bottom: 20px;
margin-top: 0;
}  .journal-article {float:right;width:100%;border: 0px solid #d1e8f8; }
.journal-align
{
margin: 0 auto 0 auto;
padding: 5px 10px 0 20px;
float:none;
border: 0px solid #000000; 
}    .contact-info li {
border-bottom: 1px dotted #4b4b4b;
float: none;
margin-left: 0;
padding-bottom: 5px;
}
.contact-info li:last-child { border-bottom: none; }  .social-links li:nth-child(6n+1) { margin-left: 15px; }
.social-links li:nth-child(6n) { margin-right: 0; }  .newsletter input, select {
height: 30px;
width: 320px;
margin-bottom:10px;
}
.newsletter input[type="submit"]{
background: #f15a23;
border: none;
color: #fff;
cursor: pointer;	
font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-weight: 400;
height: auto;
overflow: visible;
padding: 7px 20px;
-webkit-transition: background-color .2s ease;
-moz-transition: background-color .2s ease;
-ms-transition: background-color .2s ease;
-o-transition: background-color .2s ease;
transition: background-color .2s ease;
width: auto;
}  .contact-form-t4d .input-block2 {
float: left;
margin: 0 20px 10px 20px;
} .ie7 #main-nav a { padding: 20px 13px; font-weight: 400;}
} @media only screen and (min-width: 768px) and (max-width: 959px) {
.section19 {height:280px;}
.nav-collapse {display:none;}
.circleit { border: 10px solid #f15a23;border-radius: 50%;display: inline-block;background-color:#d14400; margin:0 auto 0 auto;text-align:center;width:150px;height:150px;display: table-cell;text-align: center;vertical-align: middle;color:#ffffff;}
.circleit:hover {background-color:#f15a23;border: 10px solid #d14400;}
.circleit img {border-radius: 50%; display: block;}
.circleit p {font-size: 10px;text-transform: uppercase; line-height:10px;padding:0;margin:0;}
.circleit span {font-size: 35px; }
.card {width: 235px;height:148px;}
section.module.parallax {
background-attachment:scroll !important;
}
.bitlogo2 { margin-top: 300px; margin-left: -90px;}
.journal-article {float:right;width:100%;border: 0px solid #d1e8f8; }
.journal-align
{
margin: 0 auto 0 auto;
padding: 5px 0px 0 0px;
float:none;
border: 0px solid #000000; 
}
.journal-layout {float:right;width:210px;border: 0px solid #d1e8f8; }
.callout-2 .mcall {
float:left; width:96%;
}
.ie7 #main-nav a { border-bottom-color: #efefef; padding: 30px 5px 16px;}
.ie7	#main-nav a:hover, #main-nav .hover > a, #main-nav .current > a {
border-bottom-color: #f15a23;
border-top-color: #f15a23;
color: #f15a23;
}  .container { width: 748px; }
.container-work { width: 748px; }
#titles-all h1 {width:740px; margin: 20px 0 0 20px;}  .content-full {  width:730px; border: 0px solid #000000;}
.whole { width: 100%; }
.one-half { width: 364px; }
.content-50  {width: 94%;  padding:0 20px 0 20px;border: 0px solid #000000;}
.content-50  img {min-width: 100%;  } .one-third { width: 100%; }
.hideme {display:none;}
.one-third-journal:nth-child(2n+2) { width: 236px;clear:both; }  .two-third { width: 100%; }
.one-fourth { width: 172px; }
.three-fourth { width: 556px; }
.one-third-feature{ width: 100%;float: left; border: 0px solid #000000;margin:0 18px 20px 0}  
.one-third-feature:nth-child(6n+6) { width: 100%;float: left; border: 0px solid #000000;margin:0 0px 20px 0}  #main { width: 400px; }
#sidebar {
float: right;
width: 300px;
}  #main .whole { width: 100%; }	#main .content-full {  width:730px;}
#main .one-half { width: 234px; }
#main .one-third { width: 149px; }
#main .two-third { width: 319px; }
#main .one-fourth { width: 107px; }
#main .three-fourth { width: 361px; }  #header { height: 86px; }
#logo { margin-top: 16px; }  #main-nav a { padding: 32px 8px 20px; }
#main-nav a:after {
content: '';
display: none;
}
.no-js #main-nav li:hover > ul, #main-nav ul ul { top: 78px; }    .projects-carousel > li, .post-carousel > li { width: 236px; }  .post-carousel .entry-body { width: 191px; }  .entry .entry-body {
float: none;
margin: 0;
width: 100%;
}
.entry .entry-meta {
border-bottom: 0px solid #efefef;
border-top: 0px solid #efefef;
float: none;
margin: 10px 0;
padding: 4px 0;
text-align: left;
width: 100%;
}
.entry .entry-meta ul { }
.entry .entry-meta li {
padding: 0 0px 10px 0 ;
clear:both;
text-align:center;
margin:0 auto;
}
.entry .entry-meta li:first-child {
border-left: none;
padding-left: 0;
}
.entry .entry-meta li:last-child { padding-right: 0; }
.entry .entry-meta li .title { display: block; }
.entry .entry-meta .post-format {
background: none;
height: auto;
margin: 0;
text-indent: 0;
width: auto;
}
.entry .entry-meta a:hover > .post-format { background: none; }  .comment .comment-body, .comment .comment-meta { width: 679px; }
#main .comment .comment-body, #main .comment .comment-meta { width: 419px; }
.commentlist .children { padding: 0 0 0 55px; }
.commentlist .children .depth-2 .comment-body, .commentlist .children .depth-2 .comment-meta  { width: 624px; }
.commentlist .children .depth-3 .comment-body, .commentlist .children .depth-3 .comment-meta  { width: 569px; }
.commentlist .children .depth-4 .comment-body, .commentlist .children .depth-4 .comment-meta  { width: 514px; }
.commentlist .children .depth-5 .comment-body, .commentlist .children .depth-5 .comment-meta  { width: 459px; }
#main .commentlist .children .depth-2 .comment-body, #main .commentlist .children .depth-2 .comment-meta  { width: 364px; }
#main .commentlist .children .depth-3 .comment-body, #main .commentlist .children .depth-3 .comment-meta  { width: 309px; }
#main .commentlist .children .depth-4 .comment-body, #main .commentlist .children .depth-4 .comment-meta  { width: 254px; }
#main .commentlist .children .depth-5 .comment-body, #main .commentlist .children .depth-5 .comment-meta  { width: 199px; }  #commentform input { width: 214px; }
#main #commentform input { width: 127px; }
.commentlist .children .depth-2 #commentform input { width: 195px; }
.commentlist .children .depth-3 #commentform input { width: 177px; }
.commentlist .children .depth-4 #commentform input { width: 159px; }
#main .commentlist .children .depth-2 #commentform input,
#main .commentlist .children .depth-2 #commentform textarea { width: 411px; }
#main .commentlist .children .depth-3 #commentform input,
#main .commentlist .children .depth-3 #commentform textarea  { width: 356px; }
#main .commentlist .children .depth-4 #commentform input,
#main .commentlist .children .depth-4 #commentform textarea { width: 301px; }
#commentform textarea { width: 726px; }
#main #commentform textarea { width: 465px; }  #map { height: 340px; }
.contact-form-t4d input { width: 100% }
.contact-form-t4d textarea { width: 100%; }
.contact-form-t4d .input-block2 { float: left; margin: 0 20px 10px 20px; border:0px solid #afcbde;}
.contact-form-t4d .input-block, .comments-form .input-block {
float: none;
margin: 0 0 20px 0;
}
.contact-form-t4d .input-block:nth-of-type(3n), .comments-form .input-block:nth-of-type(3n) { margin-right: 0px; }   .social-links li:nth-child(5n+1) { margin-left: 0; }
.social-links li:nth-child(5n) { margin-right: 10px; } } @media only screen and (max-width: 767px) {
.nav-collapse {display:none;}
.circleit { border: 10px solid #f15a23;border-radius: 50%;display: inline-block;background-color:#d14400; margin:0 auto 0 auto;text-align:center;width:150px;height:150px;display: table-cell;text-align: center;vertical-align: middle;color:#ffffff;}
.circleit:hover {background-color:#f15a23;border: 10px solid #d14400;}
.circleit img {border-radius: 50%; display: block;}
.circleit p {font-size: 10px;text-transform: uppercase; line-height:10px;padding:0;margin:0;}
.circleit span {font-size: 35px; }
.card {width: 400px;height:254px;border: 0px solid #000000;}
section.module.parallax {
background-attachment:scroll !important;
}
body { } #t4dstick_nav { height:140px; background:#ffffff; border: 0px solid #d1e8f8;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
#t4dstick_nav_wrapper {height:140px;}
#phone-us{
float:left;
text-align:center;
margin:60px auto 0 60px;
font-size:12px;
}
#titles-all h1 {width:410px; margin: 20px 0 0 20px;} .callout-2 .mcall {
float:left; width:96%; margin-bottom:20px;
}  .fluid-width-video-wrapper { margin-bottom: 10px; }  .align-left, .align-right { float: none; }  .container { width: 300px; }
.container-work { width: 300px; }  .whole, .one-half, .one-third, .two-third, .one-fourth, .three-fourth {
float: none;
margin-right: 0;
}
.whole, #main .whole  { width: 100%; }
.content-full {  width:300px; border: 0px solid #000000;}
.one-half, #main .one-half  { width: 300px; }
.content-50  {width: 100%;  border: 0px solid #000000;}
.content-50  img {min-width: 100%;  }
.one-third, #main .one-third { width: 300px; }
.one-third-journal:nth-child(2n+2) { width: 300px;clear:both; } .jheight {height:330px;}
.two-third, #main .two-third { width: 300px; }
.one-fourth, #main .one-fourth { width: 300px; }
.three-fourth, #main .three-fourth { width: 300px; }
.one-third-feature{ width: 200px;float: left; border: 0px solid #000000;margin:0 10px 30px 0}  
.one-third-feature:nth-child(6n+6) { width: 200px;float: left; border: 0px solid #000000;margin:0 0px 30px 0}  #header { height: auto; }
#logo { float:none;  
text-align: center; margin:6px auto 0 auto;
}  .top_container { margin:0 auto; }
#top_wrapper { margin: 0 0px 0; }
#t4dstick_nav_wrapper { height:76px; } #t4dstick_nav { z-index: 97;width:100%; }  #main-nav {
display:none;
float: none;
margin: 5px 0 20px;
}
#main-nav li { width: 100%; }
#main-nav a {
border-bottom-color: #efefef;
padding: 5px 20px 0px;
text-align:center;
font-size: 17px;
}
#main-nav a {
border-bottom: 2px solid transparent;
}
#main-nav ul ul a {
border: 0;
border-bottom: 0px solid #f6f6f6;
border-top: 0px solid #d1e8f8;
color: #3a3a3a;
display: block;
font-family:'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size: 17px;
letter-spacing: 0;
font-weight: 400;
padding: 8px 20px !important;
text-align: center;
text-transform: none;
}
.ie7 #main-nav a { border-bottom-color: #efefef; padding: 0px 20px 0px; }
.ie7	#main-nav a:hover, #main-nav .hover > a, #main-nav .current > a {
border-bottom-color: #f15a23;
border-top-color: #f15a23;
color: #f15a23;
}
#main-nav a:after {
content: '';
display: none;
}
#main-nav > ul > li:last-child a { border-bottom-color: transparent; }
#main-nav > ul > .current:last-child a { border-bottom-color: #f15a23; }
#main-nav ul ul { width: 100%; 
}
.no-js #main-nav li:hover > ul, #main-nav ul ul { top: 30px; }
#main-nav ul ul li { width: auto; }
#main-nav ul ul li:first-child > a { border-top: none; }
#main-nav ul ul li:last-child > a { border-bottom: none; }
#main-nav ul ul ul {
border-bottom: 1px solid #252525;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: block !important;
left: 0 !important;
margin: 0;
top: 0 !important;
position: relative;text-align:center;
}
#main-nav ul ul li:last-child ul {
border-top: 1px solid #252525;
border-bottom: none;
}
#main-nav ul ul ul a { text-align:center;}
#main-nav ul ul ul li:first-child a { border-top: 1px solid #4c4c4c; }  #main {
border-bottom: 1px solid #efefef;
float: none;
margin-right: 0;
padding-bottom: 20px;
width: 100%;
}  .image-gallery-slider { margin-bottom: 10px; }  .extended-pricing-table .column { margin-bottom: 20px; }
.extended-pricing-table .column.featured { margin-bottom: 10px; }  .journal-align
{
margin: 0 auto 0 auto;
padding: 5px 0px 0 0px;
float:none;
border: 0px solid #000000; 
}
.journal-layout {float:none;width:100%;border: 0px solid #d1e8f8; clear:both;}
.entry-image, .entry-video, .entry-audio { margin-bottom: 10px; }
.single-image .entry-image, .image-gallery .entry-image, .iframe .entry-image { margin-bottom: 0; }
.entry .entry-body {
float: none;
margin: 0;
width: 100%;
}
.entry .entry-meta {
border-bottom: 0px solid #efefef;
border-top: 0px solid #efefef;
float: none;
margin: 10px 0;
padding: 4px 0;
text-align: left;
width: 100%;
}
.entry .entry-meta ul { }
.entry .entry-meta li {
padding: 0 0px 10px 0 ;
clear:both;
text-align:center;
margin:0 auto;
}
.entry .entry-meta li:first-child {
border-left: none;
padding-left: 0;
}
.entry .entry-meta li:last-child { padding-right: 0; }
.entry .entry-meta li .title { display: block; }
.entry .entry-meta .post-format {
background: none;
height: auto;
margin: 0;
text-indent: 0;
width: auto;
}
.entry .entry-meta a:hover > .post-format { background: none; }
div.blog-snippetimage {  padding:0px 10px 20px 0px; display: block; text-align:center;margin:0 auto 0px auto;}
.date-blue-large {
background:#f15a23;
width:auto;
height:auto;
padding:10px;
margin:0;
color:#ffffff;
line-height:none;
font-family:'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
text-transform:none;
border-radius: 50px;
-moz-border-radius: 50px; 
-webkit-border-radius: 50px; 
}
.date-blue .date-day {
color:#3d3d3d;
font-family:'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size:15px;
line-height:none;
padding:0;margin:0;
}
.date-blue-large .date-day {
color:#3d3d3d;
font-family:'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size:25px;
padding:0;margin:0;
text-transform:uppercase;
}
.date-blue .date-month {
font-size:11px;
line-height:none;
font-weight:normal;
text-transform:uppercase;
padding:3px 0 0 0;margin:0;
}
.date-blue-large .date-month {
font-size:20px;
font-weight:normal;
line-height:23px;
text-transform:uppercase;
padding:5px 0 0 0;margin:0;
}   .portfolio-items-filter-holder {display:none;}
#portfolio-items h5 { font-size: 15px; }
#portfolio-items-filter, #portfolio-items-filter2 {
float: none;
margin: 0 0 20px;
border: 0px solid #000000;
text-align:center;
}
#portfolio-items-filter a, #portfolio-items-filter2 a {
background: #f15a23;
color: #fff;
text-align:center;
cursor: pointer;
display: block;
margin: 0 0 5px 5px;
padding: 4px 10px;
border-radius: 10px  ;
-moz-border-radius: 10px;
-webkit-border-radius: 10px ;
-o-border-radius: 10px;
}  .commentlist .children .depth-2 #commentform input, .commentlist .children .depth-2 #commentform textarea { width: 358px !important; }
.commentlist .children .depth-3 #commentform input, .commentlist .children .depth-3 #commentform textarea { width: 318px !important; }
.commentlist .children .depth-4 #commentform input, .commentlist .children .depth-4 #commentform textarea { width: 278px !important; }
.form-allowed-tags { display: none; } #main #commentform textarea { width: 320px; }  .contact-form-t4d .input-block, .comments-form .input-block {
float: none;
margin: 0 0 20px 0;
}
.contact-form-t4d input, .comments-form input,
.contact-form-t4d textarea, .comments-form textarea { width: 398px; }
.contact-form-t4d .input-block2 { float: left; margin: 0 20px 10px 20px; border:0px solid #afcbde;}  #sidebar {
float: none;
margin-top: 40px;
width: 100%;
}  .not-ie #footer .container:after { top: -56px; }
.page-title {
font-size:28px;
margin-top: -10px;
padding: 0px 0 5px;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) {
.t4d-dotty {clear: both;background-image: none;}
.fourth { width: 50%; margin:0 auto 20px auto;}
.circleit { border: 10px solid #f15a23;border-radius: 50%;display: inline-block;background-color:#d14400; margin:0 auto 0 auto;text-align:center;width:160px;height:160px;display: table-cell;text-align: center;vertical-align: middle;color:#ffffff;}
.circleit:hover {background-color:#f15a23;border: 10px solid #d14400;}
.circleit img {border-radius: 50%; display: block;}
.circleit p {font-size: 10px;text-transform: uppercase; line-height:10px;padding:0;margin:0;}
.circleit span {font-size: 35px; }
.journal-mobile { 
display:inherit;
}
section.module.parallax {
background-attachment:fixed;
}
.portfolio-items-filter-holder {display:none;}
.port-image {display:none;}
#logo {
margin-top:25px;
} #titles-homepage { 
display:none;
padding:20px 0 0px 0px;
}
#titles-all { 
padding:20px 0 0px 0px;
}  .container { width: 420px; }
.container-work { width: 420px; }
blockquote {
font-size:16px;	background: #f8f8f8 url(//www.time4design.com/img/t4d-quotes.png) no-repeat 15px 10px;
}  .whole, .one-half, .one-third, .two-third, .one-fourth, .three-fourth {
float: none;
margin-right: 0;
}
.content-full {  width:420px; border: 0px solid #000000;}
.whole, #main .whole { width: 100%; }
.one-half, #main .one-half { width: 420px; border: 0px solid #000000;}
.content-50  {width: 100%;  border: 0px solid #000000;}
.content-50  img {min-width: 100%;  }
.one-third, #main .one-third { width: 420px; border: 0px solid #000000;}
.one-third-journal:nth-child(2n+2) { width: 420px;clear:both; } .two-third, #main .two-third { width: 420px; border: 0px solid #000000;}
.one-fourth, #main .one-fourth { width: 420px;border: 0px solid #000000; }
.three-fourth, #main .three-fourth { width: 420px;border: 0px solid #000000; }
.one-third-feature{ width: 100%;float: none; border: 0px solid #000000;margin:0 10px 30px 0;text-align:center;}  
.one-third-feature:nth-child(6n+6) { width: 100%;float: none; border: 0px solid #000000;margin:0 0px 30px 0}    .projects-carousel > li, .post-carousel > li { width: 200px; }  .post-carousel .entry-body { width: 155px; }  .comment .comment-body, .comment .comment-meta { width: 351px !important; }
.commentlist .children { padding: 0 0 0 40px; }
.commentlist .children .depth-2 .comment-body, .commentlist .children .depth-2 .comment-meta  { width: 311px !important; }
.commentlist .children .depth-3 .comment-body, .commentlist .children .depth-3 .comment-meta  { width: 271px !important; }
.commentlist .children .depth-4 .comment-body, .commentlist .children .depth-4 .comment-meta  { width: 231px !important; }
.commentlist .children .depth-5 .comment-body, .commentlist .children .depth-5 .comment-meta  { width: 191px !important; } #main #commentform textarea { width: 380px; }  #map { height: 240px; }
.contact-form-t4d .input-block2 { float: left; margin: 0 20px 10px 0px; border:0px solid #afcbde;}    .contact-info { margin-bottom: 20px; }  .social-links li:nth-child(12n+1) { margin-left: 0; }
.social-links li:nth-child(12n) { margin-right: 15px; }
#footer .subscription-info {}
.subscription-info { margin: 0;width:100%; margin:0 auto; text-align:center; }
.subscription-info li {
float: none;
width:100%;
list-style: none;
margin:0 auto; text-align:center; 
padding: 0px 20px 30px 0px;
}
.subscription-info h5 {padding: 10px 0px 0 0px; font-size:20px;}
} @media only screen and (max-width: 479px) {
.t4d-dotty {clear: both;background-image: none;}
.card {width: 300px;height:190px;}
.fourth { width: 50%; margin:0 auto 20px auto;}
.circleit { border: 10px solid #f15a23;border-radius: 50%;display: inline-block;background-color:#d14400; margin:0 auto 0 auto;text-align:center;width:120px;height:120px;display: table-cell;text-align: center;vertical-align: middle;color:#ffffff;}
.circleit:hover {background-color:#f15a23;border: 10px solid #d14400;}
.circleit img {border-radius: 50%; display: block;}
.circleit p {font-size: 10px;text-transform: uppercase; line-height:10px;padding:0;margin:0;}
.circleit span {font-size: 35px; }
.portfolio-items-filter-holder {display:none;}
.quote-container section {margin: 0px auto; padding: 0 20px 0 20px; padding-bottom: 50px; position: relative;text-align:center;width: 80%; }
.quote-container h4 { text-align:center; font-size: 20px; font-family: Open Sans, sans-serif; font-weight:600;padding:20px 10px 0px 10px;margin:0; text-transform:uppercase;clear:both; }
.quote-container h2 { text-align:center; font-size: 30px; font-family: Open Sans, sans-serif; font-weight:600;padding:0px 10px 0px 10px;margin:0; text-transform:uppercase; border: 0px solid #f15a23;}
.quote-container h3 { text-align:center; font-size: 25px;font-family: Open Sans, sans-serif; font-weight:300;padding:20px 0px 0px 0px;margin:0; text-transform:none;}
.port-image {display:none;}
#click-menu {border-top: 11px solid #75a8c4;border-bottom: 11px solid #75a8c4;}
#logo { float:left;  
text-align: center;
margin-top:25px; }
.t4d-robo-1, .t4d-robo-2, .t4d-robo-3, .t4d-robo-4, .t4d-robo-5, .t4d-robo-6, .t4d-robo-7, .t4d-robo-8, .t4d-robo-9, .t4d-robo-10, .t4d-robo-11, .t4d-robo-12, .t4d-robo-13, .t4d-robo-14, .t4d-robo-15, .t4d-robo-16, .t4d-robo-17, .t4d-robo-18, .t4d-robo-19 {display:none;height:115px;}
#titles-all h1 {width:100%; margin: 20px auto 0 auto; text-align:center; }
#titles-all {height:100px;}
#phone-us{
float:left;
text-align:center;
margin:57px auto 0px 10px;
font-size:12px;
}
.page-title {
margin-top: -10px;
padding: 0px 0 5px;
}
blockquote {
font-size:14px;	background: #f8f8f8 url(//www.time4design.com/img/t4d-quotes.png) no-repeat 15px 10px;
}  #titles-homepage { 
display:none;
padding:20px 0 0px 0px;
}
.journal-mobile { 
display:inherit;
}
#titles-all { 
padding:20px 0 0px 0px;
}
.one-third-feature{ width: 100%;float: none; border: 0px solid #000000;margin:0 10px 30px 0;text-align:center;}  
.one-third-feature:nth-child(6n+6) { width: 100%;float: none; border: 0px solid #000000;margin:0 0px 30px 0}  
.jheight {height:340px;}    .projects-carousel > li, .post-carousel > li { width: 300px; }  .post-carousel .entry-body { width: 255px; }  .hentry .entry-meta li {
width: 82px;
}
.hentry .entry-meta li:nth-child(1), .hentry .entry-meta li:nth-child(2), .hentry .entry-meta li:nth-child(3) {
border-bottom: 1px solid #efefef;
margin-bottom: 4px;
padding-bottom: 4px;
}
.hentry .entry-meta li:nth-child(3) {
padding-right: 0;
}
.hentry .entry-meta li:nth-child(4) {
border-left: none;
padding-left: 0;
}  .comment .avatar { margin-bottom: 10px; }
.comment .comment-meta {
margin-top: 5px;
width: 231px;
}
.comment .author, .comment .author a { margin-top: 5px; }
.comment .comment-body, #main .comment .comment-body {
clear: both;
float: none;
margin-left: 0;
margin-top: 20px;
width: 100%;
}
.comment .comment-meta { width: 231px !important; }
.commentlist .children { padding: 0 0 0 20px; }
.commentlist .children .depth-2 .comment-body, .commentlist .children .depth-2 .comment-meta  { width: 211px !important; }
.commentlist .children .depth-3 .comment-body, .commentlist .children .depth-3 .comment-meta  { width: 191px !important; }
.commentlist .children .depth-4 .comment-body, .commentlist .children .depth-4 .comment-meta  { width: 171px !important; }
.commentlist .children .depth-5 .comment-body, .commentlist .children .depth-5 .comment-meta  { width: 151px !important; }  .commentlist .children .depth-2 #commentform input, .commentlist .children .depth-2 #commentform textarea { width: 258px !important; }
.commentlist .children .depth-3 #commentform input, .commentlist .children .depth-3 #commentform textarea { width: 238px !important; }
.commentlist .children .depth-4 #commentform input, .commentlist .children .depth-4 #commentform textarea { width: 218px !important; } #main #commentform textarea { width: 280px; }  #map { height: 140px; }
.contact-form-t4d input, .comments-form input,
.contact-form-t4d textarea, .comments-form textarea { width: 278px; }
.contact-form-t4d .input-block2 { float: left; margin: 0 20px 10px 0px; border:0px solid #afcbde;}    #footer-nav li {
border-top: 1px dotted #4b4b4b;
padding: 5px 0;
width: 100%;
}
#footer-nav li:first-child { border-top: none; }
#footer-nav li a {
border: none;
padding: 0;
}  .contact-info { margin-bottom: 20px; }  .social-links li:nth-child(8n+1) { margin-left: 0; }
.social-links li:nth-child(8n) { margin-right: 15px; }  .newsletter input, select {
height: 30px;
width: 270px;
margin-bottom:10px;
}
.newsletter input[type="submit"]{
background: #f15a23;
border: none;
color: #fff;
cursor: pointer;	
font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-weight: 400;
height: auto;
overflow: visible;
padding: 7px 20px;
-webkit-transition: background-color .2s ease;
-moz-transition: background-color .2s ease;
-ms-transition: background-color .2s ease;
-o-transition: background-color .2s ease;
transition: background-color .2s ease;
width: auto;
}
#footer .subscription-info {}
.subscription-info { margin: 0;width:100%; margin:0 auto; text-align:center; }
.subscription-info li {
float: none;
width:100%;
list-style: none;
margin:0 auto; text-align:center; 
padding: 0px 20px 30px 0px;
}
.subscription-info h5 {padding: 10px 0px 0 0px; font-size:20px;}
} @media print {
html { moznomarginboxes mozdisallowselectionprint}
body {background-color: #ffffff;}
* {  text-shadow: none !important; filter:none !important; -ms-filter: none !important; font-size:1.0em;}  thead { display: table-header-group; } 
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.9cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h1, h2, h3 { page-break-after: avoid; }
#footer {display:none}
}