@charset "UTF-8";
/* CSS Document */

@import url("base.css");
@import url("skeleton.css");
@import url("camera.css");
@import url("colorbox.css");
@import url("jquery-ui.css");
@import url("flexslider.css");
@import url("lightbox.css");
/*****  Variables *****/
/*****  Imports  *****/
/*@import url(https://fonts.googleapis.com/css?family=Changa+One:400,400italic);*/

@font-face {
  font-family: 'arvil';
  src: url("../fonts/arvil_sans-webfont.eot");
  src: url("../fonts/arvil_sans-webfont-.eot#iefix") format("embedded-opentype"), url("../fonts/arvil_sans-webfont.svg") format("svg"), url("../fonts/arvil_sans-webfont.woff") format("woff"), url("../fonts/arvil_sans-webfont.ttf") format("truetype"); }

@font-face {
  font-family: 'bebas';
  src: url("../fonts/bebas-webfont.eot");
  src: url("../fonts/bebas-webfont-.eot#iefix") format("embedded-opentype"), url("../fonts/bebas-webfont.woff") format("woff"), url("../fonts/bebas-webfont.ttf") format("truetype"), url("../fonts/bebas-webfont.svg#BebasRegular") format("svg"); }

@font-face {
  font-family: 'gelato';
  src: url("../fonts/gelato_script-webfont.eot");
  src: url("../fonts/gelato_script-webfont-.eot#iefix") format("embedded-opentype"), url("../fonts/gelato_script-webfont.svg") format("svg"), url("../fonts/gelato_script-webfont.woff") format("woff"), url("../fonts/gelato_script-webfont.ttf") format("truetype"); }

@font-face {
  font-family: 'HelveticaNeueLt';
  src: url("../fonts/25941B_0_0.eot");
  src: url("../fonts/25941B_0_0-.eot#iefix") format("embedded-opentype"), url("../fonts/25941B_0_0.woff") format("woff"), url("../fonts/25941B_0_0.ttf") format("truetype"); }

@font-face {
  font-family: 'HelveticaNeueMd';
  src: url("../fonts/25941B_1_0.eot");
  src: url("../fonts/25941B_1_0-.eot#iefix") format("embedded-opentype"), url("../fonts/25941B_1_0.woff") format("woff"), url("../fonts/25941B_1_0.ttf") format("truetype"); }

* {
  font-size: 100.01%;
  margin: 0;
  padding: 0; }

ul, ol, dl, p, h1, h2, h3, h4, h5, h6, address, form, table, blockquote, applet, embed, object, iframe, frameset {
  margin: 0 0 14px; }
  
ul.body {
	list-style:disc inside;
	margin-left:15px !important;
	display:block;}

html, body, div, span, applet, embed, object, iframe, frameset,
p, q, blockquote, sub, sup, a, abbr, acronym, font, img, small, center,
h1, h2, h3, h4, h5, h6, b, strong, big, u, ins,
i, cite, em, var, dfn, address, s, strike, del,
dl, dt, dd, ol, ul, li, pre, code, kbd, samp, tt,
fieldset, legend, form, label, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header,
hgroup, menu, nav, section, summary, time, mark, audio, video {
  background: none;
  border: 0; }

html {
  font-size: 62.5%; }

body {
  background: #d2effa !important;
  color: #000;
  font: 2.0em HelveticaNeueLt;
  line-height: 1.5em;
  -ms-text-size-adjust: none;
  -webkit-text-size-adjust: 100%; }

a {
  color:#C000C0;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

a:active {
  background-color: transparent; }

label {
  vertical-align: middle; }

h1, h2, h3, h4, h5, h6, b, strong, th {
  font-weight: bold; }

h1 {
  font-size: 200%; }

h2 {
  font-size: 150%; }

h3 {
  font-size: 120%; }

h4 {
  font-size: 110%; }

h5 {
  font-size: 100%; }

h6 {
  font-size: 90%; }
.blue {
  color: #007ae6!important;
  font-weight: bold;
}
header, footer,
article, section,
hgroup, nav,
figure, aside {
  display: block; }

i, cite, em, var, dfn, address {
  font-style: italic; }

u, ins {
  text-decoration: underline; }

s, strike, del {
  text-decoration: line-through; }

blockquote, blockquote:before, blockquote:after, q, q:before, q:after {
  quotes: none; }

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

table, caption, tbody, tfoot, thead, tr, th, td {
  border-collapse: collapse;
  border-spacing: 0; }

.left {
  float: left;
  margin: 0 20px 20px 0; }

/* #Site Styles
================================================== */
.slides_still {
  width: 100%;
  margin-bottom: -9px;
  z-index: 10; }

.slides_still img {
  z-index: 9999; }

p.last {
  margin-bottom: 0; }

.fullwidth {
  width: 100% !important; }

.transition-effect {
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear; }

#topcontrol > div {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -transition: all 0.3s linear;
  bottom: 40px;
  cursor: pointer;
  height: 37px;
  position: absolute;
  right: 15px;
  width: 37px;
  -webkit-box-shadow: 2px 2px 0px 0px #e2e4e4;
  -moz-box-shadow: 2px 2px 0px 0 #e2e4e4;
  box-shadow: 2px 2px 0px 0px #e2e4e4;
  z-index: 5;
  background: #363c55; }

.topcontrol-arrow-up {
  content: '';
  position: absolute;
  left: 11px;
  top: 15px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid white; }

#top-panel {
  background-color: #e7e7e7;
  border-bottom: 5px solid #363c55;
  position: relative;
  width: 100%;
  z-index: 4; }

#top-panel .panel {
  display: none;
  padding: 16px 0 30px 0; }

#top-panel .toggle {
  background: #363c55;
  bottom: -30px;
  cursor: pointer;
  height: 25px;
  position: absolute;
  right: 30px;
  width: 37px;
  -webkit-box-shadow: 2px 2px 0px 0px #b3c5e3;
  -moz-box-shadow: 2px 2px 0px 0 #b3c5e3;
  box-shadow: 2px 2px 0px 0px #b3c5e3; }

#top-panel .toggle a {
  content: '';
  position: absolute;
  left: 11px;
  top: 9px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #FFF; }

#top-panel .hide-panel a {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; /* 0=0, 1=90, 2=180, 3=270 */ }

#top-panel .toggle:hover a {
  top: 10px; }

#top-panel .toggle.hide-panel:hover a {
  top: 8px; }

#contact-info {
  margin-bottom: 0; }

#contact-info li {
  background-image: url("../images/icons/sprites.png");
  background-repeat: no-repeat;
  display: block;
  padding-left: 25px;
  float: left; }

#top-panel .phone {
  background-position: 0 -489px; }

#top-panel .location {
  background-position: 0 -409px; }

#top-panel .email {
  background-position: 0 -569px; }

#top-panel .skype {
  background-position: 0 -649px; }

#top-panel h4 {
  margin-bottom: 17px;
  font-size: 18px;
  border-bottom: 1px solid #E7E7E7;
  line-height: 46px; }

#top-panel h6 {
  margin-bottom: 17px;
  font-size: 12px;
  font-weight: bold;
  border-bottom: 1px solid #E7E7E7;
  line-height: 30px; }

#top-panel .location-map iframe {
  width: 220px;
  height: 200px; }

#top-panel .columns {
  position: relative; }

/* clouds */
.clouds {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%; }

.clouds span {
  background: url("../images/bg-clouds.png") no-repeat;
  position: absolute; }

.clouds .cloud01 {
  background-position: -335px -643px;
  height: 254px;
  left: 0;
  top: 230px;
  width: 632px;
  -webkit-animation: cloudAnimation infinite 100000ms linear;
  -moz-animation: cloudAnimation infinite 100000ms linear;
  -ms-animation: cloudAnimation infinite 100000ms linear;
  -o-animation: cloudAnimation infinite 100000ms linear; }

.clouds .cloud02 {
  background-position: 0 -348px;
  height: 172px;
  left: 644px;
  top: 100px;
  width: 340px;
  -webkit-animation: cloudAnimation infinite 160000ms linear;
  -moz-animation: cloudAnimation infinite 160000ms linear;
  -ms-animation: cloudAnimation infinite 160000ms linear;
  -o-animation: cloudAnimation infinite 160000ms linear; }

.clouds .cloud03 {
  background-position: -326px 0;
  height: 338px;
  left: 99px;
  top: 60px;
  width: 654px;
  -webkit-animation: cloudAnimation infinite 125000ms linear;
  -moz-animation: cloudAnimation infinite 125000ms linear;
  -ms-animation: cloudAnimation infinite 125000ms linear;
  -o-animation: cloudAnimation infinite 125000ms linear; }

.clouds .cloud04 {
  background-position: -350px -348px;
  height: 268px;
  left: 919px;
  top: 90px;
  width: 410px;
  -webkit-animation: cloudAnimation infinite 200000ms linear;
  -moz-animation: cloudAnimation infinite 200000ms linear;
  -ms-animation: cloudAnimation infinite 200000ms linear;
  -o-animation: cloudAnimation infinite 200000ms linear; }

/******************* MENU ****************/
#logo {
  padding-top: 20px; }

#logo:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05); }

.fix-fish-menu {
  position: relative;
  z-index: 9000; }

#nav {
  min-height: 163px;
  overflow: hidden;
  position: relative;
  text-transform: uppercase;
  z-index: 9;
  margin: 65px 0 0 0; }

#nav ul {
  float: right;
  margin: 65px 21px 0 20px; }

.sf-menu a {
  color: #363c55;
  cursor: pointer;
  display: block;
  font: 14px/17px 'arvil', arial, sans-serif;
  letter-spacing: 3px;
  position: relative;
  text-align: center; }

.sf-menu a strong {
  color: #363c55;
  display: block;
  font: 28px/31px 'bebas', arial, sans-serif;
  letter-spacing: 1px;
  margin: 0 0 7px;
  text-shadow: 1px 1px 0 #fff, 2px 2px 0 #bdced3;
  -webkit-transition: all 100ms linear 0s;
  -moz-transition: all 100ms linear 0s;
  -o-transition: all 100ms linear 0s;
  transition: all 100ms linear 0s; }

.sf-menu a:hover {
  text-decoration: none; }

.sf-menu a:hover strong {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1); }

.fix-fish-menu select {
  display: none;
  width: 100%;
  height: 28px;
  margin: 21px 0; }

/******************* SLIDER ***********/
.flex-control-nav {
  display: none; }

.flex-direction-nav {
  display: none; }

#before {
  /*background: url('../images/bg-flag.png') no-repeat;*/
  width: 100%;
  height: auto;
  float: right;
  position: absolute;
  margin-right: 0; }

#before img {
  float: right;
  margin-top: -10px; }

/******************* CONTENT ***************/
#content {
  background: url("../images/bg-content.jpg");
  padding-top: 80px; }

#left_nav {
  float: left;
  font: 1.4em/1.2em 'HelveticaNeueMd', Arial, Helvetica, sans-serif;
  text-align: right;
  text-transform: uppercase; }
.image-item {
  float: left;
  font: 1.4em/1.2em 'HelveticaNeueMd', Arial, Helvetica, sans-serif;
  text-align: right;
  text-transform: uppercase; }
#left_nav ul {
  border-top: 1px dashed #b9b6ab;
  margin: 5px 0 0 0; }
.image-item img{
	margin: 5px 0 0 0;
	 padding: 1px 0;
}

#left_nav li {
  border-bottom: 1px dashed #b9b6ab;
  list-style: none;
  font-size: 0.6em;
  padding: 1px 0; }

#left_nav a {
  color: #334e53;
  display: block;
  padding: 3px 2px; }
.image-item img {
  color: #334e53;
  display: block;
  padding: 3px 2px; }
#left_nav a:hover {
  color: #363c55;
  text-decoration: none; }

#content > .holder .text-holder {
  color: #000;
  float: right;
  padding: 0 0 0 71px;
  position: relative; }

#content > .holder .text-holder h2 {
  color: #363c55;
  font: 3.2em/1.2em 'arvil', sans-serif;
  letter-spacing: 2px;
  margin: 0 0 6px;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }

#content .text-holder .first-letter {
  background: url("../images/sprite-first-letter.png") no-repeat -49px -143px;
  height: 142px;
  left: 0;
  position: absolute;
  overflow: hidden;
  text-indent: -9999px;
  top: 9px;
  width: 59px; }

#content > .holder .text-holder p {
  font-size: 1.4em;
  line-height: 1.2em;
  margin: 0;
  text-align: justify; }
#left_nav.image-item img{
	max-width:100%;
	width:960px;	
	padding:none !important;
}
.img-responsive{
	padding:none !important;
}
[@id="left_nav"]/div/img{
	padding:none !important;
}
.title-block {
  margin-top: 30px;
  background: url("../images/pattern02.png") repeat-x 0 12px;
  text-align: center; }

.title-block h2 {
  background: url("../images/pattern04.jpg") 50% -300px;
  color: #363c55;
  display: inline-block;
  /*font-family: 'Changa One', sans-serif;
  font-weight:400;*/
  font-family:HelveticaNeueLt;
  font-size: 250%;
  padding: 0 100px 0 40px;
  vertical-align: top; }

.title-block h2 span {
  display: inline-block;
  position: relative;
  vertical-align: top; }

.title-block h2 span:after {
  background: url("../images/sprite01.png") no-repeat -129px -692px;
  content: '';
  position: absolute;
  right: -65px;
  top: -54px; }

.promo-list .box {
  cursor: pointer;
  float: left;
  height: 333px;
  padding: 25px 0 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 210px;
  -webkit-transition: all 400ms linear;
  -moz-transition: all 400ms linear;
  -ms-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear; }

.promo-list .box + .box {
  margin-left: 36px; }

.promo-list .box:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1); }

.promo-list .visual,
.services-list .holder {
  background: url("../images/sprite-promo-list.png") no-repeat 0 -428px;
  display: block;
  height: 200px;
  left: 50%;
  margin-left: -100px;
  position: absolute;
  top: 10px;
  width: 200px; }

.services-list .box:hover .click-me {
  display: block; }

.promo-list .box:hover .visual span {
  -webkit-animation: fromBottom 400ms ease;
  -moz-animation: fromBottom 400ms ease;
  -ms-animation: fromBottom 400ms ease;
  -o-animation: fromBottom 400ms ease; }

.promo-list .strategize,
.services-list .strategize .visual {
  background: url("../images/sprite-promo-list.png") no-repeat 0 -47px;
  height: 127px;
  left: 29px;
  position: absolute;
  top: 23px;
  width: 147px; }

.promo-list .box:hover .strategize,
.services-list .strategize:hover .visual {
  background-position: 0 -271px; }

.promo-list .design,
.services-list .design .visual {
  background: url("../images/sprite-promo-list.png") no-repeat -248px -58px;
  height: 116px;
  left: 27px;
  position: absolute;
  top: 34px;
  width: 150px; }

.promo-list .box:hover .design,
.services-list .design:hover .visual {
  background-position: -248px -282px; }

.promo-list .develop,
.services-list .develop .visual {
  background: url("../images/sprite-promo-list.png") no-repeat -496px -54px;
  height: 125px;
  left: 30px;
  position: absolute;
  top: 30px;
  width: 138px; }

.promo-list .box:hover .develop,
.services-list .develop:hover .visual {
  background-position: -496px -278px; }

.promo-list .nurture,
.services-list .nurture .visual {
  background: url("../images/sprite-promo-list.png") no-repeat -706px 0;
  height: 194px;
  left: -2px;
  position: absolute;
  top: -24px;
  width: 208px; }

.promo-list .box:hover .nurture,
.services-list .nurture:hover .visual {
  background-position: -706px -224px; }

.promo-list .text-holder {
  bottom: 14px;
  color: #636053;
  font-size: 13px;
  left: 0;
  line-height: 18px;
  min-height: 131px;
  position: absolute;
  width: 100%; }

.promo-list .box:hover .text-holder {
  background: url("../images/sprite01.png") no-repeat 0 -593px;
  bottom: 80px;
  color: #fbf8ec;
  height: 80px;
  min-height: 80px;
  left: 50%;
  margin-left: -75px;
  padding: 15px 0 0;
  text-transform: uppercase;
  width: 158px;
  -webkit-animation: smallToBig 300ms ease;
  -moz-animation: smallToBig 300ms ease;
  -ms-animation: smallToBig 300ms ease;
  -o-animation: smallToBig 300ms ease; }

.promo-list .more-about {
  display: none;
  font: 18px/20px 'arvil', sans-serif;
  margin: 0 0 6px; }

.promo-list .box:hover .more-about {
  display: block; }

.promo-list h3 {
  color: #363c55;
  font: 34px/37px 'arvil', sans-serif;
  letter-spacing: 4px;
  margin: 0 0 9px;
  padding: 0 0 13px;
  position: relative; }

.promo-list .box:hover h3 {
  color: #fbf8ec;
  font: 22px/24px 'bebas', sans-serif;
  letter-spacing: 0;
  margin: 0;
  padding: 0; }

.promo-list .box:hover h3:after {
  display: none; }

.promo-list h3:after {
  background: url("../images/sprite01.png") no-repeat -1px -477px;
  bottom: 0;
  content: '';
  height: 7px;
  left: 50%;
  margin-left: -55px;
  position: absolute;
  width: 110px; }

.promo-list p {
  margin: 0; }

.promo-list .box:hover p {
  display: none; }

/* dig navigation */
.dig-nav {
  background: url("../images/bg-dig-nav.png") no-repeat 50% 100%;
  margin: 0 -9999px;
  padding: 50px 10022px 83px;
  position: relative;
  overflow: hidden; }

.dig-nav:after {
  bottom: -22px;
  content: '';
  height: 138px;
  margin-right: -619px;
  position: absolute;
  right: 50%;
  width: 119px; }

.dig-nav .link {
  cursor: pointer;
  color: #7aa4b5;
  float: right;
  font: 2.0em/1.2em 'arvil', sans-serif;
  margin: -10px;
  padding: 10px;
  letter-spacing: 2px;
  position: relative;
  text-decoration: none;
  z-index: 1; }

.dig-nav .link:first-child {
  float: left;
  text-align: right; }

.dig-nav .link strong {
  color: #35525c;
  display: block;
  font: 1.6em/1.1em 'gelato', serif;
  letter-spacing: 0;
  margin: 8px 0 0; }

.dig-nav .link:hover {
  color: #4f4c51;
  text-decoration: none; }

.dig-nav .link:hover strong {
  color: #363c55; }

.text-dig-deeper {
  background: url("../images/sprite02.png") no-repeat 0 -247px;
  bottom: 78px;
  height: 88px;
  left: 50%;
  margin-left: -157px;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  width: 314px; }

/******************* FOOTER ****************/
#footer {
  background: url("../images/bg-footer.jpg") no-repeat;
  background-width: 100%;
  position: relative; }

#footer:after {
  background: url("../images/bg-shadow.html") no-repeat 50% 0;
  content: '';
  height: 26px;
  left: 50%;
  position: absolute;
  margin-left: -530px;
  top: 0;
  /*width: 1124px;*/
  z-index: 10; }

#footer > .holder {
  background: url("../images/bg-footer-holder.jpg") no-repeat 50% 0;
  height: 394px;
  margin: 20px -320px;
  padding: 44px 328px 27px 331px; }

/* proposal */
.proposal {
  background: url("../images/bg-proposal.png") no-repeat 0 100%;
  color: #e7e7e7;
  cursor: pointer;
  float: right;
  font: 24px/27px 'arvil', sans-serif;
  letter-spacing: 3px;
  margin: -30px 0 0;
  padding: 30px 10px 27px 20px;
  text-align: center;
  text-transform: uppercase;
  width: 232px; }

.proposal span {
  display: block; }

.proposal .holder {
  font-family: 'gelato', serif;
  letter-spacing: 0;
  padding: 9px 0 12px;
  text-transform: none; }

.proposal .frame {
  font: 45px/47px 'bebas', sans-serif;
  padding: 0 0 30px; }

.proposal .go {
  background: url("../images/sprite01.png") no-repeat -1px -248px;
  display: inline-block;
  line-height: 28px;
  height: 28px;
  padding: 7px 10px;
  vertical-align: top;
  width: 80px; }

.proposal:visited {
  color: #e7e7e7; }

.proposal:hover {
  background-position: 100% 100%;
  text-decoration: none;
  color: #e7e7e7; }

.proposal:hover .go {
  background-position: -1px -205px; }

#footer .copyright {
  padding-top: 20px;
  color: #e7e7e7;
  font-size: 11px; }

#footer .copyright a {
  color: #e7e7e7;
  font-size: 11px; }

#footer .copyright a:hover {
  color: #5D5D5D; }

#footer .copyright img {
  margin-bottom: 10px; }

#footer .container {
  padding: 30px 0; }

#secondary-nav {
  float: left; }

#secondary-nav ul li {
  display: inline-block;
  font-size: 0.8em; }

#secondary-nav ul li a, #secondary-nav ul li a:visited, #secondary-nav ul li a:active {
  color: #e7e7e7;
  margin: 0 10px; }

#footer-social li, #social-icons li {
  list-style-type: none;
  background-image: url("../images/icons/social.png");
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  margin-left: 5px; }

/*#social-icons { float:right; }*/
#footer-social {
  float: right;
  margin-top: 16px;
  margin-bottom: 0; }

#footer-social li, #footer-social a, #social-icons li, #social-icons a {
  width: 26px;
  height: 26px;
  float: left; }

#footer-social li, #social-icons li {
  background-color: #c0c5c9; }

#footer-social .behance, #social-icons .behance {
  background-position: 0 0; }

#footer-social .rss, #social-icons .rss {
  background-position: -26px 0; }

#footer-social .twitter-alt, #social-icons .twitter-alt {
  background-position: -52px 0; }

#footer-social .linkedin, #social-icons .linkedin {
  background-position: -78px 0; }

#footer-social .tumblr, #social-icons .tumblr {
  background-position: -104px 0; }

#footer-social .dribbble, #social-icons .dribbble {
  background-position: -130px 0; }

#footer-social .facebook, #social-icons .facebook {
  background-position: -156px 0; }

#footer-social .google, #social-icons .google {
  background-position: -182px 0; }

#footer-social .skype, #social-icons .skype {
  background-position: -208px 0; }

#footer-social .deviant, #social-icons .deviant {
  background-position: -234px 0; }

#footer-social .twitter, #social-icons .twitter {
  background-position: 0 -26px; }

#footer-social .vimeo, #social-icons .vimeo {
  background-position: -26px -26px; }

#footer-social .flickr, #social-icons .flickr {
  background-position: -52px -26px; }

#footer-social .behance:hover, #social-icons .behance:hover {
  background-color: #1769FF; }

#footer-social .rss:hover, #social-icons .rss:hover {
  background-color: #f38f36; }

#footer-social .twitter-alt:hover, #social-icons .twitter-alt:hover {
  background-color: #33ccff; }

#footer-social .linkedin:hover, #social-icons .linkedin:hover {
  background-color: #069; }

#footer-social .tumblr:hover, #social-icons .tumblr:hover {
  background-color: #497392; }

#footer-social .dribbble:hover, #social-icons .dribbble:hover {
  background-color: #cc3a70; }

#footer-social .facebook:hover, #social-icons .facebook:hover {
  background-color: #7c9ec7; }

#footer-social .google:hover, #social-icons .google:hover {
  background-color: #d85237; }

#footer-social .skype:hover, #social-icons .skype:hover {
  background-color: #00aff0; }

#footer-social .deviant:hover, #social-icons .deviant:hover {
  background-color: #cfdd20; }

#footer-social .twitter:hover, #social-icons .twitter:hover {
  background-color: #33ccff; }

#footer-social .vimeo:hover, #social-icons .vimeo:hover {
  background-color: #0dadd6; }

#footer-social .flickr:hover, #social-icons .flickr:hover {
  background-color: #ff0084; }

/******************* IMAGE BLOCKS ****************/
img.border, iframe.border {
  border: 1px solid #e7e7e7;
  padding: 6px; }

div.four-column {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  position: relative; }

div.column-last {
  margin-right: 0; }

.four-column img {
  display: block;
  width: 137px;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear; }

.four-column .description {
  font-size: 11px;
  color: #ABABAB;
  margin-bottom: 0;
  margin-top: 6px;
  text-align: center; }

.four-column .zoom-icon {
  width: 27px;
  height: 27px;
  background-image: url("../images/icons/sprites.png");
  background-repeat: no-repeat;
  background-position: -25px -759px;
  position: absolute;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear; }

.four-column:hover .mask .zoom-icon {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg); }

/* #Page Styles
================================================== */
/******************* PAGE ENTRY ****************/
.entry-page {
  width: 680px;
  position: relative;
  margin-bottom: 50px; }

[class^="collapse-"] .active, [class*="collapse-"] .active {
  background-position: 0 -21px;
  padding-left: 25px; }

.collapse-styling .active {
  background-position: 0 -142px;
  padding-left: 25px; }

.col {
  float: left;
  width: 210px;
  margin-right: 30px; }

.disclaim {
  margin: 10px;
  padding: 10px;
  background: red; }

[class^="collapse-"] h6, [class*="collapse-"] h6 {
  /*	padding: 5px 5px 6px 5px;*/
  cursor: pointer;
  background: url("../images/icons/state.html") no-repeat 0 5px;
  display: block;
  text-decoration: none;
  margin: 0;
  margin-top: 10px;
  padding-left: 25px;
  border: 1px solid #E6E5E5;
  font-size: 12px;
  color: #555;
  -webkit-transition: background-color 0.3s linear;
  -moz-transition: background-color 0.3s linear;
  -ms-transition: background-color 0.3s linear;
  -o-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear; }

.collapse-styling h6 {
  /*	padding: 5px 5px 6px 5px;*/
  cursor: pointer;
  background: url("../images/icons/state.html") no-repeat 0 -115px;
  display: block;
  text-decoration: none;
  margin: 0;
  margin-top: 10px;
  padding-left: 25px;
  border: 1px solid #E6E5E5;
  -webkit-transition: background-color 0.3s linear;
  -moz-transition: background-color 0.3s linear;
  -ms-transition: background-color 0.3s linear;
  -o-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear; }

.collapse-demo1, .collapse-demo2, .collapse-styling {
  margin-bottom: 25px; }

[class^="collapse-"] h6 a, [class*="collapse-"] h6 a {
  text-decoration: none;
  height: 29px;
  display: block;
  line-height: 30px; }

.collapse-demo1 h6:hover, .collapse-demo2 h6:hover, .collapse-styling h6:hover {
  color: #BF252F;
  text-decoration: none;
  background-color: #f9f9f9; }

.toggle-content {
  padding: 15px;
  border: 1px solid #E6E5E5;
  border-top: none; }

.title-box {
  background-color: rgba(255, 255, 255, 0.5);
  color: white;
  z-index: 999;
  border-top: 1px solid #9abfde;
  border-bottom: 1px solid #9abfde; }

.title-box h1 {
  color: #363c55;
  /*font-family: 'Changa One', sans-serif;
  font-weight:400;*/
  font-family:HelveticaNeueMd;
  font-size: 300%;
  text-align: center;
  padding-top: 20px; }

.title-box h2 {
  color: #007ae6;
  font-family: 'arvil';
  text-align: center;
  font-size: 250%; }

.text-block {
  margin-top: 20px;
  padding-right: 20px;
  border-right: 1px solid #007ae6; }

.aside {
  margin-top: 20px;
  padding-left: 10px; 
}
.aside span {
  font-weight: bold;
}
p .testimonial {
  text-transform: italic;
}
.history-block h3 {
  font-family: 'bebas';
  font-weight: normal; }

/* 
   ---------------------------------------------------------------------------------------------------------
	Contacts
   ---------------------------------------------------------------------------------------------------------		
*/
.contacts-block {
  position: relative;
  display: block;
  margin-top: 30px; }

:invalid {
  box-shadow: none; }

.notification_ok {
  border: 1px solid #e1e0e0;
  background: #fafafa;
  height: auto;
  padding: 8px;
  text-align: center;
  color: green;
  margin-bottom: 15px; }

.notification_error {
  border: 1px solid #e1e0e0;
  background: #fafafa;
  height: auto;
  padding: 5px;
  text-align: left;
  margin-bottom: 15px;
  color: red; }

.HDVideos {
	width: 560px;
	height:315px;
}

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .html5-video-container object, .html5-video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
  #info-block ul li > div {
    height: 65px;
    width: 478px; }

  .resize {
    display: none; }

  /* Force table to not be like tables anymore */
  table, thead, tbody, th, td, tr {
    display: block; }

  /* Hide table headers (but not display: none;, for accessibility) */
  thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }

  tr {
    border: 1px solid #ccc; }

  td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%; }

  td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap; }

  /*
  Label the data
  */
  td:nth-of-type(1):before {
    content: "First Name"; }

  td:nth-of-type(2):before {
    content: "Last Name"; }

  td:nth-of-type(3):before {
    content: "Job Title"; }

  td:nth-of-type(4):before {
    content: "Favorite Color"; }

  td:nth-of-type(5):before {
    content: "Wars of Trek?"; }

  td:nth-of-type(6):before {
    content: "Nick Name"; }

  td:nth-of-type(7):before {
    content: "Date of Birth"; }

  td:nth-of-type(8):before {
    content: "Dream Vacation City"; }

  td:nth-of-type(9):before {
    content: "GPA"; }

  td:nth-of-type(10):before {
    content: "Arbitrary Data"; }

  .resize {
    display: none; } }
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  	.container {text-align:center;}

	.container img {max-width:45%; height:auto;}
  
  #latest-projects .block, #latest-posts .block, .portfolio-4 .block {
    width: 167px;
    height: 155px; }

  #latest-projects .stack, #latest-posts .stack, .portfolio-4 .stack {
    width: 167px;
    height: 155px; }

  #latest-projects .block img, #latest-posts .block img, .portfolio-4 .block img {
    width: 155px;
    height: 143px; }

  #latest-projects .block .mask, #latest-posts .block .mask, .portfolio-4 .block .mask {
    width: 155px;
    height: 143px; }

  .portfolio-3 .block, .portfolio-3 .stack {
    width: 231px;
    height: 215px; }

  .portfolio-3 .block img, .portfolio-3 .block .mask, .portfolio-3 .block iframe {
    width: 219px;
    height: 203px; }

  .jcarousel-skin-tango .jcarousel-item {
    width: 172px !important; }

  .jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 20px; }

  #clients .block {
    width: 170px; }

  #clients .block img {
    width: 170px; }

  #latest-projects .block iframe, #latest-posts .block iframe, .portfolio-4 .block iframe {
    width: 155px;
    height: 143px; }

  #top-panel .location-map iframe {
    width: 172px;
    height: 200px; }

  #contacts-form input[type=text], #contacts-form input[type=password], #contacts-form input[type=email] {
    width: 162px; }

  #contacts-form textarea {
    width: 354px; }

  #latest-posts .mejs-container {
    width: 137px !important; }

  #latest-posts .block .text {
    height: 80px; }

  .image-post {
    width: 530px; }

  .entry-post {
    /*width: 536px;*/ }

  .entry-post .stack {
    width: 512px;
    height: 248px; }

  .meta-post .tags {
    display: none; }

  .meta-post {
    width: 94%; }

  .image-post iframe {
    height: 295px; }

  .format-video .stack {
    height: 278px; }

  .format-audio .stack {
    height: 61px; }

  .format-quote .stack {
    height: 122px; }

  .format-link .stack {
    height: 72px; }

  .format-aside .stack {
    height: 60px; }

  .format-audio .audio-wrapper {
    width: 462px; }

  .format-quote .image-post {
    height: 165px; }

  .format-quote .stack {
    height: 148px; }

  .format-aside .image-post {
    height: 95px; }

  .format-aside .stack {
    height: 78px; }

  #slidesjs-container img {
    height: 265px; }

  #slidesjs-container, .slides_container {
    height: 265px; }

  .format-gallery img {
    width: 530px; }

  .format-gallery .image-post {
    height: 265px; }

  .thumbs li img {
    width: 66px;
    height: 66px; }

  #searchform input[type=text] {
    padding-right: 0;
    width: 162px;
    background-position: 141px -759px; }

  .four-column img {
    width: 236px; }

  .portfolio-4 .mask .link-icon {
    top: 117px;
    left: 129px; }

  .portfolio-3 .mask .link-icon {
    top: 177px;
    left: 193px; }

  .portfolio-4 .columns:hover .mask .zoom-icon {
    top: 58px;
    left: 56px; }

  .portfolio-4 .columns:hover .mask .link-icon {
    top: 58px;
    left: 88px; }

  .portfolio-3 .column:hover .mask .zoom-icon {
    top: 88px;
    left: 80px; }

  .portfolio-3 .column:hover .mask .link-icon {
    top: 88px;
    left: 112px; }

  .portfolio-4 .stack .title {
    width: 140px; }

  .portfolio-3 .stack .title {
    width: 205px; }

  .image-item {
    width: 542px; }

  .format-video .image-item {
    height: 302px; }

  .format-gallery .image-item img {
    width: 542px; }

  .items-info {
    width: 116px; }

  .format-gallery .image-item {
    height: 265px; }

  .text-item {
    padding-right: 0; }

  .divider-item-1px {
    margin-top: 50px !important; }

  .google-map iframe {
    width: 542px; }

  #contacts-form-main input[type=text], #contacts-form-main input[type=password], #contacts-form-main input[type=email] {
    width: 258px; }

  #contacts-form-main textarea {
    width: 547px; }

  #products .slides_container {
    width: 555px;
    height: 292px; }

  #products .slides_control img {
    height: 278px;
    width: 541px; }

  #products a.prev, #products a.next {
    top: 255px; }

  #products a.prev {
    left: 477px; }

  #products a.next {
    left: 510px; }

  #products .pagination {
    padding-left: 0px; }

  #products .pagination li a {
    width: 170px; }

  #products .pagination li img {
    width: 170px; }
/* All Mobile Sizes (devices and browser) */
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #latest-projects .block, #latest-posts .block, .portfolio-4 .block {
    width: 195px;
    height: inherit; }

  #latest-projects .stack, #latest-posts .stack, .portfolio-4 .stack {
    width: 195px;
    height: 181px; }

  #latest-projects .block img, #latest-posts .block img, .portfolio-4 .block img {
    width: 183px;
    height: 169px; }

  #latest-projects .block .mask, #latest-posts .block .mask, .portfolio-4 .block .mask {
    width: 183px;
    height: 169px; }

  .portfolio-4 .block, .portfolio-3 .block {
    width: 185px;
    height: inherit; }

  .portfolio-4 .stack, .portfolio-3 .stack {
    width: 185px;
    height: 172px; }

  .portfolio-4 .block img, .portfolio-3 .block img {
    width: 173px;
    height: 160px; }

  .portfolio-4 .block .mask, .portfolio-3 .block .mask {
    width: 173px;
    height: 160px; }

  .portfolio-4 .block iframe, .portfolio-3 .block iframe {
    width: 173px;
    height: 160px; }

  .item-block {
    width: 190px !important;
    margin: 0 10px 30px 10px !important; }

  #clients .block {
    width: 198px;
    height: inherit; }

  #clients .block img {
    width: 198px; }

  .jcarousel-skin-tango .jcarousel-item {
    width: 200px !important; }

  .jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 20px; }

  #nav {
    display: none; }

  #secondary-nav {
    display: none; }

  #footer-social {
    float: left; }

  .jcarousel-skin-tango .jcarousel-next-horizontal {
    right: 0; }

  .jcarousel-skin-tango .jcarousel-prev-horizontal {
    right: 43px; }

  #info-block ul li > div {
    height: 65px;
    width: 420px; }

  #latest-projects .block iframe, #latest-posts .block iframe {
    width: 183px;
    height: 169px; }

  .fix-fish-menu select {
    display: block; }

  #menu {
    float: none; }

  .ribbon-front {
    left: 1px; }

  .ribbon-edge-topleft, .ribbon-edge-bottomleft {
    display: none; }

  #footer-social li {
    margin-right: 5px;
    margin-left: 0px; }

  #top-panel .columns {
    margin-bottom: 20px; }

  #top-panel .location-map iframe {
    width: 420px;
    height: 200px; }

  #contacts-form input[type=text], #contacts-form input[type=password], #contacts-form input[type=email] {
    width: 190px; }

  #contacts-form textarea {
    width: 410px; }

  #contact-info li {
    width: 165px;
    padding-right: 20px; }

  #latest-posts .mejs-container {
    width: 165px !important; }

  #latest-posts .block .text {
    height: 110px; }

  #latest-posts .block {
    width: 195px;
    height: 181px; }

  .image-post {
    width: 394px; }

  .entry-post {
    width: 420px; }

  .entry-post .stack {
    width: 376px;
    height: 180px; }

  .meta-post .tags {
    display: none; }

  .meta-post {
    width: 92%; }

  .image-post iframe {
    height: 225px; }

  .format-audio .stack {
    height: 60px; }

  .format-quote .stack {
    height: 122px; }

  .format-link .stack {
    height: 72px; }

  .format-aside .stack {
    height: 60px; }

  #sidebar, #sidebar-left {
    margin-top: 50px; }

  .format-video .stack {
    height: 208px; }

  .format-audio .audio-wrapper {
    width: 326px; }

  .format-quote .image-post {
    height: 190px; }

  .format-quote .stack {
    height: 172px; }

  .format-aside .image-post {
    height: 95px; }

  .format-aside .stack {
    height: 77px; }

  #slidesjs-container img {
    height: 197px; }

  #slidesjs-container, .slides_container {
    height: 197px; }

  .format-gallery img {
    width: 394px; }

  .format-gallery .image-post {
    height: 197px; }

  .thumbs li img {
    width: 67px;
    height: 67px; }

  #searchform input[type=text] {
    width: 379px;
    background-position: 383px -759px; }

  .widget.video iframe {
    height: 200px; }

  .four-column img {
    width: 168px; }

  #comments-block {
    width: 420px; }

  #comments-form {
    width: 420px; }

  #comments-form textarea {
    width: 410px; }

  .portfolio-4 .mask .link-icon, .portfolio-3 .mask .link-icon {
    top: 134px;
    left: 147px; }

  .portfolio-4 .columns:hover .mask .zoom-icon, .portfolio-3 .column:hover .mask .zoom-icon {
    top: 67px;
    left: 57px; }

  .portfolio-4 .columns:hover .mask .link-icon, .portfolio-3 .column:hover .mask .link-icon {
    top: 67px;
    left: 89px; }

  .portfolio-4 .stack .title {
    width: 160px; }

  .portfolio-3 .stack .title {
    width: 160px; }

  .image-item {
    width: 406px; 
	}
     .image-item {
    width: 406px; 
	margin-right:20px;
	}
  .image-item .mask {
    width: 406px;
    height: 203px; }

  .format-video .image-item {
    height: 235px; }

  .format-gallery .image-item img {
    width: 406px; }

  .format-gallery .image-item {
    height: 197px; }

  .items-info {
    width: 364px; }

  .text-item {
    padding-right: 0; }

  .divider-item-1px {
    margin-top: 50px !important; }

  #menu {
    margin-top: 0px; }

  #topcontrol {
    display: none; }

  .google-map iframe {
    width: 406px; }

  #contacts-form-main input[type=text], #contacts-form-main input[type=password], #contacts-form-main input[type=email] {
    width: 190px; }

  #contacts-form-main textarea {
    width: 410px; }

  #products .slides_container {
    width: 420px;
    height: 221px; }

  #products .slides_control img {
    height: 207px;
    width: 406px; }

  #products a.prev, #products a.next {
    top: 185px; }

  #products a.prev {
    left: 342px; }

  #products a.next {
    left: 375px; }

  #products .pagination {
    padding-left: 0px; }

  #products .pagination li a {
    width: 203px; }

  #products .pagination li img {
    width: 203px; }

  #products .pagination {
    margin-top: 20px; } }
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {  
  .HDVideos {
	width: 380px;
	height:214px;
}
  #nav {
    display: none; }

  #secondary-nav {
    display: none; }

  #footer-social {
    float: left; }

  .jcarousel-skin-tango .jcarousel-next-horizontal {
    right: 0; }

  .jcarousel-skin-tango .jcarousel-prev-horizontal {
    right: 43px; }

  .jcarousel-skin-tango .jcarousel-item {
    width: 300px !important; }

  .jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 20px; }

  #latest-projects .block, #latest-posts .block, .portfolio-4 .block {
    width: 295px;
    height: inherit; }

  #latest-projects .stack, #latest-posts .stack, .portfolio-4 .stack {
    width: 295px;
    height: 274px; }

  #latest-projects .block img, #latest-posts .block img, .portfolio-4 .block img {
    width: 283px;
    height: 262px; }

  #latest-projects .block .mask, #latest-posts .block .mask, .portfolio-4 .block .mask {
    width: 283px;
    height: 261px; }

  .nav-projects .viewall {
    display: none; }

  #clients .block {
    width: 298px; }

  #clients .block img {
    width: 298px; }

  #info-block ul li > div {
    height: 85px;
    width: 270px; }

  #latest-projects .block iframe, #latest-posts .block iframe, .portfolio-4 .block iframe {
    width: 283px;
    height: 262px; }

  .fix-fish-menu select {
    display: block; }

  #menu {
    float: none; }

  #clients .columns {
    padding-bottom: 20px; }

  .ribbon-front {
    left: 1px; }

  .ribbon-edge-topleft, .ribbon-edge-bottomleft {
    display: none; }

  #footer-social li {
    margin-right: 5px;
    margin-left: 0px; }

  #top-panel .columns {
    margin-bottom: 20px; }

  #contacts-form input[type=text], #contacts-form input[type=password], #contacts-form input[type=email] {
    width: 130px; }

  #contacts-form textarea {
    width: 290px; }

  #contact-info li {
    width: 275px; }

  #latest-posts .mejs-container {
    width: 265px !important; }

  #latest-posts .block .text {
    height: 200px; }

  #latest-posts .block {
    width: 295px;
    height: 274px; }

  .image-post {
    width: 274px; }

  .entry-post {
    width: 300px; }

  .entry-post .stack {
    width: 256px;
    height: 120px; }

  .meta-post .tags, .meta-post .comments, .meta-post .author {
    display: none; }

  .meta-post {
    width: 90%; }

  .image-post iframe {
    height: 159px; }

  .format-audio .stack {
    height: 60px; }

  .format-link .stack {
    height: 72px; }

  .format-aside .stack {
    height: 60px; }

  #sidebar, #sidebar-left {
    margin-top: 50px; }

  .format-video .stack {
    height: 144px; }

  .format-audio .audio-wrapper {
    width: 206px; }

  .format-quote .image-post {
    height: 265px; }

  .format-quote .stack {
    height: 247px; }

  .format-aside .image-post {
    height: 116px; }

  .format-aside .stack {
    height: 98px; }

  #slidesjs-container img {
    height: 137px; }

  #slidesjs-container, .slides_container {
    height: 137px; }

  .format-gallery .image-post {
    height: 137px; }

  .format-gallery img {
    width: 274px; }

  ul.nav-pagination li {
    margin-right: 4px; }

  ul.nav-pagination li.last {
    margin-right: 0 !important; }

  #searchform input[type=text] {
    width: 270px;
    background-position: 270px -759px; }

  .widget.video iframe {
    height: 200px; }

  .four-column img {
    width: 270px; }

  #comments-block {
    width: 300px; }

  #comments-form {
    width: 300px; }

  #comments-form textarea {
    width: 290px; }

  .portfolio-4 .mask .link-icon, .portfolio-3 .mask .link-icon {
    top: 236px;
    left: 257px; }

  .portfolio-4 .columns:hover .mask .zoom-icon, .portfolio-3 .column:hover .mask .zoom-icon {
    top: 117px;
    left: 113px; }

  .portfolio-4 .columns:hover .mask .link-icon, .portfolio-3 .column:hover .mask .link-icon {
    top: 117px;
    left: 145px; }

  .item-block {
    margin-bottom: 30px !important; }

  .portfolio-4 .stack .title {
    width: 265px; }

  .portfolio-3 .stack .title {
    width: 265px; }

  .image-item {
    width:286px; 
	margin-left:-40px!important;
	}
   div.image-item img.img-responsive{
    width:286px; 
	margin-left:-40px!important;
	}
  .image-item .mask {
    width: 286px;
    height: 143px; }

  .format-video .image-item {
    height: 165px; }

  .format-gallery .image-item img {
    width: 286px; }

  .format-gallery .image-item {
    height: 137px; }

  .items-info {
    width: 244px; }

  .text-item {
    padding-right: 0; }

  .divider-item-1px {
    margin-top: 50px !important; }

  #menu {
    margin-top: 0px; }

  #topcontrol {
    display: none; }

  .google-map iframe {
    width: 286px; }

  #contacts-form-main input[type=text], #contacts-form-main input[type=password], #contacts-form-main input[type=email] {
    width: 290px; }

  #contacts-form-main textarea {
    width: 290px; }

  #products .slides_container {
    width: 300px;
    height: 158px; }

  #products .slides_control img {
    height: 144px;
    width: 286px; }

  #products a.prev, #products a.next {
    top: 122px; }

  #products a.prev {
    left: 222px; }

  #products a.next {
    left: 255px; }

  #products .pagination {
    padding-left: 0px; }

  #products .pagination li a {
    width: 143px; }

  #products .pagination li img {
    width: 143px; }

  #products .pagination {
    margin-top: 20px; } }
/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */
/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/
#options {
  width: 457px;
  margin: 20px auto;
  text-align: right;
  color: #9ac1c9; }

#options a {
  text-decoration: none;
  color: #9ac1c9; }

#options a:hover {
  color: #033; }

#acc {
  width: 457px;
  list-style: none;
  color: #033;
  margin: 0 auto 40px; }

#acc h3 {
  width: 443px;
  border: 1px solid #9ac1c9;
  padding: 6px 6px 8px;
  font-weight: bold;
  margin-top: 5px;
  cursor: pointer;
  background: url(images/header.html); }

#acc h3:hover {
  background: url(images/header_over.html); }

#acc .acc-section {
  overflow: hidden;
  background: #fff; }

#acc .acc-content {
  width: 425px;
  padding: 15px;
  border: 1px solid #9ac1c9;
  border-top: none;
  background: #fff; }

#nested {
  width: 425px;
  list-style: none;
  color: #033;
  margin-bottom: 15px; }

#nested h3 {
  width: 411px;
  border: 1px solid #9ac1c9;
  padding: 6px 6px 8px;
  font-weight: bold;
  margin-top: 5px;
  cursor: pointer;
  background: url(images/header.html); }

#nested h3:hover {
  background: url(images/header_over.html); }

#nested .acc-section {
  overflow: hidden;
  background: #fff; }

#nested .acc-content {
  width: 393px;
  padding: 15px;
  border: 1px solid #9ac1c9;
  border-top: none;
  background: #fff; }

#nested .acc-selected {
  background: url(images/header_over.html); }

/* ------------------------------------------------
				Video Embed
------------------------------------------------- */
.video-outer {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  height: 0;
  border: 1px solid #807e75; }

.video-outer iframe,
.video-outer object,
.video-outer embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* video fixed width wrappers */
.video-inner {
  padding-top: 120px;
  width: 960px;
  max-width: 100%; }

/* ------------------------------------------------
				Stupid IE
------------------------------------------------ */
.ie.ie8 .jcarousel-item .ribbon-wrapper, .ie.ie7 .jcarousel-item .ribbon-wrapper {
  display: none; }

.ie.ie8 .columns:hover .ribbon-wrapper, .ie.ie7 .columns:hover .ribbon-wrapper {
  display: block; }

.ie.ie8 .portfolio-4 .mask .zoom-icon,
.ie.ie8 .portfolio-4 .mask .link-icon,
.ie.ie8 .portfolio-3 .mask .zoom-icon,
.ie.ie8 .portfolio-3 .mask .link-icon,
.ie.ie8 .image-item .zoom-icon {
  display: none; }

.ie.ie8 .portfolio-4 .columns:hover .mask .zoom-icon,
.ie.ie8 .portfolio-4 .columns:hover .mask .link-icon,
.ie.ie8 .portfolio-3 .column:hover .mask .zoom-icon,
.ie.ie8 .portfolio-3 .column:hover .mask .link-icon,
.ie.ie8 .image-item:hover .zoom-icon {
  display: block; }

/* animations style */
@-moz-keyframes cloudAnimation {
  from {
    -moz-transform: translate(0px, 0px);
    opacity: 1; }

  49.5% {
    -moz-transform: translate(-990px, 0px);
    opacity: 0.5; }

  50% {
    -moz-transform: translate(-990px, 0px);
    opacity: 0; }

  51% {
    -moz-transform: translate(740px, 0px);
    opacity: 0; }

  52% {
    -moz-transform: translate(740px, 0px);
    opacity: 0.5; }

  to {
    -moz-transform: translate(0px, 0px);
    opacity: 1; } }

@-webkit-keyframes cloudAnimation {
  from {
    -webkit-transform: translate(0px, 0px);
    opacity: 1; }

  49.5% {
    -webkit-transform: translate(-990px, 0px);
    opacity: 0.5; }

  50% {
    -webkit-transform: translate(-990px, 0px);
    opacity: 0; }

  51% {
    -webkit-transform: translate(740px, 0px);
    opacity: 0; }

  52% {
    -webkit-transform: translate(740px, 0px);
    opacity: 0.5; }

  to {
    -webkit-transform: translate(0px, 0px);
    opacity: 1; } }

@-ms-keyframes cloudAnimation {
  from {
    -ms-transform: translate(0px, 0px);
    opacity: 1; }

  49.5% {
    -ms-transform: translate(-990px, 0px);
    opacity: 0.5; }

  50% {
    -ms-transform: translate(-990px, 0px);
    opacity: 0; }

  51% {
    -ms-transform: translate(740px, 0px);
    opacity: 0; }

  52% {
    -ms-transform: translate(740px, 0px);
    opacity: 0.5; }

  to {
    -ms-transform: translate(0px, 0px);
    opacity: 1; } }