/*

Theme Name: Blocked

Theme URI: http://www.astudio.si/preview/blocked-wp/

Description: Blocked theme for Wordpress. HTML5, CSS3, Color picker, dummy text, responsive.

Version: 1.0

Author: Anps

Author URI: http://themeforest.net/user/Anps/portfolio?WT.ac=item_portfolio&WT.seg_1=item_portfolio&WT.z_author=Anps

Tags:  Black, Blue, Green, Orange, Yellow, Light

License: GNU General Public License
License URI: license.txt

*/

/*

Please DO NOT edit this file, but add your styles in custom.css file.

Style.css is the main file of our Blocked theme and includes all classes, but all classes do NOT include colors and other type of unique attributes for our set of SHEMES. You can find them in folder color/css/name_of_sheme.

Another CSS file is the media-queries.css ( found the the same directory ) which has all RESPONSIVE changes to classes found it thi file. Only a few of the responsive calls can be found in each sheme css file mentioned above.

Index of main css file:

	- General css style ( font, body, headings, paragraph ): lines: 77  - 209	

	- CSS3 animation ( transitions and animations ):  lines: 215 - 266

	- Header ( top lighting effect, declaration of header ): lines: 271 - 294

	- Navigation ( main navigation menu of the theme ): lines: 299 - 418

	- Slider ( all classes associated with the slider ): lines: 423 - 678
		- Custom values for slider images ( CHANGE VALUES FOR SLIDER PARTS ): lines: 646 - 678

	- Cubes ( cubes found on the first page of the theme ): lines: 736 - 965

		- First cube: lines: 855 - 881

		- Middle cube: lines: 889 - 929

		- Last cube: lines: 934 - 965

	- Section, main content ( some basic classes for main content ): lines: 970 - 1158

	- Recent projects ( css for shortcodes recent projects ): lines: 1163 - 1249

	- Widgets ( classes for styling widgets ): lines: 1252 - 1278

	- Content with menu	( this is the wrapper with many post inside ): lines: 1283 - 1461								

	- Blog: lines: 1405 - 2046
		- Quote:  lines: 1466 - 1749
		- Article comments: lines: 1754 - 1786
		- Sidebar twitter image: lines: 1790 - 2015

	- Services:  lines: 2019 - 2151

	- Form:  lines: 2156 - 2297

	- Error 404:  lines: 2302 - 2397

	- Portfolio																 :  lines: 2322 - 2497
		- Portfolio item details											 :  lines: 2416 - 2497

	- Pagination															 :  lines: 2497 - 2537

	- Site footer															 :  lines: 2537 - 2704

*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

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

body, 
html {
    font-family: Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    margin: 0 0 0 0;
    position: relative;
    overflow-x: hidden; 
    color: #707070;
    font-size: 12px;
    line-height: 23px;
}

h5 {
    margin: 50px 0 20px 0 !important;
    font-size: 21px;
    font-family: 'PT Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    display: block;
    float: left;
    clear: left;
}

p, a, table, ul {
    line-height: 24px;
}

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

table {
    margin: 0;
    padding: 0;
}

.contact-info-wrapper td {
    vertical-align: top;
}

.screen-reader-text {
    display: none;
}

.search-wrapper {
    position: relative;
}

.widget-container.EnvooArchives {
    padding: 0 !important;
}

#searchsubmit {
    display: none;
    cursor: pointer;
    background: url(images/search.png) no-repeat;
    background-color: #fff;
    border:  0;
    -webkit-box-shadow: none !important;
    position: absolute;
    right: -10px;
    top: 11px;
    width: 21px;
    height: 16px;
    padding: 0;
}

.main-wrapper, 
.footer-wrapper footer {
    width: 967px;
    margin: 0 auto;
    position: relative;
}

.logo{
    background: url(img/logo.png);
    width: 190px;
    height: 54px;
}

.clear { 
    clear: both; 
}

.hidden {
    display: none;
    float: none;
}

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

.button {
    color: #fff;
    z-index: 10;
    position: relative;
    text-shadow: -1px -1px rgba(0, 0, 0, 0.5);
    text-decoration: none;
    padding: 10px 44px;
    border: 1px solid #841A00;
        border-color: #DF5930 #111 #841A00 #111;
        border-style: solid none solid none;
    background-color: #D13700;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D53100), to(#B12400));
        background-image: -webkit-linear-gradient(top, #D53100, #B12400);
        background-image: -moz-linear-gradient(top, #D53100, #B12400);
        background-image: -ms-linear-gradient(top, #D53100, #B12400);
        background-image: -o-linear-gradient(top, #D53100, #B12400);
    box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.46);
        -moz-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.46);
        -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.46);
}

.button:after {
    content: "";
    background: url(images/bannerButtonArrow.png) no-repeat;
    width: 6px;
    height: 9px;
    position: absolute;
        right: 30px;
        top: 14px;
}

.post-edit-link {
    display: none;
}


/*CSS3 animation

*************************************************************************************************/



#control-left, 
#control-right {
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}

.menu li a {
    -webkit-transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
}

.cube-first, 
.cube-first .image-hover, 
.cube-middle, 
.cube-middle .image-hover,
.cube-last, 
.cube-last .image-hover, 
article.blog header .tagsIcon .pretags {
    -webkit-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
}

.bottom-controls div, .bottom-controls-small div, 
.readmore-wrapper a.footer-a, .comment-reply-link:hover {
    -webkit-transition: background-image 0.2s linear;
    -moz-transition: background-image 0.2s linear;
    -o-transition: background-image 0.2s linear;
    transition: background-image 0.2s linear;
}

.magnifier, #twitter, #facebook, #linkein, #vimeo, #youtube, #flickr, .portfolioThumbnails img, .services-photo-hover, .comment-reply-link   {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

a {
    -webkit-transition: color 0.1s linear;
    -moz-transition: color 0.1s linear;
    -o-transition: color 0.1s linear;
    transition: color 0.1s linear;
}


/*Header
*************************************************************************************************/



#light-wrapper {
    width: 975px; 
    height:  79px; 
    margin: 0 auto; 
    position: relative;
}

#light-wrapper div {
    position: absolute;
        top: 0;
    width: 975px;
    height: 153px;
}

header {
    margin: 0;
    padding: 24px 0 34px 24px;
    min-height: 59px;
    background: #fff;
    position: relative;
}


/*Navigation
*************************************************************************************************/



nav {
    font-family: 'BebasRegular', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    font-size: 18px;
    position: absolute;
        top: 0;
        right: 20px;
        z-index: 10;
}

nav hr {
    display: none;
}

nav ul {
    margin: 0;
}

nav li {
    list-style: none;
    float: left;
    position: relative;
}

nav li a {
    color: #2e2e2e;
    padding: 35px 28px 20px 28px;
    text-decoration: none;
    display: block; 
}

nav li.current-menu-item:hover {
    background: none;
}

nav li.current-menu-item:hover a{
    cursor: default;
}

nav li.current-menu-item.submenu-parent:hover a{
    color: #fff;
    cursor: pointer;
}

nav li.current-menu-item.submenu-parent:hover ul li a{
    background: #fff;
}

nav li.submenu-parent a {
    padding-bottom: 57px;
}

nav li.submenu-parent:hover a {
    color: #fff;
    padding: 35px 28px 57px 28px;
}

nav li:hover a {
    color: #fff;
}

nav li:hover ul {
    z-index: 9;
}

nav li ul, nav li ul li ul {
    top: 115px;
    position: absolute;
    display: block;
    line-height:0;
    height: 0;
    overflow: hidden;
    background:  #fff !important;
    font-size: 12px !important;
    text-transform: none;
    min-width: 200px;
    box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.13);
        -webkit-box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.13);
        -moz-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.13);
        -o-box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.13);
}

.third-lvl-2-a {
    border: 1px solid red;
    background: none !important;
    width: 10px;
    height: 20px;
    position: absolute;
        top: 0px;
        right: 0px;
}

.third-lvl-2-a:hover {
    background: none !important;
}

nav li.current-menu-item.submenu-parent:hover ul li ul {
    background: #fff;
}

nav li ul li ul.nav-small-ul {
    /*position: static;
    box-shadow: none;
        -webkit-box-shadow: none;
        -moz-shadow: none;
        -o-box-shadow: none;*/
}

.sub-menu {
    display: block;
}

.third-lvl-2 {
    position: relative;
}

.third-lvl-2:after {
    content: url('images/thirdlvl_arrow_down.png');
    position: absolute;
    right: 20px;
    top: 5px;
}

.third-lvl-2:nth-of-type(2n) {
    border: 1px solid red;
}

nav li .submenu-parent a {
    position: relative;
}

nav li .submenu-parent a:after {
    content: url('images/thirdlvl_arrow.png');
    position: absolute;
    right: 40px;
    top: 13px;
}

nav li .submenu-parent ul li a:after {
    display: none;
}

nav li ul li ul {
    height: 0;
    top: 0;
}

nav li ul li ul li {
    display: block;
}

nav li ul li {
    position: relative;
    float: none;
}

nav li ul li hr {
    display: block;
    border: 1px solid #eee;
        border-style: none none solid none;
    margin: 0px 20px;
}

nav li ul li:last-child hr {
    display: none;
}

nav li ul li:last-child ul li hr  {
    display: block;
}

nav li ul li ul li:last-child hr  {
    display: none;
}

nav li ul a {
    color: #707070 !important;
    padding: 14px 28px !important;
    font-family: Arial, Helvetica, sans-serif;
}

nav li ul li:hover {
    background: #fff;
}

nav li ul a:hover {
    color: #fff !important;
}

header select {
    display :none;
}


/*Slider
*********************************************************************************************************/



.slider,
.slider-small {
    height: 562px;
    padding: 0;
    margin: 0;
    position: relative;
        z-index: 1;
}

.slider .slider-inner, 
.slider-small .slider-inner {
    height: 562px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.no-slider {
    height: 36px;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
}

.slider-small, .slider-small .slider-inner {
    height: 173px;
}

.slider-first-page {
    min-height: 500px;	
}

.slider-before,
.slider-small-before {
    content: "";
    width: 105px;
    height: 458px;
    position: absolute;
        top: 105px;
        left: -62px;
        z-index: 0;
    background: url(images/bannerShadowLeft.png) no-repeat;
}

.slider-after, 
.slider-small-after {
    content: "";
    width: 60px;
    height: 458px;
    position: absolute;
        top: 105px;
        right: -59px;
        z-index: 0;
    background: url(images/bannerShadowRight.png) no-repeat;
    background-repeat: no-repeat;
}

.no-slider-before, 
.no-slider-after {
    content: "";
    width: 32px;
    height: 141px;
    position: absolute;
        top: -100px;
        z-index: 0;
}

.no-slider-before {
    left: -32px;
    background: url(images/banner_shadow_left_no.png);
    backgroun-repeat: no-repeat;
}

.no-slider-after {
    right: -32px;
    background: url(images/banner_shadow_right_no.png);
    backgroun-repeat: no-repeat;
}

.slider-small-before {
    left: -62px;
    background: url(images/banner_shadow_left_small.png) no-repeat;
}

.slider-small-after {
    background: url(images/banner_shadow_right_small.png) no-repeat;
}

.slider-small-before, 
.slider-small-after {
    height: 237px !important;
}

.slider-images li {
        display: block;	
	position: absolute;
            top: -20px;
            z-index: 9;
}

.slider-headings-wrapper {
    width: 650px;
    position: absolute;
        z-index: 2;
        right: 0px;
        top: -40px;
}

.slider-headings {
    position: absolute;
    right: 50px !important;
    top: 70px !important;
}

.slider-small .slider-headings {
    position: absolute;
        left: -270px;
        top: 50px !important;
    width: 3950px;
}

.slider-small .slider-headings h1, 
.slider-small .slider-headings h2, 
.slider-small .slider-headings h3, 
.slider-small .slider-headings h4 {
    display: inline !important;
}

.slider-headings li {
	display: none;
}

.slider-headings li#selected-slider-heading {
	display: block;	
}

.slider-headings h2 {
    font-size: 75px;
    color: #fff;
    font-family: 'BebasRegular', Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
    text-shadow: 0px 0px 6px rgba(17, 17, 17, 0.2);
    line-height: 125px;	
}

.slider-headings h2.bigger {
    font-size: 95px;
    margin: 0 0 20px 0;
}

.slider-headings h3 {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 36px;
    font-family: 'BebasRegular', Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
    text-shadow: 0px 0px 6px rgba(17, 17, 17, 0.2);
}

.slider-headings h4 {
    color: #fff;
    font-family: 'PT Sans', sans-serif;
        font-style: normal;
        font-size: 18px;
        font-weight: 400;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .31);
    margin: 0 0 50px 0;
    width: 450px;
}

.slider .controls,
.slider-medium .controls,
.slider-small  .controls {
    width: 969px;
    position: relative;
        bottom: 359px;
        left: -11px;
        z-index: 11;
}

.slider-small .controls {
    width: 969px;
    bottom: 103px;
}

.controls #control-left,
.controls #control-right {
    width: 39px;
    height: 38px;
    background-repeat: no-repeat;
}

#control-left {
    background: url(images/arrowLeft.png);
        background-position: 15px;
    float: left;
}

#control-right {
    margin-right: -20px;
    background: url(images/arrowRight.png);
        background-position: 17px;
    float: right;
}

#control-left:hover, 
#control-right:hover {
    cursor: pointer;
}

#control-left:before,
#control-left:after, 
#control-right:before, 
#control-right:after {
    content: "";
    border-style: solid;
    border-width: 5px 11px 5px 11px;
    width:0;
    height:0;
    position: absolute;
        z-index: -1;
}

#control-left:before {
    top: -5px;
    left: -11px;
}

#control-left:after {
    bottom: -43px;
    left: -11px;
}

#control-right:before {
    top: -5px;
    right: -31px;
}

#control-right:after {
    bottom: -43px;
    right: -31px;
}


/*Bottom controls and background color change
*******************************************************************************************************/



.main-wrapper-main {
    background: #F7F7F7;
    width: 100%;
    height: auto;
        min-height: 500px;
}

.bottom-controls {
    margin: 0 auto;
    position: relative;
    padding: 34px 0 0 0;
    z-index: 9;
    width: 64px;
}

.small-controls {
    padding: 0;
}

.bottom-controls div {
    width: 19px;
    height: 19px;
    cursor: pointer;
    float: left;
    margin: 25px 1px 5px 1px;
}

div#control-selected {
    cursor: default;
}


/*Custom values for slider images
***************************************************************************************************/



.slider-images li {
    width: 450px;
    text-align:center;
    top: 0px;
    left: 0px;
    visibility: hidden;
}

.header-video {
    position:relative;
        z-index: 99;
        top: 62px;
        left: 130px;
}

.header-video-shadow {
    background: url(images/header-video-shadow.png);
    width: 742px;
    height: 67px;
    position: absolute;
        top:347px;
        left: -10px;
    z-index: 3;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
    zoom: 1;
}

.slider iframe, 
.slider-medium iframe {
    position: relative; 
    z-index: 999999;
}

#player1 {
    width: 710px; 
    height: 379px;
}

h2.video {
    width: 760px;
    font-size: 30px;
    margin: 390px 10px 20px 0px;
    padding:    0px;
    display: block;
    text-shadow: 0px 0px 6px rgba(17, 17, 17, 0.2);
}


/*Cubes
***************************************************************************************************/



.cube-first-wrapper,
.cube-middle-wrapper,
.cube-last-wrapper {
    position: absolute;
        z-index: 99;
        bottom: -15px;
    background: #000;
    margin: 0;
    padding: 0;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.28);
}

.cube-first-wrapper a,
.cube-middle-wrapper a,
.cube-last-wrapper a {
    position:  relative;
    color: #fff;
    display: block;
    padding: 68px 0;
    text-align: center;
        text-decoration: none;
    font-size: 24px;
        font-family: 'BebasRegular', Arial, sans-serif;
        font-weight: normal;
}

.cube-first, 
.cube-last {
    width: 301px;
    height: 228px;
}

.cube-first-wrapper:before, 
.cube-middle-wrapper:before {
    content: "";
    border-color: #2e2e2e transparent transparent transparent;
        border-style: solid;
        border-width: 14px 0px 6px 8px;
    width:0;
    height:0;
    position: absolute;
        bottom: -5px;
        left: -8px;
        z-index: 9;
}

.cube-middle-wrapper:after, 
.cube-last-wrapper:after {
    content: "";
    border-color: #2E2E2E transparent transparent transparent;
        border-style: solid;
        border-width: 14px 8px 6px 0px;
    width:0;
    height:0;
    position: absolute;
        bottom: -5px;
        right: -8px;
        z-index: 9;
}

.cube-first:before, 
.cube-first a:after {
    content: "";
    position: absolute;
    left: -22px;
    bottom: -10px;
    width: 22px;
    height: 257px;
    z-index: 100;
    opacity: 0.8;
    filter: alpha(opacity=80);
    background: url(images/cube2_shadowLeft.png);
}

.cube-first a:after {
    left: 273px;
}

.cube-last a:before,
.cube-last:after {
    content: "";
    position: absolute;
        right: -22px;
        bottom: -10px;
    width: 22px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    height: 257px;
    z-index: 100;
    background: url(images/cube2_shadowRight.png);
}

.cube-last a:before {
    left: 5px;
}

.cube-first:hover, 
.cube-middle:hover, 
.cube-last:hover {
    opacity: 0.98;
    filter: alpha(opacity=98);
}

.cubes-shadow {
    background: url(images/bannerCubesShadow.png);
    width: 878px;
    height: 67px;
    position: absolute;
        left: 40px;
        bottom: -43px;
        z-index: 1;
}

.cube-first .image, .cube-first .image-hover,
.cube-middle .image, .cube-middle .image-hover,
.cube-last .image, .cube-last .image-hover {
    width: 50px;
    height: 50px;
}

/*First cube
*******************************************************************************************************/



.cube-first-wrapper {
    left: 37px;
}



.cube-first .image {
    display: block;
    margin: 0 auto;
        margin-bottom: 14px;
}

.cube-first .image-hover {
    opacity: 0;
    position: absolute;
        z-index: 9;
        top: 68px;
        left: 50%;
    margin-left: -25px;
    display: block;
}

.cube-first a:hover .image-hover {
    opacity: 1;
}


/*Middle cube
*******************************************************************************************************/



.cube-middle-wrapper {
    position: absolute;
        left: 332px;
        z-index: 101;
        bottom: -30px;
    background: #111;
}

.cube-middle .image {
    display: block;
    margin: 0 auto;
        margin-bottom: 14px;
}

.cube-middle {
    width: 301px;
    height: 251px;
}

.cube-middle a{
    padding: 81px 0 88px 0;
}

.cube-middle .image-hover {
    display: block;
    opacity: 0;
    position: absolute;
        z-index: 9;
        top: 81px;
        left: 50%;
    margin-left: -25px;
}

.cube-middle a:hover .image-hover {
    opacity: 1;
}


/*Last cube
*******************************************************************************************************/



.cube-last-wrapper {
    right: 37px;
}

.cube-last .image {
    display: block;
    margin: 0 auto;
        margin-bottom: 10px;
}

.cube-last a {
    padding: 79px 0 67px 0;
}

.cube-last .image-hover {
    display: block;
    opacity: 0;
    position: absolute;
        z-index: 9;
        top: 79px;
        left: 50%;
    margin-left: -25px;
}

.cube-last a:hover .image-hover {
    opacity: 1;
}


/*Section, main content
*******************************************************************************************************/



select, 
input {
    border: 1px solid #DFDFDF;
    color: #878787;
    padding: 10px 11px;
    outline: none;
    box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

section {
    width: 898px;
    margin: 0 auto;
    padding: 0 0 40px 0;
    position: relative;
        z-index: 1;
}

section header {
	min-height: 10px;	
}

section h4 {
    margin: 80px 0 0 0;
    padding: 0;
    color: #2E2E2E;
    font-size: 21px;
    font-family: 'PT Sans', sans-serif;
        font-style: normal;
        font-weight: 400;
    float: left;
    clear: left;
}

section h2 {
    margin: 30px 0 0 0;
    padding: 0;
    color: #2E2E2E;
    font-size: 21px;
    font-family: 'PT Sans', sans-serif;
        font-style: normal;
        font-weight: 400;
    float: left;
    clear: left;
}

section h1 {
    margin: 30px 0 0 0;
    padding: 0;
    color: #2E2E2E;
    font-size: 21px;
    font-family: 'PT Sans', sans-serif;
        font-style: normal;
        font-weight: 400;
    float: left;
    clear: left;
}

section h6 {
    margin: 30px 0 0 0;
    padding: 0;
    color: #2E2E2E;
    font-size: 16px;
    font-family: 'PT Sans', sans-serif;
        font-style: normal;
        font-weight: 400;
    float: left;
    clear: left;
}

.content, 
#comment-form {
    background: url(images/contentBottomBackground.png) repeat-x bottom;
        background-color: #fff;
    border: 1px solid #eee;
    border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    position: relative;
    padding: 20px 0 35px 0;
    margin: 20px 0 0 0;
    float: left;
    clear: left;
}

.content-with-shadow {
    content: "";
    background: url(images/bannerCubesShadow.png);
        background-color: #f7f7f7;
    width: 878px;
    height: 67px;
    position: absolute;
        bottom: -33px;
        left: 25px;
        z-index: -1;
    opacity: 0.2;
    filter: alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=20)";
}

#map {
    float: left;
    clear: left;
    width: 896px;
    padding: 0px 0 9px 0;
}

.readmore-wrapper header {
    padding: 0;
}

.readmore-wrapper h2 {
    color: #2E2E2E;
    margin: 0 0 30px 0;
    font-size: 21px;
    font-family: 'PT Sans', sans-serif;
        font-style: normal;
        font-weight: 400;
    float: none;
}

.readmore-wrapper article p {
    display: none;
}

.readmore-wrapper article p {
    display: block;
    color: #707070;
    font-size: 12px;
    line-height: 23px;
}

.readmore-wrapper .inner-article {
    position: relative;
    min-height:  100%;
}

.readmore-wrapper {
    display: table;
}

.readmore-wrapper article {
    width: 257px;
    display: table-cell;
    margin: 24px 0;
    padding: 20px 45px 30px 45px;
    border: 1px solid #F2F2F2;
        border-style: none solid none none;
}

.readmore-wrapper article:last-of-type {
    border: 0px;
}

.readmore-wrapper a.footer-a {
    color: #fff;
    font-size: 14px;
    padding: 8px 24px;
    margin: 0 0 0 -59px;
    text-shadow: #6374AB 0px 0px 2px;
    text-decoration: none;
    position: absolute;
        left: 450px;
        bottom: -7px;
        z-index: 990;
}

.readmore-wrapper a.footer-a:hover, 
article.blog footer a:hover {
    color: #fff;
}

.readmore-wrapper article:first-of-type a.footer-a {
    left: 150px;
}

.readmore-wrapper article:last-of-type a.footer-a {
    left: 750px;
}

.readmore-wrapper a.footer-a:before {
    content: "";
    border-color: #2e2e2e transparent transparent transparent;
        border-style: solid;
        border-width: 6px 0px 6px 4px;
    width:0;
    height:0;
    position: absolute;
        left: -4px;
        bottom: -6px;
        z-index: -1;
}

.readmore-wrapper a.footer-a:after {
    content: "";
    border-color: #2e2e2e transparent transparent transparent;
        border-style: solid;
        border-width: 6px 4px  6px 0px;
    width:0;
    height:0;
    position: absolute;
        right: -4px;
        bottom: -6px;
        z-index: -1;
}

.readmore-wrapper .hidden a{
     color: #2E2E2E;
}


/*Recent projects
*******************************************************************************************************/



.recent-projects-wrapper {
    margin: 0 0 20px 0;
    float: left;
    clear: left;
}

.recent-projects-wrapper img {
    opacity:0.7;
    filter:alpha(opacity=70); /* For IE8 and earlier */
    width: 275px;
    height: 135px;
}

.recent-projects-wrapper a {
    color: #fff;
    height: 135px;
    margin: 36px 36px 0 36px;
    display: block;
    position: relative;
    float: left;
    box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.1);
}

.recent-projects-wrapper a:nth-of-type(3n+1) {
    margin: 36px 0 0 0;
}

.recent-projects-wrapper a:nth-of-type(3n ) {
    margin: 36px 0 0 0;
}

.magnifier {
    position: absolute;
        top: 0;
        left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); 
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}

.recent-projects-wrapper a:hover .magnifier, 
.single-project figure a.image-link:hover .magnifier {
   opacity: 1;
   filter: alpha(opacity=100);
}

.recent-projects-wrapper a:hover .magnifier div, 
.single-project figure a.image-link:hover .magnifier div{
   opacity: 1;
   filter: alpha(opacity=100);
}

.recent-projects-wrapper a .magnifier div {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.3s linear;
    position: relative;
    width: 118px;
    min-height: 18px;
    background: #2f2f2f;
    margin: 45px 42px;
    padding: 13px 60px 12px 15px;
    text-decoration: none;
    font-weight: normal;
    font-size: 14px;
    font-family: 'PT Sans', sans-serif;
        font-style: normal;
}

.recent-projects-wrapper  a .magnifier div div{
    background-image: url(images/magnifier.png);
    background-repeat: no-repeat;
    background-position: 12px;
    width: 51px;
    height: 100%;
    padding:  0;
    position: absolute;
        right: -42px;
        top: -45px;
}

/*Widgets
*******************************************************************************************************/

aside {
    float: left;
    width: 205px;
    margin: 0 0 0 1px;
}

.widget-container {
    padding: 0 0 10px 0 !important;
}

aside h3 {
    margin: 30px 0 20px 0;
    color: #2E2E2E;
    font-size: 21px;
    font-family: 'PT Sans', sans-serif;
        font-style: normal;
        font-weight: 400;
}

aside .twitter {
    position: relative;
    display: block;
    width:  205px;
    margin: 0 0 50px 0;
}

/*Content with menu
*******************************************************************************************************/



#content-with-menu p, 
#menu-content-1, 
#menu-content-2, 
#menu-content-3, 
#menu-content-4{
    font-size: 12px;
    line-height: 23px;
    color: #707070;
    margin: 10px 0;
    display: block;
}

#content-with-menu {
    margin: 90px 0 30px 0 !important;
    padding: 30px 45px 51px 51px;
    height: auto;
}

.content-menu {
    margin: 0;
    padding: 0;
    width: 987px;
    position: absolute;
        top: -55px;
        left: -1px;
        z-index: 0;
}

.content-menu-over {
    position: absolute;
        z-index: 2;
        left: -2px;
        top: 0;
    background: white;
    margin: 0;
    padding: 21px 0 13px 0;
    width: 250px;
    height: 50px;
    font-size: 18px;
    border: 1px solid #eee;
        border-style: none solid;
}

.content-menu li:first-of-type .content-menu-over {
    left: -1px;
}

.small-menu-heading {
    display: none;
    cursor: pointer;
}

#selected-small-heading {
    font-size: 18px;
}

#selected-small-heading {
    cursor: default;
}

.content-menu li {
    cursor: pointer;
    color: #2E2E2E;
    font-size: 14px;
    width: 214.5px;
    float: left;
    list-style: none;
    text-align: center;
    margin: 13px 0 0 0;
    padding: 11px 0 10px 0;
    border: 1px solid #EEE;
        border-style: solid solid solid none;
    box-shadow: none;
    font-family: 'PT Sans', sans-serif;
        font-style: normal;
        font-weight: 400;
}

.content-menu li:hover {
	 background: url(images/content-menu-hover.png);
}

.content-menu-shadow-right {
    width: 34px;
    height: 40px;
    background: url(images/contentMenuShadowRight.png);
    position: absolute;
        right: -21px;
        top: 24px;
        z-index:  1;
}

.content-menu-shadow-left {
    width: 37px;
    height: 40px;
    background: url(images/contentMenuShadowLeft.png);
    position: absolute;
        left: -23px;
        top: 25px;
        z-index:  1;
}

#selected-submenu, 
#selected-submenu-2 {
    z-index: 2;
    position: relative;
    background: white;
    border-style: solid solid none solid;
    margin: 1px 0 0 0;
    padding: 18px 0 13px 0;
    width: 249px;
    font-size: 18px;
    cursor: default;
}

.content-full {    
    float: left;
    clear: left;
    width: 100%;
    margin: 20px 0;
    position: relative;
}

.content-full img {
    width: 100%;
    height: auto;
}

.content-half {    
    float: left;
    width: 47.5%;
    margin: 0 0 0px 5%;
    position: relative;
}

.content-third {
    float: left;
    width: 31%;
    margin: 0 0 0 3%;
}

.content-two-third {
    float: left;
    width: 65%;
    margin: 0 0 0 3%;
}

.content-quarter {
    float: left;
    width: 22.5%;
    margin: 0 0 0 3%;
}

.first{
    margin: 0;
    clear: left;
}

.contentWrapperTop {
    background-color: white;
    width: 100%;
    height: 35px;
    position: absolute;
        z-index: 5;
        top: 0;
        left: 0;
    border-radius: 3px;
}

#content-with-menu h3 {
    font-weight: normal;
    line-height: 33px;
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 24px;
    font-family: 'PT Sans', sans-serif;
        font-style: normal;
        font-weight: 400;
}

.iconstrip {
    width: 100%;
    margin: 40px auto;
    text-align: center;
}

.iconstrip img {
    padding: 0 100px;
}


/*Blog
*******************************************************************************************************/



section.blog-wrapper {
    float: left;
    width: 670px;
    margin: 0 20px 0 0px;
}

article.blog {
    width: 670px;
    height: auto;
    margin: 30px 0 40px 0;
    padding: 0;
    border: 1px solid #F2F2F2;
    border-radius: 3px;
    background: url(images/contentBottomBackground.png);
        background-repeat: repeat-x;
        background-position: bottom;
        background-color: white;
    position: relative;
    -webkit-box-shadow: 0 0 2px 0px #EFEFEF;
}

article.blog .single-post-content {
    padding: 15px 44px 30px 44px !important;
    color: #707070;
    font-size: 12px;
}

.left-side{
    float: left;
    width: 675px;
    margin: 0 22px 0 0;
}

article.blog header {
    background: #f7f7f7;
    width: 100%;
}

.sticky, .gallery-caption, .bypostauthor {
    
}

article.blog header .day{
    font-family: 'PT Sans', sans-serif;
        font-style: normal;
        font-weight: 400;
    font-size: 18px;
    color: white;
    text-align: center;
    padding: 7px 0 0 0;
    width: 33px;
    height: 27px;
    box-shadow: inset 0 0 10px 0 #c93600;
    position:absolute;
        left: -33px;
        top: 26px;
}

article.blog header .month {
    font-family: 'PT Sans', sans-serif;
        font-style: normal;
        font-weight: 400;
    font-size: 15px;
    color: white;
    text-align: center;
    padding: 7px 0 0 0;
    width: 33px;
    height: 27px;
    position:absolute;
        left: 0px;
        top: 26px;
}

article.blog header {
    padding: 0;
}

article.blog header .commentsAndTags{
    text-align: center;
    width: 33px;
    height: 86px;
    position:absolute;
        left: -33px;
        top: 72px;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f5f5f5));
    background-image: -webkit-linear-gradient(left, #fff, #f5f5f5); 
    background-image: -moz-linear-gradient(left, #fff, #f5f5f5);
    background-image: -ms-linear-gradient(left, #fff, #f5f5f5);
    background-image: -o-linear-gradient(left, #fff, #f5f5f5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#f5f5f5);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#f5f5f5)";
}

article.blog header .comments {
    text-align: center;
    font-size: 9px;
    color: #fff;
    margin: 15px 0 0 6px;
    padding: 0px 0 0 0;
    line-height: 16px;
    width: 20px;
    height: 19px;
    background: url(images/blog/comments.png);
}

article.blog header .comments:hover {
    cursor: pointer;
}

article.blog header .tagsIcon{
    margin: 20px 0 0 6px;
    width: 19px;
    height: 17px;
    background: url(images/blog/tags.png);
    cursor: pointer;	
}

article.blog header .tagsIcon:hover .pretags {
    visibility: visible;
    opacity: 1;
}

.social {
    padding: 10px 50px 0 44px;	
}

#single-article {
    padding-bottom: 50px;
}

.pretags {
    width: 500px; 
    position:relative;
        top: 26px;
        left: 12px;
    visibility: hidden;
    opacity: 0;
}

article.blog header .tags {
    opacity: 0.72; 
    filter: alpha(opacity=72);
    max-width: 255px;
    font-size: 11px;
    font-style: italic;
    background: #000;
    padding: 3px 15px;
    position:absolute
}

article.blog header .tags a {
    color: #fff;	
}

article.blog header .tags div{
    border-color: transparent transparent #000 #000;
        border-style:solid;
        border-width:4px 4px;
    height:0px;
    width:0px;
    position: absolute;
        top: -8px;
        left: 0px;
}

article.blog h3 {
    margin: 0;
    padding: 27px 0 10px 50px;
    color: #2E2E2E;
    font-size: 18px;
    font-family: 'PT Sans', sans-serif;
        font-style: normal;
        font-weight: 400;
}

article.blog img {
    margin: 43px 0 25px 0;
}

article.blog p {
    padding: 28px 44px 44px 44px;
}

article.blog .footer-wrapper-blog {
    position: absolute;
        z-index: 99999;
        top: 10px;
        left: 7px;
}

article.blog footer{
    margin-top:  10px;
    position: relative;
}

article.blog footer a{
    position: relative;
    padding: 13px 25px;
    width: 72px;
}

article.blog footer .footer-triangle-left {
    left: 496px;
    top:  -36px;
}

article.blog footer .footer-triangle-right {
    top: 0px;
    left: 620px !important;
}

article.blog footer a {
    padding: 10px 24px;
    font-size: 14px;
    color: #fff;
    text-shadow: #6374AB 0px 0px 2px;
    text-decoration: none;
    position: absolute;
        top: 16px;
        left: 44px;
        z-index: 10;
    box-shadow: inset 0 0 0px #DA5200;
        -moz-box-shadow: inset 0 0 0px #da5200;
        -webkit-box-shadow: inset 0 0 0px #DA5200;
}



article footer a:before {
    content: "";
    border-color: #2E2E2E transparent transparent transparent;
    border-style: solid;
    border-width: 6px 0px 6px 4px;
    width: 0;
    height: 0;
    position: absolute;
        left: -4px;
        bottom: -6px;
        z-index: -1;
}

article footer a:after {
    content: "";
    border-color: #2E2E2E transparent transparent transparent;
    border-style: solid;
    border-width: 6px 4px 6px 0px;
    width: 0;
    height: 0;
    position: absolute;
        right: -4px;
        bottom: -6px;
        z-index: -1;
}

article.blog footer a {
    left: 500px;
    top: -47px;
    z-index: 99999;
    width: 72px;
}

.pagination a:first-of-type{
    background: url(images/paginationLeft.png) no-repeat left;
    padding: 5px 10px 5px 15px;
    margin: 0 10px 0 0;
}

.pagination a:first-of-type:hover{
    background: url(images/paginationLeft.png) no-repeat left;
    color: #cb3700
}

.pagination a:last-of-type{
    background: url(images/paginationRight.png) no-repeat right;
    padding: 5px 15px 5px 10px;
    margin: 0 0 0 10px;
}

.pagination a:last-of-type:hover{
    background: url(images/paginationRight.png) no-repeat right;
    color: #cb3700
}

.pagination .pagination-data a:last-of-type, .pagination .pagination-data a:first-of-type {
   background: none;
   padding: 5px 10px;
   margin: 0;
}

.pagination .pagination-data a:last-of-type:hover, .pagination .pagination-data a:first-of-type:hover {
    color: #fff;
    background: none;
}

.pagination a {
    padding: 5px 10px;
    cursor: pointer;
}

/*Quote*/

div.quote-right {
    margin: 0 0 30px 10px;
    padding: 5px 0 5px 60px;
    float: right;
    width: 240px;
    font-size: 13px;
    color: rgb(112, 112, 112);
    background-position: left, 25px 0;
    font-family: 'PT Sans', sans-serif;
        font-style: normal;
        font-weight: bold;
}

.blog div.quote-right, 
.content div.quote-right {
    margin: 5px 0 30px 15px;
    padding: 5px 0 5px 85px;
    float: right;
    width: 280px;
    font-size: 13px;
    color: rgb(112, 112, 112);
    background-position: left, 25px 0;
    font-family: 'PT Sans', sans-serif;
        font-style: normal;
        font-weight: bold;
}

div.quote-left {
    margin: 0 0px 30px 0;
    padding: 5px 50px 5px 0;
    float: left;
    width: 230px;
    font-size: 13px;
    color: rgb(112, 112, 112);
    font-family: 'PT Sans', sans-serif;
        font-style: normal;
        font-weight: bold;
}

.blog div.quote-left, 
.content div.quote-left {
    margin: 5px 25px 30px 0;
    padding: 0 75px 0 0;
    float: left;
    width: 280px;
    font-size: 13px;
    color: rgb(112, 112, 112);
    background-position: 325px, 285px 0;
    font-family: 'PT Sans', sans-serif;
        font-style: normal;
        font-weight: bold;
}

.addthis_button_facebook_like {
    width: 120px;
}

.addthis_button_facebook_like iframe {
    width: 120px !important;
}


/*Article comments*/



article.comment {
    height: auto;
    min-height: 110px;
    padding: 23px;
    border: 1px solid #f2f2f2;
    border-radius: 3px;
    background-color: #fff;
    position: relative;
    -webkit-box-shadow: 0 0 2px 0px #EFEFEF;
}

article.comment p {
    margin: 10px 0 0 0;
}

article.comment img {
    width: 48px;
    height:  48px;
}

.form-allowed-tags {
    display: none;
}

.depth-1{
    width: 624px;
    margin: 10px 0 40px 0;
}

.depth-2, 
.depth-3, 
.depth-4, 
.depth-5, 
.depth-6, 
.depth-7,
.depth-8 {
    width: 554px;
    margin: 10px 0 40px 70px;
}

article.comment .day, 
article.comment .month {
    width: 24px;
    height: 19px;
    padding: 0px 0 5px 0;
    text-align: center;
    position: absolute;
        top: 0px;
    color: #b8b8b8;
}

article.comment .day {
    box-shadow: none;
    background: #eaeaea;
    left:-25px;
    font-size: 11px;
}

article.comment .avatar {
    margin:  1px;
}

article.comment .month {
    background: #f3f3f3;
    left: 0;
    font-size: 11px;
}

article.comment:hover .comment-reply-link {
    opacity: 1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
}

article.comment .comment-reply-link{
    background: url(images/reply.png);
    width: 29px;
    height: 29px;
    margin: 10px;
    display:  block;
    opacity: 0;
    filter:alpha(opacity=0); /* For IE8 and earlier */
}

article.comment .comment-reply-link:hover {
    cursor: pointer;
}

article.comment header {
    padding: 0;
    margin:  0;
    display: block;
    width:  100%;
    float:  none;
}

.comment h3 {
    color: rgb(46, 46, 46);
    font-family: 'PT Sans', sans-serif;
        font-style: normal;
        font-weight: 400;
    font-size: 24px;
    margin: 0;
    padding: 0;
    float: none;
}

.comment h4 {
    margin: 5px 0 0 0;
    padding: 0;
    color: rgb(112, 112, 112);
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    float: none;
}

article.comment .comments-left-side, 
article.comment .comments-right-side {
    float: left;
}

article.comment .comments-left-side {
    padding: 0;
    margin: 0;
    width: 68px;
}

.depth-1 .comments-right-side {
    width: 550px;
}

.depth-2 .comments-right-side {
    width: 480px;
}

.comment-form-comment label, 
#reply-title, 
.comment-notes {
    display: none;
}

.comment-number-title {
    float: none;
    margin: 0;
    padding-top: 40px;
    margin-bottom: 40px;
}

.comment-number {
    width: 31px;
    height: 25px;
    margin: 0 0 0 10px;
    padding: 3px 0 0 0;
    text-align: center;
    display: inline-table;
    vertical-align: bottom;
    color: #fff;
    font-size: 14px;
    line-height:  15px;
}

ol #comment-header {
    margin-top: 10px;
}

#comment-header {
    margin-top: 50px;
}

#comment-form {
    margin-bottom: 50px;
}

#comment-form {
    width: 590px;
    padding: 40px;
}

#comment-form input {
    width: 258px;
}

#comment-form textarea {
    width: 564px;
    font-family: Arial, Helvetica, sans-serif;
    height: 210px;
}

#comment-form div.wrap {
    width: 282px;
    height: 40px;
    position: relative;
    float: left;
    margin: 0 24px 27px 0;
}

#comment-form .wrap-last {
    width: 282px;
    height: 40px;
    position: relative;
    float: left;
    margin: 0 0 27px 0;
}

#comment-form div.wrap-area {
    width: 564px;
    height: 210px;
    position: relative;
    float: left;
}

#comment-form .form-buttons {
    margin: 0 2px 0 0;

}

#comment-form .form-buttons input {
    margin: 70px 0 20px 20px;
    width: 174px;
}

#submit {
    display: none;
}


/*Sidebar twitter image*/



.sidebar-twitter-image {
    width: 27px;
    height: 19px;
    position: absolute;
        right: -25px;
        top: -25px;
}

aside .sidebar-texts {
    font-size: 12px;
    line-height: 23px;
    padding: 10px 0;
    color: #707070;
    width: 201px;
    height: 141px;
    background: #fff;
    border: 1px solid #f2f2f2;
    border-radius: 3px;
        -moz-border-radius: 3px;
    margin: 0 0 25px 0;
    position: relative;
    -webkit-box-shadow: 0 0 2px 0px #EFEFEF;
}

aside .sidebar-texts{
    height: auto;
    margin: 0 0 60px 0;
}

aside .sidebar-quotes-image {
    width: 22px;
    height: 20px;
    position: absolute;
        right: -25px;
        top: -25px;
}

aside .sidebar-texts p {
    display: none;
}

aside .sidebar-texts p#selected {
    display: block;
    padding: 10px 15px 10px 15px;
}

aside .arrowLeft, 
aside .arrowRight {
    width: 14px;
    height: 18px;
    position: absolute;
    background-repeat: no-repeat;
    bottom: -40px;
    z-index: 99;
}

aside .arrowRight {
    background: url(images/contentArrowRight.png);
    right: 83px;
}

aside .arrowRight:hover {
    cursor: pointer;
}

aside .arrowLeft {
    background: url(images/contentArrowLeft.png);
    left: 83px;
}

aside .arrowLeft:hover {
    cursor: pointer;
}

aside .posts .post {
    width: 201px;
    height: 48px;
    border: 1px solid #f2f2f2;
    border-radius: 3px;
    margin: 0 0 25px 0;
    position: relative;
    -webkit-box-shadow: 0 0 2px 0px #EFEFEF;
}

aside .posts .post .image img{
    width: 48px;
    height: 48px;
    display: block;
    float: left;
}

aside .post a {
    padding: 5px 0 0 0;
    display: block;
    line-height: 20px;
}

aside .post p {
    font-size: 12px;
    margin: 0;
    padding: 0px 30px 15px 10px;
    float: right;
    width: 112px;
    height: 33px;
    border: 1px solid #e9e9e9;
    border-style: none none none solid;
    background: #fff;
    overflow: hidden;
}

aside .day, 
aside .month {
    font-size: 11px;
    width: 24px;
    height: 19px;
    padding: 0px 0 5px 0;
    text-align: center;
    position: absolute;
        top: 12px;
    color: #b8b8b8;
}

aside .day {
    background: #eaeaea;
    right:-25px;
}

aside .month {
    background: #f3f3f3;
    right: 0;
}


/*Services
---------------------------------------------------------------------------------------------------------------*/



#slider-wrapper {
    overflow: hidden;
    position: relative;
    width: 895px;
    height: 300px;
}

#slider {
    left: 0;
    height: 300px;
    width: 20000px;
    position: absolute;
}



.slides li {
    float: left;
    display: block;
}

.slides img {
    background-color: #fff;	
}

.slides header {
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-family: 'PT Sans', sans-serif;
        font-style: normal;
        font-weight: 400;
}

.slides h3 {
    font-weight: normal;
    color: #2E2E2E;
}

.slides article{
    padding: 0;
    margin: 0;
    border: none;
    width: 299px;
    float: left;
    height: 283px;
}

.slides article:nth-of-type(3n){
    width: 33.3333%;
}

.slides article h3 {
    background: #f7f7f7;
    padding: 31px 0 9px 48px;
    width: 251px;
    margin: 0;
}

.slides article figure {
    width: 299px;
    margin: 0 auto; 
    padding: 25px 0 5px 0;
    height: 70px;
    text-align: center;
    vertical-align: middle;
}

.slides article p {
    font-style: italic;
    font-family: Arial, Helvetica, sans-serif;
    width: 225px;
    margin: 20px auto;
    margin-left: 20px;
    background-repeat: no-repeat;
    padding-left: 35px;
}

.slides article a {
    position: relative;
    display: block;
}

.slides article a:hover .services-photo-hover {
    opacity: 1;
    filter:alpha(opacity=100);
}

.slides li:nth-of-type(2n) p {
    background-repeat: no-repeat;
    padding-left: 35px;
}

.slider-arrow-left, 
.slider-arrow-right {
    width: 14px;
    height: 18px;
    position: absolute;
    background-repeat: no-repeat;
    top: 130px;
    z-index: 9;
}

.slider-arrow-left {
    background: url(images/contentArrowLeft.png);
    left: -26px;
}

.slider-arrow-left:hover {
    cursor: pointer;
}

.slider-arrow-right {
    background: url(images/contentArrowRight.png);
    right: -25px;
}

.slider-arrow-right:hover {
    cursor: pointer;
}

#service1 {
    width: 54px;
    height: 64px;
    margin: 0 auto;
    background: url(images/services/services1.png);
}

#service1:hover {
    background: url(images/services/services1Hover.png);
}

.services-photo-hover {
    position: absolute;
        top: 0px;
        left: 50%;
    opacity: 0;
    filter:alpha(opacity=0);
}


/*Form
*******************************************************************************************************/



input[type="text"], textarea  {
    width: 100%;
    border: 1px solid #dfdfdf;
    color: #878787;
    padding: 10px 11px;
    outline: none;
    -webkit-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

#contact-form input[type="text"] {
    width: 278px;
    margin: 0 0 25px 0;
}

.errorMessageInput {
    display: none;
    position: absolute !important;
    color: #E78E00;
    top: 8px;
    right: 15px;
}

.errorInput {
    background: #FFE9C5;
    border: 1px solid #F5B755 !important;
}

#contact-form div.wrap {
    width: 302px;
    position: relative;

}

#contact-form textarea {
    width: 425px;
    height: 200px;
    font-family: Arial, sans-serif;
}

.errorMessageTextarea {
    display: none;
    position: absolute !important;
    color: #E78E00;
    top: 11px;
    right: 10px;
}

#contact-form div.wrap-area {
    width: 448px;
    position: relative;
}

.left-form {
    float: left;
}

.left-form-last {
    float: left;
    margin-left: 50px;
}

.form-buttons {
    float: right;
}

.form-button {
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    text-shadow: -1px -1px rgba(0, 0, 0, 0.5);
    text-decoration: none;
    text-align: center;
    margin: 30px 0 0 20px;
    padding: 10px 0;
    width: 174px;
    box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.46);
}

.success, 
.success-2 {
    display: none;
    border: 1px solid #B6D5AC;
    text-align: right;
    background: url(images/success.png) no-repeat 14px;
    background-color: #E0FFCB;
    color: #58B31A;
    padding: 8px 18px 8px 37px;
    outline: none;
    width: 245px;
    -webkit-box-shadow: inset 0px 0px 4px 0px rgba(207, 0, 0, 0.2);
}


/*Error 404
*******************************************************************************************************/



.error-404 {
    text-align:  center;
    margin: 0px 0 40px 0;
    float: left;
    clear: left;
}

.error-404 h1 {
    font-size: 187px; 
    line-height:  220px;
    margin: 0 0 20px 0;
    padding: 0;
    display: inline;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
    font-family: 'BebasRegular', Arial, sans-serif;
        font-weight: 400;
    position: relative;
    float: none;
}

.error-404 h2 {
    color: #2e2e2e;
    font-size: 24px;   
    line-height: 29px;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
    margin: 0 0 50px 0;
    display: inline;
    font-family: 'BebasRegular', Arial, sans-serif;
    font-weight: 400;
    position: relative;
    float: none;
}

.error-404 h3 {
    line-height:  30px;
    color: #2e2e2e;
    font-size: 24px;   
    margin: 40px 0 0 0;
    font-family: 'PT Sans', sans-serif;
        font-style: normal;
        font-weight: 400;
    float: none;
}

.error-404 h3 a{
    text-decoration: none;
    float: none;
}

.error-404 h3 a:hover{
    color: #c14500;
}


/*Portfolio
*******************************************************************************************************/

.outside-project {
    width: 967px;
}


.project-wrapper {
    float: left;
    clear: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.single-project {
    width: 280px;
    height:  230px;
    margin: 36px 30px 0 30px;
    position: absolute;
    left: 0px;
    top: 0px;
    float: left;
    clear: left;
    padding: 0;
}

.single-project:nth-of-type(3n) {
    margin: 36px 0 0 0;
}

.single-project:nth-of-type(3n+1) {
    margin: 36px 0 0 0;
}

.single-project figure {
    display: inline;
}

.single-project figure a.image-link {
    display: block;
    margin: 0;
    width: 275px;
    height: 135px;
    border: 1px solid #F7F7F7;
    position: relative;
}

.single-project img {
    margin: 0;
    padding: 0;
    opacity: 0.7;
    filter: alpha(opacity=70);
    box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.1);
}

.single-project a h4 {
    -webkit-transition: color 0.2s linear;
    cursor: pointer;
    margin: 20px 0 10px 0;
    width: 200px;
    color: #2E2E2E;
    font-size: 16px;
    float: none;
}

.single-project p {
    width: 277px;
    height: 40px;
    padding: 0;
    margin: 0;
    font-style: italic;
    cursor: pointer;
    color: #707070;
    font-size: 12px;
}

.single-project figure a.image-link .magnifier div {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.3s linear;
    position: absolute;
    width: 51px;
    height: 47px;
    background: #2f2f2f;
    margin: 45px 112px;
    background-image: url(images/magnifier.png);
    background-repeat: no-repeat;
    background-position: 12px;
}

.single-project figure a.image-link .magnifier div div{
    opacity: 0;
    filter: alpha(opacity=0);
    background-image: url(images/magnifier.png);
    background-repeat: no-repeat;
    background-position: 12px;
    margin: 45px 0 0 113px;
    width: 51px;
    height: 47px;
    position: absolute;
    padding: 0;
    border: 1px solid #CE4B03;
    border-style: solid none none none;
}


/*two column portfolio 30.9.2012*/

.two-column {
    width: 430px;
    height:  290px;
    margin: 36px 0 0 0;
}

.two-column a h4 {
    width: 430px;
}

.two-column p {
    width: 430px;
    height:  30px;
}

.two-column:nth-of-type(2n) {
    margin-left: 36px;
}

.two-column figure a.image-link .magnifier div {
    margin: 80px 180px;
}

.two-column .image-link img {
    width: 428px;
    height: 210px;
}

.two-column figure a.image-link {
    width: 428px;
    height:  210px;
}

/*four column portfolio 30.9.2012*/

.four-column {
    width: 205px;
    height:  200px;
    margin: 36px 0 0 0;
}

.four-column a h4 {
    width: 205px;
}

.four-column p {
    width: 205px;
    height:  30px;
}

.four-column:nth-of-type(2n) {
    margin: 36px 25px 0 25px;
}

.four-column:nth-of-type(4n) {
    margin: 36px 0 0 25px;
}

.four-column figure a.image-link .magnifier div {
    margin: 27px 76px;
}

.four-column .image-link img {
    width: 203px;
    height: auto;
}

.four-column figure a.image-link {
    width: 203px;
    height:  100px;
}

/*Portfolio item details
---------------------------------------------------------------------------------------------------------------*/



#portfolio-single {
    padding: 40px 45px 71px 45px;
    height: auto;
}

#portfolioItemDetails p {
    padding: 40px 0 0 0;
    color: #707070;
    font-size: 12px;
}

.portfolioFullImage {
    width: 649px;
    height: 543px;
    float: left;
}

.portfolioFullImage img {
    display: none;
}

.portfolioThumbnails {
    float: left;
    width: 150px;
}

.portfolioThumbnails img {
    height: 135px;
    opacity: 0.63;
    filter: alpha(opacity=63);
}

.portfolioThumbnails .thumbnail {
    position: relative;
    padding: 0;
    height: 135px;
    margin: 0 0 1px 1px;
}

.portfolioThumbnails .thumbnail:hover{
    cursor: pointer;
}

.portfolioThumbnails #selected img, 
.portfolioThumbnails div:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
}

.portfolioThumbnails div .thumbnailTriagle {
    width: 8px;
    height: 16px;
    position: absolute;
    top: 60px;
}

.portfolioThumbnails div:hover .portfolioThumbnailsHover, 
.portfolioThumbnails div:hover .thumbnailTriagle {
    display: block;

}

.portfolioThumbnails div .thumbnailTriagle {
    display: none;
    left: 134px;
}

#selected .thumbnailTriagle {
    display: block;
    left: -8px;
}

.portfolioThumbnailsHover{
    display: none;
    width: 8px;
    height: 135px;
    position: absolute;
        z-index: 99;
        top: 0;
        right: -1px;
}

.portfolioThumbnails #selected .portfolioThumbnailsHover{
    left: 0;
    display: block;
}


/*Pagination
*******************************************************************************************************/



.pagination a {
    font-size: 12px;
}

.pagination a:first-of-type{
    background: url(images/paginationLeft.png) no-repeat left;
    padding: 5px 10px 5px 15px;
    margin: 0 10px 0 0;
}

.pagination a:first-of-type:hover{
    background: url(images/paginationLeft.png) no-repeat left;
    color: #cb3700
}

.pagination a:last-of-type{
    background: url(images/paginationRight.png) no-repeat right;
    padding: 5px 15px 5px 10px;
    margin: 0 0 0 10px;
}

.pagination a:last-of-type:hover{
    background: url(images/paginationRight.png) no-repeat right;
}

.pagination a {
    padding: 5px 10px;
}

.pagination a:hover{
    background: #cb3700;
    color: #fff;
}

.pagination a#selected {
    cursor: default;
    background: none;
}

.pagination .no-link:hover {
    cursor: default;
    color: #707070 !important;
}


/*Site footer
*******************************************************************************************************/



.footer-wrapper {
    background: white;
    width: 100%;
    -moz-box-shadow: 0px -1px 2px #efefef;
    -webkit-box-shadow: 0px -1px 2px #EFEFEF;
    box-shadow: 0px -1px 2px #EFEFEF;
    position: relative;
}

.footer-wrapper footer {
    color: #707070;
    width: 900px;
    padding: 0 0 115px 0;
}

.footer-wrapper footer a {
    color: #707070;
    text-decoration: none;
    line-height: 30px;
}

.footer-wrapper footer h3 {
    color: #2E2E2E;
    font-size: 14px;
        font-family: 'BebasRegular', Arial, sans-serif;
        font-weight: normal;
    margin: 44px 0 30px 0;
}

.footer-wrapper footer ul{
    font-size: 13px;
    float: left;
    max-width: 220px;
    width: auto;
    margin: 0 90px 0 0;
}

.footer-wrapper footer ul:last-of-type{
    margin: 0;
}

.contact-info-wrapper {
    width: 220px;
    margin-bottom: 30px;
}

.textwidget .contact-info-wrapper {
    width: auto !important;
    max-width: 200px;
}

#pin {
    width: 14px;
    height: 19px;
    line-height: 26px;
    margin: 3px 10px 0 0;
    background: url(images/pin.png);
}

#phone {
    width: 20px;
    height: 13px;
    line-height: 26px;
    margin: 4px 10px 0 0;
    background: url(images/phone.png);
}

#mail {
    width: 18px;
    height: 10px;
    line-height: 26px;
    margin: 9px 10px 0 0;
    background: url(images/mail.png);
}

.connect-wrapper {
    height: 17px;
    width:100%;
    position: absolute;
    z-index: 1;
    bottom: 20px;
    text-align: center;
}

.connect {
    max-width: 227px;
    position: relative;
    margin: 0 auto;
    height: 17px;
    padding: 15px 35px 15px 10px;
}

.connect:before {
    content: "";
    border-color: #2e2e2e transparent transparent transparent;
    border-style: solid;
    border-width: 10px 0px 10px 6px;
    width:0;
    height:0;
    position: absolute;
        left: -6px;
        bottom: -10px;
        z-index: -1;
}

.connect:after {
    content: "";
    border-color: #2e2e2e transparent transparent transparent;
    border-style: solid;
    border-width: 10px 6px 10px 0px;
    width:0;
    height:0;
    position: absolute;
    right: -6px;
    bottom: -10px;
    z-index: -1;
}

.connect a {
    float: left;
    margin: 0 0 0 21px;
    opacity:.50;
    filter:alpha(opacity=50);
}

.connect a:hover {
    opacity:1;
    cursor: pointer;
    filter:alpha(opacity=100);
}

.connect #twitter {
    background:url(images/connect%20icons/twitter.png);
    width: 22px;
    height: 17px;
}

.connect #facebook {
    background:url(images/connect%20icons/facebook.png);
    width: 10px;
    height: 17px;
}

.connect #linkedin {
    background:url(images/connect%20icons/linkedin.png);
    width: 17px;
    height: 17px;
}

.connect #vimeo {
    background:url(images/connect%20icons/vimeo.png);
    width: 15px;
    height: 17px;
}

.connect #youtube {
    background:url(images/connect%20icons/youtube.png);
    width: 15px;
    height: 17px;
}

.connect #flickr {
    background:url(images/connect%20icons/flickr.png);
    width: 22px;
    height: 17px;
}

.copyright {
    font-size: 12px;
    margin: 46px auto;
    margin-bottom: 36px;
    padding: 0 0 6px 0;
    width: 373px;
}

/**** Isotope Filtering ****/

.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.5s;
     -moz-transition-duration: 0.5s;
      -ms-transition-duration: 0.5s;
       -o-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         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;
}

.filters {
    float: left;
    clear: left;
    width: 889px;
    margin: 10px 0 0 0;
}

.filters ul {
    float: right;
}

.filters ul li {
    display: inline;
}

.filters ul li span {
    padding: 0 10px;
}

.filters ul li a {
    color: #999999;
    font-size: 14px;
}

.filters ul li a:hover {
    color: #6c6c6c;
}
.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.single-project figure a.image-link.backup {
    display: none;
}