html {
position: relative;
min-height: 100%;
}
body {
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 12px;
width: 100%;
height: 100%;
background-color: white;
margin-bottom: 190px;
/* background: linear-gradient(to bottom, #FFFFFF 55%, #F4F6F8 99%); */
}
h1, .h1, h2, .h2, h3, .h3, h3>a {
color: rgb(255, 144, 0);
}
h1{
font-size: 22px;
margin-bottom: 30px;
}
h2{
font-size: 17px;
}
p {
/* color: rgb(153, 153, 153); */
/* color:#898989;*/
color:#686868;
font-size: 14px;
text-align: justify;
}
label{
font-size: 14px;
color: #FF9000;
}
a:active {
color: #ed7f02;
}
a:hover {
text-decoration: none;
color: #444444;
}
a {
color: #444444;
outline: none;
text-decoration: underline;
}
img.telephon{padding: 15px 0 0 40px}
#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
z-index: 18;
}
/* Header
-----------------------------------------------------------------------------*/
#header {
background: url(../images/header.jpg) no-repeat top center #fff;
min-width: 960px;
position: relative;
z-index:21;
height: 184px;
}
#header .header {
max-width: 1100px;
margin: 0 auto;
padding-bottom: 15px;
padding-top:15px;
position: relative;
}
.header .tech-support {
margin: 0px 0 10px 713px;
font-size: 1.3em;
width: 400px;
}
.tech-support .ts-text {
}
.tech-support .ts-phone {
color: white;
padding-right: 0px;
margin-right:8px;
/*background: url(../images/index-sprite.png) 138px -37px no-repeat;*/
}
/* main menu */
ul#main-menu {
}
#main-menu li {
float: left;
}
#main-menu li a {
}
/* form for authorizing (login-form) */
.login-form {
float: right;
top:-13px;
padding-top:20px;
max-width: 210px;
height:150px;
position: relative;
background: url(../images/loginform.png) 0 0 no-repeat;
/*right:80px;
right:22%;
margin-right: -174px;*/
}
.login-form .lf-title {
color: white;
font-size: 14px;
/* background: url(../images/index-sprite.png) 0 2px no-repeat; */
padding: 3px 0 3px 40px;
}
form#form-login {
padding-left:40px
}
form .fl-field {
position: relative;
padding: 0 11px 0 5px;
margin: 3px 0px 0 6px;
}
.request-form .fl-field {
margin: 26px 0 0 0;
}
.fl-description {
position: absolute;
display: block;
color: #7E7E7E;
top: -20px;
left: 10px;
}
.fl-description.required {
color: #ed7f02;
}
.fl-field input {
background: url(../images/form-login-fon.png) repeat-x;
border: none;
padding: 4px 3px;
padding-left: 3px;
outline: none;
color: white;
width: 100%;
font-size: 15px;
}
input.cl-white::-webkit-input-placeholder {color: white;}
input.cl-red::-webkit-input-placeholder {color: #e0485a;}
.fl-field .fl-left-corner,
.fl-field .fl-right-corner{
position: absolute;
top: 0;
width: 5px;
height: 26px;
background: url(../images/index-sprite.png) 0 -501px no-repeat;
}
.fl-field .fl-left-corner {
left: 0;
}
.fl-field .fl-right-corner {
right: 0;
background-position: 0 -547px;
}
/* styles for form-connection field */
.form-standard .fl-field input {
background: url(../images/field-conn-fon.png) repeat-x;
padding: 4px 3px 7px 3px;
color: #bfbfbf;
}
.fl-field input.cl-gray::-webkit-input-placeholder {color: #bfbfbf;}
.form-standard .fl-field .fl-left-corner,
.form-standard .fl-field .fl-right-corner{
height: 29px;
background: url(../images/index-sprite.png) 0px -933px no-repeat;
}
.form-standard .fl-field .fl-left-corner {
}
.form-standard .fl-field .fl-right-corner {
background-position: 0px -980px;
}
.fl-field.floated-left {
clear: both;
float: left;
width: 40%;
}
.request-form .fl-field.floated-left {
}
.fl-field.floated-right {
float: right;
width: 40%;
}
.request-form .fl-field.floated-right {
}
.form-standard .txt-area {
width: 97%;
height: 100px;
background-color: #f5f5f5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius:4px;
color: #bfbfbf;
}
input.white-rounded {
border: none;
outline: none;
background-color: white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 3px 0;
padding: 3px 0 3px 5px;
color: #ee8d00;
}
.form-login-submit {
color: white;
margin: 8px 0;
outline: none;
background: none;
border: 1px solid #d07204;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 3px;
cursor: pointer;
text-transform: uppercase;
width:135px;
}
.incorrect-login {
display: none;
float: right;
background: #f2bac2;
color: #d20b24;
padding: 2px 4px;
border: 1px solid white;
margin-top: 3px;
font-weight: bold;
position: relative;
right: -20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.incorrect-login span {
background: url(../images/incorrect-corner.png) 0 0 no-repeat;
width: 12px;
height: 4px;
position: absolute;
top: -4px;
right: 130px;
}
/* menu for changing languages */
ul#languages {
overflow: hidden;
top: 93px;
width: 200px;
right: -185px;
float: right;
position: relative;
/* padding-left: 635px; */
}
#languages li {
float: left;
margin-right: 7px;
}
#languages li a {
background: url(../images/index-sprite.png) 0 -74px no-repeat;
padding-left: 13px;
text-decoration: none;
color: black;
font-size: 1.3em;
}
#languages li a:hover {
color:#FF9000;
background-position: 0 -1135px;
}
/* active item (language) */
#languages li.active {
}
#languages li.active a {
color:#FF9000;
background: url(../images/index-sprite.png) 0 -238px no-repeat;
}
/* Slider
-----------------------------------------------------------------------------*/
#slider {
position: relative;
z-index: 20;
/* border-bottom: 3px solid #e5e9ed; */
min-width: 960px;
padding-top: 10px;
}
.blue-gradient {
/* background: url(../images/slider-gradient.png) 0 100% repeat-x; */
}
#slider .slider {
max-width: 1100px;
margin: 0 auto;
height: 345px;
position: relative;
overflow: hidden;
}
/* ul with white circles in the top (indicates which slider is active) */
.slider-circles {
margin: 0 auto;
width: 192px;
height: 27px;
/* background: url(../images/index-sprite.png) 0px -1468px no-repeat; */
overflow: hidden;
text-align: center;
padding-top: 3px;
background-position: 0px -1469px;
float: right;
right: 300px;
top: 140px;
position: relative;
}
.slider-circles ul {
display: inline-block;
*display: inline;
zoom: 1;
}
.slider-circles ul li {
float: left;
width: 15px;
height: 15px;
display: inline;
margin: 0 1px;
background: url(../images/index-sprite.png) 0 -172px no-repeat;
cursor: pointer;
}
.slider-circles ul li.active {
background: url(../images/index-sprite.png) 0 -206px no-repeat;
}
/* checking connection form */
.connection-check {
float: right;
width: 280px;
/*border-left: 10px solid #696969;*/
padding: 30px 15px 30px 15px;
margin-top: 30px;
position: relative;
right: 2%;
/* margin-right: -202px; */
background: url(../images/block_body.jpg) left bottom repeat-x #fefefe;
border:2px solid #ff9000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.thick-border {
display:none;
float: right;
width: 10px;
background-color: #444444;
height: 75%;
top: 5%;
position: relative;
right: 52%;
margin-right: -310px;
}
.connection-check .au-header {
background: url(../images/index-sprite.png) 0 -105px no-repeat;
padding: 1px 0 6px 55px;
color: #646464;
line-height: 23px;
}
/* check button (ïðîâåðèòü) */
.check-button {
float: left;
}
.check-button span {
float: left;
height: 40px;
display: block;
cursor: pointer;
font-weight: bold;
}
.cb-first {
width: 36px;
background: url(../images/index-sprite.png) 0px -1027px no-repeat;
}
.cb-second {
padding: 0 10px;
color: #efbca8;
font-size: 15px;
line-height: 37px;
background: url(../images/check-button-fon.png) 0 0 repeat-x;
}
.cb-third {
width: 47px;
background: url(../images/index-sprite.png) 0px -1087px no-repeat;
}
/* check button (ïîäêëþ÷èòñÿ) */
.check-button.connect .cb-first {background-position: 0px -1734px;}
.check-button.connect .cb-second {background: url(../images/check-button-connect-fon.png) 0 0 repeat-x; color: #1d4815;}
.check-button.connect .cb-third {background-position: 0px -1794px;}
/* check button (çàÿâêà) */
.check-button.request .cb-first {background-position: 0px -1614px;}
.check-button.request .cb-second {background: url(../images/check-button-request-fon.png) 0 0 repeat-x; color: #3d3d3d;}
.check-button.request .cb-third {background-position: 0px -1674px;}
.tariffs {
float: right;
font-size: 15px;
margin-top: 8px;
}
.tariffs a {
color: #a9a9aa;
}
/* slideshow */
#slideshow {
float: left;
width: 620px;
position:relative;
left: 19%;
margin-lefT: -202px;
}
#slideshow ul {
}
#slideshow ul li {
width: 600px;
height: 300px;
text-align: center;
}
#slideshow img {
max-width: 600px;
max-height: 300px;
}
/************************Bresdcrumbs******************************/
.breadcrumbs{
margin-top: 10px;
}
#breadcrumbs .B_crumbBox{
display: inline-flex;
}
.breadcrumbs_separator{
margin-left: 4px;
margin-right: 4px;
}
/* Middle
-----------------------------------------------------------------------------*/
#content {
padding: 0 0 150px;
min-width: 960px;
font-size: 1.4em;
position: relative;
z-index: 16;
}
#content .content {
max-width: 1100px;
margin: 0 auto;
padding: 20px 0 40px 10px;
}
.hor-border-curve {
clear: both;
height: 14px;
background: url(../images/border-horizontal-fon.png) repeat-x;
}
/* "about-us" - block on the index under slider */
.about-us {
overflow: hidden;
color: #7E7E7E;
}
.about-us .au-block {
float: left;
width: 28%;
margin: 0 1% 0 5%;
}
/*.au-block*/ .au-header {
font-size: 18px;
font-weight: normal;
padding: 12px 0 12px 100px;
margin-bottom: 10px;
}
/* sub-block news */
.au-block.news {
width: 30%;
margin-left: 0;
/* background: url(../images/mail.png) 0 0 no-repeat; */
}
div.innerborder{
border:2px solid #ff9000;
margin-top: -10px;
padding: 20px 0 10px 0;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
height: 180px;
background: url(../images/block_body.jpg) left bottom repeat-x #fefefe;
}
.au-block.news .au-header {
color:#fff;
background: url(../images/block_bg.jpg) 0 0 repeat-x;
}
a.link-more {
color: #444444;
display: inline-block;
}
.news .link-more{
margin: 0px 0 0 20px;
}
.benefits .link-more{
margin: 20px 0 0 39px;
}
ul.ul-news {
/* background: url(../images/ul-news-fon.png) 0 4px repeat-y; */
padding-left: 20px;
}
.ul-news li {
}
.ul-news li a {
/* color: #ff7182; */
}
.ul-news li p {
}
/* sub-block alfa-inet */
.au-block.alfa-inet {
}
.au-block.alfa-inet .au-header {
color:#fff;
padding-left: 120px;
background: url(../images/block_bg.jpg) 0 0 repeat-x;
}
.au-block.alfa-inet p {
text-indent: 30px;
line-height: 16px;
}
/* sub-block benefits */
.au-block.benefits {
width: 28%;
margin-left: 5%;
}
.au-block.benefits .au-header {
color:#fff;
background: url(../images/block_bg.jpg) 0 0 repeat-x;
}
ul.ul-benefits {
margin-left: 21px;
}
.ul-benefits li {
padding-left: 18px;
background: url(../images/index-sprite.png) 0 -466px no-repeat;
line-height: 19px;
}
/* glossary symbols list */
.ul-glossary {
overflow: hidden;
margin: 30px 0 30px 0px;
}
.ul-glossary li {
float: left;
border-bottom: 2px solid #444444;
padding: 0 3px;
}
.ul-glossary li a {
text-decoration: none;
color: #444444;
font-size: 20px;
}
.ul-glossary li a:hover {
color: #ed7f02;
}
.ul-tech {
}
.ul-tech li {
margin: 8px 0;
}
.ul-tech li a{
color: #444444;
font-size: 20px;
font-weight: bold;
}
.ul-tech li a:hover{
color: #ed7f02;
font-size: 20px;
font-weight: bold;
}
.russian-def,
.english-def,
.js-good .tech-def{
display: none;
}
.tech-def {
margin-left: 110px;
}
.russian-def.visible,
.english-def.visible,
.tech-def.visible{
display: block;
}
.two-column {
overflow: hidden;
}
.two-column .tc-first {
width: 67%;
float: left;
/* border-right: 10px solid #696969; */
padding: 0 3% 80px 0;
color: #7E7E7E;
}
.two-column .tc-second {
width: 26%;
float: right;
padding-left: 2%;
}
.two-column .tc-second.special {
width: 23%;
float: left;
/* border-left: 10px solid #696969; */
position: relative;
left: -30px;
color: #7E7E7E;
}
.two-column.request {
margin-left: 109px;
color: #7E7E7E;
overflow: visible;
}
.two-column.request .tc-first {
width: 360px;
border-right: none;
padding: 0;
}
.history .tc-first {
width: 58%;
padding-left: 7%;
}
.two-column.request .tc-second {
padding: 0;
width: 360px;
float: left;
padding-left: 40px;
}
ul.ul-history {
}
.ul-history li {
}
.ul-history li a {
}
.ul-history li .h-sub {
margin-bottom: 5px;
}
/* Footer
-----------------------------------------------------------------------------*/
/*
#footer {
margin-top: -150px;
background: url(../images/footer-fon.gif) repeat #529017;
position: relative;
min-width: 960px;
}
#footer .content-delimeter{
position: absolute;
height: 14px;
width: 100%;
top: -14px;
left: 0;
background: url(../images/border-horizontal-fon.png) 0 bottom repeat-x;
} */
.content-gradient {
position: absolute;
height: 343px;
background: url(../images/slider-gradient.png) 0 0 repeat-x;
z-index: 1;
width: 100%;
top: -343px;
left: 0;
}
.footer-shadow {
position: absolute;
height: 0px;
bottom: 0;
width: 100%;
left: 0;
/* background: url(../images/footer-shadow-fon.png) repeat; */
}
#footer .footer {
max-width: 1100px;
height: 150px;
margin: 0 auto;
color: #e1e5e9;
position: relative;
z-index: 17;
background: #529017;
padding-left:10px;
}
.footer-blocks {
height: 150px;
overflow: hidden;
}
.sub-fb-block {
width: 32%;
float: left;
/* margin-left: -19px; */
}
.footer-blocks .fb-block {
/* width: 273px; */
margin: 0 auto;
}
.fb-block .fb-block-header{
font-size: 18px;
font-weight: normal;
margin-bottom: 15px;
}
.contacts .fb-block-header {
/* background: url(../images/index-sprite.png) 0px -780px no-repeat;
margin-left: -13px;
margin-top: 15px;*/
padding: 18px 0 0px 0px;
zoom: 1;
}
.services .fb-block-header {
/* background: url(../images/index-sprite.png) 40px -836px no-repeat;
margin-left:-55px;
margin-top: 20px; */
padding: 18px 0 11px 95px;
zoom: 1;
}
/* news-subscriptions block
.fb-block.news-subscription {
margin-left: 0px;
}
.news-subscription form {
}
.news-subscription .email-field {
position: relative;
padding: 0 61px 0 10px;
width: 200px;
}
.email-field input{
background: url(../images/mail-field-fon.png) repeat-x;
border: none;
outline: none;
color: #a8aab4;
width: 100%;
padding: 15px 0;
padding-right: 50px;
}
*+html .email-field input {
margin-top: -1px;
}
.email-field .fl-left-corner,
.email-field .fl-right-corner{
position: absolute;
top: 0;
width: 11px;
height: 45px;
background: url(../images/index-sprite.png) 0px -593px no-repeat;
}
.email-field .fl-left-corner {
left: 0;
}
.email-field .fl-right-corner {
right: 0;
background-position: 0px -658px;
}
.email-field .red-button a {
width: 46px;
height: 41px;
position: absolute;
top: 2px;
right: 3px;
text-decoration: none;
background: url(../images/index-sprite.png) 0px -723px no-repeat;
}
*/
/* map block */
.fb-block.map {
/*background: url(../images/map.png) 70px 0 no-repeat;*/
min-height: 172px;
position: relative;
top: 25px;
padding-lefT: 70px;
}
.fb-block.map a {
display: inline-block;
color: #444444;
position: absolute;
top: 80px;
left: 20px;
font-size: 16px;
}
/* contacts block */
.fb-block.contacts {
}
.fb-block.contacts .address{
margin-bottom: 5px;
font-size: 16px;
/* color:#c61a1e; */
text-align: left;
margin-right: 70px;
}
.fb-block.contacts .right-text {
text-align: left;
/* margin-right: 69px; */
font-size: 16px;
line-height: 26px;
clear: both;
}
/* services block */
.fb-block.services {
}
ul.ul-services {
text-align: right;
}
.ul-services li {
line-height: 21px;
font-size: 1.5em;
padding-left: 20px;
/* background: url(../images/index-sprite.png) 0px -897px no-repeat; */
}
.ul-services li a {
color: #d8d8d8;
}
.footer-bottom {
position: relative;
}
.footer-bottom img {
vertical-align: middle;
}
.footer-bottom .copyright {
font-size: 1.7em;
}
*+html .footer-bottom .copyright {float: left;}
*html .footer-bottom .copyright {float: left;}
.footer-bottom .social-links {
float: right;
display: inline-block;
margin-top: 10px;
}
.social-links img {
margin: 0 4px;
}
/* common styles */
div.ul-three-column {
color: #7E7E7E;
}
.ul-three-column ul {
}
.ul-three-column ul li {
margin: 0 4% 50px 4%;
width: 24%;
min-height: 150px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
_height: 150px;
}
/* actions */
.ul-three-column.actions {
}
.ul-three-column.actions .h-actions,
.ul-three-column.news .h-actions{
color: white;
font-size: 18px;
font-weight: normal;
background-color: #FF9000;
display: inline;
padding: 3px 3px;
}
.ul-three-column.actions .h-actions {
text-transform: uppercase;
}
.ul-three-column.actions li.archive .h-actions {
/*background-color: #c0c0c0;*/
background-color: white;
color: #c0c0c0;
padding: 3px 0px;
}
.ul-three-column.actions li.archive p {
color: #7E7E7E;
}
.ul-three-column a {
color: #444444;
}
/* news */
.ul-three-column.news .h-actions {
/*background-color: black;*/
background-color: #FF9000;
font-size: 18px;
display: inline-block;
padding: 3px 6px;
}
.ul-three-column.news li.archive .h-actions {
background-color: #c0c0c0;
}
/* pagination */
.pagination {
color: #7E7E7E;
margin-left: 50px;
}
.pagination .pag-title {
vertical-align: top;
}
.pagination ul {
display: inline-block;
}
.pagination ul li {
float: left;
margin: 0 5px;
}
.pagination ul li a {
padding: 2px 5px;
color: #444444;
text-decoration: none;
}
.pagination ul li a:hover,
.pagination ul li.active a{
background-color: black;
color: white;
}
.h1-header {
margin-left: 109px;
margin-bottom: 30px;
font-size: 22px;
color: #6a6a6a;
font-weight: normal;
}
.h-sub {
font-size: 18px;
font-weight: normal;
color: #c0c0c0;
/*margin-bottom: 15px;*/
margin-bottom: 20px;
}
.red-alpha {
background: url(../images/red-alpha.png) 0 5px no-repeat;
padding: 10px 0 19px 53px;
}
/* hacks for Google Chrome */
@media all and (-webkit-min-device-pixel-ratio:0) {
.slider-circles {
background-position: 0px -1469px;
float: right;
right: 0;
top: 140px;
position: relative;
}
.form-standard .fl-field .fl-left-corner {
background-position: 0px -932px;
}
.form-standard .fl-field .fl-right-corner {
background-position: 0px -979px;
right: 1px;
}
#form-login .fl-field .fl-left-corner {
background-position: 0 -500px;
}
#form-login .fl-field .fl-right-corner {
background-position: 0px -546px;
}
}
/* hacks for IE */
*+html .fl-field {
padding: 0;
margin: 3px 0;
margin-right: 10px;
}
*+html .form-standard .fl-field input ,
*+html #form-login .fl-field input{
padding: 5px 0px;
margin: 0px;
}
*+html #form-login .fl-field .fl-right-corner {
right: -5px;
background-position: 0 -545px;
}
*+html #form-login .fl-field .fl-left-corner {
left: -5px;
background-position: 0 -499px;
}
*+html .form-standard .fl-field .fl-right-corner {
right: -5px;
background-position: 0 -978px;
}
*+html .form-standard .fl-field .fl-left-corner {
left: -5px;
background-position: 0 -931px;
}
.incorrect-window {
width: 440px;
padding: 40px 30px 20px;
background: url(../images/incorrect-window-fon.png) 100% 0 no-repeat #bebebe;
min-height: 272px;
_height: 272px;
}
.incorrect-window h3 {
color: black;
font-size: 20px;
font-weight: normal;
margin-bottom: 15px;
}
.incorrect-window h3 .no {
color: #ce0707;
}
.incorrect-window ul {
}
.incorrect-window ul li {
margin: 10px 0;
}
.incorrect-window ul li span{
padding: 5px 10px;
background-color: #ce0707;
display: inline-block;
color: white;
font-size: 18px;
}
.incorrect-window .cont-button {
color: #d7d7d7;
margin-top: 30px;
width: 225px;
height: 61px;
text-align: center;
font-size: 18px;
line-height: 55px;
background: url(../images/continue-button-fon_03.png) 0 0 no-repeat;
cursor: pointer;
}
.map-icon {
padding: 3px;
color: white;
background-color: #02B4FE;
}
.map-icon.mi-opacity {
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}
.map-icon.mi-invisible {
/*display: none;*/
zoom: 1;
filter: alpha(opacity=10);
opacity: 0.1;
}
.common-text-block {
color: #7E7E7E;
margin-left: 109px;
width: 71%;
/* margin-top: 80px; */
}
.otstyp1 {
margin:0 10px 0 10px;
}
.sua {
margin:0 0 0 29px;
}
.sw {
margin:0 0 0 76px;
}
.sw2 {
margin:0 0 0 65px;
}
.kt {
margin:0 0 0 61px;
}
.pr {
margin:0 0 0 103px;
}
.pr2 {
margin:0 0 0 92px;
}
div.innerborder1{
border:2px solid #ff9000;
margin-top: -10px;
padding: 20px 0 10px 0;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
height: 200px;
background: url(../images/block_body.jpg) left bottom repeat-x #fefefe;
}
.podkl {
text-align:center;
}
.au-block.news1 {
width: 30%;
margin:0 31px 0 5px;
}
.au-block.news1 .au-header {
color:#fff;
background: url(../images/block_bg.jpg) 0 0 repeat-x;
}
.vsetarifu {
min-width:975px;
max-width:1100px;
font-size:1.4em;
position:relative;
height:526px;
}
.tariframka1 {
width:320px;
outline:1px solid #8E9A8F;
float:left;
}
.tariframka2 {
width:320px;
float:left;
border: 2px solid #ff9000;
border-radius: 0 0 5px 5px;
}
.tariframka2:hover {
position:absolute;
top:-10px;
width:320px;
float:left;
border: 2px solid #ff9000;
border-radius: 0 0 5px 5px;
}
.tariframka3 {
width:320px;
margin:0 auto;
border: 2px solid #ff9000;
border-radius: 0 0 5px 5px;
}
.tariframka3:hover {
position:absolute;
top:-10px;
left:333px;
width:320px;
margin:0 auto;
border: 2px solid #ff9000;
border-radius: 0 0 5px 5px;
}
.tariframka4 {
width:320px;
float:right;
border: 2px solid #ff9000;
border-radius: 0 0 5px 5px;
}
.tariframka4:hover {
position:absolute;
top:-10px;
left:666px;
width:320px;
float:right;
border: 2px solid #ff9000;
border-radius: 0 0 5px 5px;
}
.tarifheader {
text-align:center;
padding-top:10px;
height:47px;
color:#fff;
background: url(../images/block_bg.jpg) 0 0 repeat-x;
font-size:19px;
}
.tarifspeedua {
font-size:16px;
color:#7e7e7e;
width:180px;
height:35px;
float:left;
padding-left:10px;
font-family:Arial, Tahoma, Verdana, sans-serif;
font-weight:bold;
}
.tarifspeedua1 {
font-size:16px;
color:#7e7e7e;
height:35px;
font-family:Arial, Tahoma, Verdana, sans-serif;
padding-left:10px;
}
.tarifspeedua2 {
font-size:16px;
color:#7e7e7e;
width:210px;
height:35px;
float:left;
padding-left:10px;
font-family:Arial, Tahoma, Verdana, sans-serif;
}
.tarifspeeduamb {
font-size:16px;
color:#7e7e7e;
width:140px;
height:35px;
margin-left:170px;
text-align:right;
font-weight:bold;
}
.tarifspeeduamb3 {
font-size:16px;
color:#7e7e7e;
height:35px;
padding-left:10px;
font-weight:bold;
}
.tarifspeeduamb2 {
font-size:16px;
color:#7e7e7e;
width:110px;
height:35px;
margin-left:200px;
text-align:right;
}
.tarifzakaz {
height:35px;
text-align:center;
padding-top:12px;
background-color:#8E9A8F;
}
.tarifzakaz:hover {
background-color:#FFA11E;
}
.tarifinramka {
background: url(../images/block_body.jpg) left bottom repeat-x #fefefe;
}
.tarifzakaz a {
color:#ffffff;
}
.clear {
clear:both;
}
.serujtarif {
width:280px;
background: #f7f8fb none repeat scroll 0 0;
border-top: 1px solid #d5f3fc;
color: #8ea9b9;
font-size: 16px;
line-height: 1;
margin: 10px auto;
padding: 8px 13px;
}
.a-button {
background: #FFAF00 none repeat scroll 0 0;
border-radius: 20px;
color: #434e55;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 1;
margin: 10px auto;
margin-left:35px;
padding: 12px 45px;
font-family: inherit;
border: 0 none;
outline: 0 none;
}
.a-button:hover {
background: #529017 none repeat scroll 0 0;
border-radius: 20px;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 1;
margin: 10px auto;
margin-left:35px;
padding: 12px 45px;
font-family: inherit;
border: 0 none;
outline: 0 none;
}
.left_img {
float:left;
width:400px;
height:300px;
}
.rihgt_text {
margin-left:400px;
width:400px;
height:230px;
padding-top:70px;
}
.right_img {
float:right;
width:400px;
height:300px;
}
.left_text {
margin-right:400px;
width:400px;
height:230px;
padding-top:70px;
}
.tv {
width:800px;
margin:0 auto;
}
.h11 {
font-size:18px;
font-weight:bold;
color:#FF9000;
}
.text {
color: #7e7e7e;
}
.spop1 {
width:800px;
margin:0 auto;
}
.spop2 {
font-size:25px;
color:#FF9000;
}
.spop3 {
font-size:20px;
color:#949191;
text-align:center;
}
.spop4 {
height:230px;
width:340px;
float:left;
margin-left:40px;
}
.spop5 {
height:230px;
width:340px;
margin-left:420px;
}
.spop6 {
width:240px;
height:160px;
float:left;
}
.spop7 {
width:240px;
height:160px;
float:right;
}
.spop8 {
width:240px;
height:160px;
margin:0 auto;
}
.spop9 {
font-size:20px;
color:#949191;
}
.recvizituramka:{
width:515px;
height:125px;
border: 2px solid #ff9000;
}
.recvizituramka:hover {
position:absolute;
top:-10px;
width:515px;
height:125px;
border: 2px solid #ff9000;
}
/****************************/
/****************************/
h3>a {
}
.before-sending{
display:none;
}
.before-sending-style{
margin-left: 15px;
margin-top: 15px;
color: black;
}
.before-sending-hiden{
opacity: 0.4;
}
.button-hidden{
display:none;
}
.fa-custom{
color:#FF9000;
}
.btn-custom{
background-color: #529017;
border-color: #529017;
}
.btn-custom:hover, .btn-custom:active, .btn-custom:focus{
background-color: #ed7f02;;
border-color: #ed7f02;;
}
.form-buttons{
margin-top: 20px;
}
.recaptha_custom{
margin-top: 20px;
}
#map_address{
width:100%;
height:600px;
}
.centre{
text-align: center;
}
.centre > h3{
font-size: 20px;
color: #949191;
}
.payment-img{
border-radius: 8px;
border: 2px solid #ed7f02;
margin-bottom: 15px;
margin-top: 15px;
}
.payment-footer-img{
margin-bottom: 5px;
border-radius: 5px;
border: 1px solid #ed7f02;
}
.custom-margen{
padding-right: 2px !important;
padding-left: 2px !important;
}
.bank_data{
padding: 10px 10px;
background-color: #ffffe0;
}
.bank_data >p{
color: black;
font-family: monospace;
}
.btn-custom-address{
width: 150px;
margin-bottom: 10px;
}
.btn-custom-address >a{
font-size: 17px;
color: white;
text-decoration: none;
}
.table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(even) > th {
background-color: #e7e7e8;
}
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
background-color: white;
}
.tv_option_text{
margin-top: 10px;
}
#footer a{
color:#e1e5e9;
}
div > a.error_phone_callback{
background-color: #f09f01;
}
.margin-top2{
margin-top: 40px;
margin-bottom: 40px;
}
/********************Connection**************************/
.contract_link{
margin-top:20px;
}
/********************Map**********************/
.map_popap{
}
.map_popap >p{
margin:0;
font-size: 12px;
}
.map_popap > h5{
margin:0;
color:rgb(255, 144, 0);
}
.view_building_num{
display:none;
}
li.street_item > p{
width: 100px;
}
.active_item p{
color:rgb(255, 144, 0);
text-decoration: none;
}
.btn-custom-active{
background-color: #ed7f02;
border-color: #ed7f02;
}
/*************Slider***************/
div.custom_flexslider{
/* border: 4px solid rgb(255, 144, 0); */
}
ol.flex-control-paging li a{
background: #529017;
}
ol.flex-control-paging li a.flex-active{
background: #ed7f02;
}
/**********************Main Page*************************/
.blocks-main-page >div >div >div >img{
top: -15px;
position: absolute;
}
.blocks-main-page >div >div >div >h3{
display: inline;
margin-left: 30%;
color: white;
font-size: 18px;
font-weight: normal;
}
.blocks-main-page >div >div >ul > li >a >h4{
font-size: 14px;
margin-left: 7%;
margin-right: 7%;
margin-top: 17px;
/* color: rgb(153, 153, 153); */
}
.blocks-main-page >div >div >div.panel-heading{
background-color: #ffa300;
border-radius: 0;
}
.blocks-main-page >div >div{
border: 2px solid #ffa300;
border-radius: 0 0 5px 5px;
background-color: transparent;
height: 300px;
}
.blocks-main-page >div >div >ul > li >p{
margin-left: 9%;
margin-top: 12px;
text-align: left;
margin-right: 7%;
}
.blocks-main-page >div >div >ul > li >i{
color: rgb(153, 153, 153);
position: absolute;
margin-left: 2%;
}
.review_block{
height: 255px;
overflow: scroll;
overflow-x: hidden;
}
.review_block >ul{
margin-top: 12px;
margin-left: 2%;
margin-right: 2%;
padding-left: 5px;
}
.review_block >ul > li > p > b{
color:black;
}
.button-connect-in-text{
background: #529017;
color: #fff;
display: inline-block;
font-weight: normal;
width: 40%;
line-height: 30px;
font-size: 17px;
margin: 0px;
text-align: center;
text-decoration: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.button-connect-in-text:hover, .button-connect-in-text:focus{
background: #ed7f02;
}
.buton-position{
text-align: center;
}
/*************Pagination***************/
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
div.pagination-custom {
text-align: center;
}
.pagination > li {
display: inline;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
color: #777;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd;
}
.pagination > li > a, .pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: white;
text-decoration: none;
background-color: #ed7f02;
border: 1px solid #ddd;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
z-index: 3;
color: #fff;
cursor: default;
background-color: #529017;
border-color: #529017;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
/*****************News_Stock**********************/
.stock-label{
font-size:18px;
display: inline-block;
}
.views_item{
height:500px
}
div.views_item > a > span{
margin-left:10%;
}
div.views_item > a:hover > span{
background-color: #FF9000;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
div.views_item > h3 {
font-size: 16px;
}
p.h-actions{
color: white;
font-size: 18px;
font-weight: normal;
background-color: #FF9000;
display: inline;
padding: 3px 3px;
}
/********************Tarif***********************/
.table-border-custom, .table-border-custom tr, .table-border-custom tbody tr td, .table-border-custom thead tr th{
border: 2px solid #FF9000;
}
thead{
/*background-color: #FF9000;*/
background: url(/assets/templates/kuzia_new/images/dif/block_bg.jpg) 0 0 repeat-x;
background-size: contain;
}
table p {
color:black;
}
table thead tr th p {
color:white;
margin-bottom:0;
}
.tarif_views_item table tbody tr td, .tarif_views_item table tbody tr {
border: none;
}
.title_table_tarif td p{
background: #f7f8fb none repeat scroll 0 0;
border-top: 1px solid #d5f3fc;
color: #8ea9b9;
padding: 8px 13px;
margin: 10px auto;
font-size: 16px;
}
.text_table_tarif td p{
color: #7e7e7e;
font-weight: bold;
margin-bottom: 0;
}
td.text_table_tarif p {
text-align: right;
}
td.button_table_tarif{
text-align: center;
}
td.button_table_tarif a button{
background: #FFAF00 none repeat scroll 0 0;
border-radius: 20px;
color: #434e55;
cursor: pointer;
font-size: 14px;
font-weight: 700;
line-height: 1;
margin-bottom: 15px;
padding: 12px 45px;
font-family: inherit;
border: 0 none;
outline: 0 none;
}
td.button_table_tarif a button.button_table_tarif_page{
margin-bottom: 0;
}
td.button_table_tarif a button:hover{
background: #529017 none repeat scroll 0 0;
color: #FFFFFF;
}
a.tarif_item_linck{
text-decoration: none;
}
a.tarif_item_linck h3 {
margin-top: 0;
margin-bottom: 0;
color: white;
text-align: center;
}
a.tarif_item_linck div:hover{
/* margin-top: -10px;
margin-bottom: 10px; */
box-shadow: 0 0 10px rgba(0,0,0,0.5);
margin-top: 1px;
margin-bottom: -1px;
margin-left: 1px;
margin-right: -1px;
}
td.name_table_tarif p{
text-align: inherit;
font-weight: thin;
}
td.name_table_bundle p{
text-align: inherit;
font-weight: 500;
}
td.value_table_tarif p{
text-align: right;
}
.text_table_tarif td.tarif_price p{
text-align: center;
color: #529017;
font-size: 2em;
}
/***************footer***************/
#footer {
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here
height: 160px;*/
background-color: #f5f5f5;
background: #529017;
}
.fb-block > h3, .fb-block > p{
color: #e1e5e9;
}
.fb-block-header > h3 {
font-size: 18px;
}
.fb-block > p {
font-size: 16px;
text-align: left;
}
div.fb-block{
margin-bottom: 30px;
}
.social_footer{
text-align: right;
}
.paymant_footer{
text-align: center;
}
.social-icon {
width: 44px;
height: 44px;
border-radius: 8px;
background: url(/assets/templates/kuzia_new/images/social_icon/icons.jpg) no-repeat;
display: inline-block;
margin-right: 10px;
}
.facebook { background-position: -65px -15px; }
.vk { background-position: -272px -168px; }
div.menu{
margin: 0;
margin-top: 5px;
}
/******************Popap*******************/
div.panel-custom > h2{
margin-top: 5px;
margin-bottom: 5px;
color:white;
}
div.panel-custom{
background: url(/assets/templates/kuzia_new/images/dif/block_bg.jpg) 0 0 repeat-x;
background-size: contain;
}
#popap_callbak > input[type="text"] {
margin-bottom: 15px;
}
div#modal_form >div.panel-default{
border-color: #FF9000;;
}
/*************media*************/
@media (max-width: 767px){
body {
margin-bottom: 360px;
}
h1{
font-size: 18px; /* 14*/
margin-bottom: 15px;
}
h2{
font-size: 16px;/* 12*/
}
h3{
font-size: 14px;/* 10*/
}
h4{
font-size: 13px;/* 9*/
}
a.tarif_item_linck h3{
font-size: 16px; /* 13*/
}
.title_table_tarif td p{
font-size: 16px; /* 12*/
padding: 4px 8px;
margin: 6px auto;
}
td.button_table_tarif a button{
font-size: 13px; /* 9*/
}
.table-bordered >tbody >tr.title_table_tarif >td {
padding-bottom: 3px;
padding-top: 3px;
padding-left: 8px;
padding-right: 8px;
}
.blocks-main-page >div >div >ul > li >a >h4{
font-size: 14px; /* 12*/
}
.blocks-main-page >div >div >div >h3{
font-size: 14px; /* 12*/
}
p {
font-size: 14px; /* 9*/
}
.fb-block-header > h3 {
font-size: 15px; /* 12*/
}
.fb-block > p {
font-size: 14px; /* 10*/
text-align: left;
}
div.fb-block{
margin-bottom: 15px;
}
.social-icon {
width: 23px;
height: 22px;
border-radius: 8px;
background: url(/assets/templates/kuzia_new/images/social_icon/small_icons.jpg) no-repeat;
display: inline-block;
margin-right: 5px;
}
.facebook { background-position: -28px -5px; }
.vk { background-position: -122px -75px; }
.stock-label{
font-size:14px;
}
.centre > h3{
font-size: 16px; /* 14*/
}
.btn-custom-address {
width: 50%;
margin-bottom: 10px;
margin-left: 25%;
}
.map-style{
margin-bottom: 15px;
}
#street_item p {
text-align: center;
}
.B_crumbBox > li > a > span {
font-size: 13px; /*10*/
}
td.button_table_tarif a button{
padding: 9px 22px;
}
}
@media (min-width: 767px){
h1{
font-size: 18px;/* 17*/
margin-bottom: 20px;
}
h2{
font-size: 16px;/* 14*/
}
h3{
font-size: 14px;/* 12*/
}
h4{
font-size: 13px;/* 11*/
}
a.tarif_item_linck h3{
font-size: 16px;/* 16*/
}
.title_table_tarif td p{
font-size: 16px;/* 14*/
padding: 6px 11px;
margin: 8px auto;
}
td.button_table_tarif a button{
font-size: 13px;/* 11*/
}
.blocks-main-page >div >div >ul > li >a >h4{
font-size: 14px;/* 13*/
}
.blocks-main-page >div >div >div >h3{
font-size: 14px;/* 14*/
}
p {
font-size: 14px;
}
.fb-block-header > h3 {
font-size: 15px;/* 14*/
}
.fb-block > p {
font-size: 14px;/* 12*/
text-align: left;
}
div.fb-block{
margin-bottom: 15px;
}
.social-icon {
width: 23px;
height: 22px;
border-radius: 8px;
background: url(/assets/templates/kuzia_new/images/social_icon/small_icons.jpg) no-repeat;
display: inline-block;
margin-right: 5px;
}
.facebook { background-position: -28px -5px; }
.vk { background-position: -122px -75px; }
.stock-label{
font-size:15px;/* 15*/
}
.centre > h3{
font-size: 16px;/* 16*/
}
}
@media (min-width: 992px){
h1{
font-size: 22px;
margin-bottom: 30px;
}
h2{
font-size: 17px;
}
h3{
font-size: 15px;
}
h4{
font-size: 14px;
}
a.tarif_item_linck h3{
font-size: 21px;
}
.title_table_tarif td p{
font-size: 16px;
padding: 8px 13px;
margin: 10px auto;
}
td.button_table_tarif a button{
font-size: 13px;
}
.blocks-main-page >div >div >ul > li >a >h4{
font-size: 14px;
}
.blocks-main-page >div >div >div >h3{
font-size: 18px;
}
p {
font-size: 14px;
}
.fb-block-header > h3 {
font-size: 18px;
}
.fb-block > p {
font-size: 16px;
text-align: left;
}
.social-icon {
width: 44px;
height: 44px;
border-radius: 8px;
background: url(/assets/templates/kuzia_new/images/social_icon/icons.jpg) no-repeat;
display: inline-block;
margin-right: 10px;
}
.facebook { background-position: -65px -15px; }
.vk { background-position: -272px -168px; }
.stock-label{
font-size:16px;
}
.centre > h3{
font-size: 18px;
}
}
@media (min-width: 1200px){
h1{
font-size: 26px;
margin-bottom: 30px;
}
h2{
font-size: 22px;
}
h3{
font-size: 18px;
}
h4{
font-size: 17px;
}
.title_table_tarif td p{
font-size: 18px;
padding: 9px 15px;
margin: 12px auto;
}
a.tarif_item_linck h3{
font-size: 23px;
}
td.button_table_tarif a button{
font-size: 15px;
}
.stock-label{
font-size:18px;
}
.centre > h3{
font-size: 20px;
}
}
/*******изменения для карты********/
.search-input{
margin-bottom: 20px;
z-index: 1;
}
.street-block{
height: 350px;
margin-bottom: -350px;
overflow: auto;
overflow-x: hidden;
}
.street-block2{
height: 350px;
margin-bottom: -350px;
overflow: auto;
overflow-x: hidden;
position: relative;
}
#inner-selected-street div, #inner-selected-address div{
background-color: #fcfcfc;
padding-top: 15px;
padding-bottom: 15px;
border: solid 1px #ccc;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
#inner-selected-street-req div{
background-color: white;
/* padding-top: 15px;
padding-bottom: 15px;*/
border: solid 1px #8f85db;
}
#inner-selected-street p a, #inner-selected-address p a{
text-decoration: none;
display: block;
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
}
#inner-selected-street-req p a{
text-decoration: none;
display: block;
padding-left: 15px;
padding-right: 15px;
/* padding-top: 5px;
padding-bottom: 5px;*/
}
#inner-selected-street p:hover, #inner-selected-address p:hover{
background-color: #e8e8e8;
}
#inner-selected-street-req p:hover{
background-color: #5ea9f9; /*9284ff*/
}
#inner-selected-street-req p a:hover{
color:white;
}
#inner-selected-street p, #inner-selected-address p, #inner-selected-street-req p{
margin: 0;
}
.tehnical_text{
color:#e8e8e8;
}