@charset "utf-8";

.clear {  
  clear: both;
}

.clearfix:after {  
  content: ".";  
  display: block;  
  height: 0px;  
  clear: both;  
  visibility: hidden;
}

.clearfix {  
  display: inline-block;
}

* html .clearfix {  
  height: 1%;
}

.clearfix {  
  display: block;
}

.alignleft {  
  float: left;
}

.alignright {  
  float: right;
}

.aligncenter {  
  margin-top: auto;  
  margin-right: auto;  
  margin-bottom: auto;  
  margin-left: auto;  
  display: block;
}

.alignnone {  
  clear: both;  
  font-size: 0px;  
  line-height: 0;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;  
  height: 0px;  
  width: 0px;
}

.centered {  
  text-align: center;
}

#preloader {  
  position: absolute;  
  top: 0px;  
  left: 0px;  
  right: 0px;  
  bottom: 0px;  
  background-color: #444444;  
  z-index: 999999;  
  visibility: hidden;
}

#status {  
  width: 200px;  
  height: 200px;  
  position: absolute;  
  left: 50%;  
  top: 50%;  
  background-image: url("../images/ajax-loader.gif");  
  background-repeat: no-repeat;  
  background-position: center center;  
  margin-top: -100px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: -100px;
}

html {  -ms-overflow-x: hidden;
  overflow-x: hidden;  -ms-overflow-y: scroll;
  overflow-y: scroll;
}

body {  
  font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;  
  color: #444444;  
  background-color: #e9ecf2;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

strong {  
  font-weight: bold;
}

a, a > * {  -o-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;  
  color: #b41f19;  
  text-decoration: none;
}

p {  
  font-weight: normal;  
  font-size: 14px;  
  line-height: 21px;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 20px;  
  margin-left: 0px;
}

p.big {  
  font-size: 20px;  
  line-height: 30px;  
  letter-spacing: -1px;
}

p.paddingtop-5 {  
  padding-top: 5px;
}

p span {  
  color: #818181;  
  font-size: 11px;  -epub-text-transform: uppercase;
  text-transform: uppercase;  
  letter-spacing: 1px;
}

p.small {  
  margin-bottom: 6px;
}

p.small span {  
  color: white !important;
}

p.button a {  
  background-color: white;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  border-top-width: 1px;  
  border-right-width: 1px;  
  border-bottom-width: 1px;  
  border-left-width: 1px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  border-top-color: #d0ceca;  
  border-right-color: #d0ceca;  
  border-bottom-color: #d0ceca;  
  border-left-color: #d0ceca;  
  padding-top: 6px;  
  padding-right: 10px;  
  padding-bottom: 5px;  
  padding-left: 10px;  
  color: #191a22;  
  font-weight: 600;  
  margin-top: 6px;  
  display: inline-block;  
  text-decoration: none;
}

p.button a span {  
  color: #191a22;
}

span.arrow {  
  font-size: 13px;
}

span.bullet {  
  padding-left: 16px;  
  margin-left: 10px;
}

h1#logo {  
  position: relative;  
  padding-top: 35px;  
  width: 70%;  
  float: left;
}

h1#logo a {  
  display: block;  
  width: 240px;  
  height: 49px;  
  text-indent: -9999px;
}

h3, h4 {  
  font-family: 'Bitter', Georgia, "Times New Roman", Times, serif;
}

h3 {  
  font-size: 32px;  
  font-style: italic;  
  color: #191a22;  
  line-height: 48px;  
  letter-spacing: -1px;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 20px;  
  margin-left: 0px;
}

h3.no-marginbottom {  
  margin-bottom: 0px;
}

h4 {  
  font-size: 24px;  
  color: #ef1714;  
  font-weight: bold;  
  line-height: 39px;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 15px;  
  margin-left: 0px;
}

.project-detail h4, .team-detail h4 {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;
}

.works h4 {  
  margin-top: 10px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;
}

h4.next-to-tab {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;
}

h4 a {  
  text-decoration: none;
}

h5 {  
  font-size: 18px;  
  font-weight: 600;  
  color: white;  
  line-height: 1;  
  display: inline-block;  
  padding-top: 8px;  
  padding-right: 15px;  
  padding-bottom: 3px;  
  padding-left: 15px;
}

header {  
  width: 100%;  
  position: relative;  
  height: 136px;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: #d0ceca;
}

.container {  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  width: 960px;  
  position: relative;  
  margin-top: 0px;  
  margin-right: auto;  
  margin-bottom: 0px;  
  margin-left: auto;
}

.col1-1 {  
  width: 940px;  
  margin-top: 10px;  
  margin-right: 10px;  
  margin-bottom: 10px;  
  margin-left: 10px;
}

.col1-2 {  
  width: 460px;  
  margin-top: 10px;  
  margin-right: 10px;  
  margin-bottom: 10px;  
  margin-left: 10px;  
  float: left;
}

.col1-2.paddingright-20 {  
  padding-right: 20px;  
  width: 440px;
}

.col1-2.paddingleft-20 {  
  padding-left: 20px;  
  width: 440px;
}

.col2-3 {  
  width: 620px;  
  margin-top: 10px;  
  margin-right: 10px;  
  margin-bottom: 10px;  
  margin-left: 10px;  
  float: left;
}

.col1-3 {  
  width: 300px;  
  margin-top: 10px;  
  margin-right: 10px;  
  margin-bottom: 10px;  
  margin-left: 10px;  
  float: left;
}

.col1-3.paddingright-20 {  
  padding-right: 20px;  
  width: 280px;
}

.col1-3.pics {  
  width: 300px;  
  height: auto;  
  margin-top: 5px;  
  margin-right: 5px;  
  margin-bottom: 5px;  
  margin-left: 5px;  
  float: left;
}

#blog .col1-3 {  
  height: 166px;
}

.col1-3.blog {  
  padding-top: 1px;
}

.break {  
  height: 53px;  
  position: relative;
}

.images {  
  display: block;  
  position: relative;  
  padding-top: 4px;  
  padding-right: 4px;  
  padding-bottom: 4px;  
  padding-left: 4px;  
  border-top-width: 1px;  
  border-right-width: 1px;  
  border-bottom-width: 1px;  
  border-left-width: 1px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  border-top-color: #cecece;  
  border-right-color: #cecece;  
  border-bottom-color: #cecece;  
  border-left-color: #cecece;  
  background-color: white;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

.images.with-border {  
  padding-top: 4px;  
  padding-right: 4px;  
  padding-bottom: 4px;  
  padding-left: 4px;  
  border-top-width: 1px;  
  border-right-width: 1px;  
  border-bottom-width: 1px;  
  border-left-width: 1px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  border-top-color: #d0ceca;  
  border-right-color: #d0ceca;  
  border-bottom-color: #d0ceca;  
  border-left-color: #d0ceca;  
  background-color: white;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  margin-top: 10px;  
  margin-right: 0px;  
  margin-bottom: 10px;  
  margin-left: 0px;
}

.overflow {  
  overflow: hidden;
}

.logo {  
  width: 147px;  
  height: 106px;  
  text-align: center;  
  padding-top: 37px;  
  float: left;  
  margin-right: 6px;  
  margin-bottom: 6px;
}

.barrier {  
  height: 4px;  
  width: 940px;  
  background-color: #d0ceca;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  display: inline-block;  
  margin-top: 10px;  
  margin-right: 10px;  
  margin-bottom: 20px;  
  margin-left: 10px;
}

.project-detail {  
  width: 300px;  
  float: left;  
  margin-left: 30px;
}

.team-detail {  
  width: 250px;  
  float: left;  
  margin-left: 20px;  
  margin-top: 10px;
}

.news-detail {  
  width: 220px;  
  float: left;
}

.toggle {  
  height: 102px;  
  width: 100%;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: #d0ceca;  
  font-size: 48px;  
  font-weight: 600;  -epub-text-transform: uppercase;
  text-transform: uppercase;  
  line-height: 98px;  
  cursor: pointer;  
  background-color: transparent;  
  background-image: url("../images/bg-toggle.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;
}

.number {  
  font-weight: 300;  
  padding-right: 21px;  
  float: right;  
  color: #cca4a3;
}

.name {  
  float: right;  
  background-color: #e9ecf2;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  height: 102px;  
  padding-left: 32px;
}

.current .name {  
  color: #ef1714;
}

.name.company {  
  width: 800px;
}

.name.portfolio {  
  width: 670px;
}

.name.services {  
  width: 512px;
}

.name.team {  
  width: 600px;
}

.name.blog {  
  width: 700px;
}

.name.contact {  
  width: 500px;
}

.hidden {  
  background-color: #f6f5f1;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: #d0ceca;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}

.hidden .space {  
  position: relative;  
  display: block;  
  height: 21px;
}

.images img {  
  display: block;  
  max-width: 100% !important;  
  width: 100%;  
  z-index: 9;
}

.tab:before {  
  content: "";  
  height: 0px;  
  width: 0px;  
  border-top-width: 6px;  
  border-right-width: 6px;  
  border-bottom-width: 6px;  
  border-left-width: 6px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  border-top-color: #444444;  
  border-right-color: rgba(255, 255, 255, 0);  
  border-bottom-color: rgba(255, 255, 255, 0);  
  border-left-color: rgba(255, 255, 255, 0);  
  position: absolute;  
  bottom: -12px;  
  left: 50%;  
  margin-left: -6px;
}

.tab.news:before {  
  content: "";  
  height: 0px;  
  width: 0px;  
  border-top-width: 6px;  
  border-right-width: 6px;  
  border-bottom-width: 6px;  
  border-left-width: 6px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  border-top-color: rgba(255, 255, 255, 0);  
  border-right-color: rgba(255, 255, 255, 0);  
  border-bottom-color: rgba(255, 255, 255, 0);  
  border-left-color: #444444;  
  position: absolute;  
  left: 56px;  
  top: 19px;
}

.tab {  
  background-color: #444444;  
  width: 50px;  
  height: 50px;  
  position: relative;  
  display: inline-block;  
  float: left;  
  margin-top: 9px;  
  margin-right: 20px;  
  margin-bottom: 0px;  
  margin-left: 0px;
}

.tab.news {  
  height: 101px;
}

.date {  
  background-color: #444444;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  padding-top: 7px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  color: #f6f5f1;  
  font-size: 22px;  
  font-weight: 600;  
  text-align: center;
}

.date span {  
  font-size: 11px;  -epub-text-transform: uppercase;
  text-transform: uppercase;  
  letter-spacing: 1px;  
  display: block;
}

.news .border {  
  width: 34px;  
  background-color: #666666;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  height: 1px;  
  display: block;  
  margin-top: 50px;  
  margin-right: auto;  
  margin-bottom: 0px;  
  margin-left: auto;
}

.icons {  
  position: absolute !important;  
  left: 0px;  
  top: 0px;  
  height: 50px;  
  width: 50px;
}

.email {
}

.xing {
}

.google {
}

.tweat {
}

.twitter {
}

.facebook {
}

.linkedin {
}

.pinterest {
}

.instagram {
}

.vimeo {
}

.skype {
}

.dribble {
}

.link {
}

.video {
}

.bubble {
}

.quote {
}

.slideshow {
}

.aside {
}

.close {  
  width: 48px;  
  height: 48px;  
  position: absolute;  
  right: 0px;  
  top: 0px;  
  border-top-width: 1px;  
  border-right-width: 1px;  
  border-bottom-width: 1px;  
  border-left-width: 1px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  border-top-color: #c7c7c7;  
  border-right-color: #c7c7c7;  
  border-bottom-color: #c7c7c7;  
  border-left-color: #c7c7c7;
}

.design {
}

.magic {
}

.coding {
}

.jcarousel-skin-tango2 .jcarousel-direction-rtl {  
  direction: rtl;
}

.jcarousel-skin-tango2 .jcarousel-container-horizontal {  
  width: 960px;
}

.jcarousel-skin-tango2 .jcarousel-clip {  
  overflow: hidden;
}

.jcarousel-skin-tango2 .jcarousel-item-placeholder {  
  background-color: white;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  color: black;  
  position: relative;
}

.jcarousel-skin-tango2 .jcarousel-next-horizontal {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  z-index: 20;  
  position: absolute;  
  top: 116px;  
  cursor: pointer;  
  text-indent: -9999px;  -webkit-opacity: 0;
  opacity: 0;  -o-transition: all 0s ease 0s;
  -webkit-transition: all 0s ease 0s;
  transition: all 0s ease 0s;  
  display: inline-block;  
  width: 46px;  
  height: 78px;  
  right: 20px;  
  border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 1px;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: solid;  
  -moz-border-top-colors: none;  
  -moz-border-right-colors: none;  
  -moz-border-bottom-colors: none;  
  -moz-border-left-colors: none;  -o-border-image: none;
  -webkit-border-image: none;
  border-image: none;
}

.jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal {  
  background-color: transparent !important;  
  background-image: none !important;  
  background-repeat: repeat !important;  
  background-attachment: scroll !important;  
  background-position: 0% 0% !important;  
  border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;  
  cursor: default;
}

.jcarousel-skin-tango2 .jcarousel-prev-horizontal {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  z-index: 20;  
  position: absolute;  
  top: 116px;  
  cursor: pointer;  
  text-indent: -9999px;  -webkit-opacity: 0;
  opacity: 0;  -o-transition: all 0s ease 0s;
  -webkit-transition: all 0s ease 0s;
  transition: all 0s ease 0s;  
  display: inline-block;  
  width: 46px;  
  height: 78px;  
  left: 20px;  
  border-top-width: 0px;  
  border-right-width: 1px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: none;  
  border-right-style: solid;  
  border-bottom-style: none;  
  border-left-style: none;  
  -moz-border-top-colors: none;  
  -moz-border-right-colors: none;  
  -moz-border-bottom-colors: none;  
  -moz-border-left-colors: none;  -o-border-image: none;
  -webkit-border-image: none;
  border-image: none;
}

.jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal {  
  background-color: transparent !important;  
  background-image: none !important;  
  background-repeat: repeat !important;  
  background-attachment: scroll !important;  
  background-position: 0% 0% !important;  
  border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;  
  cursor: default;
}

ul.list {  
  position: relative;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 20px;  
  margin-left: 0px;
}

ul.category {  
  position: relative;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 25px;  
  margin-left: 0px;
}

ul.list li {  
  padding-left: 25px;  
  font-weight: normal;  
  font-size: 14px;  
  line-height: 21px;
}

ul.check li {
}

ul.category li {  
  background-color: transparent !important;  
  background-image: none !important;  
  background-repeat: repeat !important;  
  background-attachment: scroll !important;  
  background-position: 0% 0% !important;  
  padding-left: 0px;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: #d0ceca;  
  padding-bottom: 5px;  
  margin-bottom: 4px;
}

ul.category li span {  
  float: right;
}

ul.list li a, ul.list li a span {  
  color: #444444;
}

ul.list li a:hover, ul.list li a span:hover {  
  color: #ef1714;
}

footer {  
  height: 120px;  
  padding-top: 52px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  position: relative;  
  font-size: 12px;  
  color: #818181;  
  line-height: 18px;
}

footer .alignright {  
  text-align: right;  
  margin-right: 10px;
}

footer .alignleft {  
  margin-left: 10px;
}

ul.social {  
  margin-bottom: 9px;  
  display: block;
}

header ul.social {  
  float: right;  
  margin-right: 9px;  
  padding-top: 56px;
}

ul.social.team {  
  float: left;  
  width: 25px;  
  margin-top: 19px;  
  margin-left: 5px;
}

.social li {  
  display: inline-block;  
  margin-top: 0px;  
  margin-right: 1px;  
  margin-bottom: 0px;  
  margin-left: 1px;
}

.social li a {  
  display: block;
}

ul.social a {  
  text-indent: -9000px;  
  text-decoration: none;  
  height: 24px;  
  width: 24px;
}

ul.social.team li {  
  margin-top: 3px;  
  margin-right: 0px;  
  margin-bottom: 3px;  
  margin-left: 0px;
}

#map {  
  width: 620px;  
  height: 250px;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;
}

#map:before, #map:after {  
  background-color: transparent;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  content: "";  
  left: 0px;  
  position: absolute;  
  top: 0px;  
  width: 100%;
}

#map:after {  
  bottom: 0px;  
  top: auto;
}