html,body{
height:100%;
}
body{
margin:0;padding:0;
font:14px/16px Arial, Tahoma, sans-serif;
color:#363636;
background:#fff;
}
/*base*/
#service_text a{text-decoration: none;}
#service{width: 240px; height: 130px;}
#service_img{width: 240px; height: 65px;float: left;}
#service_text{width: 240px; height: 75px;float: left;}
#service_img_1{ width: 65px; height: 65px; float: right;background: url('/images/icons.png') -55px -120px; }
.block-services .tab ul li:hover #service_img_1{transition: 1s; background: url('/images/icons.png') -55px -222px;}
#service_img_2{ width: 65px; height: 65px; float: right;background: url('/images/icons.png') -190px -120px;}
.block-services .tab ul li:hover #service_img_2{ transition:1s; background: url('/images/icons.png') -190px -221px;}
#service_img_3{ width: 65px; height: 65px; float: right;background: url('/images/icons.png') -331px -120px;}
.block-services .tab ul li:hover #service_img_3{ transition:1s; background: url('/images/icons.png') -331px -221px;}
#service_img_4{ width: 65px; height: 65px; float: right;background: url('/images/icons.png') -451px -120px;}
.block-services .tab ul li:hover #service_img_4{ transition:1s; background: url('/images/icons.png') -451px -221px;}
#service_img_5{ width: 65px; height: 65px; float: right;background: url('/images/icons.png') -569px -120px;}
.block-services .tab ul li:hover #service_img_5{ transition:1s; background: url('/images/icons.png') -569px -224px;}
#service_img_6{ width: 65px; height: 65px; float: right;background: url('/images/icons.png') -672px -120px;}
.block-services .tab ul li:hover #service_img_6{ transition:1s; background: url('/images/icons.png') -672px -224px;}
#service_img_7{ width: 65px; height: 65px; float: right;background: url('/images/icons.png') -784px -120px;}
.block-services .tab ul li:hover #service_img_7{ transition:1s; background: url('/images/icons.png') -784px -224px;}
#service_img_8{ width: 65px; height: 65px; float: right;background: url('/images/icons.png') -885px -120px;}
.block-services .tab ul li:hover #service_img_8{ transition:1s; background: url('/images/icons.png') -885px -224px;}
#service_img_9{ width: 65px; height: 65px; float: right;background: url('/images/icons.png') -994px -120px;}
.block-services .tab ul li:hover #service_img_9{ transition:1s; background: url('/images/icons.png') -994px -224px;}
#service_img_10{ width: 80px; height: 65px; float: right;background: url('/images/icons.png') -1112px -120px;}
.block-services .tab ul li:hover #service_img_10{ transition:1s; background: url('/images/icons.png') -1112px -224px;}
#service_img_11{ width: 65px; height: 65px; float: right;background: url('/images/icons.png') -1244px -120px;}
.block-services .tab ul li:hover #service_img_11{ transition:1s; background: url('/images/icons.png') -1244px -224px;}
#service_img_12{ width: 65px; height: 65px; float: right;background: url('/images/icons.png') -1360px -120px;}
.block-services .tab ul li:hover #service_img_12{ transition:1s; background: url('/images/icons.png') -1360px -224px;}
#service_img_13{ width: 65px; height: 65px; float: right;background: url('/images/icons.png') -1477px -120px;}
.block-services .tab ul li:hover #service_img_13{ transition:1s; background: url('/images/icons.png') -1477px -224px;}
#service_img_14{ width: 65px; height: 65px; float: right;background: url('/images/icons.png') -1578px -120px;}
.block-services .tab ul li:hover #service_img_14{ transition:1s; background: url('/images/icons.png') -1578px -224px;}
a{outline:none;text-decoration:underline;color:#157efb;}
a:hover{text-decoration:none;}
a.active{text-decoration:none;color:#363636;}
p{margin:0;padding:5px 0 10px}
h2{
margin:0;padding:0 0 10px;
font-size:28px;font-weight:bold;
line-height:30px;
}
h3{
margin:0;padding:0 0 10px;
font-size:16px;font-weight:bold;
line-height:18px;
}
/*form*/
input,
button,
textarea,
select{
font:14px/16px Arial, Tahoma, sans-serif;
color:#363636;
}
/*grid*/
#wrapper{
width:100%;
height:100%;
display:table;
margin:0;padding:0;
}
.wrapper-holder{
width:960px;
display:table-row;
}
/*clearfix*/
.clearfix{
width:100%;
overflow:hidden;
margin:0;padding:0;
clear:both;
}
/**
* @header
*/
#header{
width:100%;
height:147px;
display:block;
position:absolute;left:0;top:0;z-index:900;
margin:0;padding:0;
}
/*header-holder*/
.header-holder{
width:960px;
height:106px;
display:block;
position:relative;
margin:0 auto;padding:0;
}
/*logo*/
.logo{
width:315px;
float:left;
margin:0;padding:15px 0 0;
}
.logo a{
width:122px;
height:77px;
float:left;
text-indent:-9999px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
.logo a img {
float: left;
}
.logo a img:hover{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);
transition: all 0.3s ease-out;
}
.logo .hello{
overflow:hidden;
height:1%;
margin:0;padding:12px 0 0 9px;
font-size:15px;
line-height:20px;
text-transform:uppercase;
color:#222c62;
}
/*contact*/
.contact{
width:415px;
float:left;
margin:0;padding:20px 0 0;
font-size:12px;
line-height:14px;
}
.contact ul{
margin:0;padding:0;
list-style:none;
}
.contact ul li{
height:20px;
float:left;
margin:10px 0 0;padding:0 0 0 25px;
line-height:20px;
background:url(/images/contact-ico.png) no-repeat 0 0;
}
.contact ul li.phone,
.contact ul li.address{
min-width:255px;
}
.contact ul li.phone{
font-size:22px;font-weight:bold;
line-height:24px;
color: #157efb;
}
.contact ul li.callback{
background-position:0 -20px;
}
.contact ul li.address{
background-position:0 -40px;
color: #6e6e6e;
}
.contact ul li.skype{
background-position:0 -60px;
}
.contact ul li a{
text-decoration:none;
border-bottom:1px dashed #105bab;
}
.contact ul li a:hover{
border:none;
}
/*slogan*/
.slogan{
float:right;
margin:0;padding:30px 65px 0 0;
font-size:15px;
line-height:20px;
text-align:center;
text-transform:uppercase;
color:#222c62;
}
.slogan strong{
display:block;
}
/*nav*/
#nav{
width:100%;
height:30px;
display:block;
position:absolute;left:0;bottom:0;
margin:0;padding:0;
background:#fff;
border-top:1px dotted #157efb;
}
#header .nav-fixed{
position:fixed;left:0;top:0;z-index:900;
}
.nav-holder{
width:960px;
height:30px;
display:block;
margin:0 auto;padding:0;
}
#nav ul{
margin:0;padding:0;
list-style:none;
}
#nav ul li{
float:left;
margin:0;padding:0 20px 0 0;
}
#nav ul li a{
font-size:12px;font-weight:bold;
line-height:30px;
text-decoration:none;
text-transform:uppercase;
color:#222c62;
}
#nav ul li a:hover,
#nav ul li a.active{
text-decoration:underline;
}
#nav .calculate{
float:right;
margin:0;padding:0 45px 0 0;
}
#nav .calculate a{
width:190px;
height:29px;
float:left;
margin:0;padding:0;
font-size:12px;font-weight:bold;
line-height:30px;
text-shadow:1px 1px 1px #d17508;
text-align:center;
text-decoration:none;
color:#fff;
border-bottom: 1px solid #cf6100;
border-radius:2px 2px 0 0;
-moz-border-radius:2px 2px 0 0;
-webkit-border-radius:2px 2px 0 0;
background: #ff9f00; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOWYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjc4MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ff9f00 0%, #ff7800 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9f00), color-stop(100%,#ff7800)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff9f00 0%,#ff7800 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff9f00 0%,#ff7800 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff9f00 0%,#ff7800 100%); /* IE10+ */
background: linear-gradient(to bottom, #ff9f00 0%,#ff7800 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9f00', endColorstr='#ff7800',GradientType=0 ); /* IE6-8 */
}
#nav .calculate a:hover{
text-decoration:underline;
}
/**
* @content
*/
#content{
position:relative;
margin:0;padding:147px 0 0;
}
.content-wrapper{
overflow:hidden;
margin:0;padding:0;
}
.content-holder{
width:960px;
display:block;
margin:0 auto;padding:0;
position: relative;
}
/*block-audit*/
.block-audit{
display:block;
margin:0;padding:0;
background:url(/images/b-audit-bg.jpg) no-repeat 50% 0;
}
.block-audit .content-holder{
height:365px;
}
.block-audit .form-audit{
width:280px;
float:right;
margin:0;padding:27px 0 0 0;
background: #fff;
}
.form-audit h3{
display:block;
margin:0;padding:0 0 15px;
font-size:15px;font-weight:normal;
line-height:28px;
text-align:center;
text-transform:uppercase;
color:#000;
}
.form-audit h3 strong{
font-size:15px;
font-weight:bold;
}
.form-audit .form-item{
display:block;
margin:0;padding:0 0 10px;
}
.form-audit .form-item label.error{
display:block;
margin:0;padding:2px 0 0 2px;
font-size:12px;
line-height:14px;
color:#fff;
}
.form-audit .form-item input.form-text{
width:240px;
margin:0 20px;
padding:7px 0;
font-size:13px;
color:#1d275b;
background:none;
border:none;
border-bottom:1px solid #1d275b;
}
.form-audit .form-item input.error{
border-color:#1d275b;
}
.form-audit .form-item textarea{
width:240px;
min-width:220px;
max-width:220px;
min-height:70px;
max-height:177px;
margin:0 20px;padding:7px 9px;
font-size:13px;
color:#1d275b;
background:none;
border:1px solid #1d275b;
}
.form-audit .form-item textarea.error{
border-color:#fff;
}
.form-audit .form-actions{
display:block;
margin:0;padding:8px 0 10px;
text-align:center;
}
.form-audit .form-actions input.form-submit,
.form-audit .form-actions button.form-submit {
display:inline-block;
vertical-align:top;
margin:0;padding:7px 13px;
font-size:13px;
text-shadow: 0px -1px 0px rgba(1, 1, 1, 0.28);
color:#fff;
cursor:pointer;
border-bottom: 3px solid #cf6000;
border-right: none;
border-left: none;
border-top: none;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
background: #ff9f00; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOWYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjc4MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ff9f00 0%, #ff7500 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9f00), color-stop(100%,#ff7800)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff9f00 0%,#ff7500 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff9f00 0%,#ff7500 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff9f00 0%,#ff7500 100%); /* IE10+ */
background: linear-gradient(to bottom, #ff9f00 0%,#ff7500 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9f00', endColorstr='#ff7500',GradientType=0 ); /* IE6-8 */
}
.form-audit .form-actions input.form-submit:hover,
.form-audit .form-actions input.form-submit:active{
text-decoration:underline;
}
.form-audit p{
display:block;
font-size:10px;
line-height:14px;
text-align:center;
color:#1d275b;
font-weight: normal;
}
/*block-completed*/
.block-completed{
min-height:400px;
max-height:709px;
display:block;
position:relative;
margin:0;padding:0;
background:#04498f url(/images/b-completed-bg.jpg) no-repeat 50% 50%;
}
.block-completed .content-holder{
height:350px;
display:block;
position:absolute;left:50%;top:50%;
margin:-175px 0 0 -480px;padding:0;
text-align:center;
}
.block-completed h2{
display:block;
margin:0;padding:30px 0 10px;
font-size:42px;font-weight:normal;
line-height:44px;
color:#fff;
}
.block-completed p{
display:block;
margin:0;padding:0;
font-size:22px;
line-height:24px;
color:#fff;
}
.block-completed .social{
width:780px;
height:100px;
display:block;
margin:70px auto 0;padding:20px 0 0;
background:#fff;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
box-shadow:0 2px 15px #132e6b;
-moz-box-shadow:0 2px 15px #132e6b;
-webkit-box-shadow:0 2px 15px #132e6b;
}
.block-completed .social p{
display:block;
margin:0;padding:0 0 20px;
font-size:14px;font-weight:normal;
line-height:16px;
color:#333;
}
/**
* @blocks
*/
.block-title{
height:95px;
display:block;
margin:0;padding:0;
text-align:center;
}
.block-title h2{
display:block;
margin:0;padding:10px 0 0 0;
font-size:18px;
font-weight:normal;
line-height:36px;
text-transform:uppercase;
color:#fff;
}
.block-title p{
display:block;
margin:0;padding-bottom:4px;
font-size:12px;
line-height:10px;
text-transform:uppercase;
color:#fff;
}
/*tabs*/
.tabs{
display:block;
margin:0;padding:0 0 30px;
}
.tabs .tabs-nav{
display:block;
margin:0;padding:3px 0 30px;
text-align:center;
}
.tabs .tabs-nav ul{
margin:0;padding:0;
list-style:none;
}
.tabs .tabs-nav ul li{
display:inline-block;
vertical-align:top;
margin:0;padding:0;
}
* html .tabs .tabs-nav ul li{
display:inline;
}
*+html .tabs .tabs-nav ul li{
display:inline;
}
.tabs .tabs-nav ul li a{
display:block;
margin:5px 45px 0 45px;
padding:0 0 3px 0;
text-decoration:none;
background:none;
color: #fff;
border-bottom:1px dotted #fff;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.tabs .tabs-nav ul li a:hover{
text-decoration:none;
color:#c83c6b;
border-bottom:1px dotted #c83c6b;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);
}
.tabs .tabs-nav ul li.ui-state-active a{
color:#fff;
background:none;
border-bottom:none;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
.tabs .tabs-nav ul li.ui-state-active a:hover{
text-decoration:none;
}
.tabs .qwerty ul li.ui-state-active a{
color:#000;
}
.tabs .qwerty ul li a{
color:#000;
border-bottom: 1px dotted #000;
}
.tabs .tab{
display:block;
margin:0;padding:0;
color:#555;
}
/*block-quality*/
.block-quality{
display:block;
margin:0;padding:0;
}
.block-quality .item{
width:240px;
height:125px;
float:left;
margin:0;padding:0;
}
.block-quality .first{
width:236px;
height:125px;
float:left;
margin:0;padding:0;
}
.block-quality dl{
display:block;
margin:0;padding:28px 0 0;
text-align:center;
}
.block-quality dl dt{
display:inline-block;
vertical-align:top;
margin:0;padding:0;
font-size:60px;font-weight:bold;
line-height:60px;
color:#105bab;
}
* html .block-quality dl dt{
display:inline;
}
*+html .block-quality dl dt{
display:inline;
}
.block-quality dl dd{
display:inline-block;
vertical-align:top;
margin:0;padding:3px 0 0 5px;
text-align:left;
}
* html .block-quality dl dd{
display:inline;
}
*+html .block-quality dl dd{
display:inline;
}
.block-quality dl dd strong{
display:block;
font-size:20px;font-weight:bold;
line-height:22px;
text-transform:uppercase;
color:#105bab;
}
.block-quality .client_1{
width:175px;
height:90px;
display:block;
margin:0 auto;padding:40px 0 0 0;
font-size: 15px;
font-weight: normal;
}
.client_1 img, .client_2 img, .client_3 img{
float: left;
padding-right: 15px;
}
/*-----------------------------*/
.client_1:hover img, .client_2:hover img, .client_3:hover img{
animation-name: services;
-webkit-animation-name: services;
-moz-animation-name: services;
animation-duration: 0.7s;
-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
}
.client_1:hover p, .client_2:hover p, .client_3:hover p{color: #C83C6B; transition: all 1.5s;
animation-name: services;
-webkit-animation-name: services;
-moz-animation-name: services;
animation-duration: 0.7s;
-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
}
@keyframes services{
0% {margin-left: 0px}
25% {margin-left: 20px;}
50% {margin-left: -20px;}
75% {margin-left: 10px;}
100%{margin-left: -10px;}
}
@-webkit-keyframes services{
0% {margin-left: 0px}
25% {margin-left: 20px;}
50% {margin-left: -20px;}
75% {margin-left: 10px;}
100%{margin-left: -10px;}
}
@-moz-keyframes services{
0% {margin-left: 0px}
25% {margin-left: 20px;}
50% {margin-left: -20px;}
75% {margin-left: 10px;}
100%{margin-left: -10px;}
}
/*-----------------------------*/
.inform_1{
padding-top: 12px;
}
.inform_2{
padding-top: 5px;
}
.inform_3{
padding-top: 14px;
}
.block-quality .client_2{
width:200px;
height:90px;
display:block;
margin:0 auto;padding:40px 0 0 0;
font-size: 15px;
font-weight: normal;
}
.block-quality .client_3{
width:220px;
height:90px;
display:block;
margin:0 auto;padding:31px 0 0 0;
font-size: 15px;
font-weight: normal;
}
.block-quality .last{
width:220px;
height:110px;
margin:0;padding:10px 0 0 15px;
}
.block-quality .last p{
display:block;
margin:0;padding:0 0 5px;
color: #1d275b;
font-size: 15px;
font-weight: bold;
}
.block-quality .last ul{
margin:0;padding:0;
list-style:none;
}
.block-quality .last ul li{
display:block;
margin:0;padding:3px 0 3px 22px;
font-size:15px;
background:url(/images/b-quality-list.jpg) no-repeat 0 50%;
}
/*block-services*/
.block-services{
display:block;
margin:0;padding:0;
background:url("/images/bg.jpg") no-repeat scroll 50% 0px transparent;
}
.block-services .tab{
text-align:center;
}
.block-services .tab ul{
display:inline-block;
vertical-align:top;
margin:0;padding:0;
list-style:none;
}
.block-services .tab ul li{
width:240px;
float:left;
margin:0;padding:0;
text-align:left;
}
.block-services .tab ul li img{
margin-left: 145px;
}
.block-services .tab ul li p{
display:block;
margin:-19px 0 0 0;padding:0 10px 0;
font-size:15px;
font-weight: normal;
line-height:18px;
color:#fff;
}
/*block-portfolio*/
.block-portfolio{
display:block;
margin:0;padding:0;
}
.block-portfolio .tab .summary{
width:238px;
float:left;
margin:10px 0 0 0;
padding:0;
}
.block-portfolio .tab .summary p{
display:block;
margin:0;padding:0;
width: 200px;
font-weight: normal;
}
.block-portfolio .tab ul{
width:720px; height: 187px;
float:right;
margin:0;padding:40px 0 0 0;
list-style:none;
background: url("/images/b-portfolio-arrow_2.png") no-repeat;
}
.block-portfolio .tab ul li{
width:220px;
float:left;
margin:0;padding:0 10px;
text-align:center;
}
.block-portfolio .tab ul li.first{
background:none;
}
.block-portfolio .tab .ico{
width:220px;
height:87px;
display:block;
margin:0;padding:0 0 5px 0;
}
.block-portfolio .tab .ico_2{
width:220px;
height:87px;
display:block;
margin:0;padding:0 0 5px 0;
}
.block-portfolio .tab .ico_3{
width:220px;
height:87px;
display:block;
margin:0;padding:0 0 5px 0;
}
.block-portfolio .tab .top{
background:url(/images/b-portfolio-ico_top.png) no-repeat 50% 0;
}
.block-portfolio .tab .hits{
background:url(/images/b-portfolio-ico_hits.png) no-repeat 50% 0;
}
.block-portfolio .tab .ads{
background:url(/images/b-portfolio-ico_ads.png) no-repeat 50% 0;
}
.block-portfolio .tab ul li strong{
display:block;
font-size:24px;
line-height:40px;
color:#1d275b;
text-align: center;
}
.ico img{}
.ico_3 img{}
.info{
font-size: 14px;
height: 48px;
}
/*block-team*/
.block-team{
display:block;
margin:0;padding:0;
background:#b8e3fd;
}
.block-team .skit{
display:block;
position:relative;
margin:0;padding:20px 0 30px;
}
.block-team .skit-nav{
display:block;
position:relative;
margin:0;padding:0;
}
.block-team .skit-nav-clip{
width:880px;
display:block;
overflow:hidden;
position:relative;
margin:0 auto;padding:0;
}
.block-team .skit ul{
position:relative;
margin:0;padding:0;
list-style:none;
}
.block-team .skit ul li{
width:160px;
height:270px;
float:left;
text-align:center;
margin:0 20px 0 0;padding:0;
}
.block-team .name{
display:block;
margin:0;padding:10px 0 0;
}
.block-team .name strong{
display:block;
margin:0;padding:0 0 5px;
}
.block-team .ico{
width:30px;
height:30px;
display:inline-block;
vertical-align:top;
margin:10px 0 0;padding:0;
text-indent:-9999px;
background:url(/images/b-team-ico.png) no-repeat 0 0;
}
* html .block-team .ico{
display:inline;
}
*+html .block-team .ico{
display:inline;
}
.block-team .cloud{background-position:-30px 0;}
.block-team .cannabis{background-position:-60px 0;}
.block-team .radiation{background-position:-90px 0;}
.block-team .foot{background-position:-120px 0;}
.block-team .skit-btn{
position:absolute;top:100px;
}
.block-team .skit-nav-prev{
left:0;
}
.block-team .skit-btn a{
width:20px;
height:41px;
display:block;
margin:0;padding:0;
text-indent:-9999px;
background:url(/images/skit-btn.png) no-repeat 0 0;
}
.block-team .skit-nav-next{
right:0;
}
.block-team .skit-nav-next a{
right:0;
background-position:-20px 0;
}
.block-team .skit-btn-disable a{
opacity:0.5;
}
/*block-reviews*/
.recom{
margin-top: -25px;
}
.block-reviews{
display:block;
padding:0;
height: 540px;
background:#e8ebf1;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;;
}
.block-reviews .skit{
height:420px;
display:block;
position:relative;
margin:0;padding:0;
}
.block-reviews .skit-panels{
height:560px;
display:block;
overflow:hidden;
position:relative;
margin:0;padding:0;
}
.block-reviews .skit-panels .skit-panel{
width:960px;
height:560px;
position:absolute;left:0;z-index:1;
}
.block-reviews .skit-panels .skit-panel-active{
z-index:5;
}
.block-reviews .skit-panels .skit-panel-old{
z-index:4;
}
.block-reviews .client{
width:240px;
float:left;
margin:0;padding:0;
}
.block-reviews .client .name{
display:block;
margin:0;padding:10px 0 0;
}
.block-reviews .client .author{
display:block;
margin:0;padding:0 0 5px;
font-weight:bold;
}
.block-reviews .client p{
display:block;
margin:0;padding:0;
}
.block-reviews .client .site{
display:block;
padding:7px 0;
font-size:12px;
line-height:14px;
}
.block-reviews .review{
width:654px;
float:right;
position:relative;
margin:0;padding:20px;
background:#fff;
border:1px solid #d9d9d9;
border-left: 2px solid #d9d9d9;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}
.block-reviews .review:after{
width:8px;
height:14px;
content:"";
position:absolute;left:-8px;top:55px;
background:url(/images/b-reviews-arrow.png) no-repeat 0 0;
}
.block-reviews .skit-nav{
width:240px;
position:absolute;left:0;bottom:45px;z-index:900;
}
.block-reviews .skit-nav-clip{
width:240px;
display:block;
margin:0;padding:0;
}
.block-reviews .skit-nav ul{
display:inline-block;
vertical-align:top;
margin:0;padding:0;
list-style:none;
}
* html .block-reviews .skit-nav ul{
display:inline;
}
*+html .block-reviews .skit-nav ul{
display:inline;
}
.block-reviews .skit-nav ul li{
float:left;
margin:0;padding:0 7px 0 0;
}
.block-reviews .skit-nav ul li a{
width:11px;
height:11px;
display:block;
text-indent:-9999px;
background:url(/images/b-reviews-skit.png) no-repeat 0 0;
}
.block-reviews .skit-nav ul li.skit-selected a{
background-position:-11px 0;
}
/*block-clients*/
.block-clients{
display:block;
padding:0;
background:#fff;
margin-top: 30px;
}
.block-clients .skit{
display:block;
position:relative;
margin:0;padding:20px 0 50px;
}
.block-clients .skit-nav{
height:90px;
display:block;
position:relative;
margin:0;padding:0;
}
.block-clients .skit-nav-clip{
width:838px;
height:90px;
display:block;
overflow:hidden;
position:relative;
margin:0 auto;padding:0;
}
.block-clients .skit ul{
position:relative;
margin:0;padding:0;
list-style:none;
}
.block-clients .skit ul li{
width:162px;
height:90px;
float:left;
text-align:center;
margin:0 7px 0 0;padding:0;
}
.block-clients .skit ul li img{
display:block;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
width: 162px;
height: 90px;
}
.block-clients .skit ul li img:hover{
-webkit-transform: scale(1.33);
-moz-transform: scale(1.33);
transform: scale(1.33);
}
.block-clients .skit-btn{
position:absolute;top:25px;
}
.block-clients .skit-nav-prev{
left:0;
}
.block-clients .skit-btn a{
width:20px;
height:41px;
display:block;
margin:0;padding:0;
text-indent:-9999px;
background:url(/images/skit-btn.png) no-repeat 0 0;
}
.block-clients .skit-nav-next{
right:0;
}
.block-clients .skit-nav-next a{
right:0;
background-position:-20px 0;
}
.block-clients .skit-btn-disable a{
opacity:0.5;
}
/*block-contact*/
.block-contact{
display:block;
margin:0;padding:0 0 30px;
background: #e8ebf1;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
width: 100%;
float: left;
}
.block-contact .data{
width:640px;
float:left;
margin:0;padding:20px 0 0;
}
.block-contact .contact{
width:475px;
float:none;
display:block;
margin:0;padding:0 0 40px;
}
.block-contact .social{
width:100%;
display:block;
margin:0;padding:0;
}
.block-contact .social h3{
display:block;
margin:0;padding:25px 0 20px;
font-size:22px;font-weight:normal;
line-height:24px;
color:#555;
}
.social ul{
display:table;
width: 300px;
margin: 5px 0 0 5px;
padding-left: 0;
list-style:none;
}
.social ul li{
display:table-cell;
}
* html .social ul li{
display:table-cell;
}
*+html .social ul li{
display:table-cell;
}
.social ul li a{
width:48px;
height:48px;
display:block;
margin:0;padding:0;
text-indent:-9999px;
background:#bcbcbc url(/images/social-ico.png) no-repeat 0 0;
border-radius:48px;
-moz-border-radius:48px;
-webkit-border-radius:48px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
cursor: pointer;
}
.social .fb{background-position:-48px 0;
}
.social .fb:hover{background-color:#354f89;}
.social .gp{background-position:-96px 0;}
.social .gp:hover{background-color:#c72f21;}
.social .tw{background-position:-144px 0;}
.social .tw:hover{background-color:#6398c9;}
.social .ok{background-position:-192px 0;}
.social .ok:hover{background-color:#f88f15;}
.social ul li a:hover{
background-color:#065baa;
}
.form-contact{
width:260px;
float: left;
margin:20px 0 10px;padding:20px;
background:#fff;
height: 307px;
}
.form-contact h3{
display:block;
margin:0;padding:0 0 15px;
font-size:16px;font-weight:normal;
line-height:16px;
text-align:center;
color:#000;
}
.form-contact .form-item{
display:block;
margin:0;padding:0 0 10px;
}
.form-contact .form-item label.error{
display:block;
margin:0;padding:2px 0 0 2px;
font-size:12px;
line-height:14px;
color:#fff;
}
.form-contact .form-item input.form-text{
width:260px;
margin:0;padding:7px 0;
font-size:13px;
color:#1d275b;
background:#fff;
border:none;
border-bottom: 1px solid #1d275b;
}
.form-contact .form-item input.error{
background:#ffbaba;
}
.form-contact .form-item textarea{
width:240px;
min-width:240px;
max-width:240px;
min-height:70px;
max-height:70px;
margin:0;padding:7px 10px;
font-size:13px;
color:#1d275b;
background:#fff;
border: 1px solid #1d275b;
}
.form-contact .form-item textarea.error{
background:#ffbaba;
}
.form-contact .form-actions{
display:block;
margin:0;padding:8px 0 0;
text-align:center;
}
.form-contact .form-actions input.form-submit{
display:inline-block;
vertical-align:top;
margin:0;padding:7px 15px;
font-size:13px;
text-shadow:1px 1px 1px #d17508;
font-weight: bold;
color:#fff;
cursor:pointer;
border: none;
border-bottom: 3px solid #cf6100;
border-radius:2px 2px 0 0;
-moz-border-radius:2px 2px 0 0;
-webkit-border-radius:2px 2px 0 0;
background: #ff9f00; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOWYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjc4MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ff9f00 0%, #ff7500 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9f00), color-stop(100%,#ff7800)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff9f00 0%,#ff7500 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff9f00 0%,#ff7500 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff9f00 0%,#ff7500 100%); /* IE10+ */
background: linear-gradient(to bottom, #ff9f00 0%,#ff7500 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9f00', endColorstr='#ff7500',GradientType=0 ); /* IE6-8 */
}
.form-contact .form-actions input.form-submit:hover,
.form-contact .form-actions input.form-submit:active{
text-decoration:underline;
}
/*block-map*/
.block-map{
display:block;
margin:0;padding:0;
}
.block-map iframe{
display:block;
margin:0;padding:0;
}
.block-map .map{
width:100%;
height:380px;
display:block;
margin:0;padding:0;
text-indent:-9999px;
}
/**
* @footer
*/
#footer{
width:100%;
overflow:hidden;
display:table-footer-group;
background:#105bab;
}
#footer .footer-wrapper{
height:1%;
display:table-row;
}
#footer .footer-frame{
display:table-cell;
}
/*footer-holder*/
.footer-holder{
width:960px;
min-height:60px;
display:block;
margin:0 auto;padding:0;
}
/*copyright*/
.copyright{
display:block;
margin:0;padding:0;
text-align:center;
font-size:11px;
line-height:60px;
color:#fff;
}
.copyright img{
margin-top: 20px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.copyright img:hover{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);
}
.copyright p{
padding: 0;
margin-top: -35px;
}
/*ui-dialog*/
.ui-dialog{
position:fixed;
background:#fff;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.ui-dialog .ui-dialog-titlebar{
display:block;
margin:0;padding:0;
font-size:14px;font-weight:normal;
line-height:16px;
text-align:center;
text-transform:uppercase;
color:#333;
background:#fff;
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
}
.ui-dialog a.ui-dialog-titlebar-close{
width:20px;
height:20px;
position:absolute;right:0;top:-30px;
text-indent:-9999px;
background:url(/images/dialog-close.png) no-repeat 0 0;
}
.ui-dialog .ui-dialog-content{
display:block;
margin:0;padding:15px 30px 30px;
}
.ui-widget-overlay{
position:fixed;left:0;bottom:0;
background:#000;
opacity:0.7;
}
.ui-dialog .content{
display:block;
margin:0;padding:0;
}
/*form-callback*/
.form-callback{
width:390px;
display:block;
margin:0;padding:20px;
background:#c6e9fd;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.form-callback .form-wrapper{
width:330px;
display:block;
margin:0;padding:25px 30px;
background:#fff;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
box-shadow:0 0 7px #777;
-moz-box-shadow:0 0 7px #777;
-webkit-box-shadow:0 0 7px #777;
}
.form-callback .form-item{
display:block;
margin:0;padding:0 0 20px;
}
.form-callback .form-item span.required{
color:#ff0000;
}
.form-callback .form-item label{
display:block;
margin:0;padding:0 0 5px;
font-size:14px;
line-height:16px;
color:#555;
}
.form-callback .form-item label.error{
display:block;
margin:0;padding:2px 0 0 2px;
font-size:12px;
line-height:14px;
color:#ff0000;
}
.form-callback .form-item input.form-text{
width:308px;
margin:0;padding:7px 10px;
font-size:13px;
color:#333;
background:#fff;
border:1px solid #b7b7b7;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.form-callback .form-item input.error{
background:#ffbaba;
}
.form-callback .form-item textarea{
width:308px;
min-width:308px;
max-width:308px;
min-height:30px;
max-height:100px;
margin:0;padding:7px 10px;
font-size:13px;
color:#333;
background:#fff;
border:1px solid #b7b7b7;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.form-callback .form-item textarea.error{
background:#ffbaba;
}
.form-callback .form-actions{
display:block;
margin:0;padding:0;
text-align:center;
}
.form-callback .form-actions input.form-submit{
display:inline-block;
vertical-align:top;
margin:0;padding:10px 25px;
font-size:13px;
text-shadow:1px 1px 1px #d17508;
text-transform:uppercase;
color:#fff;
cursor:pointer;
background:#ff9110;
border:none;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.form-callback .form-actions input.form-submit:hover,
.form-callback .form-actions input.form-submit:active{
text-decoration:underline;
}
.site_1{
padding-top: 40px;
font-weight: bold;
}
.extr{
margin-top: 20px;
}
.extr a{
text-decoration: none;
font-weight: bold;
}
.extr a:hover{
text-decoration: underline;
}
.monitor {
width: 577px;
height: 354px;
background:url(/images/monitor.png) no-repeat;
position: absolute;
top: 25px;
left: 55px;
}
.line-bg-services {top: 49px !important}