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}