File: /home/analitts.ru/public_html/wp-content/themes/main/css/style.css
body {
font:12px/18px Open Sans,sans-serif;
height:100%;
color:#383838
}
.wrapper{
width:100%;
min-width:1042px;
min-height:100%;
height:auto !important;
height:100%
}
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{
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
display:block
}
body{
line-height:1
}
ol{
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
}
html{
height:100%
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
display:block
}
.header{
height:120px;
background:rgba(218,218,218,1);
position:relative;
z-index:10
}
.header .center{
padding-top:20px
}
.header .center .header-logo{
background:url(../img/header-logo.png);
width:168px;
height:63px;
float:left;
position:absolute
}
.header .center .menu{
width:1000px;
padding-left:190px;
padding-top:4px
}
.header .center .menu li{
font-family:'Proxima Nova';
text-align:center;
font-size:16px;
display:inline-block;
margin: 0 15px;
}
.header .center .menu li.current_page_item{
font-weight:bold
}
.header .center .menu li.current_page_item a{
border-top:5px solid #8c0d0d;
font-weight:bold
}
.header .center .menu li a{
color:#383838;
margin:5px 0 5px 0;
text-decoration:none;
display:block;
padding: 7px 0;
width: 120%;
border-top: 5px solid rgba(140, 13, 13, 0);
font-weight: bold;
}
.header .center .menu li a:hover{
border-top:5px solid #8c0d0d !important;
font-weight:bold;
background-color: #ffffff !important;
}
.header .center .header-search{
z-index:30;
position:relative;
float:left;
top: 17px;
}
.header .center .header-search .screen-reader-text{
display:none
}
.header .center .header-search input[type=text]{
background:#8c0d0d;
color:#fff;
height:31px;
border:0;
box-sizing:border-box;
padding:8px;
display:block;
padding-left: 35px;
width: 190px;
}
.header .center .header-search input[type=submit]{
position:relative;
float:left;
margin:-26px 0 0 5px;
border:0;
width:23px;
background:url(../img/search.png) center no-repeat;
height:23px;
cursor:pointer;
outline:none
}
.header1 .triangle {
background:url(../img/triangle.png);
width:234px;
height:468px;
position:absolute;
right:1px;
/*display:none;*/
z-index:20
}
.header1 .triangle .sign{
margin-left:50px;
margin-bottom: 20px;
font-weight:bold;
font-size:20px;
line-height:32px;
text-transform:uppercase;
color:#fff;
text-align:center;
}
.header1 .triangle .sign a{
color:#fff;
text-decoration:none
}
.divBg{
position:fixed;
width:100%;
height:100%;
background:black;
opacity:.5;
z-index:900;
display:none
}
.success-wrapper{
position:fixed;
width:300px;
display:none;
height:200px;
top:50%;
left:50%;
margin-left:-150px;
margin-top:-100px;
background:#f4f2f2;
z-index:1000;
padding:20px;
box-sizing:border-box
}
.success-wrapper .text{
margin-top:50px;
font-size:18px;
text-align:center;
color:#970c2b
}
.form-order-wrapper{
width:477px;
height:275px;
position:absolute;
display:none;
z-index:1000;
background:#f4f2f2;
box-sizing:border-box;
padding:5px 20px
}
.form-order-wrapper .text{
margin-top:30px;
margin-bottom:30px;
color:#970c2b;
font-size:16px;
text-align:left
}
.form-order-wrapper table{
width:100%
}
.form-order-wrapper table tr{
height:40px
}
.form-order-wrapper table tr td{
vertical-align:top
}
.form-order-wrapper table tr td:first-of-type{
vertical-align:middle;
font-weight:bold;
color:#383838;
font-size:16px;
text-transform:uppercase;
width:200px
}
.form-order-wrapper table tr td input[type=text]{
margin-top:10px;
height:20px;
width:100%;
border:0;
outline:none;
background:0;
border-bottom:1px solid #383838;
font-size:16px
}
.form-order-wrapper table tr td #btnItemOrder{
border:0;
margin-top:20px;
background:#970c2b;
width:100%;
color:#fff;
height:30px;
font-weight:bold;
text-transform:uppercase;
cursor:pointer
}
.content{
padding:0 0 117px
}.bx-wrapper{
height:468px;
margin:0 auto
}
.bx-wrapper .bx-viewport{
border:0;
left:0
}
.bx-wrapper img{
height:468px;
width:100%
}#bx-pager{
width:500px;
margin:0 auto;
margin-top:-7px;
z-index:200;
position:relative
}#bx-pager table tr td{
vertical-align:top
}#bx-pager .arrow-left{
background:url(../img/slider-arrow-left.png) center no-repeat,url(../img/slider-pager-back.png) 0 7px no-repeat;
width:33px;
height:40px;
display:inline-block;
padding:10px;
box-sizing:border-box;
cursor:pointer
}#bx-pager a{
display:inline-block;
background:url(../img/slider-pager-back.png) no-repeat;
background-position:0 7px;
width:33px;
height:40px;
text-decoration:none;
margin:0 1px;
color:#383838;
font-size:14px;
text-align:center;
box-sizing:border-box;
padding:10px
}#bx-pager a.active{
background:url(../img/slider-pager-active.png) bottom no-repeat;
color:#fff
}#bx-pager .arrow-right{
background:url(../img/slider-arrow-right.png) center no-repeat,url(../img/slider-pager-back.png) 0 7px no-repeat;
width:33px;
height:40px;
display:inline-block;
padding:10px;
cursor:pointer;
box-sizing:border-box
}
.center{
width:100%;
margin-top:25px;
font-size:14px
}
.center h2{
font-size:20px;
margin-top:20px;
font-family:"Open Sans Bold",sans-serif;
color:#8c0d0d;
margin-bottom:20px
}
.breadcrumbs{
margin-top:20px;
color:#383838;
width: 1105px;
margin: 0 auto;
margin-top: 20px;
}
.breadcrumbs a,.center .breadcrumbs span{
color:inherit
}
.breadcrumbs a:hover{
color:#8c0d0d
}
.center .main-text{
margin:60px 0
}
.center .main-text h1{
font-size:32px;
color:#383838;
text-transform:uppercase;
font-weight:bold
}
.center .main-text h2{
font-size:20px;
margin-top:20px;
font-family:"Open Sans Bold",sans-serif;
color:#8c0d0d;
margin-bottom:20px
}
.center .main-text li h2 {
font-size:20px;
margin-top:20px;
font-family:"Open Sans Bold",sans-serif;
color:#000000;
margin-bottom:20px;
font-weight: bold;
}
.center .main-text table{
width:100%
}
.center .main-text table.services tr td{
width:33%;
box-sizing:border-box
}
.center .main-text table.services tr td:first-of-type{
padding:0 20px
}
.center .main-text table.services tr td a{
display:block;
margin-bottom:15px;
text-transform:uppercase;
font-size:16px;
color:#383838;
text-decoration:none
}
.center .main-text table.services tr td a:hover{
text-decoration:underline;
color:#8c0d0d;
font-weight:bold
}
.center .main-text table tr td{
width:50%;
box-sizing:border-box
}
.center .main-text table tr td:last-of-type{
padding:0 40px
}
.center .main-text p{
font-size:16px;
text-align:justify;
margin-top:20px
}
.center .main-text p.more{
font-size:14px;
margin-left:80px;
font-style:italic
}
.center .main-text .price{
font-size:16px;
font-weight:bold;
margin-top:10px
}
.center .main-text ol{
list-style:decimal;
margin-left:80px
}
.center .main-text ol li{
font-size:18px;
margin-top:10px;
padding:10px;
box-sizing:border-box;
text-align:center;
list-style: none;
border-radius: 8px;
}
.center .main-text ol li:nth-child(2n+1){
background:#dfe1e4;
}
.center .main-text ol li:nth-child(2n){
background:#f4f2f2;
}
.center .main-text ol li .btn-order{
color:#fff;
text-align:center;
border:0;
background:#8c0d0d;
text-transform:uppercase;
width:250px;
margin-top:10px;
height:30px;
cursor:pointer
}
.center .main-text a{
color:#383838;
font-weight:bold;
text-decoration:none
}
.center .main-text a:hover{
color:#8c0d0d;
text-decoration:underline
}
.center .main-text #posts{
margin-left:80px
}
.center .main-text #posts h3{
font-size:16px
}
.center .pluses{
background:url(../img/chemistry-back.png) center no-repeat;
height:792px;
text-align:center
}
.center .pluses table{
width:100%;
margin-top:40px
}
.center .pluses table tr td{
vertical-align:top;
width:33%
}
.center .pluses table tr td.second{
width:50%;
text-align:center
}
.center .pluses table tr td.second .plus{
margin-top:-150px
}
.center .pluses table tr td.second .plus.first{
margin-left:175px;
font-size:14px
}
.center .pluses table tr td.second .plus.second{
margin-left:-175px
}
.center .pluses h2{
padding:25px 35px;
display:inline-block;
border:2px solid #383838;
text-transform:uppercase;
font-size:32px;
font-family:'Open Sans',sans-serif;
font-weight:bold;
margin-top:40px
}
.center .pluses .plus{
background:url(../img/rectangle.png) center no-repeat;
width:289px;
height:289px;
color:#fff;
font-style:italic;
font-size:22px;
display:inline-block;
box-sizing:border-box;
padding-top:136px
}
.center table{
width:100%
}.center table.services-list tr td{
padding:10px 0;
vertical-align:top;
box-sizing:border-box
}
.center table.services-list tr td:first-of-type{
width:400px
}
.center table.services-list tr td:first-of-type img{
width:297px;
height:297px
}
.center table.services-list tr td h3{
text-transform:uppercase;
border-bottom:2px solid #383838;
font-weight:bold;
font-size:22px;
padding-bottom:30px
}
.center table.services-list tr td p{
width:100%;
margin-top:25px;
font-size:14px
}
.center table.lab-eq-list tr td{
padding:10px 0;
vertical-align:top;
box-sizing:border-box
}
.center table.lab-eq-list tr td:first-of-type{
width:500px
}
.center table.lab-eq-list tr td:first-of-type img{
width:297px;
height:297px
}
.center table.lab-eq-list tr td h3{
text-transform:uppercase;
font-size:22px;
line-height:22px
}
.center table.lab-eq-list tr td.text{
margin-top:15px;
font-size:14px
}
.center table.lab-eq-list tr td.last{
padding:0;
vertical-align:middle
}
.center table.lab-eq-list tr td.last .btn-order{
color:#fff;
text-align:center;
border:0;background:#8c0d0d;
text-transform:uppercase;
width:250px;
float:right;
margin-right:43px;
height:30px;
cursor:pointer
}
.center table.lab-eq-list tr td.last .price{
padding:0 10px 0 20px
}
.center table.lab-eq{
margin-top:30px
}
.center table.lab-eq tr td{
vertical-align:middle;
font-size:24px;
padding:10px;
text-align:center
}
.center table.lab-eq tr td img{
max-width:300px
}
.center table.lab-eq tr:nth-child(2n){
background:#f4f2f2
}
.center .contacts{
padding-left:50px;
font-size:16px
}
.center .contacts h4{
text-transform:uppercase;
font-size:22px
}
.columns{
overflow:hidden
}
.columns .column{
width:50%;
text-align:center;
height:919px;
display:inline-block;
float:left
}
.columns .column a{
display:block;
z-index:20;
left:50%;
position:absolute;
margin-top:300 + 120px;
margin-left:-100px;
width:200px;
color:#383838;
line-height:30px;
text-decoration:none;
text-transform:uppercase;
font-size:22px;
font-weight:bold
}
.columns .column a:hover{
text-decoration:underline
}
.columns .column#column1 a{
left:25%
}
.columns .column#column2 a{
left:75%
}
.columns .column img{
width:100%
}
.footer{
margin:-117px auto 0;
min-width:1042px;
height:117px;
background:#f4f2f2;
position:relative;
padding:40px;
box-sizing:border-box
}
.footer .center{
width:100%
}
.footer .center .rights{
width:250px;
float:right;
font-size:16px;
text-align:right
}
.footer .center .spaceapp{
background:url(../img/spaceapp.png);
width:42px;
height:27px;
display:block;
margin:0 auto
}
.footer .center .footer-phone {
float:left;
font-size:16px
}
.center {
width:1105px;
margin:0 auto
}
input[type=search] {
font-family:"Ubuntu",sans-serif
}
input[type=text]:-moz-placeholder,textarea:-moz-placeholder,input[type=search]:-moz-placeholder{
color:#fff
}
input[type=text]:-webkit-input-placeholder,textarea:-webkit-input-placeholder,input[type=search]:-webkit-input-placeholder{
color:#fff
}
input[type=text]::-webkit-input-placeholder,textarea::-webkit-input-placeholder,input[type=search]::-webkit-input-placeholder{
color:#fff
}
input[type=text]::-moz-placeholder,textarea::-moz-placeholder,input[type=search]::-moz-placeholder{
color:#fff
}
strong{
font-weight:bold
}
div.tooltip{
background:none;border:0
}
.tooltip{
position:absolute;
min-width:165px;
z-index:1030;
display:block;
visibility:visible;
font-size:14px;
line-height:1.4
}
.tooltip.in{
opacity:.8;
filter:alpha(opacity=80)
}
.tooltip.top{
margin-top:-3px;
padding:5px 0
}
.tooltip.right{
margin-left:3px;
padding:0 5px;
margin-top:5px
}
.tooltip.bottom{
margin-top:3px;
padding:5px 0
}
.tooltip.left{
margin-left:-3px;
padding:0 5px
}
.tooltip-inner{
max-width:200px;
padding:8px;
color:#fff;
text-align:center;
text-decoration:none;
background-color:#000;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px
}
.tooltip-arrow{
position:absolute;
width:0;
height:0;
border-color:transparent;
border-style:solid
}
.tooltip.top .tooltip-arrow{
bottom:0;
left:50%;
margin-left:-5px;
border-width:5px 5px 0;
border-top-color:#000
}
.tooltip.right .tooltip-arrow{
top:50%;
left:0;
margin-top:-5px;
border-width:5px 5px 5px 0;
border-right-color:#000
}
.tooltip.left .tooltip-arrow{
top:50%;
right:0;
margin-top:-5px;
border-width:5px 0 5px 5px;
border-left-color:#000
}
.tooltip.bottom .tooltip-arrow{
top:0;left:50%;
margin-left:-5px;
border-width:0 5px 5px;
border-bottom-color:#000
}
.content h1{
font-size:32px;
color:#383838;
text-transform:uppercase;
font-weight:bold;
margin:20px
}
.content table{
margin-top:15px
}
.content a.strHrom{
font-size:16px;
margin:20px;
padding-bottom:10px
}
.content table.xml td{
border:1px solid silver
}
.content table.xml tr:first-child{
background:silver
}
#menu-item-23 {
position: relative;
}
.menu-item {
vertical-align: text-top !important;
}
.area {
width: 320% ;
background: rgba(218,218,218,1);
display: none;
position: absolute;
top: 35px;
border-radius: 5px;
background-color: #ffffff;
}
#menu-item-23:hover .area {
display: block;
}
.main-nav li {
margin: 0 5px;
}
.list ul {
margin: 0 0;
}
#menu-item-23 div:hover > .menu-item-23 a{
background: #ffffff !important;
}
.submenu li{
font-size: 16px;
margin: 0 10px !important;
text-align: left !important;
}
.submenu.list ul {
text-align: left;
}
.submenu.list a {
padding: 10px 0;
width: 100% !important;
border-top: 3px solid #ffffff !important;
}
#menu-item-499 > a:hover {
border-top: 3px solid #ffffff !important;
}
#menu-item-500 > a:hover {
border-top: 3px solid #ffffff !important;
}
.tabletype table {
border: 1px solid grey;
border-collapse: collapse;
table-layout: fixed;
}
.tabletype table th {
border: 1px solid grey;
padding: 10px;
vertical-align: middle;
font-weight: bold;
}
.tabletype table td {
border: 1px solid grey;
padding: 10px;
vertical-align: middle;
text-align: center;
}
.tabletype h4 {
text-align: center;
font-weight: bold;
font-size: 14px;
margin:10px 0 0 0;
}
.tabletype img {
width: 100px;
}
.btn-order{
color:#fff;
text-align:center;
border:0;
background:#8c0d0d;
text-transform:uppercase;
width:250px;
margin-top:10px;
height:30px;
cursor:pointer
}
details:hover {
cursor: pointer;
}
summary {
outline: none;
}
summary::-webkit-details-marker {
display: none;
}
summary h2 {
outline: none;
color:#000000 !important;
}
summary:hover h2{
color:#8c0d0d !important;
}
#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:10px;
right:10px;
overflow:hidden;
width:51px;
height:51px;
border:none;
text-indent:100%;
background:url(http://analitts.ru/wp-content/themes/main/img/ui.totop.png) no-repeat left top;
}
#toTopHover {
background:url(http://analitts.ru/wp-content/themes/main/img/ui.totop.png) no-repeat left -51px;
width:51px;
height:51px;
display:block;
overflow:hidden;
float:left;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
outline:none;
}
.center .main-text .listfix li {
text-align: left;
list-style: decimal;
border-radius: 0px;
}
@media screen and (max-width:1366px) {
.bx-wrapper img {
height: 400px;
}
.header1 .triangle {
height: 400px;
background: url(../img/triangle400px.png);
width: 200px;
}
div.triangle table tbody tr td {
height: 400px !important;
}
.sign {font-size: 16px !important;}
.bx-wrapper {height: 400px;}
}