div.top-line {  /* The background image must be 800px wide */
 max-width: 100%px;
 _background-color: #A50034;
 background-color: #de2346;
 border-bottom: 1px solid #eee;
 height: 30px;
}
.f-nav {
 z-index: 9999;
 position: fixed;
 left: 0;
 right:0;
 top: 0;
 _width: 940px;
 background-color: #fff;
 border-bottom: 3px solid #001A72;
} /* this make our menu fixed top */
#telefon {
 float: right;
 margin-right:10px;
 margin-top:5px;
 color:#fff;
}
.telefon::before {
 content: "";
 color:#001A72;
}
#eposta {
 float: right;
 margin-right:10px;
 margin-top:5px;
 color:#fff;
}
.eposta::before {
 content: "";
 color:#001A72;
}
/* #Site Styles================================================== */
.colored-bg {
 background-color:#de2346;
} /**/
.btop-1px {
 border-top: 1px solid #e7e7e7;
 margin-top:1px;
}
.bbottom-1px {
 border-bottom: 1px solid #e7e7e7;
 margin-bottom:1px;
}
.bbottom-1px-title {
 border-bottom: 1px solid #e7e7e7;
 padding-bottom:10px;
}
.divider-blog-1px {
 border-bottom: 1px dotted #e7e7e7;
 margin-top:36px;
 height: 1px;
}
.divider-page-1px {
 border-bottom: 1px dotted #e7e7e7;
 margin-top:50px;
 margin-bottom:50px;
 height: 1px;
}
.divider-item-1px {
 border-bottom: 1px dotted #e7e7e7;
 margin-top:29px;
 margin-bottom: 3px;
 height: 1px;
}
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;
}
/* ------------------------------------------------				Icons------------------------------------------------ */
[class^="icon-big-"], [class*=" icon-big-"], [class^="icon-"], [class*=" icon-"] {
 display: inline-block;
 line-height: 25px;
 vertical-align: text-top;
 background-image: url('../images/icons/sprites.png');
 background-position: 0 -55px;
 background-repeat: no-repeat;
 margin-right: 5px;
}
[class^="icon-"], [class*=" icon-"] {
 width: 20px;
 height: 18px;
}
[class^="icon-big"], [class*=" icon-big"] {
 width: 25px;
 height: 25px;
}
.icon-big-lamp {
 background-position: 0 -55px;
}
.icon-big-polaroid {
 background-position: -25px -55px;
}
.icon-big-film {
 background-position: -50px -55px;
}
.icon-big-lightbulb {
 background-position: -75px -55px;
}
.icon-purchase {
 background-position: 0px -106px;
}
.resize {
 position: fixed;
 bottom: 0;
 right: 0;
 height: 80px;
 width: 80px;
 background: url('../images/resize.png');
}
#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;
}
.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:#F7F8F7;
 border-bottom: 5px solid #de2346;
 position:relative;
 width:100%;
}
#top-panel .panel {
 display:none;
 padding:16px 0 30px 0;
}
#top-panel .toggle {
 bottom:-30px;
 cursor:pointer;
 height:25px;
 position:absolute;
 right:30px;
 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;
}
#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);
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#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;
}
#slider-wrapper {
 background-color:#f7f8f7;
 /*	border-style:double;	border-top-width: 3px;	border-bottom-width: 3px;*/	
 border-top: 1px solid #e7e7e7;
 border-bottom: 1px solid #e7e7e7;	/*	height:400px;*/
 width:100%;
}
#separator {
 _background-color:#001A72;
 background-color:#314675;
 /*	border-style:double;	border-top-width: 3px;	border-bottom-width: 3px;*/	
 border-top: 1px solid #e7e7e7;
 border-bottom: 1px solid #001A72;	
 /*	height:400px;*/
 width:100%;
}
.page-title {
 font-size: 27px;
 font-family: verdana;
 color:#fff;
 _text-shadow: 2px 2px 4px red;
}
/******************* CTA BLOCK ****************/
#cta-block {
 padding:25px 0;
 text-align:center;
}
#cta-block h5 {
 color:#898a8a;
 font-family: 'Quicksand', sans-serif;
 font-size: 20px;
 line-height: 30px;
}
/******************* MENU ****************/
.fix-fish-menu {
 position:relative;
 z-index: 9000;
}
#menu-wrapper {
}
#menu {
 float: right;
 background:#FFF;
 margin-top:15px;
 font-size: 13px;
 font-weight: 400;
}
/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {
 margin: 0;
 padding: 0;
 list-style: none;
}
.sf-menu li {
 position: relative;
}
.sf-menu ul {
 position: absolute;
 display: none;
 top: 100%;
 left: 0;
 z-index: 99;
}
.sf-menu > li {
 float: left;
}
.sf-menu li:hover > ul,.sf-menu li.sfHover > ul {
 display: block;
}
.sf-menu a {
 display: block;
 position: relative;
}
.sf-menu ul ul {
 top: 0;
 left: 100%;
}
/*** DEMO SKIN ***/
.sf-menu {
 float: left;
 margin-bottom: 1em;
}
.sf-menu ul {
 box-shadow: 2px 2px 6px rgba(0,0,0,.2);
 min-width: 12em; 
 /* allow long menu items to determine submenu width */
 *width: 12em;
 /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
 zoom: 1; /* IE7 */
 border-left: 1px solid #fff;
 padding: 0.75em 1em;
 text-decoration: none;
 color: #565656;
 font-size: 14px;
 font-weight: 300;
 letter-spacing: 0px;
 text-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.sf-menu li {
 _background: #BDD2FF;
 white-space: nowrap; /* no need for Supersubs plugin */
 *white-space: normal; /* ...unless you support IE7 (let it wrap) */
 -webkit-transition: background .2s;
 transition: background .2s;
}
.sf-menu ul li {
 background: #AABDE6;
}
.sf-menu ul ul li {
 background: #9AAEDB;
}
.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:hover {
 background: #de2346;
 _background: #A50034;
 color: #fff;	/* only transition out, not in */
 -webkit-transition: none;
 transition: none;
}
/*** arrows (for all except IE7) **/.sf-arrows .sf-with-ul {
 padding-right: 2.5em;
 *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
 content: '';
 position: absolute;
 top: 50%;
 right: 1em;
 margin-top: -3px;
 height: 0;
 width: 0;	/* order of following 3 rules important for fallbacks to work */
 border: 5px solid transparent;
 border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
 border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,.sf-arrows > li:hover > .sf-with-ul:after,.sf-arrows > .sfHover > .sf-with-ul:after {
 border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
 margin-top: -5px;
 margin-right: -3px;
 border-color: transparent;
 border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
 border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,.sf-arrows ul li:hover > .sf-with-ul:after,.sf-arrows ul .sfHover > .sf-with-ul:after {
 border-left-color: white;
}
ul.sf-menu li.active a {
 color:#001A72!important;
}
ul.sf-menu li.active {
 text-transform: uppercase;
}
.sf-menu a, .sf-menu a:visited  {
}
.fix-fish-menu select {
 display: none;
 width:  100%;
 height: 28px;
 margin: 21px 0;
}
/******************* BOTTOM MENU ****************/
#secondary-nav {
 border-bottom: 1px solid #e7e7e7;
 position: relative;
}
#secondary-nav li {
 float: left;
 list-style-type: none;
 margin-left: 27px;
}
#secondary-nav ul {
 float:right;
 margin-bottom: 0px;
}
#secondary-nav li a {
 color:#898a8a;
 text-decoration:none;
}
#secondary-nav li a:hover {
 color:#333;
}
.gray-dash-3px {
 border-bottom: 3px solid #b9b9b9;
 position:absolute;
 width:40px;
 height:3px;
 right: 0;
 bottom: -3px;
}
#top-panel .gray-dash-3px {
 border-bottom: 3px solid #b9b9b9;
 position:absolute;
 width:40px;
 height:3px;
 right: 0;
 top: 27px;
}
/******************* INFO BLOCK ****************/
#info-block {
 margin-top: 50px;
}
#info-block ul {
 float: left;
 margin-bottom:0;
}
#info-block ul li {
 float: left;
 margin-right: 20px;
}
#info-block ul li > div {
 float: left;
 height: 85px;
 width: 295px;
}
#info-block ul li h4 {
 font-size: 18px;
 line-height: 24px;
 margin-bottom: 0px;
}
#info-block ul li p {
 padding-left: 30px;
}
/******************* TESTIMONIALS ****************/
#testimonials-block {
 font-style:italic;
}
#testimonials-block .content {
 float: left;
}
#testimonials-block .content::before {
 background: url('../images/icons/sprites.png') 0 -395px no-repeat;
 content: '\0020';
 display: block;
 float: left;
 height: 14px;
 padding-right: 5px;
 position: relative;
 top: 3px;
 width: 18px;
}
#testimonials-block .content-author {
 float: left;
 width: 100%;
}
#testimonials-block .content-author h4 a {
 text-decoration: none;
 color:#6A6A6A;
}
#testimonials-block .content-author h4 {
 font-size: 12px;
 color:#6A6A6A;
}
#testimonials-block .content-author h4::before {
 content: "— ";
}
#testimonials-block .content-author  h4 span {
 display: block;
 font-size: 11px;
 line-height: 14px;
 text-indent: 15px;
}
/******************* LATEST PROJECTS ****************/
.header-block {
 margin-top:50px;
}
/*#latest-projects { margin-top:50px; }*/
#latest-projects .columns {
 position:relative;
 padding-bottom:31px;
}
#latest-projects .columns:hover .stack  {
 top:30px;
 background-color:#f5f5f5;
}
#latest-projects .columns:hover .stack .rd-arrow  {
 opacity:1;
 -moz-opacity: 1;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
 filter: alpha(opacity=100);
}
#latest-projects .block {
 background-color:white;
 border: 1px solid #e7e7e7;
 position:relative;
 width:215px;
 height:200px;
}
#latest-projects .block img {
 display:block;
 padding:6px;
 width:203px;
 height:188px;
}
#latest-projects .block iframe {
 display:block;
 padding:6px;
 width:203px;
 height:188px;
}
#latest-projects .block .mask {
 width:203px;
 height:188px;
 position:absolute;
 top:6px;
 left:6px;
 /*	background:#000;*/	
 background-color: rgba(0,0,0, 0.2);
 -moz-opacity: 0;
 opacity: 0;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
 filter: alpha(opacity=0);
 -webkit-transition: opacity 0.5s ease;
 -moz-transition: opacity 0.5s ease;
 -ms-transition: opacity 0.5s ease;
 -o-transition: opacity 0.5s ease;
 transition: opacity 0.5s ease;
}
#latest-projects .columns:hover .block .mask {
 opacity: 1;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
 filter: alpha(opacity=100);
}
#latest-projects .block .mask a {
 display: block;
 width: 100%;
 height: 100%;
 text-align:center;
 vertical-align:text-top;
 position:absolute;
 color:#de2346;
 font-size:24px;
 text-decoration:none;
 text-transform:uppercase;
 padding-top:0px;
 opacity: 0.8;
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
 filter: alpha(opacity=80);
}
#latest-projects .stack {
 background-color:white;
 border: 1px solid #e7e7e7;
 position:absolute;
 left:3px;
 top:3px;
 width:215px;
 height:200px;
 -webkit-transition: top 0.5s ease;
 -moz-transition: top 0.5s ease;
 -ms-transition: top 0.5s ease;
 -o-transition: top 0.5s ease;
 transition: top 0.5s ease;
}
#latest-projects .block .mask a:hover {	/*padding-top:80px;*/
}
.stack .title {
 position:absolute;
 left:0px;
 bottom: 0px;
 display:block;
 width:100%;
 height: 29px;
 overflow: hidden;
}
.stack .title a {
 display:block;
 line-height: 29px;
 padding-left: 10px;
 height: 29px;
}
.stack a {
 color:#6A6A6A;
 text-decoration:none;
}
.stack a:hover {
 color:#000;
}
/* Right-Down Arrow*/
.stack .rd-arrow {
 position:absolute;
 bottom:0px;
 right:0px;
 width: 0px;
 height: 0px;
 border-style: solid;
 border-width: 0 0 25px 25px;
 border-color: transparent transparent #de2346 transparent;
 line-height: 0px;
 _border-color: #000000 #000000 #de2346 #000000;
 _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
 -webkit-transform:rotate(360deg);
 -moz-opacity: 0;
 opacity:0;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
 filter: alpha(opacity=0);
 -webkit-transition: opacity 0.5s ease;
 -moz-transition: opacity 0.5s ease;
 -ms-transition: opacity 0.5s ease;
 -o-transition: opacity 0.5s ease;
 transition: opacity 0.5s ease;
}
.cta-arrow {
 position:absolute;
 bottom:-1px;
 right: -1px;
 width:25px;
 height:25px;
}
.bg-arrow {
 position:absolute;
 bottom:-8px;
 right:-3px;
 z-index:1;
 width: 20px;
}
.container .columns.lp-header {
 margin-bottom:40px;
}
.nav-projects {
 border-top: 1px solid #e2e5e6;
 position:absolute;
 width:inherit;
 top:10px;
}
.header-block h6 {
 background-color: white;
 display: inline-block;
 padding-right: 15px;
 position:relative;
 z-index:1;
}
.grey-line {
 border-top: 1px solid #686969;
 position:absolute;
 width: 15px;
 height: 1px;
 left:109px;
 top:-1px;
}
#projects-carousel li, #posts-carousel li, #clients-carousel li {
 margin-bottom:0;
}
/******************* LATEST POSTS ****************/
#latest-posts .columns {
 position:relative;
 padding-bottom:31px;
}
#latest-posts .columns:hover .stack  {
 top:30px;
 background-color:#f5f5f5;
}
#latest-posts .columns:hover .stack .rd-arrow  {
 opacity:1;
 -moz-opacity: 1;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
 filter: alpha(opacity=100);
}
#latest-posts .block {
 background-color:white;
 border: 1px solid #e7e7e7;
 position: relative;
 width:215px;
 height:200px;
}
#latest-posts .block .content {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
}
#latest-posts .block .text {
 margin:15px;
 height: 125px;
 overflow: hidden;
}
#latest-posts .block .title {
 margin:15px;
}
#latest-posts .mejs-container {
 position:absolute !important;
 left:15px;
 bottom:15px;
 width:185px !important;
 margin-bottom:0 !important;
}
#latest-posts .block img {
 display:block;
 padding:6px;
 width:203px;
}
#latest-posts .block iframe {
 display:block;
 padding:6px;
 width:203px;
 height:188px;
}
#latest-posts .block .mask {
 width:203px;
 height:188px;
 position:absolute;
 top:6px;
 left:6px;
 background:#000;
 -moz-opacity: 0;
 opacity: 0;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
 filter: alpha(opacity=0);
 -webkit-transition: opacity 0.5s ease;
 -moz-transition: opacity 0.5s ease;
 -ms-transition: opacity 0.5s ease;
 -o-transition: opacity 0.5s ease;
 transition: opacity 0.5s ease;
}
#latest-posts .columns:hover .block .mask {
 -moz-opacity: 0.30;
 opacity: 0.30;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=30);
 filter: alpha(opacity=30);
}
#latest-posts .stack {
 background-color:white;
 border: 1px solid #e7e7e7;
 position:absolute;
 left:3px;
 top:3px;
 width:215px;
 height:200px;
 -webkit-transition: top 0.5s ease;
 -moz-transition: top 0.5s ease;
 -ms-transition: top 0.5s ease;
 -o-transition: top 0.5s ease;
 transition: top 0.5s ease;
}
#latest-posts .columns:hover .ribbon-wrapper {
 top:20px;
 opacity:1;
 -moz-opacity: 1.0;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
 filter: alpha(opacity=100);
}
/******************* SIMILAR POSTS ****************/
#similar-posts {
 position:relative;
 width: 680px;
 margin-bottom: 50px;
}
#similar-posts h6 {
 margin-bottom: 17px;
 border-bottom: 1px solid #E7E7E7;
 line-height: 30px;
}
#similar-posts .gray-dash-3px {
 border-bottom: 3px solid #B9B9B9;
 position: absolute;
 width: 40px;
 height: 3px;
 right: 0;
 bottom: -2px;
}
/* Ribbon Style */.ribbon-wrapper {
 position: absolute;
 top:170px;
 -moz-opacity: 0;
 opacity: 0;
 -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 filter: alpha(opacity=0);
 border-top: px solid #ccc;
 -moz-border-bottom-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
 -webkit-border-bottom-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
 -moz-border-top-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
 -webkit-border-top-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
 -webkit-transition: all 0.7s ease;
 -moz-transition: all 0.7s ease;
 -ms-transition: all 0.7s ease;
 -o-transition: all 0.7s ease;
 transition: all 0.7s ease;
}
.ribbon-front {
 background-color: #de2346;
 height: 23px;
 width: 23px;
 position: relative;
 left:-9px;
 z-index: 2;
}
.ribbon-front,.ribbon-back-left,.ribbon-back-right {
 -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
 -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
 -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
 -o-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
}
.ribbon-edge-topleft,.ribbon-edge-topright,.ribbon-edge-bottomleft,.ribbon-edge-bottomright {
 position: absolute;
 z-index: 1;
 border-style:solid;
 height:0px;
 width:0px;
}
.ribbon-edge-topleft,.ribbon-edge-topright {
}
.ribbon-edge-bottomleft,.ribbon-edge-bottomright {
 top: 23px;
}
.ribbon-edge-topleft,.ribbon-edge-bottomleft {
 left: -9px;
 border-color: transparent #d87c22 transparent transparent;
}
.ribbon-edge-topleft {
 top: 0px;
 border-width: 0px 9px 0 0;
}
.ribbon-edge-bottomleft {
 border-width: 0 9px 10px 0;
}
.ribbon-edge-topright,.ribbon-edge-bottomright {
 left: 14px;
 border-color: transparent transparent transparent #d87c22;
}
.ribbon-edge-topright {
 top: 0px;
 border-width: 0px 0 0 0px;
}
.ribbon-edge-bottomright {
 border-width: 0 0 0px 0px;
}
.ribbon-back-left {
 position: absolute;
 top: 10px;
 left: 0px;
 width: 0px;
 height: 23px;
 z-index: 0;
}
.ribbon-back-right {
 position: absolute;
 top: 0px;
 right: 0px;
 width: 0px;
 height: 23px;
 z-index: 0;
}
/* Post Format*/
.post-format {
 background-image:url('../images/icons/sprites.png');
 background-repeat:no-repeat;
 height:23px;
 width:23px;
 display:block;
}
.blog-post-format {
 background-image:url('../images/icons/sprites.png');
 background-repeat:no-repeat;
 height:30px;
 width:30px;
 display:block;
}
/* Homepage Post Format*/
.format-image .post-format {
 background-position:-80px 0px;
}
.format-video .post-format {
 background-position:-80px -23px;
}
.format-audio .post-format {
 background-position:-103px 0px;
}
.format-aside .post-format {
 background-position:-103px -23px;
}
.format-gallery .post-format {
 background-position:-126px 0px;
}
.format-quote .post-format {
 background-position:-126px -23px;
}
.format-link .post-format {
 background-position:-40px 0px;
}
/* Blog Post Format*/
.format-image .blog-post-format {
 background-position:-150px -729px;
}
.format-video .blog-post-format {
 background-position:-30px -729px;
}
.format-audio .blog-post-format {
 background-position:-90px -729px;
}
.format-aside .blog-post-format {
 background-position:-120px -729px;
}
.format-gallery .blog-post-format {
 background-position:-180px -729px;
}
.format-quote .blog-post-format {
 background-position:-60px -729px;
}
.format-link .blog-post-format {
 background-position:0 -729px;
}
/*#latest-projects .block img, #latest-posts .block img, #latest-projects .stack, #latest-posts .stack,#latest-projects .block,#latest-posts .block {	-webkit-transition: width 0.3s linear;	-moz-transition: width 0.3s linear;	-ms-transition: width 0.3s linear;	-o-transition: width 0.3s linear;	transition: width 0.3s linear;	}*//******************* CLIENTS ****************/#clients .block {
 background-color:white;
 border: 1px solid #e7e7e7;
 position: relative;
 width:218px;
}
#clients .block img {
 display:block;
 width:218px;
}
#clients .block {
 -webkit-transition: background-color 0.3s ease;
 -moz-transition: background-color 0.3s ease;
 -ms-transition: background-color 0.3s ease;
 -o-transition: background-color 0.3s ease;
 transition: background-color 0.3s ease;
}
#clients .block:hover {
 background-color:#f5f5f5;
 ;
}
/******************* FOOTER ****************/
#footer {
 background-color:#f7f8f7;
 border-top: 1px solid #e7e7e7;
 margin-top:50px;
 width:100%;
 height:auto;
}
#footer .copyright {
 color:#ababab;
 font-size:11px;
}
#footer .copyright a {
 color :#ababab;
 font-size:11px;
}
#footer .copyright a:hover {
 color :#5D5D5D;
}
#footer .copyright img {
 margin-bottom:10px;
}
#footer .container {
 padding:30px 0;
}
#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;
}
/******************* JCAROUSEL ****************/
.jcarousel-skin-tango .jcarousel-container { 
/*    border: 1px solid #346F97;*/
}
.jcarousel-skin-tango .jcarousel-direction-rtl {
 direction: rtl;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
 width: 100%;
}
.jcarousel-skin-tango .jcarousel-clip {
 overflow: hidden;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
 width:  100%;
}
.jcarousel-skin-tango .jcarousel-item {
 width: 230px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
 margin-left: 0;
 margin-right: 10px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
 margin-left: 10px;
 margin-right: 0;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
 background: #fff;
 color: #000;
}
/* Horizontal Buttons */
.jcarousel-skin-tango .jcarousel-next-horizontal {
 position: absolute;
 top: -51px;
 right: 10px;
 width: 40px;
 height: 30px;
 cursor: pointer;
 background: transparent url('../images/icons/sprites.png') no-repeat -40px -25px;
 border-right: 1px solid #E2E5E6;
 border-bottom: 1px solid #E2E5E6;
 border-left: 1px solid #E2E5E6;
 border-top: 3px solid #de2346;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover,.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
 background-color:#f5f5f5;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
 cursor: default;
 border-top: 3px solid #ffd6ae;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
 position: absolute;
 top: -51px;
 right: 53px;
 width: 40px;
 height: 30px;
 cursor: pointer;
 background: transparent url('../images/icons/sprites.png') no-repeat 0 -25px;
 border: 1px solid #E2E5E6;
 border-top: 3px solid #de2346;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
 background-color:#f5f5f5;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
 cursor: default;
 border-top: 3px solid #ffd6ae;
}
/******************* IMAGE BLOCKS ****************/
img.border, iframe.border {
 border: 1px solid #e7e7e7;
 padding:6px;
}
.four-column img:hover {
 border-bottom: 1px solid #de2346;
 opacity: .8;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
 filter: alpha(opacity=80);
}
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 .mask {
 position:absolute;
 width: 137px;
 height: 137px;
 top: 50px;
 left: 50px;
 background: rgba (255,255,255, .5 );
 opacity: 0;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
 filter: alpha(opacity=0);
}
.four-column:hover .mask {
 opacity: 1;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
 filter: alpha(opacity=100);
}
.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;
}
/******************* BLOG ****************/
#separator h4 {
 margin:20px 0;
}
#main-content {
 float: left; /*width: 100%;*/
}
.main-wrapper {
 margin-top: 50px;
}
.info-post {
 top: 30px;
 left: 0;
 position: absolute;
}
.info-post .ribbon-wrapper {
 opacity: 1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
 filter: alpha(opacity=100);
 top:0;
}
.info-post .ribbon-front {
 background-color: #de2346;
 height: 30px;
 width: 30px;
 position: relative;
 left: 0;
 z-index: 2;
}
.info-post .ribbon-edge-bottomleft {
 top: 30px;
 left: 0;
}
.meta-post {
 position: absolute;
 bottom:0;
 left:15px;
 width:95.5%;
 font-size: 11px;
 padding: 9px 0;
}
.meta-post > div {
 display: inline-block;
 padding-right:20px;
 background-image:url('../images/icons/sprites.png');
 background-repeat:no-repeat;
 padding-left:20px;
}
.tag-meta-post > div {
 display: inline-block;
 background-image:url('../images/icons/sprites.png');
 background-repeat:no-repeat;
 padding-left:20px;
}
.tag-meta-post .tags {
 background-position: -268px 0;
}
.meta-post .date {
 background-position: -149px 0;
}
.meta-post .tags {
 background-position: -268px 0;
 max-width: 200px;
}
.meta-post .comments {
 background-position: -149px -22px;
}
.meta-post .author {
 background-position: -380px -22px;
}
.meta-post .tweets {
 background-position: -269px -22px;
 float: right;
 padding-right: 0;
 padding-left: 25px;
}
.meta-post iframe {
 float: right;
}
.text-post {
 padding: 15px 0 15px 15px;
 margin-top: 42px;
}
.text-post .last {
 margin-bottom: 0;
}
.title-post {
}
.title-post h6 {
 margin-bottom: 10px;
 font-weight: bold;
}
.title-post a {
 text-decoration: none;
}
.title-post a:hover {
 color:#000;
}
.entry-post { /*width: 680px;*/
 position: relative;
 margin-bottom: 50px;
}
.entry-post .stack {
 background-color:#f5f5f5;
 border: 1px solid #E7E7E7;
 position: absolute;
 left: 12px;
 top: 40px;
 height: 320px;
 width: 656px;
 padding: 15px;
}
.single-post .tag-meta-post {
 width:100%;
 font-size: 11px;
 padding: 9px 0;
 border-bottom: 1px dotted #E7E7E7;
 border-top: 1px dotted #E7E7E7;
}
.single-post .share-post {
 float: right;
}
.format-video .stack {
 height: 363px;
}
.image-post {
 padding: 6px;
 position:relative;
 background-color: white;
 border: 1px solid #E7E7E7;
 width: 674px;
 margin-left: 9px;
 -webkit-transition: border 0.4s linear;
 -moz-transition: border 0.4s linear;
 -ms-transition: border 0.4s linear;
 -o-transition: border 0.4s linear;
 transition: border 0.4s linear;
}
.image-post img {
 display:block;
 width:100%;
}
.image-post:hover {
 border-bottom: 1px solid #de2346;
}
.format-image .image-post img {
 -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;
}
.format-image .image-post img:hover {
 opacity: 0.8;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
 filter: alpha(opacity=80);
}
.single-post .image-post:hover {
 border-bottom: 1px solid #E7E7E7;
}
.image-post iframe {
 display: block;
 width: 100%;
 height: 380px;
}
.format-gallery .image-post {
 height: 337px;
}
.format-gallery img {
 width:674px;
}
.format-quote .image-post {
 height: 140px;
}
.format-quote .stack {
 height: 123px;
 top: 40px;
}
.format-quote .quote-text {
 margin: 15px;
 height: 100px;
}
.format-quote .divider-blog-1px {
 margin-top:34px;
}
.format-quote blockquote {
 border-left: 0;
 margin: 0;
}
.format-quote .quote-text span {
 margin-left:20px;
 color:#ABABAB;
}
.format-link .stack {
 height: 73px;
 top: 40px;
}
.format-link .divider-blog-1px {
 margin-top:34px;
}
.format-link .image-post {
 height: 90px;
}
.format-link .link-text {
 margin: 15px;
 height: 60px;
}
.format-link .link-text a {
 padding-left: 20px;
 padding-top: 10px;
 font-size: 17px;
 text-decoration: none;
 display: inline-block;
}
.format-link .link-text span {
 padding-left:20px;
 color:#ABABAB;
 display:block;
}
.format-audio .image-post {
 height: 78px;
}
.format-audio .stack {
 height: 61px;
}
.format-audio .audio-wrapper {
 width:606px;
 padding:24px 34px;
}
.format-audio .mejs-container {
 /*	position: absolute !important;	left: 0;	top: 30px;*/	
 margin-bottom: 0 !important;
 /*	margin-left:40px;*/
}
.format-aside .image-post {
 height: 78px;
}
.format-aside .stack  {
 height: 61px;
}
.format-aside .aside-text {
 padding: 30px 34px;
}
.format-aside .divider-blog-1px {
 margin-top:89px;
}
#sidebar, #sidebar-left {
 float: left; /*width: 220px;*/
}
#sidebar .widget {
 position: relative;
 margin-bottom: 50px;
 padding-left: 10px;
}
#sidebar-left .widget {
 position: relative;
 margin-bottom: 50px;
 padding-right: 10px;
}
#sidebar .widget li a, #sidebar-left .widget li a {
 text-decoration: none;
}
.widget h6 {
 margin-bottom: 17px;
 font-size: 12px;
 font-weight: bold;
 border-bottom: 1px solid #E7E7E7;
 line-height: 30px;
}
.widget .gray-dash-3px {
 border-bottom: 3px solid #B9B9B9;
 position: absolute;
 width: 40px;
 height: 3px;
 right: 0;
 top: 27px;
}
#sidebar-left .widget .gray-dash-3px {
 border-bottom: 3px solid #B9B9B9;
 position: absolute;
 width: 40px;
 height: 3px;
 right: 10px;
 top: 27px;
}
.widget li {
 margin-bottom: 0;
 line-height: inherit;
}
.widget.video iframe {
 width: 100%;
 height: 124px;
}
/* ------------------------------------------------				Blog Tags------------------------------------------------ */.widget .tags li {
 float:left;
 margin-right: 10px;
 margin-bottom: 10px;
}
/* ------------------------------------------------				Comments------------------------------------------------ */#comments-block {
 position: relative;
 display: block; /*width:680px;*/
 margin-bottom:50px;
}
.comments-title h6 {
 margin-bottom: 17px;
 font-size: 12px;
 font-weight: bold;
 border-bottom: 1px solid #E7E7E7;
 line-height: 30px;
}
.comments-title .gray-dash-3px {
 border-bottom: 3px solid #B9B9B9;
 position: absolute;
 width: 40px;
 height: 3px;
 right: 0;
 bottom: -2px;
}
#comments-block .gravatar img {
 border: 1px solid #E7E7E7;
 padding: 6px;
 margin: 0 15px 0 0px;
}
#comments-block .gravatar img:hover {
 border-bottom: 1px solid #de2346;
}
.gravatar {
 float:left;
 position: relative;
}
.replay {
 display: block;
 border: 1px solid #E7E7E7;
}
.comments-title {
 position: relative;
}
.comment-block {
 margin-bottom:30px;
}
.comment-block .gravatar .nickname {
 display:block;
 margin-left:15px;
}
.comment-info .italic {
 font-style:italic;
 color:#ABABAB;
 font-size: 11px;
}
.comment-text .comment {
 margin: 5px 15px 0 15px;
}
.replay-block {
 display: block;
 margin-left: 30px;
 width: 605px;
 /*	background:#F6F6F6;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	border-radius: 5px;*/	
 margin-bottom:15px;
}
.replay-block.second-item {
 display: block;
 margin-left: 180px;
 width: 455px;
}
#comments-form textarea {
 width: 400px;
}
#form-post-comment {
 margin-bottom: 0;
}
/* ------------------------------------------------				Blog Pagination------------------------------------------------ */#nav-pagination {
 padding-bottom: 0px;
}
/*ul.nav-pagination li a:hover { color: #BF252F !important; }*/ul.nav-pagination {
 display: block;
 height: 28px; /*margin-bottom: 15px; left: 50%;*/
 position: relative;
 margin-bottom: 0;
 list-style:none;
}
ul.nav-pagination li {
 border: 1px solid #CACBCB;
 text-align:center;
 float: left;
 margin-right:5px;
 margin-bottom: 0;
 padding: 3px 0;
 width:25px;
 -webkit-transition: all 0.3s linear;
 -moz-transition:all 0.3s linear;
 -o-transition: all 0.3s linear;
 -transition: all 0.3s linear;
}
ul.nav-pagination li:hover {
 background-color:#f5f5f5;
}
ul.nav-pagination li:hover a, ul.nav-pagination li.current a {
 color:#000;
}
ul.nav-pagination li a {
 text-decoration:none;
 padding: 5px 5px;
}
ul.nav-pagination li.first {
 background-position: -5px -27px;
 margin-right:10px;
}
ul.nav-pagination li.first a, ul.nav-pagination li.last a {
 padding: 5px 15px;
}
ul.nav-pagination li.first:hover, ul.nav-pagination li.last:hover {
 background-color:#f5f5f5;
}
ul.nav-pagination li.last , ul.nav-pagination li.first {
 border-top: 3px solid #de2346;
 width: 30px;
 background-image: url('../images/icons/sprites.png');
 padding: 2px 0;
}
ul.nav-pagination li.last {
 background-position: -45px -27px;
 margin-left:5px;
}
ul.nav-pagination li.current {
 background-color: #f5f5f5 !important;
}
ul.nav-pagination li.dots {
 line-height:25px;
 cursor:auto;
 text-align:center;
 border:none;
}
.pag-button {
 display: block;
 width: 20px;
 padding: 7px 10px;
 text-align: center 
}
.nav-pagination li:hover a {
 color: #de2346 !important 
}
/* ------------------------------------------------				Portfolio------------------------------------------------ */#filterby {
 float:left;
 text-indent: 7px;
 background: url(../images/icons/sprites.png) -25px 0 no-repeat;
 margin: 5px 10px 0 10px;
 width: 13px;
 height: 14px;
 display: block;
}
#filters {
 display:block;
 line-height: 14px;
 margin: 0 auto;
 margin-bottom:23px;
}
#filters li {
 float: left;
 text-transform: capitalize;
}
#filters a {
 color: #6A6A6A;
 border: none;
 border: 1px solid #CACBCB;
 margin: 0 10px 3px 0;
 padding: 0 10px;
 font-size: 11px;
 line-height:19px;
 display: inline-block;
 text-decoration: none;
 -webkit-transition: all 0.3s linear;
 -moz-transition: all 0.3s linear;
 -o-transition: all 0.3s linear;
 -transition: all 0.3s linear;
 -webkit-box-shadow: 2px 2px 0px 0px #E2E4E4;
 -moz-box-shadow: 2px 2px 0px 0px #e2e4e4;
 box-shadow: 2px 2px 0px 0px #E2E4E4;
}
#filters a:hover {
 color: #de2346;
 text-decoration:none;
 background-color:#f5f5f5;
}
#filters li .selected {
 color: #000;
 text-decoration:none;
 background-color:#f5f5f5;
}
/*ul#stage li { float:left; display: block; margin-bottom: 15px; }ul#stage li:last-child {	 margin-right: 0}ul#stage { width: 100%; padding-left:0; margin-bottom: 9px;}*//*#container-sort{ display:block; overflow:hidden; width: 100%; }#container-sort .portfolio-4 li { float:left; position: relative; margin-bottom: 40px;  list-style: none outside none; }#container-sort .portfolio-3 li { float:left; width: 300px; height:273px;  position: relative; margin-bottom: 40px; margin-right: 20px; list-style: none outside none; }#container-sort .portfolio-2 li { float:left; width: 460px; height:375px;  position: relative; margin-bottom: 40px; margin-right: 20px; list-style: none outside none; }#container-sort .portfolio-dir li { float:left; width: 220px; height:240px;  position: relative; margin-bottom: 40px; margin-right: 20px; list-style: none outside none; } */#container-portfolio {
 margin-bottom: 20px;
}
/*	Block Images */.block-images .mask {
 position: absolute;
 left: 0;
 top: 0;
 background: transparent;
}
/*	Portfolio  Items */.item-block {
 margin-bottom: 30px;
}
.portfolio-4 .columns, .portfolio-3 .column {
 position:relative;
 padding-bottom:30px;
}
.portfolio-4 .columns:hover .stack, .portfolio-3 .column:hover .stack  {
 top:30px;
 background-color:#f5f5f5;
}
.portfolio-4 .columns:hover .stack .rd-arrow, .portfolio-3 .column:hover .stack .rd-arrow  {
 opacity:1;
 -moz-opacity: 1;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
 filter: alpha(opacity=100);
}
.portfolio-4 .block {
 background-color:white;
 border: 1px solid #e7e7e7;
 position:relative;
 width:215px;
 height:200px;
}
.portfolio-3 .block {
 background-color:white;
 border: 1px solid #e7e7e7;
 position:relative;
 width:295px;
 height:274px;
}
.portfolio-4 .block img {
 display:block;
 padding:6px;
 width:203px;
 height:188px;
}
.portfolio-3 .block img {
 display:block;
 padding:6px;
 width:283px;
 height:262px;
}
.portfolio-4 .block iframe {
 display:block;
 padding:6px;
 width:203px;
 height:188px;
}
.portfolio-3 .block iframe {
 display:block;
 padding:6px;
 width:283px;
 height:262px;
}
.item-block .mask, .image-item .mask {
 position:absolute;
 top:6px;
 left:6px;
 /*	background:#000;*/	background-color: rgba(0,0,0, 0.2);
 -moz-opacity: 0;
 opacity: 0;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
 filter: alpha(opacity=0);
 -webkit-transition: opacity 0.5s ease;
 -moz-transition: opacity 0.5s ease;
 -ms-transition: opacity 0.5s ease;
 -o-transition: opacity 0.5s ease;
 transition: opacity 0.5s ease;
}
.portfolio-4 .mask {
 width:203px;
 height:188px;
}
.portfolio-3 .mask {
 width:283px;
 height:262px;
}
.portfolio-4 .columns:hover .mask, .portfolio-3 .column:hover .mask, .image-item:hover .mask {
 opacity: 1;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
 filter: alpha(opacity=100);
}
.portfolio-4 .block .mask a, .portfolio-3 .block .mask a, .image-item .mask a {
 display: block;
 text-align:center;
 vertical-align:text-top;
 position:absolute;
 color:#de2346;
 font-size:24px;
 text-decoration:none;
 text-transform:uppercase;
 padding-top:0px;
 opacity: 0.8;
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
 filter: alpha(opacity=80);
}
.item-block .stack {
 background-color:white;
 border: 1px solid #e7e7e7;
 position:absolute;
 left:3px;
 top:30px;
 -webkit-transition: top 0.5s ease;
 -moz-transition: top 0.5s ease;
 -ms-transition: top 0.5s ease;
 -o-transition: top 0.5s ease;
 transition: top 0.5s ease;
}
.portfolio-4 .stack {
 width:215px;
 height:200px;
}
.portfolio-3 .stack {
 width:295px;
 height:274px;
}
.portfolio-4 .stack .title {
 width: 190px;
}
.portfolio-3 .stack .title {
 width: 267px;
}
/*.portfolio-4 .block .mask a:hover {	padding-top:80px; }*/.link-icon {
 background-position: 0 -80px;
 top: 162px;
 left: 177px;
}
.zoom-icon {
 background-position: -26px -80px;
 top: 0;
 left: 0;
}
.zoom-icon, .link-icon {
 background-image: url('../images/icons/sprites.png');
 background-repeat: no-repeat;
 width:26px;
 height: 26px;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 transition: all 0.5s ease;
 -moz-transform: scale(0);
 -webkit-transform: scale(0);
 -o-transform: scale(0);
 transform: scale(0);
 -ms-transform: scale(0);
}
.portfolio-4 .columns:hover .mask .zoom-icon, .portfolio-4 .columns:hover .mask .link-icon,.portfolio-3 .column:hover .mask .zoom-icon, .portfolio-3 .column:hover .mask .link-icon, .image-item:hover .zoom-icon {
 -moz-transform: scale(1);
 -webkit-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
 -ms-transform: scale(1);
}
.portfolio-4 .columns:hover .mask .zoom-icon {
 top:81px;
 left: 73px;
}
.portfolio-4 .columns:hover .mask .link-icon {
 left: 105px;
 top:81px;
}
.portfolio-3 .column:hover .mask .zoom-icon {
 top:118px;
 left: 112px;
}
.portfolio-3 .column:hover .mask .link-icon {
 top:118px;
 left: 144px;
}
.portfolio-3 .mask .link-icon {
 top: 236px;
 left: 257px;
}
.portfolio-4 .block .mask a:hover, .portfolio-3 .block .mask a:hover, .image-item .mask a:hover {
 opacity:1;
 -moz-opacity: 1;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
 filter: alpha(opacity=100);
}
.isotope-item {
 z-index: 2;
}
.isotope-hidden.isotope-item {
 pointer-events: none;
 z-index: 1;
}
/* Isotope CSS3 transitions */.isotope, .isotope .isotope-item {
 -webkit-transition-duration: 0.8s;
 -moz-transition-duration: 0.8s;
 -ms-transition-duration: 0.8s;
 -o-transition-duration: 0.8s;
 transition-duration: 0.8s;
}
.isotope {
 -webkit-transition-property: height, width;
 -moz-transition-property: height, width;
 -ms-transition-property: height, width;
 -o-transition-property: height, width;
 transition-property: height, width;
}
.isotope .isotope-item {
 -webkit-transition-property: -webkit-transform, opacity;
 -moz-transition-property: -moz-transform, opacity;
 -ms-transition-property: -moz-transform, opacity;
 -o-transition-property: top, left, opacity;
 transition-property: transform, opacity;
}
/* disabling Isotope CSS3 transitions */.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
 -webkit-transition-duration: 0s;
 -moz-transition-duration: 0s;
 -ms-transition-duration: 0s;
 -o-transition-duration: 0s;
 transition-duration: 0s;
}
/* Portfolio Item */.entry-item {
}
#slides-item {
 z-index: 0 ;
 position: relative;
}
.related-projects {
 margin-bottom: -20px;
}
.image-item {
 padding: 6px;
 position:relative;
 background-color: white;
 border: 1px solid #E7E7E7;
 width: 654px;
 margin-bottom:20px;
 -webkit-transition: border 0.4s linear;
 -moz-transition: border 0.4s linear;
 -ms-transition: border 0.4s linear;
 -o-transition: border 0.4s linear;
 transition: border 0.4s linear;
}
.image-item img {
 display:block;
 width:100%;
}
.image-item iframe {
 display: block;
 width: 100%;
 height: 100%;
}
.image-item .mask {
 width: 654px;
 height: 327px;
}
.image-item .zoom-icon {
 left:48%;
 top: 46%;
}
.format-gallery .image-item {
 height: 337px;
}
.format-gallery .image-item img {
 width:654px;
}
.format-video .image-item {
 height: 365px;
}
.text-item {
 padding-right: 32px;
}
.text-item .last {
 margin-bottom: 0;
}
.title-item {
}
.title-item h6 {
 margin-bottom: 10px;
 font-weight: bold;
}
.nav-items {
 position: relative;
 border: 1px solid #E7E7E7;
 background-color: #F5F5F5;
 height: 34px;
 margin-bottom: 15px;
}
.items-info {
 color: #ABABAB;
 display: block;
 font-size: 11px;
 line-height: 34px;
 width: 164px;
 text-align: center;
 height: 100%;
}
.nav-items .prev,.nav-items .next {
 text-indent: -999em;
 z-index:10;
 border:none;
 bottom:5px;
 right:0;
 position: absolute;
 width: 22px;
 height: 20px;
 cursor: pointer;
 border: 1px solid #E2E5E6;
 border-top: 3px solid #de2346;
 background-color: #FFF;
 background-repeat:no-repeat;
 -webkit-transition: none;
 -moz-transition: none;
 -ms-transition: none;
 -o-transition: none;
 transition: none;
}
.nav-items a.prev {
 right:30px;
 background-image: url('../images/icons/sprites.png');
 background-position: -9px -30px;
}
.nav-items a.next {
 right:5px;
 background-image: url('../images/icons/sprites.png');
 background-position: -49px -30px;
}
.nav-items a.prev:hover, .nav-items a.next:hover {
 background-color:#f5f5f5;
}
/* ------------------------------------------------				Tweet - Twitter------------------------------------------------ */#twitter-widget { /*width: 95.8%;*/
}
#twitter-widget .tweet {
 width: 100%;
 line-height:18px !important 
}
#twitter-widget .tweet a {
}
#twitter-widget .tweet_list {
 list-style: none;
 margin: 0;
 padding: 0;
 overflow-y: hidden;
}
#twitter-widget .tweet_list .awesome,#twitter-widget .tweet_list .epic {
 text-transform: uppercase;
}
#twitter-widget .tweet_list li {
 overflow-y: auto;
 overflow-x: hidden;
 display: block;
 line-height:21px; /*background: url('../images/icons/sprites.png') no-repeat 0 -786px; padding-left: 23px !important;*/
}
#twitter-widget .tweet_list .tweet_even {
 padding: 5px 0;
}
#twitter-widget .tweet_list .tweet_odd {
 padding: 5px 0;
}
#twitter-widget .tweet_list .tweet_odd:last-child {
 margin-bottom:0;
}
#twitter-widget .tweet_list .tweet_first { /*padding-top:0 !important;*/
}
#twitter-widget .tweet_list .tweet_avatar {
 padding-right: .5em;
 float: left;
}
#twitter-widget .tweet_list .tweet_avatar img {
 vertical-align: middle;
}
#twitter-widget .tweet_list .tweet_time {
 display:block;
 font-size: 11px;
}
#twitter-widget .tweet_list .tweet_time a {
 font-style:italic;
 color: #ABABAB;
 text-decoration: none;
}
#twitter-widget img {
 display: block;
 float:left;
 margin-right: 10px;
}
#twitter-widget h3 {
 float:left;
 margin-right: 20px;
 line-height: 40px;
}
#twitter-widget .v-line {
 height:40px;
 border-right: 1px solid #ddd;
 display: block;
 margin-top:0px;
 float:left;
 margin-right: 20px 
}
/* ------------------------------------------------				Flickr Block In Footer   ------------------------------------------------ */.thumbs {
 margin: 0;
 padding: 0;
 overflow: hidden;
 width: 100%;
}
.thumbs li {
 list-style: none;
 float: left;
 margin: 0 7px 7px 0;
 padding: 3px;
 border: 1px solid #E7E7E7;
 -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;
}
.thumbs li a {
}
.thumbs li img {
 display: block;
 width:55px;
 height:55px;
 background:white;
}
.thumbs li a img {
}
.thumbs li:hover {
 border-bottom: 1px solid #de2346;
 opacity: .8;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
 filter: alpha(opacity=80);
}
/* ------------------------------------------------				Blog Post Slideshow   ------------------------------------------------ */#slidesjs-container { /*margin:0 auto; position:relative;	z-index:0; width: inherit;*/
}
#slides-post {
 z-index: 0 ;
 position: relative;
}
#slidesjs-container {
 overflow:hidden;
 position:relative;
}
#slidesjs-container img {
 display:block;
 height: 337px;
}
/*.entry-post .slides-items {	float:left; width:inherit;}*/#slidesjs-container .pagination {
 position: absolute;
 bottom: 1px;
 right: 10px;
 margin-bottom:0 !important;
 z-index: 10;
}
#slidesjs-container .pagination li {
 float:left;
 margin-right:5px;
 list-style:none;
 padding: 10px 0;
}
#slidesjs-container .pagination li a {
 display:block;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 width:10px;
 height:10px;
 background-color:#FFF;
 float:left;
 overflow:hidden;
 text-indent: -999em;
}
#slidesjs-container .pagination li a:hover, #products .pagination li a:hover {
 background-color:#BF252F;
}
#slidesjs-container .pagination li.current a, #products .pagination li.current a {
 background-color:#BF252F;
}
#slidesjs-container .prev, #slidesjs-container .next, #products .prev, #products .next {
 text-indent: -999em;
 z-index:10;
 border:none;
 bottom:5px;
 top:inherit;
 left:inherit;
 position: absolute;
 width: 30px;
 height: 20px;
 cursor: pointer;
 border: 1px solid #E2E5E6;
 border-top: 3px solid #de2346;
 background-color: #FFF;
 background-repeat:no-repeat;
 -webkit-transition: none;
 -moz-transition: none;
 -ms-transition: none;
 -o-transition: none;
 transition: none;
}
#slidesjs-container a.prev, #products a.prev {
 right:38px;
 background-image: url('../images/icons/sprites.png');
 background-position: -5px -30px;
}
#slidesjs-container a.next, #products a.next {
 right:5px;
 background-image: url('../images/icons/sprites.png');
 background-position: -45px -30px;
}
#slidesjs-container a.prev:hover, #slidesjs-container a.next:hover, #products a.prev:hover, #products a.next:hover {
 background-color:#f5f5f5;
}
/*    ---------------------------------------------------------------------------------------------------------	Collapse / Toggles   ---------------------------------------------------------------------------------------------------------		*/[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.png') 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.png') 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;
}
/* ------------------------------------------------				Gallery------------------------------------------------ */#container-pro {
 width:100%;
 margin:0 auto;
 position:relative;
 z-index:0;
}
#products_example {
 width:100%;
 height:100%;
 position:relative;
}
#products .slides_container {
 width:668px;
 height: 352px;
 overflow:hidden;
 float:left;
 position:relative;
 display:none;
}
#products .slides_control img {
 display: block;
 height: 337px;
 width: 654px;
}
#products .slides_container a {
 width: 668px;
 height: 352px;
 display:block;
 -webkit-transition: none;
 -moz-transition: none;
 -ms-transition: none;
 -o-transition: none;
 transition: none;
}
/*	Pagination*/#products .pagination {
 float:left;
 border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 padding-left: 10px;
}
#products .pagination li {
 float:left;
 margin-bottom: 5px;
 margin-right: 5px;
 list-style:none;
}
#products .pagination li a {
 display:block;
 width:98px;
 float:left;
 background:#f9f9f9;
 border:1px solid #E7E7E7;
}
#products .pagination li img {
 width: 98px;
 display:block;
}
#products .pagination li.current a {
 border:1px solid #de2346;
 margin:0;
}
#products a.prev, #products a.next {
 top: 315px;
}
#products a.prev {
 left: 592px;
}
#products a.next {
 left: 625px;
}
/*    ---------------------------------------------------------------------------------------------------------	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;
} /* #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) {
 #logom {
  margin: auto;
  height:80px;
  width: 220px;
 }
 #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) */
@media only screen and (max-width: 767px) {
 #logom {
  margin: auto;
  height:80px;
  width: 220px;
 }
}	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
 #logom {
  margin: auto;
  height:80px;
  width: 220px;
 }
 #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 .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) {
 #logom {
  margin: auto;
  height:80px;
  width: 220px;
 }
 #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;
 }
 .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.gif)
}
#acc h3:hover {
 background:url(images/header_over.gif)
}
#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.gif)
}
#nested h3:hover {
 background:url(images/header_over.gif)
}
#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.gif)
}
/* ------------------------------------------------				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;
}
.flagMoney {
 float:right;
 margin-top:10px;
 margin-right:20px;
}
.flagMoney .money {
 float:left;
 margin-right:10px;
 margin-top:2px;
}
.flagMoney .money ul {
 font:normal 11px Arial, Helvetica, sans-serif;
}
.flagMoney .money ul li {
 border:1px solid #369;
 display:inline-block;
 width:20px;
 text-align:center;
 margin:0 2px;
}
.flagMoney .money ul li.active {
 background:#369;
 border-color:#369;
 color:#fff
}
.flagMoney .money ul li.active a {
 color:#fff
}
.flagMoney .money ul li a {
 display:block;
 padding:2px 0;
 color: #369;
}
.flagMoney .flags {
 border-left:1px solid #fff;
 padding:5px 10px;
 float:left;
}
.flagMoney .flags ul {
}
.flagMoney .flags ul li {
 background:url(../images/flags.png) no-repeat;
 width:16px;
 height:11px;
 display:inline-block;
 margin:0 0 0 5px;
 cursor:pointer;
}
.flagMoney .flags ul li.tr {
 background-position:-34px 0;
}
.flagMoney .flags ul li.en {
 background-position:0 0;
}
.flagMoney .flags ul li.de {
 background-position:-85px 0;
}
.flagMoney .flags ul li.nl {
 background-position:-68px 0
}
.flagMoney .flags ul li.ru {
 background-position:-51px 0;
}
.flagMoney .flags ul li.ar {
 background-position:-17px 0;
}
.thestyle {
font-weight: bold;
font-size:x-large;
color: #003399;
text-align: center;
}