@charset "utf-8";
/* CSS Document */
@import url('/css/buttons.css');

/*FONTS*/
@font-face {
    font-family: SohoGothicPro-Medium;
    src: url('/uploads/fonts/SohoGothicPro-Medium.eot');
    src: local("☺"),url('/uploads/fonts/SohoGothicPro-Medium.eot?#iefix') format('embedded-opentype'),
         url('/uploads/fonts/SohoGothicPro-Medium.woff') format('woff'),
         url('/uploads/fonts/SohoGothicPro-Medium.ttf') format('truetype');
}
@font-face {
    font-family: SohoGothicPro-Bold;
    
    src: url('/uploads/fonts/SohoGothicPro-Bold.eot');
    src: local("☺"),url('/uploads/fonts/SohoGothicPro-Bold.eot?#iefix') format('embedded-opentype'),
         url('/uploads/fonts/SohoGothicPro-Bold.woff') format('woff'),
         url('/uploads/fonts/SohoGothicPro-Bold.ttf') format('truetype');
}
@font-face {
    font-family: SohoGothicPro-Light;
    
    src: url('/uploads/fonts/SohoGothicPro-Light.eot');
    src: local("☺"),url('/uploads/fonts/SohoGothicPro-Light.eot?#iefix') format('embedded-opentype'),
         url('/uploads/fonts/SohoGothicPro-Light.woff') format('woff'),
         url('/uploads/fonts/SohoGothicPro-Light.ttf') format('truetype');    
}
.soho-bold{
	font-family: "SohoGothicPro-Bold", Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
}
.soho-light{
	font-family: "SohoGothicPro-Light", Arial, Helvetica, sans-serif;
}
.soho-medium{
	font-family: "SohoGothicPro-medium", Arial, Helvetica, sans-serif;
}
.size-60{
    font-size: 60px;
}
.size-28{
    font-size: 28px;
}
/*---*/




body{
	margin: 0px;
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#eeeeee;
}
/* Standarts */
h1, h2, h3, h4, h5, h6, form, dl, dd, ul, blockquote, fieldset, input {margin: 0;}
form, fieldset {padding: 0;}
p, ul, ol {
    margin-top:15px;
    margin-bottom:15px;
}
strong, b {font-weight: bold;}
em, i {font-style: italic;}
small {}
ul {list-style: none;}
fieldset, img {border: 0;}
a:focus {outline: none;}
a{
	color:#FFF;
	text-decoration:inderline;
}
a:hover{
	color:#cccccc;
}
.clear { 
	clear: both;
	width: 100%;
}
#status{
	position:fixed;
	top: 5px;
	right: 5px;
	text-align:right;
	z-index:1000;
}
#left-fixed-content{
	position:fixed;
	left:0px;
	top:0px;
	color:#000;
	z-index:999;
}
#left-fixed-content .content{
    position: relative;
    z-index: 2;
}
#left-fixed-content .content ul.social{
    margin:  0px;
    padding: 180px 0px 0px 20px;
}
#left-fixed-content .content ul.social li{
    font-size: 9px;
    color: #808080;
    padding-bottom: 4px;
}
#left-fixed-content .content ul.social li a{
    color: #4b4b4b;
}
#left-fixed-content .content ul.social li a:hover{
    color: #000;
}
#left-fixed-content .content ul.top{
    margin:  0px;
    padding: 15px 0px 0px 20px;
}
#left-fixed-content .content ul.top li{
    float: left;
    padding-right: 20px;
}
#left-fixed-content .content ul.top a{
    color: #7f7f7f;
    font-size: 8px;
    text-decoration: none;
    text-transform: uppercase;
}
#left-fixed-content .content ul.top li.language ul.list{
    margin: 0px;
    padding: 0px;
    display: none;
}
#left-fixed-content .content ul.top li.language:hover ul.list{
    display: block;
}
#left-fixed-content .content ul.top li.language ul.list li{
    float: none;
    line-height: 14px;
    vertical-align: middle;
}
#left-fixed-content .content ul.top li.language ul.list li a{
    width: 100%;
}
#left-fixed-content .content ul.top li.language ul.list {
    padding-left: 0px;
}
#left-fixed-content .content ul.top li.language a.current{
    background: url('/images/small-arrow-down.png') no-repeat right center;
    padding-right: 15px;
}

#left-fixed-content .content ul.top a:hover{
    color: #000;
}
#left-fixed-content .content ul.top img{
    vertical-align: middle;
    padding-right: 5px;
}

#left-fixed-content .left-background{
    width: 370px;
    height: 530px;
    background-color:#FFFFFF;
    position:absolute;
    top: -158px;
    left: -200px;

    -webkit-box-shadow: 0px 0px 10px 10px rgba(00, 00, 00, 0.2);
    -moz-box-shadow: 0px 0px 10px 10px rgba(00, 00, 00, 0.2);
    box-shadow: 0px 0px 10px 10px rgba(00, 00, 00, 0.2);        

    -o-transform:rotate(32deg);
    -moz-transform:rotate(32deg);
    -webkit-transform: rotate(32deg); 	
    -ms-transform:rotate(32deg);
    z-index:0;
}
#img-logo{
	position:absolute;
	left:18px;
	top:90px;
}
/*paddings*/
.dynamic-padding-20{
	padding-bottom: 20px;
}
.dynamic-padding-10{
	padding-bottom: 10px;
}
.dynamic-padding-5{
	padding-bottom: 5px;
}
.dynamic-padding-0{
	padding-bottom: 0px;
}
/* menu css */
#top-menu-content{
	height:50px;
	width:100%;
	position:fixed;
	left:0px;
	top:0px;
	z-index:997;
}
#menu-left-bg{
    margin-left: -60px;
    float: left;
    height: 50px;
    background-image: url('/images/left-corner.png');
    background-repeat: no-repeat;
    background-position: top right;
    padding-right: 33px;
}
#menu-center-bg{
    float: left;
    height: 50px;
}
#menu-right-bg{
    float: left;
    height: 50px;
    background-image: url('/images/right-corner.png');
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 33px;    
}
.black-bg{
    background-color: #000;
    width: 100%;
    height: 100%;
}
/*
#top-menu-hover{
	position:relative;
	z-index:0;
	left:0px;
}
*/
#top-menu{
	padding-left: 280px;/*271 + 100*/
	position:relative;
}
#top-menu ul{
	list-style-type: none;
	padding:0px;
	margin:0px;
	position:absolute;
	z-index:1;	
	top: 0px;
}
#top-menu li{
	float:left;
	padding-left:15px;
	padding-right:23px;
	cursor: pointer;
	margin:0px;
	vertical-align:middle;
	line-height: 50px;
	height:50px;
    font-size: 11px;
}
#top-menu li.not-last{
	background:url('/images/menu-split.png') no-repeat right center;
}
#top-menu li a{
    color: #b7b7b7;
	text-transform:uppercase;
	font-family: "SohoGothicPro-Medium", Arial, Helvetica, sans-serif;
}
#top-menu li a:hover{
	color:#FFF;
}
#top-menu li a.selected{
    color:#FFF;
    text-shadow: 0px 0px 3px #000;
}
/*scroller*/
#scroller{
	height: 20000px;
	width:10px;
	z-index:-100;
}
/*alert*/
#alert-container{
    left: 0px;
    right: 0px;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 997;
    display: none;
}
#alert-container .text-box{
    position: relative;
    background-color: #1e1919;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    top: 50%;
    margin-top: -100px;
    box-shadow: 0px 0px 10px #000;
    padding: 40px 10px 30px 10px;
    text-align: center;
    font-size: 16px;
    
}
#alert-container .text-box .alert-close-btn{
    position: absolute;
    right: 5px;
    top: 5px;
}
/*preloader*/
#preloader{
    position: fixed;
    left: 0px;
    top: 0px;
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    z-index: 998;
    text-align: center;
    display: table;
}
#preloader div{
    color: #000;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
/* content*/
.content-block{
    width:100% !important;
    position:relative;
    height:1600px;
    overflow:hidden;
    padding: 0px;
    margin: 0px;
}
.meter{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/images/grid-meter.png') no-repeat right top;
    z-index: 0;
}
.txt{
	position:relative;
	width:100%;
	height:100%;
}
.goZUp{
    position: absolute;
}
/*
.bottom-shadow{
    position: absolute;
    bottom: 0px;
    height: 180px;
    width: 100%;
    background-image: url('/images/bg/bg-shadow.png');
    background-position: left bottom;
    background-repeat: repeat-x;
}
.top-shadow{
    position: absolute;
    top: 0px;
    height: 180px;
    width: 100%;
    background-image: url('/images/bg/bg-shadow-top.png');
    background-position: left top;
    background-repeat: repeat-x;
}
*/

.drop-box-shadow{
    box-shadow:  0px 0px 30px 15px rgba(0, 0, 0, 0.5);
}

/*--*/

#home{
    background: #eeeeee url('/images/temp/bg_video_c.jpg') 50% 0 no-repeat fixed;
}

/*--*/
#about{
    background: #fe6896 url('/images/temp/bg_freext.jpg') 50% 0 no-repeat fixed;
}
/*--*/
#services{
    background: #f2f2f2;/* url('/images/bg/bg-3.jpg') no-repeat fixed top left;*/
    
}
/*--*/
#platforms{
    background: #8e1c3e url('/images/bg/color-4.gif') repeat fixed;
}
#platforms-content-texts{
    width: 100%;
    height: 500px;
    margin-top: 80px;
    background: url('/images/platforms-split.png') no-repeat center bottom;
    overflow: hidden;
    position: relative;
}
#platforms-intro-content{
    width: 100%;
    height: 500px;
    position: relative;
}
#platforms-intro-image{
    position: absolute;
    height: 400px;
    width: 690px;
    left: 50%;
    bottom: 20px;
    z-index: 0;
}
#platforms-intro-image .moving-img{
    position: absolute;
}
#platforms-intro-image .demo-img{
    position: absolute;
    bottom: 0px;
    left: 0px;
}
/*
.platforms-title{
    left: 50%;
    width: 340px;
    text-align: right;
    position: absolute;
    margin-left: -340px;
    font-size: 26px;
    line-height: 36px;
    text-shadow: 1px 1px 1px #000;
    top: 50px;
}
.platforms-title-right{
    left: 50%;
    width: 340px;
    font-size: 26px;
    line-height: 32px;
    margin-left: 70px;
    text-align: left;
    position: absolute;
    text-shadow: 1px 1px 1px #000;
    top: 25px;
}
*/
#idea-block{
    position: absolute;
    width: 800px;
    left: 50%;
    margin-left: -330px;
    text-shadow: 1px 1px 1px #000;    
}
#idea-block .text-1{
    width: 90%;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 34px;
}
#idea-block .text-1 span{
    font-size: 48px;
    text-transform: uppercase;
}
#idea-block .text-2{
    width: 80%;
    text-align: right;
    font-size: 22px;
    border-top: 1px solid #fff;
    background: url('/images/light-bulb.png') no-repeat left 0px;
    height: 112px;
    text-transform: uppercase;
}

#platforms-intro-content .message-block .citate{
    font-size: 25px;
    background-image: url('/images/citate-bracked-left.png'), url('/images/citate-bracked-right.png');
    background-repeat: no-repeat, no-repeat;
    background-position: left top, right top;
    height: 66px;
    line-height: 66px;
    vertical-align: middle;
    padding-left: 25px;
    padding-right: 25px;
    margin-left: -25px;
}
#platforms-intro-content .message-block .message{
    width: 450px;
    font-size: 15px;
}
#platforms-intro-content .message-block{
    position: absolute;
    left: 50%;
    margin-left: -500px;
    bottom: 25px;
    text-shadow: 1px 1px 2px #000;
}
#platforms-intro-content .message-block p{
    padding: 0px;
    margin-bottom: 0px;
    margin-top: 10px;
}
#platforms-categories-content{
    height: 300px;
    width: 100%;
    background: url('/images/platforms-content-bg.png') repeat-x left top;
}
.platforms-category-content{
    width: 1024px;
    float: left;
    overflow: hidden;
    height: 300px;
    position: relative;
    
}
/*
.platforms-category-content .grey-bg{
    width: 100%;
    height: 300px;
    position: absolute;
    bottom: 0px;
}
*/
.platforms-category-content .title{
    font-size: 36px;
    text-shadow: 1px 1px 2px #000;
    padding-left: 230px;
    padding-top: 15px;
    padding-bottom: 10px;
}
.platforms-category-content .list{
    padding-top: 40px;
    text-align: center;
}
.platforms-category-content .list ul{
    padding: 0px;
}
.platforms-category-content .list ul li{
    display: inline-block;
    background: url('/images/list-split.png') no-repeat right center;
    height: 110px;
    width: 240px;
    text-align: left;
    vertical-align: middle;
    position: relative;
}
.platforms-category-content .list ul li div.label{
    width: 120px;
    height: 110px;
    display: table;
}
.platforms-category-content .list ul li div.label div{
    display: table-cell; 
    vertical-align: middle;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
}
.platforms-category-content .list ul li img.icon{
    position: absolute;
    top: -35px;
    right: 10px;
}

.platform-desc{
    width: 720px;
    text-align: right;
    margin-left: auto;
    margin-right: auto;
    padding-right: 50px;
}
.platform-desc p{
    font-family: "SohoGothicPro-Light", Arial, Helvetica, sans-serif;
    text-shadow: 1px 1px 1px #000;
}
.platforms-close-btn{
    position: absolute;
    right: 50px;
    z-index: 99;
    top: 20px;
}
#platforms-categories{
    padding-top: 15px;
}
#platforms-categories .categories-list ul{
    margin: 0px;
    text-align: center;
}
#platforms-categories .categories-list ul li{
    display: inline-table;
    padding-left: 10px;
    padding-right: 10px;
    width: 130px;
    text-align: center;
}
#platforms-categories .categories-list ul li .icon-block{
    background: url('/images/platforms-categories-shadow.png') no-repeat center bottom;
    position: relative;
    width: 160px;
    height: 120px;
}
#platforms-categories .categories-list ul li .icon-block div{
    width: 100%;
    position: absolute;
    text-align: center;
    top: 0px;
}
#platforms-categories .categories-list ul li .icon-block img.icon{
}
#platforms-categories .categories-list ul li a{
    text-decoration: none;
    font-size: 14px;
}
#platforms-categories .categories-list ul li a.selected{
    color: #cccccc;
}

div#debesys  { 
  width:538px; 
  height:289px; 
  background:url(/images/debesys-demo.png) 0 0 no-repeat;
  display:block; 
  z-index:2; 
  position: relative;
  margin-top: 70px;
}
div#debesys span { 
  float:left;
  display:block;
  background-image:url(/images/debesys-demo.png); 
  background-repeat:no-repeat;
  position: absolute;
}
/*--*/
#casestudies{
    background: #424242 url('/images/bg/bg-5.jpg') no-repeat fixed top left;
    background-size: 100% 1000px;
}
.bottom-shadow{
    position: absolute;
    bottom: 0px;
    height: 180px;
    width: 100%;
    background-image: url('/images/bg/bg-shadow.png');
    background-position: left bottom;
    background-repeat: repeat-x;
}
#casestudies .title{
	padding-top:115px;
	padding-left:184px;	
}
#casestudies .title .h1{
	font-size:40px;
	padding-left: 100px;
}
#casestudies .title .h2{
	font-size:37px;
	text-align:left;
	padding-left: 60px;
}
#casestudies-projects{
	padding-left: 184px;
}
#projects-filters ul{
	list-style-type:none;
	margin: 0px;
	padding:0px;
}
#projects-filters ul li{
	float:left;
	display:inline;
	margin-right: -8px;
}
#projects-container{
	height: 378px;
	width: auto;
	overflow:hidden;
}
.projects-item{
	height: 185px;
	width: 328px;
	background-color: #ffffff;
	margin-bottom: 9px;
	position:relative;
}
#projects-container ul{
	list-style-type:none;
	margin: 0px;
	padding:0px;
}
#projects-container ul li{
	float:left;
	display:inline;
}
#projects-container ul li{
	padding-right: 10px;
}


.projects-item .logo-container{
	width:100%;
	height:100%;
	background-image:url(/images/project-item-logo-bg.jpg);
	background-repeat:no-repeat;
	background-position: right bottom;
	position:absolute;
	top:0px;
	left:0px;
}
.projects-item .desc-container{
	width:100%;
	height:100%;
	position:absolute;
	background-color: #340a26;
	top:0px;
	left:0px;
	display:none;

}
.projects-item .desc-container .item-title{
	size: 20px;
	width: 250px;
	margin-left: 22px;
	margin-top: 28px;
	padding-bottom: 10px;
}
.projects-item .desc-container .item-text{
	font-family:Arial, Helvetica, sans-serif;
	size: 13px;
	color:#da80c2;
	width: 210px;
	margin-left: 22px;
	line-height: 17px;
}
.projects-item .desc-container .item-link{
	size: 14px;
	font-weight:bold;
	margin-left: 22px;
	position:absolute;
	bottom: 5px;
}
.projects-item .logo-container img{
	position:absolute;
	right:10px;
	bottom: 10px;
}

/*--*/
#team{
    background: #978cc8 url('/images/bg/bg-6.jpg') no-repeat fixed top left;
}
#team-content-texts{
	width: 990px;
	margin-left: auto;
	margin-right: auto;	
}
#team .txt{
}
#career-images-container{
    position: absolute;
    width: 100%;
    bottom: 0px;
}
#career-left-image{
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 10;
}
#career-right-image{
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 11;
}
#career-experience{
    position: absolute;
    left: 210px;
    top: 100px;
}
#career-energy{
    position: absolute;
    right: 210px;
    top: 100px;
}
#career-creativity{
    position: absolute;
    top: 200px;
    left: 50%;
    margin-left: -100px;
}
#team .texts-block{
    width: 100%;
    padding-top: 225px;
}
#team .texts-block .intro-text{
    width: 585px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    text-shadow: 1px 1px 1px #000; 
}
#team .texts-block .right-block{
    width: 900px;
    height: 157px;  
    position: relative;
    margin-left: auto;
    margin-top: -20px;
}
#team .texts-block .right-block #career-right-block-bg{
    position: absolute; 
    top: 0px;
    left: 0px;
    z-index: 0;
}
#team .texts-block .right-block .text{
    color: #363636;
    position: absolute;
    left: 140px;
    top: 0px;
    z-index: 1;
    width: 540px;
}
#team .texts-block .right-block .text p.title{
    text-align: center;
    margin-bottom: 5px;
    margin-top: 5px;
}
#team .texts-block .right-block .text p.subtitle{
    text-align: left;
    font-size: 13px;
    margin-bottom: 5px;
    margin-top: 0px;
}
#team .texts-block .right-block .text .list-block{
    float: left;
}
#team .texts-block .right-block .text li{
    width: 205px;
    font-size:  13px;
    padding-bottom: 5px;
    list-style-image: url('/images/career-bullet-pink.png');
}
#team .texts-block .left-block{
    width: 900px;
    height: 157px;  
    position: relative;
}
#team .texts-block .left-block #career-left-block-bg{
    position: absolute; 
    top: 0px;
    left: 0px;
    z-index: 0;
}
#team .texts-block .left-block .text{
    position: absolute;
    right: 100px;
    top: 0px;
    z-index: 1;
    width: 540px;
}
#team .texts-block .left-block .text p{
    text-align: center;
    font-size: 18px;
}
#team .texts-block .left-block .text li{
    float: left;
    width: 160px;
    font-size:  13px;
    padding-bottom: 5px;
    list-style-image: url('/images/career-bullet-grey.png');
}
#career-status{
    position: absolute;
    bottom: 0px;
    width: 960px;
    left: 50%;
    margin-left: -430px;
    text-align: center;
    z-index: 12;
}
#career-status ul{
    z-index: 1;
    position: relative;
}
#career-status ul li{
    display: block;
    float: left;
    
}
#career-status ul li a{
    text-shadow: 1px 1px 1px #000;
    text-decoration: none;
    
}
#career-status-bg{
    display: none;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 0;
}

#career-status ul li a:hover div.counts .icon{
    background-image: url('/images/career-icon-over.png');
}
#career-status ul li a:hover .item{
    color: #30295a;
    text-shadow: 1px 1px 1px #fff;
}
#career-status ul li a div.block{
    padding-left: 15px;
    padding-right: 60px;
    background: url('/images/career-list-split.png') no-repeat right 4px;
    height: 93px;
    padding-top: 5px;
}
#career-status ul li a div.icon-block{
    padding-left: 15px;
    padding-right: 45px;
    background: url('/images/career-list-split.png') no-repeat right 4px;
    height: 93px;
    padding-top: 5px;
}
#career-status ul li a div.block .title{
    font-size: 16px;
}
#career-status ul li a div.counts{
    position: relative;
    left: -50%;
    float: right;
}
#career-status ul li a div.counts .center{
    position: relative;
    left: 50%;
}
#career-status ul li a div.counts .item{
    float: left;
    width: 35px;
}
#career-status ul li a div.counts .item .value{
    font-size: 28px;
    margin-top: -5px;
    
}
#career-status ul li a div.counts .split{
    width: 16px;
    height: 40px;
    margin-top: 7px;
    background: url('/images/career-count-split.png') no-repeat top center;
}
#career-status ul li a div.counts .item .name{
    margin-top: -5px;
    font-size: 13px;
}
#career-status ul li a div.counts .icon{
    margin-top: 5px;
    height: 50px;
    width: 50px;
    background: url('/images/career-icon-up.png') no-repeat center center;
}
/*
//career-icon-up
//career-icon-over
*/
/*--*/
#clients{
    background: #202020 url('/images/bg/bg-7.jpg') no-repeat fixed top left;
}

#clients .title{
	padding-top:115px;
	padding-left:184px;	
}
#clients .title .h1{
	font-size:40px;
	padding-left: 100px;
}
#clients .title .h2{
	font-size:37px;
	text-align:left;
	padding-left: 70px;
	line-height: 20px;
}
#clients .title .h3{
	font-size:37px;
	text-align:left;
	padding-left: 40px;
}
#clients .title .text{
	font-size:15px;
	text-align:left;
	width:815px;
}

#clients-content-texts{
    width: 990px;
    margin-left: auto;
    margin-right: auto;	
    padding-top: 125px;
}
#clients-container{
    height: 180px;
    width: auto;
    overflow:hidden;
}
.clients-item{
    height: 90px;
    width: 200px;
    margin-bottom: 0px;
    position:relative;
}
#clients-container .right-border{
    border-right:#FFF 1px solid;
}
#clients-container .bottom-border{
    border-bottom:#FFF 1px solid;
}
#clients-container ul{
    list-style-type:none;
    margin: 0px;
    padding:0px;
}
#clients-container ul li{
    float:left;
    display:inline;
}
#clients-container ul li{
    padding-right: 0px;
}
.clients-item-over-bg{
    width: 100%;
    height: 100%;
    position:absolute;
    top:0px;
    left:0px;
    background-color: #FFF;
    z-index: 0;
}
.clients-item .clients-logo{
    height:90px;
    width: 200px;
    text-align:center;
    line-height:200px;
    vertical-align:middle;
    display:table-cell;
    position: absolute;
    z-index: 2;
}
.clients-item .clients-logo img{
    vertical-align:middle;
}
/*--*/
#contacts{
    background-color:#327fbd;
    overflow:hidden;
}
.contacts-txt{
    position:relative;
    height: 100%;
    overflow: hidden;
}
#contacts .title{
	padding-top:115px;
	padding-left:184px;	
}
#contacts .title .h1{
	font-size:36px;
	padding-left: 100px;
}
#contacts .title .h1 span{
	font-size:48px;
}
#contacts .title .h2{
	font-size:36px;
	text-align:left;
	padding-left: 70px;
	line-height: 20px;
}
#contacts-content-texts{
	width: 990px;
	margin-left: auto;
	margin-right: auto;	
	padding-top: 125px;
}
#map-container{
    position:absolute;
    width: 50%;
    height: 100%;
    right: 0px;
}
#contacts-map-corner{
    position:absolute;
    background-color:#327fbd;
    width: 500px;
    height: 1300px;
    top: 50%;
    margin-top: -650px;
    left: 50%;
    margin-left: -250px;

    -o-transform:rotate(32deg);
    -moz-transform:rotate(32deg);
    -webkit-transform: rotate(32deg); 
}
#contacts .details-block{
    margin-top: 30px;
    margin-left: 184px;
    font-family: Arial, Helvetica, sans-serif;
}
#contacts .details-block .col{
    float: left;
    padding-right: 100px;
}
#contacts .details-block p{
    margin:5px;
}
#contacts .details-title{
    font-weight: bold;
    font-size: 14px;
}
#contacts .details-address{
    font-size: 14px;
    color: #d8e8f5;
}
#contacts .details-phone{
    font-size: 22px;
    color: #d8e8f5;
    background: url('/images/phone-icon.png') no-repeat left 9px;
    padding-left: 23px;
}
#contacts .details-other{
    color: #d8e8f5;
    font-size: 14px;
}
#contacts .contacts-form{
    margin-left: 40px;
    width: 630px;
}
#contacts .contacts-form p{
    font-size: 12px;
    color: #bee3ff;
    font-style: italic;
}
#contacts .contacts-form ul.error{
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    font-style: italic;
}
form fieldset label {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    display: block;
    padding-bottom: 15px;
    padding-top: 15px;
}
form fieldset {
    clear: none;
    float: left;
    margin-right: 20px;
}
form .text_inp, form textarea {
    background-color: #96bede;
    border-style: solid;
    border-width: 0px;
    margin: 0;
    padding: 2px;
    resize: none;
}
form fieldset.error .text_inp, form fieldset.error .textarea_inp{
    background-color: #938aaa;
}
form .text_inp {
    height: 29px;
    line-height: 29px;
    padding: 2px 5px;
    width: 180px;
}
form .textarea_inp {
    padding: 2px 5px;
    width: 600px;
    height: 85px;
}
input, select, textarea {
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
}
form .submit{
    border: none;
    background: url('/images/email-icon.png') no-repeat left center;
    padding-left: 40px;
    font-size: 24px;
    font-family: "SohoGothicPro-Light", Arial, Helvetica, sans-serif;
}
form fieldset.action {
    padding-top: 36px;
    padding-left: 40px;
}
.slider-value{
    text-align: center;
    font-size: 18px;
    padding-top: 5px;
}


/* projects inside */
#project-intro-container{
    background-color: #000000;
    height: 730px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
#project-intro-image{
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0px;
}
#project-intro-text{
    padding-top: 150px;
    padding-left: 280px;
}
#project-intro-text .title{
    font-size: 38px;
    width: 440px;
}
#project-intro-text .subtitle{
    font-size: 14px;
    width: 440px;
}
#project-intro-text .projects-navigation{
    padding-top: 20px;
}
#project-intro-similar{
    position: absolute;
    top: 170px;
    left: 880px;
}
#project-intro-similar p{
    font-size: 14px;
    color: #8b8b8b;
    margin: 0px;
}
#project-intro-similar ul{
}
#project-intro-similar ul li{
    list-style-image: url('/images/similar-project-bullet.png');
    font-size: 12px;
    padding-bottom: 5px;
}
#project-content{
    width: 100%;
    color: #000000;
    position: relative;
}
#project-actions{
    width: 880px;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d6d6d6;
}
#project-actions .social-btns{
    float: left;
}
#project-actions .project-link{
    float: right;
}
#project-actions .project-link a{
    color: #000;
    text-decoration: underline;
}
#project-actions .project-link a:hover{
    color: #aaaaaa;
}
#project-description{
    width: 880px;
    margin-left: auto;
    margin-right: auto;    
}
/* end of projects inside*/

/* speed optimize css*/
/*
.content-block{
    background-image: none!important;
}
*/
/* end of speed optimize css*/