@font-face {
    font-family: OpenSansBold;
    src: url(http://allgruz.com/wp-content/themes/allgruz_new/font/OpenSans-Bold.ttf);
}
@font-face {
    font-family: OpenSansBoldItalic;
    src: url(http://allgruz.com/wp-content/themes/allgruz_new/font/OpenSans-BoldItalic.ttf);
}
@font-face {
    font-family: OpenSansBoldItalic;
    src: url(http://allgruz.com/wp-content/themes/allgruz_new/font/OpenSans-BoldItalic.ttf);
}
@font-face {
    font-family: OpenSansExtraBold;
    src: url(http://allgruz.com/wp-content/themes/allgruz_new/font/OpenSans-ExtraBold.ttf);
}
@font-face {
    font-family: OpenSansExtraBoldItalic;
    src: url(http://allgruz.com/wp-content/themes/allgruz_new/font/OpenSans-ExtraBoldItalic.ttf);
}
@font-face {
    font-family: OpenSansLight;
    src: url(http://allgruz.com/wp-content/themes/allgruz_new/font/OpenSans-Light.ttf);
}
@font-face {
    font-family: OpenSansLightItalic;
    src: url(http://allgruz.com/wp-content/themes/allgruz_new/font/OpenSans-LightItalic.ttf);
}
@font-face {
    font-family: OpenSansRegular;
    src: url(http://allgruz.com/wp-content/themes/allgruz_new/font/OpenSans-Regular.ttf);
}
@font-face {
    font-family: OpenSansSemibold;
    src: url(http://allgruz.com/wp-content/themes/allgruz_new/font/OpenSans-Semibold.ttf);
}
@font-face {
    font-family: OpenSansSemiboldItalic;
    src: url(http://allgruz.com/wp-content/themes/allgruz_new/font/OpenSans-SemiboldItalic.ttf);
}
OpenSans-BoldItalic.ttf
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {font: 13px Helmet, Freesans, sans-serif;}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333;}

a {color: #3e8b00;}
a:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#000; }
textarea:-moz-placeholder { color:#000; }

input::-webkit-input-placeholder { color: #000; }
textarea::-webkit-input-placeholder { color: #000; }

.wrapper {
    width: 1000px;
    margin: 0 auto;
}
.wrapper > .sidebar {
    width: 258px;
    float: left;
}
.sidebar > .logo {
    width:100%;
    height: 73px;
    margin-top: 24px;
    margin-left: 3px;
    background: url("img/logo.png") left top no-repeat;
}
.sidebar > .logo hgroup {
    color:#444444;
}
.sidebar > .logo hgroup h1 {
    text-transform: uppercase;
    font:35px "Myriad Pro";
    position: relative;
    top:6px;
    left:18px;
}
.sidebar > .logo hgroup h2 {
    font:15px "Myriad Pro";
    position: relative;
    top:0px;
    left:85px;
}
.sidebar > .address {
    margin: 30px 0px 0px 16px;
}
.sidebar > .address p {
    font:24px "Myriad Pro";
    color:#444444;
    line-height:1.6;
}
.sidebar > .address span {
    font:14px "Myriad Pro";
    color:#999999;
}
.sidebar > .lmenu ul {
    display: block;
    margin-top: 25px;
}
.sidebar > .lmenu ul li {
    width: 240px;
    display: block;
    padding: 5px  3px 4px 3px;
    margin: 5px  3px 5px 3px;
}
.sidebar > .lmenu ul li:hover {
    background: #71b32e;
    padding: 5px  3px 4px 3px;
    margin: 5px  3px 5px 3px;
}
.sidebar > .lmenu ul li:hover a {
    text-decoration: none;
    color:#fff;
}
.sidebar > .lmenu ul li a {
    width: 240px;
    font:16px "Myriad Pro";
    color:#055fbb;
    padding: 5px  3px 4px 3px;
}
.sidebar > .lmenu ul li a:hover {

}
.sidebar > .news h3 {
    font:20px "Myriad Pro";
    color:#444444;
    text-transform: uppercase;
    font-weight: bold;
    margin: 25px 0px 0px 3px;
    display: block;
}
.sidebar > .news .info {
    margin: 12px 0px 0px 0px;
}
.sidebar > .news .info .date {
    font:15px "Myriad Pro";
    color:#999999;
    text-transform: uppercase;
    padding-bottom: 4px;
    margin-bottom: 4px;
    margin-left: 3px;
    border-bottom: 2px solid #69a82a;
}
.sidebar > .news .info p {
    font:13px "Myriad Pro";
    color:#444444;
    margin: 12px 14px 0px 3px;
}
.sidebar > .articles h3 {
    font:20px "Myriad Pro";
    color:#444444;
    text-transform: uppercase;
    font-weight: bold;
    margin: 25px 0px 0px 3px;
    display: block;
}
.sidebar > .articles .info {
    margin: 12px 0px 0px 0px;
}
.sidebar > .articles .info .date {
    font:15px "Myriad Pro";
    color:#999999;
    text-transform: uppercase;
    padding-bottom: 4px;
    margin-bottom: 4px;
    margin-left: 3px;
    border-bottom: 2px solid #69a82a;
}
.sidebar > .articles .info p {
    font:15px "Myriad Pro";
    color:#444444;
    font-weight: bold;
    margin: 12px 18px 0px 3px;
}
.sidebar > .articles .info a {
    font:13px "Myriad Pro";
    color:#055fbb;
    margin-left: 3px;
    margin-top: 5px;
    display: block;
}
.sidebar > .articles .info a:hover {
    text-decoration: none;
}
.sidebar > .articles .line {
    width: 240px;
    height: 2px;
    background: url("img/line.png") no-repeat #cecece;
    margin: 15px 0px 15px 3px;

}
.sidebar > .reviews h3 {
    font:20px "Myriad Pro";
    color:#444444;
    text-transform: uppercase;
    font-weight: bold;
    margin: 25px 0px 0px 3px;
    display: block;
}
.sidebar > .reviews .info {
    margin: 12px 0px 0px 0px;
}
.sidebar > .reviews .info .date {
    font:15px "Myriad Pro";
    color:#999999;
    text-transform: uppercase;
    padding-bottom: 4px;
    margin-bottom: 4px;
    margin-left: 3px;
    border-bottom: 2px solid #69a82a;
}
.sidebar > .reviews .info p {
    font:15px "Myriad Pro";
    color:#444444;
    margin: 12px 18px 0px 3px;
    font-style: italic;
}
.sidebar > .reviews .info span {
    font:15px "Myriad Pro";
    color:#444444;
    font-weight: bold;
    margin: 10px 0px 8px 3px;
    display: block;
}
.sidebar > .reviews .linetwo {
    width: 240px;
    height: 2px;
    background:#cecece;
    margin: 15px 0px 15px 3px;
}
.sidebar > .socials h3, .sidebar > .slider h3 {
    font:20px "Myriad Pro";
    color:#444444;
    text-transform: uppercase;
    font-weight: bold;
    margin: 25px 0px 0px 3px;
    display: block;
}
.sidebar > .socials ul {
margin-left: -35px;
}
.sidebar > .socials ul li {
    display: inline-block;
    margin: 15px 7px 15px 3px;
}
.sidebar > .socials ul li a {

}
.sidebar > .socials ul li a div.fa {
    width: 31px;
    height: 30px;
    background: url("img/fa.png");
}
.sidebar > .socials ul li a div.tw {
    width: 30px;
    height: 30px;
    background: url("img/tw.png");
}
.sidebar > .socials ul li a div.vk {
    width: 31px;
    height: 30px;
    background: url("img/vk.png");
}
.sidebar > .socials ul li a div.od {
    width: 31px;
    height: 30px;
    background: url("img/od.png");
}
.sidebar > .socials ul li a div.go {
    width: 30px;
    height: 30px;
    background: url("img/go.png");
}
.sidebar > .socials ul li a div.fa:hover {
    background: url("img/faa.png");
}
.sidebar > .socials ul li a div.tw:hover {
    background: url("img/twa.png");
}
.sidebar > .socials ul li a div.vk:hover {
    background: url("img/vka.png");
}
.sidebar > .socials ul li a div.od:hover {
    background: url("img/oda.png");
}
.sidebar > .socials ul li a div.go:hover {
    background: url("img/goa.png");
}
.sidebar > .global_vk {
    margin-left: 8px;
}






.wrapper > .content {
    width: 706px;
    float: right;
text-align: justify;

}
.content > nav.menu ul {
    float: left;
    margin: 45px 0px 0px 0px;
}
.content > nav.menu ul li {
    float: left;
}
.content > nav.menu ul li a {
    font:16px "Myriad Pro";
    color:#444444;
    text-decoration: none;
    text-transform: uppercase;
    padding: 15px 10px 15px 10px;
    border-bottom: 3px solid #e5e5e5;
}
.content > nav.menu ul li a:hover {
    border-bottom: 3px solid #71b32e;
}
.content > section.buy {
    width: 275px;
    height: 71px;
    background-image: url("img/btn1.png");
    background-repeat: no-repeat;
    background-repeat: ;
    float: right;
    text-align: center;
    cursor: pointer;
    margin-top: 33px;
    margin-bottom: 25px;

}
.content > section.buy:hover {
    -webkit-filter: saturate(180%);
}
.content > section.buy  span {
    font:17px "Myriad Pro";
    color:#fff;
    position: relative;
    top:10px;
}
.content > section.buy a {
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
}
.content > .board {
    width: 400px;
    float: left;
}
.content > .last {
    margin-top: 40px;
}
.content > .board img {
    float: left;
}
.content > .board h3 {
    font:20px "Myriad Pro";
    color:#444444;
    text-transform: uppercase;
    padding-left: 154px;
}
.content > .board p {
    font:13px Arial;
    color:#444444;
    padding-left: 154px;
    margin: 15px 0px 15px 0px;
}
.content > .board a {
    font:15px "Myriad Pro";
    color:#055fbb;
    font-weight: bold;
    margin-left: 10px;
    background: url("img/lister.png") center left no-repeat;
    padding-left: 22px;
}
.content > .board a:hover {
    text-decoration: none;
}
.content > .calc {
    width: 273px;
    height: 141px;
    background: url("img/cal.png");
    float: right;
}
.content > .calc a {
    font:15px "Myriad Pro";
    color:#71b32e;
    font-weight: bold;
    text-decoration: none;
    float: left;
    margin: 26px 0px 0px 84px;
    line-height: 1.4;
    cursor: pointer;
}
.content > .calc a:hover {
    text-decoration: underline;
}
.content > .space {
    width: 273px;
    height: 181px;
    background: url("img/123456.gif");
    background-size: 100% 100%;
    float: right;
}

.content > h1.main {
    font:25px "Myriad Pro";
    color:#69a82a;
    margin: 40px 0px 15px 0px;
}
.content > p.other {
    font: 13px Arial;
    color:#444444;

}
.content > h4.main {
    font:18px "Myriad Pro";
    color:#444444;
    margin: 30px 0px 15px 0px;
}
.content > .cars {
    width: 100%;
    margin-top: 30px;
}
.content > .cars div {
    width: 47%;
    height: 335px;
}
.content > .cars > .left {
    background: url("img/allgruzgazel.png") top right no-repeat;
    float: left;

}
.content > .cars > .right {
    background: url("img/ydlinenka.png") top right no-repeat;
    float: right;
}
.content > .cars .bl {
    font:12px "Arial";
    color:#444444;
    font-weight: bold;
    text-transform: uppercase;
}
.content > .cars .gr {
    font:12px "Arial";
    color:#999999;
    font-weight: bold;
    text-transform: uppercase;
}
.content > .cars p {
    font:13px Arial;
    color:#444444;
}
.content > .cars .des {
    font:13px Arial;
    color:#999999;
    margin-left: 3px;
    margin-bottom: 10px;
}
.content > .cars .line {
    width: 100%;
    height: 8px;
}
.content .table {
    width: 100%;
    margin-top: 15px;
    font:15px Arial;
    color:#444444;
    font-weight: bold;
}
.content .table tr {
    width: 100%;
    text-align: center;
    height: 40px;
    background: #fff;
}
.content .table tr:nth-child(1), .content .table tr:nth-child(3){
    background: #f5f8fa;
    border-top:1px solid #d7dadd;
}
.content .table td {
    width: 50%;
    vertical-align: middle;
}
.content h6.slg {
    font:16px "Myriad Pro";
    color:#999999;
    background: #ffffff;
    padding: 0px 14px 0px 10px;
    position: relative;
    top:10px;
    display: inline-block;
}
.content .goof {
    width: 100%;
    height: 279px;
    border-top:1px solid #cccccc;
    //border-bottom:1px solid #cccccc;
}
.content .goof tr {
    text-align: center;
}
.content .goof td {
    vertical-align: bottom;
}
.content .goof td .down {
    width: 100%;
    height: 65px;
}
.content .goof td span {
    font:13px Arial;
    color:#444444;
    line-height: 1.5;
    position: relative;
    top:8px;
}
.content .goof td a {
    font:13px Arial;
    color:#055fbb;
    font-weight: bold;
    position: relative;
    top:14px;
}
.content .goof td a:hover {
    text-decoration: none;
}
.content .laster , .content h1{
    font:15px Arial;
    color:#424242;
    text-transform: uppercase;
    margin: 30px 0px 15px 0px;
    border-bottom: 2px solid #69a82a;
    padding: 10px 0px 10px 0px;
    font-weight: bold;
}
.content .laster , .content h3{
    font:15px Arial;
    color:#424242;
    text-transform: uppercase;
    margin: 30px 0px 15px 0px;
    border-bottom: 2px solid #69a82a;
    padding: 10px 0px 10px 21px;
}
.content .more {
    list-style: none;
}
.content .more li {
    margin: 8px 0px 8px 0px;
    padding: 0px 0px 0px 30px;
    margin-left: 30px;
}
.content .more .one {
    background: url("img/one.png") top left no-repeat;
}
.content .more .two {
    background: url("img/two.png") top left no-repeat;
}
.content .more .three {
    background: url("img/three.png") top left no-repeat;
}
.content .more .four {
    background: url("img/four.png") top left no-repeat;
}
.bigline {
    width: 100%;
    height: 138px;
    border-top:1px solid #cccccc;
/*    border-bottom:1px solid #cccccc;*/
    margin-top: 50px;
}
footer.head {
    width: 100%;
    height: 110px;
}
footer.head .left {
    float: left;
    margin-top: 26px;
}
footer.head .left span {
    font:13px Arial;
    color:#999999;
}
footer.head .left ul {
    margin-top: 18px;
}
footer.head .left ul li {
    display: inline-block;
    margin-right: 22px;
}
footer.head .left ul li a {
    font:13px Arial;
    color:#444444;
}
footer.head .left ul li a:hover{
    text-decoration: none;
}
footer.head .right {
    float: right;
    margin-top: 30px;
}
footer.head .right .second {
    float: right;

}
footer.head .right .first {
    float: right;
    margin-right: 48px;
}
/*----------------------------------------------------------*/
.clear{
    clear:both;
}
.content p{
    margin-top: 10px;
}
.content > p, .content .left > p, .content .right > p {
    text-indent: 0px;
}
.content h4{
    font-size: 20px;
    margin: 10px 0 15px 0;
}
.content .blue{

    font-weight: bold;
}
.content .left{
    font-family: tahoma;
    float: left;
    margin-bottom: 10px;
}
.content .left_block{
    width: 430px;
    margin-top: 10px;
    float: left;
}
.content .right_block{
    margin-top: 10px;
    width: 235px;
    float: right;
    padding-right: 10px;
}
.content .right_block img, .content .right img{
    margin: 10px auto;
    display: block;
}

.content .left .left_block{
    margin-top: 10px;
    width: 255px;
    float: left;
    padding-right: 10px;
}
.content .left .right_block{
    width: 175px;
    margin-top: 10px;
    float: right;
}
.content .left .right_block img{
    width: 100%;
    height: auto;
    margin-top: 10px;
}


.content .right h3, .transport .left h3{
    padding-top: 30%;
    min-height: 70px;
    font-family: ArialB;
    font-style: italic;
    margin-bottom: 9px;
    padding:0 15px 0 72px;
    box-shadow: none;
    box-shadow: 0 1px 0 0 #abaaaa;
    background: url("img/I_blue.png");
    background-repeat: no-repeat;
    background-position: left center;
    text-transform: inherit;
}
.content .right{
<img src="<?php echo get_template_directory_uri(); ?>/img/упаковка кальк.png" />
    width: 250px;
    float: right;
    margin-bottom: 10px;
}
.content .left ul li{
    margin-left: 20px;
    list-style: disc;
}
.content ul{
padding-left: 60px;
}
.content ul li{
    list-style-image: url("img/list_style.png");
    color: #313131;
    font-size: 14px;
    line-height: 25px;
}
.content .right p{
    font-size: 12px;
    font-style: italic;
    line-height: 18px;
}

.content .right_block img{
    border: 1px solid #bababa!important;
    border-radius: 5px!important;
}

.transport .left{
    width: 45%;
    padding-right: 10px;
    font-family: Arial;
}
.transport .right{
    width: 45%;
    font-style: normal;
}
.transport .right img, .transport .left img{
    width: auto;
    height: auto;
}
.transport .item{
    width: 300px;
    height: 270px;
    margin-right: 20px;
    float: left;
}
.transport .item .block{
    height: 235px;
    overflow: hidden;
}
.transport .item img{
    height: 136px;
    width: auto;
    margin:10px auto;
    display: block;
}
.transport .item a:last-child{
    margin:10px 0 0 240px;
    text-decoration: none;
}
/*----------------------------------------------------------*/


.table-empl td{
border: 1px solid #828282;
}
.table-empl{
margin-top: 20px;
}
.table-online{
margin-top: 10px;
box-shadow: 0 0 3px rgba(0,0,0,0.5);
}
.post-edit-link{
color: #3e8b00;
}
#uslugi .content .left_block {
width: 302px;
}
.content h2{
font: 17px Arial;
color: #69a82a;
margin: 30px 0px 15px 0px;
font-weight: bold;
}

.spoiler-tgl{
font-size: 14px;
color: #3e8b00;
}
#menu{
white-space: normal;
}
#menu li{
padding-left: 0;
background: none;
background-repeat: no-repeat;
background-position: inherit;
font-size: 0;
font-style: normal;
line-height: normal;
list-style: none;
}
#menu ul{
padding-left: 0px;
}
.font-style-normal{
font-style: normal;
}
.font-style-normal ul li{
font-style: normal;
}
.alignleft{
float:left;
padding: 6px;
margin-right: 20px;
}
.content > .posts{
margin-top: -39px;
}
.zakaz-button{
background: url(img/knopka-zakaz.png) top right;
background-repeat: no-repeat;
width: 135px;
height: 32px;
text-align: center;
vertical-align:middle; 
display:table-cell;
font-size: 14px;
}
.zakaz-button a{
text-decoration: blink;
}
.table-gazel{
text-align: left;
}
.table-gazel2{
width: 345px;
border-top: 3px solid #599f22 !important;
border-bottom: 3px solid #599f22 !important;
text-align: left;
}
.tr-table-gazel2 tr{
border-top: 3px solid #ffffff;
border-bottom: 3px solid #ffffff;
}
.tr-table-gazel2 td{
height: 30px;
padding-left: 7px;
font-size: 12px;
}
/*----------------------mupic----------------------------*/


/*----------------------skeleton-grid--------------------*/
.column,.columns,.container{width:100%;box-sizing:border-box}.column,.columns,.container,.u-full-width,.u-max-full-width{box-sizing:border-box}.container{position:relative;max-width:960px;margin:0 auto;padding:0 20px}.column,.columns{float:left}@media (min-width:400px){.container{width:85%;padding:0}}@media (min-width:550px){.container{width:80%}.column,.columns{margin-left:4%}.column:first-child,.columns:first-child{margin-left:0}.one.column,.one.columns{width:4.66666666667%}.two.columns{width:13.3333333333%}.three.columns{width:22%}.four.columns{width:30.6666666667%}.five.columns{width:39.3333333333%}.six.columns{width:48%}.seven.columns{width:56.6666666667%}.eight.columns{width:65.3333333333%}.nine.columns{width:74%}.ten.columns{width:82.6666666667%}.eleven.columns{width:91.3333333333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:30.6666666667%}.two-thirds.column{width:65.3333333333%}.one-half.column{width:48%}.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}}.u-full-width{width:100%}.u-max-full-width{max-width:100%}.u-pull-right{float:right}.u-pull-left{float:left}.container:after,.row:after,.u-cf{content:"";display:table;clear:both}