/*CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
outline:none;
text-decoration:none;
}
select, option { margin: 0;
padding: 0;
border: 0;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
/* /CSS Reset */
@media screen and (min-resolution: 120dpi) {
/*body {transform: scale(0.8);width: 125%;height: 125%;margin-left: -12.5%;margin-top: -6.2%;}*/
}
select, input, textarea, button, option{
font: 99% Tahoma,Geneva,Kalimati,sans-serif;
}
html {height: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
body {font: 12pt/18pt Tahoma,Geneva,Kalimati,sans-serif;height: 100%;}
.wrapper {width: 100%;min-width: 1250px;min-height: 100%;height: auto !important;height: 100%;}
/* Header
-----------------------------------------------------------------------------*/
.header {height: 608px;position:relative;}
.headmenu {background:#eeeeee; height:45px; border-bottom:2px solid #adadad; white-space: nowrap;display:block; width:100%;}
/*langSelect*/
.langmenu {position:absolute; top:10px; left:15px;z-index:2;}
.langmenu ul li{ width:29px;height:18px !important;text-align:center;line-height:18px !important;font-size:11px;position:relative;padding-right:10px;}
.langmenu ul > li:hover{background-color: #d5d4d4;}
.langmenu ul ul > li:hover{background-color: #e9e8e8;width:36px;}
.langmenu ul li, .langmenu ul{display: inline-block;}
.sub {width:46px; left:-1px;}
.langmenu .active {background: #d5d4d4 url("../img/langswback.png") no-repeat 28px 1px;border:1px solid #adacac;border-radius:5px;font-weight:bold;
font-size:15px;text-align:left;padding-left:5px;}
.langmenu .active:hover {background:#e9e8e8 url("../img/langswback.png") no-repeat 28px -23px;}
.langmenu ul{position: relative;margin: 0;padding: 0;}
.langmenu ul ul{visibility:hidden; opacity: 0; transition: all .3s ease .15s; position: absolute;background-color: #d5d4d4;border-top:1px solid #adacac;}
.langmenu ul a{color:#316f4b;text-decoration: none;display:block;width:41px;}
.langmenu ul ul a{color:#316f4b;text-decoration: none;}
.langmenu li:hover ul{display: block;border-radius:5px; opacity: 1; /* Показываем подменю при ховере */
visibility: visible}
.langmenu li:hover li{display: block;border-radius:5px;}
/* /langSELECT*/
/*middleheadMenu*/
.middleheadMenu{ font-weight:bold; height:46px; display:block;position:relative; float:left; width:52%; text-align:right;left:60px}
.middleheadMenu li {display:inline-block;padding-left:3em;height:40px; position:relative; top:8px;}
.middleheadMenu li a{color:#929292; text-decoration:none; font-size:19px;}
.middleheadMenu li a:hover{color:#737272; text-decoration:underline;}
.middleheadMenu li a:active{position:relative; top:2px}
/* /middleheadMenu*/
/*rightheadMenu*/
.rightheadMenu{ height:46px; display:block; float:right; width:40%; position:relative; text-align:right; padding-right:21px;}
.rightheadMenu li {display:inline-block;position:relative; top:8px; }
.rightheadMenu li a{color:#084f29; text-decoration:none;font-size:14px;line-height: 20px}
.rightheadMenu li a:hover{color:#a4a3a3; text-decoration:underline;}
.rightheadMenu li .sup:before{display: inline-block; content:url("../img/suppmenuICN.png"); margin-right:7px;vertical-align: middle;
transition:left .3s linear; position:relative;}
.rightheadMenu li .sup::after {content:" ";margin-left:39px;}
.rightheadMenu li .acc::before{display: inline-block; content:url("../img/useracc.png"); margin-right:7px;vertical-align: middle;}
/*loginPOPupblock*/
.loginForm input {display:block;margin:0 auto; margin-top:30px; padding:0;}
.loginForm input[type='text'], .loginForm input[type='password']{width:265px; height:40px; border-bottom:2px solid #adadad; font-size:1.5em;padding-left:35px;}
.loginForm input[type='submit'] {width:300px; height:45px; border-bottom:5px solid #7cb987; border-radius:7px; margin-top:50px; cursor: pointer; color:#ffffff;font-size:1.5em;background:#777777 url("../img/log_in.svg") 179px 14px no-repeat;padding-right:20px;}
.loginForm input[type='submit']:hover {background-color:#7b7b7b;}
.loginForm input[type='submit']:active{position:relative;top:1px; left:1px}
.loginForm input[type='text']:focus, input[type='password']:focus {border-bottom:2px solid #fa9c08;}
.loginForm input[type='text'] {background:url("../img/login.svg") left no-repeat;}
.loginForm input[type='password'] {background:url("../img/pass.svg") left no-repeat;}
.loginForm .no-svg input[type='password'] {background:url("../img/pass.png") left no-repeat;}
.loginForm .no-svg input[type='text'] {background:url("../img/login.png") left no-repeat;}
.loginForm .no-svg input[type='submit'] {background:#777777 url("../img/log_in.png") 179px 15px no-repeat;}
.loginForm p{text-align:center; font-size:.8em}
.loginForm a {}
.loginForm a:hover{text-decoration:underline;}
/*ENDloginPOPupblock*/
/* /rightheadMenu*/
/*middleMenu*/
.middleMenuSlide {width:100%; height:407px;margin-top:16px;}
.logo {height:156px; width:197px; background:url("../img/logo.svg") no-repeat; position:absolute; top:27px; left:7px; z-index:1;display:block;}
.no-svg .logo {background:url("../img/logo.png") no-repeat;}
/*middleSearchForm*/
.searchForm {width:318px; height:38px;background:#dddddd; border:1px solid #cecece; position:relative; display:block; border-radius:6px;
overflow: hidden; float:right; right:30px; top:37px}
.searchForm input[type='text'] {display:inline-block; width:281px; line-height:32px; border:1px solid #cecece; position:absolute; left:7px; padding-left:3px; border-radius:6px; top:2px;color:#5f5e5e;}
/* PlaceHolder*/
input::-webkit-input-placeholder {color:#bbbbbb;}
input::-moz-placeholder {color:#bbbbbb;}
input:-moz-placeholder {color:#bbbbbb;}
input:-ms-input-placeholder {color:#bbbbbb;}
input:focus::-webkit-input-placeholder {color: transparent}
input:focus::-moz-placeholder {color: transparent}
input:focus:-moz-placeholder {color: transparent}
input:focus:-ms-input-placeholder {color: transparent}
/* /PlaceHolder*/
.searchForm input[type='submit'] {width:21px; height:20px; display: block; position:absolute; right:2px; top:10px; background:url("../img/searchHeadbut.png") no-repeat;cursor:pointer; transition:top .1s linear; -moz-transition:top .1s linear; -o-transition:top .1s linear; -webkit-transition:top .1s linear;}
.searchForm input[type='submit']:hover {background:url("../img/searchHeadbut.png") no-repeat 0 -20px; top:12px}
/* /middleSearchForm*/
.preslidewrap{height:310px;background:#eeeeee url('../img/slideoverback.jpg') repeat-x top; width:100%;position:relative; bottom:0;top:58px;}
.slidewrap {height:310px;background:url('../img/slideback.jpg') no-repeat top center; width:100%; margin:0 auto;}
.slide {max-width:1250px; height:309px; margin:0 auto; position:relative;}
.slide h1{line-height:44px; height:44px;color:white; font-size:1.5em; text-shadow: -1px 1px 1px black; position:absolute; right:10px;top:0;display:block}
/* start headtabs*/
.slide{min-width: 1250px;padding: 0px;margin: 0 auto;}
/* Styles of sections with content */
.slide>section {display: none;}
.slide>section>div{display:block;
/* set animation */
-webkit-animation-duration:1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
transition: 1s
}
/* Describe the animation of the opacity property */
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* hide checkboxes */
.slide>input {display: none;position: absolute;}
/* tabs styles */
.slide>label {display: inline-block;position:relative;left: 180px;top: -27px;color: #767575;text-align: center;text-align: center;margin: 0 auto;left: 180px; margin-left: 13px;width: 161px;height: 27px;background-color: #ecefe5;border-radius: 3px 3px 0 0;}
.slide>label span{display:block; width:134px; text-align:center; margin:0 auto; position:relative; bottom:-1px; color:#767575; -webkit-transition:border 0.15s ease-in; -moz-transition:border 0.15s ease-in; -o-transition:border 0.15s ease-in; transition:border 0.15s ease-in;}
.slide>label span:hover {border-bottom:3px solid #686e6a; color:#626161;}
.slide>label span:active{border-bottom:3px solid #fa9c08;transition:border 0.05s ease-in; -webkit-transition:border 0.05s ease-in; -moz-transition:border 0.05s ease-in; -o-transition:border 0.05s ease-in;}
/* change styles of tabls by hover */
.slide>label:hover {color: #888;cursor: pointer;background:#f4f6ef;}
/* styles 4active tab */
.slide>input:checked+label {color:#626161;}
.slide>input:checked+label span {border-bottom:3px solid #686e6a; color:#626161;}
/* Activating sections using a pseudo-class :checked */
#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4 {display: block;}
/*end headtabs*/
.slideBut {display:inline-block; position:relative; top:-27px; text-align:center; margin:0 auto; left:180px;}
.slideBut li {display:inline-block; margin-left:13px; width:161px; height:27px; background-color:#ecefe5; border-radius:3px 3px 0 0;}
.slideBut li:hover {background:#f4f6ef;}
.slideBut li a {display:block; width:144px; text-align:center; margin:0 auto; position:relative; bottom:-2px; color:#767575; -webkit-transition:border 0.15s ease-in; -moz-transition:border 0.15s ease-in; -o-transition:border 0.15s ease-in; transition:border 0.15s ease-in;}
.slideBut li a:hover {border-bottom:3px solid #686e6a; color:#626161;}
.slideBut li a:active{border-bottom:3px solid #fa9c08;transition:border 0.05s ease-in; -webkit-transition:border 0.05s ease-in; -moz-transition:border 0.05s ease-in; -o-transition:border 0.05s ease-in;}
.slidePartLeft {max-height:139px;height:139px;width:580px; background-color: rgba(0,0,0, 0.15); border-radius:4px; position:relative; padding: 3px 0 6px 24px;float:left;top:78px;left:10px}
.slidePartLeft a{color:#fff;vertical-align:middle;font-size:1.1em;line-height:22px;}
.slidePartLeft a:before{content:url("../img/okListSlideMark.svg"); vertical-align:middle;margin-right:6px;height:22px; width:23px; display:inline-block;}
.no-svg .slidePartLeft a:before{content:url("../img/okListSlideMark.png");}
.slidePartLeft a:hover:before {content:url("../img/okListSlideMarkHover.svg")}
.no-svg .slidePartLeft a:hover:before {content:url("../img/okListSlideMarkHover.png")}
.slidePartRight {height:150px; max-height:150px;width:580px; background-color: rgba(0,0,0, 0.15); border-radius:4px; position:relative; padding: 0 0 0px 24px; float:left; top:42px; color:white; white-space: nowrap; right:-30px;}
.slideLogo {display:inline-block; position:absolute; top:11px; left:467px;right:10px}
#content-tab2 .slideLogo, #content-tab3 .slideLogo{top:25px;}
#content-tab2 .moreLink, #content-tab3 .moreLink{right:172px;}
#content-tab2 .slidePrice, #content-tab3 .slidePrice{left:230px;}
#content-tab2 .slidePartRight, #content-tab3 .slidePartRight{top:42px;}
#content-tab2 .slidePartLeft, #content-tab3 .slidePartLeft{top:78px;}
#content-tab3 .logo_back_serv{display:block; width:93px; height:65px; background:url("../img/VZ_logo_back.svg") no-repeat; margin:0 auto; position:absolute; left: 38em;; top: 5.35em;}
#content-tab2 .logo_back_serv{display:block; width:120px; height:65px; background:url("../img/hyper_logo_back.svg") no-repeat; margin:0 auto; position:absolute; left: 38.5em; top: 5.6em;}
#content-tab4 .slideLogo {left:545px;}
#content-tab4 .slideLogo li{overflow:hidden;display:inline-block;border-radius:8px;position:absolute;background-color:#ffffff;font-weight:bold;box-shadow: 0 0 10px rgba(0,0,0,0.5);}
#content-tab4 .slideLogo li.comua {font-size:1.6em; color:#f96807; top:26px;height:27px;padding: 8px 6px;}
#content-tab4 .slideLogo li.kievua {font-size:1.6em; color:#ec4237; top:46px;left:111px;height:27px;padding: 8px 4px;z-index:4;}
#content-tab4 .slideLogo li.com {font-size:3em; color:#0ca59b; top:84px;left:65px; z-index:3;height:35px;padding: 12px 6px;}
#content-tab4 .slideLogo li.ua {font-size:2.5em; color:#1e75bb; top:179px;left:117px; height:35px;padding: 3px 16px;z-index:6}
#content-tab4 .slideLogo li.org {font-size:2.8em; color:#999999; top:198px;left:19px; height:40px;padding: 4px 15px;z-index:5}
#content-tab4 .slideLogo li.net {font-size:3.2em; color:#33cc99; top:123px;left:-36px; height:30px; padding: 14px 11px;z-index: 3;}
#content-tab4 .slideLogo li.netua {font-size:1.6em; color:#2aa7df; top:74px;left:-64px; height:27px;padding: 8px 7px;}
#content-tab4 .slideLogo li.inua {font-size:1.8em; color:#1e75bb; top:178px;left:-71px; height:25px;padding: 10px 13px;}
#content-tab4 .slideLogo li.info{font-size:1.8em; color:#cc9966; top:139px;left:84px; height:25px;padding: 10px 13px;z-index: 5;}
.slidePartRight table {position:relative; left:210px; }
.slidePrice {font-size:1.4em;width: 212px; height: 148px;}
.slidePrice .slogan{vertical-align:bottom; text-align:center; }
.slidePrice .price-shadow {text-shadow: 1px 1px 2px rgba(0, 5, 13, 0.64);}
.slidePrice .currency {font-size:2em; text-align:center;vertical-align:top; position:relative; top:13px; height:50px;}
.slidePrice .currencytxt{text-align:center; vertical-align:top; font-weight:bold}
.slidePrice .pricenum {font-size:3.8em; text-decoration: none; box-shadow: 0 4px 2px -1.5px rgba(0, 5, 13, 0.22); border-bottom: 4px white solid; position:relative; top:26px; display:inline-block; height:64px; margin-left:28px; }
.slidePrice .pricedate {font-size:1em;font-weight:bold; position:relative; top:23px}
.okslide {width:48px; height:48px; background:url('../img/ok_slider.png'); position:absolute; right:-7px; top:-6px;}
.moreLink {width:160px; height:37px; color:white; position:absolute; bottom:28px; right:195px; border-radius:6px; text-align:center; line-height:37px; background:url("../img/buttbackSlide.png") repeat-x; box-shadow: 0 3px 0px #437588;}
.moreLink:hover{background:url("../img/buttbackSlide.png") repeat-x 0 -37px;}
.moreLink:active {bottom:26px;}
.slidePartRight .slogan p {line-height:1.3em; font-size:.7em}
/* /middleMenu*/
/* middleSEARch*/
.searchBlock {height:106px; background:#eeeeee; width:100%; padding-top:4px;}
.searchBlock form {display:block; margin:0 auto; width:49em; height:78px; position:relative;}
.searchBlock form input[type='text']{width:438px; height:1.72em; max-height:1.72em;display:inline-block;font-size:1.9em;border:1px solid #cccccc;text-align:center;margin-left:-8px; vertical-align:bottom;}
.searchBlock form input[type='submit']{width:91px; height:54.2px; max-height:54.2px; background:#90b794 url("../img/domain_icn_search.svg") no-repeat center; border:1px solid #cccccc; border-radius:0 4px 4px 0; color:white;margin-left: -12px;vertical-align: bottom;transition:background-color .2s ease; -moz-transition:background-color .2s ease; -o-transition:background-color .2s ease; -webkit-transition:background-color .2s ease;}
.no-svg .searchBlock form input[type='submit'] {background:#90b794 url("../img/domain_icn_search.png") no-repeat center;}
.searchBlock form input[type='submit']:hover {background-color:#7ca080; cursor:pointer;}
.searchBlock form input[type='submit']:active {background-color:#7ca080; background-position:center 10px;}
/*OLDSearchDMNwithoutJS
.searchBlock form input,select {vertical-align:bottom;}
.searchBlock form select { height:2.12em;border:1px solid #cccccc; padding:0; margin:0; display:inline-block;font-size:1.6em; outline:none; margin-left: -6px; min-width:167px; text-indent:1%; -moz-appearance:none; appearance:none; -webkit-appearance:none; text-overflow:''; background:white url("../img/search_arr.png") no-repeat 98% 55%;}
.searchBlock form select:active {background:white url("../img/search_arr2.png") no-repeat 98% 55%;}
.searchBlock form select::-ms-expand {display: none;}
.searchBlock form select option {line-height:8px;font-size:.7em;padding:0; margin:0 auto; display:block }
*/
.searchBlock .preseachbl {height:54px; max-height:54px;width:90px; background:#90b794; position:relative;border-radius:4px; color:white; line-height:54px; text-align:center; font-size:1.5em; display:inline-block;vertical-align: bottom;}
.searchBlock a{display:block; width:390px; font-size:.85em; color:#6d6a58;background:url("../img/info_icon.png") no-repeat 0 1px; line-height:16px; padding-left:19px;height:20px;}
.searchBlock a:hover{color:#5d5a4b;text-decoration:underline}
/* /middleSEARch*/
/* Middle
-----------------------------------------------------------------------------*/
.middle {width: 1250px;padding: 0 0 533px;position: relative;margin: 0 auto;}
.middle:after {display: table;clear: both;content: '';}
.container {width: 100%;float: left;overflow: hidden;}
.content {padding: 0 0 0 340px;text-align:justify;}
.advantages div { /*border:1px solid black;*/ width:288px; display:inline-block;vertical-align:top; }
.advantages h3 {color:#95a07b; text-align:center; font-size:1.500em}
.advantages p {font-size:.9em;text-align:start;margin-top:20px; display:block; width:198px; left:89px; position:relative; line-height:1.53em}
.advantages {/*border:1px solid black;*/ min-height:206px; height:auto; width:899px; overflow:hidden; text-align:justify; padding:55px 0 26px 0; background:url(../img/shadowbox.png) no-repeat bottom, url(../img/shadowbox-top.png) no-repeat top center;}
.advantages:after {display: inline-block;content: "";width: 100%;}
.test {background:url("../img/tuner.svg") no-repeat 13px 43px;}
.no-svg .test {background:url("../img/tuner.png") no-repeat 13px 43px;;}
.years {background:url("../img/first.svg") no-repeat 0 43px;}
.no-svg .years {background:url("../img/first.png") no-repeat 0 43px;}
.equipment {background:url("../img/hdd.svg") no-repeat 11px 43px;}
.no-svg .equipment {background:url("../img/hdd.png") no-repeat 11px 43px;}
/*techSlideTree*/
.slidetech{min-width: 900px;padding: 0px;margin: 0 auto; text-align: center;background:url("../img/techinfoback.svg") no-repeat;margin-top:10px;min-height:80px}
/* Styles of sections with content */
.slidetech > section {display: none;}
.slidetech section div{
/* set animation */
-webkit-animation-duration:1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
transition: 1s;
}
/* Describe the animation of the opacity property */
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* hide checkboxes */
.slidetech input {display: none;position: absolute;z-index:1;}
/* tabs styles */
.slidetech .tab2for {position:relative; left:-20px;}
.slidetech .tab1for {position:relative; left:15px;}
.slidetech .maintabsrfor {transition: .2s linear; -webkit-transition: .2s linear;-moz-transition: .2s linear;-o-transition: .2s linear;overflow:hidden;box-shadow: 0 0 2px rgba(0,0,0,0.5);display: inline-block;color: #767575;text-align: center;text-align: center;margin-top:14px;width: 265px;height: 40px;background-color: #bfbfc1;border-radius: 5px;border:2px solid white;}
.slidetech .maintabsrfor span{font-size:1.2em;display:inline-block; z-index:-1;width:100%; height:29px; padding:6px 0; vertical-align:middle; margin:0 auto; color:#ffffff; -webkit-transition:border 0.15s ease-in; -moz-transition:border 0.15s ease-in; -o-transition:border 0.15s ease-in; transition:border 0.15s ease-in;}
.slidetech .maintabsrfor span:hover {color: #fff;}
.slidetech .maintabsrfor span:active{border-bottom:3px solid #fa9c08;transition:border 0.05s ease-in; -webkit-transition:border 0.05s ease-in; -moz-transition:border 0.05s ease-in; -o-transition:border 0.05s ease-in;}
/* change styles of tabls by hover */
.slidetech .maintabsrfor:hover {color: #fff;cursor: pointer;background:#8b8b8c;}
/* styles 4active tab */
.slidetech input:checked+.maintabsrfor {color:#ffffff;z-index:2;
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.05);
-webkit-transform: scale(1.05);}
.slidetech input:checked+.maintabsrfor span {color:#ffffff;background-color:#90b794;}
/* Activating sections using a pseudo-class :checked */
#techtab1:checked~#techcontent-tab1, #techtab2:checked~#techcontent-tab2 {display: block;text-align: justify;}
/*techSlideTreeSUB*/
.slidetechin_sub {position:relative; width:880px; height:270px; padding:0 15px}
/* Styles of sections with content */
.slidetechin_sub section {display: none; border:1px solid black; width:546px; font-size:.9em}
.slidetechin_sub section {
position:relative;
float:right;
}
.linkgroupfloat {float:left;}
/* Describe the animation of the opacity property */
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* hide checkboxes */
/* tabs styles */
.leftLinkblock {float:left;}
.slidetechin_sub .tab2for {position:relative; left:-20px;}
.slidetechin_sub .tab1for {position:relative; left:15px;}
.slidetechin_sub label {transition: .2s linear; -webkit-transition: .2s linear;-moz-transition: .2s linear;-o-transition: .2s linear;overflow:hidden;display:block;text-align: left;width:300px;}
.slidetechin_sub label span{font-size:1.02em;display:inline-block; z-index:-1; height:17px; padding:5px 0 5px 2px; vertical-align:middle; margin:0 auto; color:#000; -webkit-transition:border 0.15s ease-in; -moz-transition:border 0.15s ease-in; -o-transition:border 0.15s ease-in; transition:border 0.15s ease-in;}
.slidetechin_sub label span:hover {color: #000;}
.slidetechin_sub label span:active{}
/* change styles of tabls by hover */
.slidetechin_sub label:hover {color: #fff;cursor: pointer;}
/* styles 4active tab */
.slidetechin_sub input:checked+label {color:#ffffff;z-index:2;
-o-transform: scale(1.08);
-ms-transform: scale(1.08);
-moz-transform: scale(1.08);
-webkit-transform: scale(1.08);
transform: scale(1.08);
-webkit-transform: scale(1.08);}
.slidetechin_sub input:checked+label span {color:#000;}
/* Activating sections using a pseudo-class :checked */
#techtab1in1:checked~#techcontent-tab1in1,
#techtab2in1:checked~#techcontent-tab2in1,
#techtab3in1:checked~#techcontent-tab3in1,
#techtab4in1:checked~#techcontent-tab4in1,
#techtab5in1:checked~#techcontent-tab5in1,
#techtab6in1:checked~#techcontent-tab6in1,
#techtab7in1:checked~#techcontent-tab7in1,
#techtab8in1:checked~#techcontent-tab8in1,
#techtab9in1:checked~#techcontent-tab9in1
{display: block; text-align: justify; background:#fafbfb; border-color:#e7e7e6; padding:5px; line-height:1.5em;margin-top:-235px; margin-right:3px;}
/*ENDtechSlideTreeSUB*/
/*ENDtechSlideTree*/
/* Left Sidebar
-----------------------------------------------------------------------------*/
.left-sidebar {float: left;width: 320px;margin-left: -100%;position: relative; left:2px; /*border:1px solid black;*/}
.news {position:relative;}
.news h2 {display:block; color:#6d6a58; font-size:1.37em; height:27px; max-height:42px;}
.news h2 a {color:#6d6a58;}
.news h2 a:hover{color:#413f34;}
.news h2 .rss{display:inline-block; width:16px; height:16px;background:url("../img/rss.svg") no-repeat;transition:transform .2s linear; -moz-transition:transform .2s linear; -o-transition:transform .2s linear; -webkit-transition:transform .2s linear;}
.no-svg .news h2 .rss{background:url("../img/rss.png") no-repeat;}
.news h2 .rss:hover {transform: rotate(-45deg);}
.news .blockunderLine {display: block; border-top:2px solid #bac79b; width:265px; height:18px;margin: 0; position:absolute; right:22px;}
.news .blockunderLine .brkline {height:15px; width:15px; border-bottom:2px solid #bac79b;border-right:2px solid #bac79b;position:absolute;right:25px; bottom:.962em;background-color: white;font-size: 10.5px;
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.news ul li a{text-align:justify; color:#485133; width:265px; display:block; line-height:1.3em; font-size:.9em}
.news ul li a:hover{text-align:justify; color:#758353;}
.news ul li {display:block; width:320px; margin-top:14px}
.news .dateDay {width:41px; height:41px; float:left;position:relative; left:3px; background:url(../img/calendar.svg) no-repeat; color:white; line-height:36px; text-align:center; font-size:1.6em;}
.no-svg .news .dateDay {background:url(../img/calendar.png) no-repeat;}
.news .infonew {width:265px; float:right;}
.news .datenews {float:left; width:82%; color:#94a079;height:21px;line-height:14px;font-size:1.125em;}
.news .shieldnews {float:right; width:35px; color:white; background:#3ab2e0; border-radius:2px; height:13px; overflow:hidden; text-align:center; font-size:.7em; line-height:11px;}
/* Footer
-----------------------------------------------------------------------------*/
.footer {margin: -495px auto 0; min-width:1250px; min-height:495px; background: url('../img/logofooter.png') no-repeat left bottom, url('../img/footerback.png') no-repeat center bottom, url('../img/footerbackrepl.jpg') repeat-y center top,url('../img/footerbackreplLRG.png'); position: relative; padding-bottom:20px;}
.techicon {height:83px;line-height:80px; width:100%; background: #eeeeee; display:inline-block; padding:0; margin:0; }
.techicon ul {height:72px; width:100%; display:inline-block; overflow:hidden; text-align:center; vertical-align:middle;}
.techicon ul li {display:inline-block; /*border:1px solid black;*/ width:94px; height:70px; margin: 0 1% 0 1%;cursor:pointer; transition: .2s linear;
-moz-transition:transform .2s linear; -o-transition:transform .2s linear; -webkit-transition:transform .2s linear;}
.techicon ul li:hover {position:relative; top:1px;-webkit-transform: scale(.95);-o-transform: scale(.95);-ms-transform: scale(.95);-moz-transform: scale(.95);transform: scale(.95);}
.techicon ul li a {display:block; width:100%; height:100%;}
.techicon .php {background: url('../img/logo_footer/php_logo.svg') no-repeat center;}
.techicon .pyton{background: url('../img/logo_footer/python_logo.svg') no-repeat center;}
.techicon .jabber{background: url('../img/logo_footer/jabber_logo.svg') no-repeat center;}
.techicon .postgresql{background: url('../img/logo_footer/postgresql_logo.svg') no-repeat center;}
.techicon .mysql{background: url('../img/logo_footer/mysql_logo.svg') no-repeat center;}
.techicon .tomcat{background: url('../img/logo_footer/tomcat_logo.svg') no-repeat center;}
.techicon .windows{background: url('../img/logo_footer/windows_logo.svg') no-repeat center;}
.techicon .ruby{background: url('../img/logo_footer/ruby_logo.svg') no-repeat center;}
.techicon .vz{background: url('../img/logo_footer/openvz_logo.svg') no-repeat center;}
.techicon .linux{background: url('../img/logo_footer/linux_logo.svg') no-repeat center;}
.techicon .exchange{background: url('../img/logo_footer/exchange_logo.svg') no-repeat center;}
.techicon .apache{background: url('../img/logo_footer/apache_logo.svg') no-repeat center;}
.techicon .seafile{background: url('../img/logo_footer/seafile_logo.svg') no-repeat center;}
.techicon .roundcube{background: url('../img/logo_footer/round_logo.svg') no-repeat center;}
.techicon .mssql{background: url('../img/logo_footer/mssql_logo.svg') no-repeat center;}
.techicon .msiis{background: url('../img/logo_footer/iis_logo.svg') no-repeat center;}
.techicon .acces{background: url('../img/logo_footer/acces_logo.svg') no-repeat center;}
.footercp{height:40px; width:100%; opacity:.8;background: rgba(255,255,255,.3);bottom:0px;position: absolute; bottom:0; text-align:right; /* border:1px solid black;*/ color:white;}
.footercp p{vertical-align:middle; padding:0; line-height:40px; margin-right:20px}
.footerfixedcntr {margin:0 auto; width:1250px; /*border:1px solid black;*/ text-align:justify; padding-top:20px}
.footerfixedcntr div{display:inline-block; width:300px; min-height:185px; vertical-align:top; /*border:1px solid black;*/}
.footerfixedcntr div h3 {color:white; font-weight:bold; font-size:1.500em; }
.footerfixedcntr div ul li {list-style-type:none; color:#909b76; line-height: 1.4em; }
.footerfixedcntr div ul li:before{content:''; display:inline-block; width:0.250em; height:0.250em; background:#909b76; border:1px solid white; border-radius:0.063em; bottom:2px; margin-right:6px;position:relative;}
.footerfixedcntr .contacts {text-align:center;}
.footerfixedcntr .contacts .contact {text-align:left; width:auto; }
.footerfixedcntr .contacts .contact ul {text-align:center;}
.footerfixedcntr .contacts .contact ul li{display:inline; line-height:35px}
.footerfixedcntr .contacts .contact ul li:before{display:inline-block; width:0.350em; height:0.350em;margin-right:20px;border-radius:0.1em;}
.footerfixedcntr div .contact p a{color:white;display:inline-block;height:30px; padding-left:30px;}
.footerfixedcntr div .contact p {}
.footerfixedcntr div .contact a:hover{text-decoration:underline;}
.chatICN {background:url('../img/chat_talkICNfooter.svg') no-repeat; }
.jabberICN {background:url('../img/jabberICNfooter.svg') no-repeat;}
.icqICN {background:url('../img/icqICNfooter.svg') no-repeat;}
.arrowsICN {background:url('../img/arrowsICNfooter.svg') no-repeat; }
.phoneICN {background:url('../img/phoneICNfooter.svg') no-repeat;}
.skypeICN {background:url('../img/skypeICNfooter.svg') no-repeat;}
.no-svg .chatICN {background:url('../img/chat_talkICNfooter.png') no-repeat;}
.no-svg .jabberICN {background:url('../img/jabberICNfooter.png') no-repeat;}
.no-svg .icqICN {background:url('../img/icqICNfooter.png') no-repeat;}
.no-svg .arrowsICN {background:url('../img/arrowsICNfooter.png') no-repeat;}
.no-svg .phoneICN {background:url('../img/phoneICNfooter.png') no-repeat;}
.no-svg .skypeICN {background:url('../img/skypeICNfooter.png') no-repeat;}
.contact img{display:inline-block; top:5px; margin-right:6px;position:relative;}
.contact span {display:block; text-align:left; width:auto; margin:auto; margin-top:22px; background:url('../img/email_sendfooter.svg') no-repeat; height:29px;}
.contact .no-svg span {background:url('../img/email_sendfooter.png') no-repeat;}
.contact span a{color:white; font-size:1.35em; margin-left:62px; vertical-align:top; line-height:10px}
.footerfixedcntr div .contact span p{font-size:.6em; color:#f0f6ef; text-decoration:none; line-height:7px;margin:-5px 0 0 62px}
.footerfixedcntr div ul li a {font-size:1em;color:white; }
.footerfixedcntr div ul li a:hover {text-decoration:underline;}
.footerfixedcntr div ul {margin-top:10px; margin-left:25px}
.footerfixedcntr:after {display: inline-block;content: "";width: 100%;}
.clear {clear:both;overflow:hidden;}