:root {
  --regular-text-color: #000;
  --first-col-width: 24%;
  --shipped-col-count: 4;
  --unshipped-col-count: 7;

  --mobile-bg-color: #d3d3d3 !important;
  --mobile-text-color: #000 !important;
  --mobile-border-color: rgb(191, 191, 191) !important;

}


body{
  margin: 0;
  padding: 0;
  font-family: Verdana;
  font-size: 9pt;
  color: #4A4A4A;
  background-color: #EBEBEB;
}

A:link, A:visited{
  font-family: Verdana;
  font-size: 9pt;
  outline: none;
  text-decoration: underline;
  color: #FF0000;
}

A:hover{
  text-decoration: none;
}

p{
  margin: 0;
  padding: 10px 0 0;
  line-height: 150%;
}

ul{
  line-height: 150%;
  margin: 30px 0 20px;
  padding: 0 0 0 20px;
}

ul li{
  padding-bottom: 5px;
}

form{
  margin: 0;
  padding: 0;
}

img{
    max-width: 100%;
    height: auto;
    border: none;
}

.wrapper{
  width: auto;
  max-width: 1900px;
  _width: 1900px;
  margin: 0 auto;
  padding: 0 10px;
}

.header{
  width: 100%;
  height: 90px;
  border-bottom: 4px solid #FF0000;
  position: relative;
  z-index: 10;
}

.top-menu{
  width: auto;
  max-width: 860px;
  _width: auto;
  padding-top: 25px;
  height: 42px;
  margin: 0 auto;
}

.pull-wp{
  display: none;
  padding: 10px;
}

A#pull:link, A#pull:visited{
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/pull.png) center center no-repeat #FF0000;
  padding: 12px;
}

.pull-menu{
  display: none;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}

.pull-menu A:link, .pull-menu A:visited{
  display: block;
  text-align: right;
  padding: 10px 15px 10px 5px;
  background-color: rgba(0, 0, 0, 0.9);
  border-bottom: 1px solid #C3C3C3;
  text-decoration: none;
  color: #FFF;
}

.pull-menu A:hover{
  background: rgba(0,0,0,0.7);
}

.content{
  width: 100%;
  position: relative;
  z-index: 1;
}

.footer{
  height: auto;
  min-height: 107px;
  _height: 107px;
  padding: 30px 20px 0;
  background: url(../images/footer.gif) repeat-x #FB0000;
  color: #FFF;
}

.footer A:link, .footer A:visited{
  color: #FFF;
  text-decoration: none;
}

.footer A:hover{
  text-decoration: underline;
}

.footer-T{
  width: 100%;
  height: 41px;
}

.footer-B{
  width: 100%;
  padding-top: 29px;
  font-size: 8pt;
}

.footer-L{
  float: left;
}

.footer-R{
  float: right;
}

.footer-L div{
  float: left;
  padding-right: 35px;
}

.footer-R A:link, .footer-R A:visited{
  font-size: 8pt;
}

.footer-R div{
  float: left;
  padding-left: 35px;
}

.clear{
  clear: both;
}

.logo{
  float: left;
  padding-top: 20px;
}

.logo A:link, .logo A:visited{
  display: block;
  width: auto;
  max-width: 668px;
  _width: 668px;
}

.logo img{
  width: 100%;
}

.h-contacts{
  float: right;
  padding: 15px 145px 0 0;
}

.h-contacts div{
  float: left;
  padding-right: 35px;
  color: #000;
}

.h-contacts font{
  font-size: 16pt;
}

.anniversary{
  position: absolute;
  right: 35px;
  top: 9px;
}

.tm-main{
  float: left;
}

.tm-main div{
  padding: 10px 0 16px;
  text-align: center;
}

.tm-main A:link, .tm-main A:visited{
  text-decoration: none;
  font-size: 11pt;
  text-transform: uppercase;
  font-family: Arial;
  font-weight: bold;
}

.tm-item A:link, .tm-item A:visited{
  color: #2F2F2F;
}

.tm-item A:hover, .tm-itemS A:link, .tm-itemS A:visited{
  color: #FF0000;
}

.tm-home{
  width: 141px;
}

.tm-itemS div.tm-home{
  background: url(../images/tm-bg/home.jpg) center bottom no-repeat;
}

.tm-profile{
  width: 301px;
}

.tm-itemS div.tm-profile{
  background: url(../images/tm-bg/profile.jpg) center bottom no-repeat;
}

.tm-services{
  width: 187px;
}

.tm-itemS div.tm-services{
  background: url(../images/tm-bg/services.jpg) center bottom no-repeat;
}

.tm-contact{
  width: 225px;
}

.tm-itemS div.tm-contact{
  background: url(../images/tm-bg/contact.jpg) center bottom no-repeat;
}

.tm-sep{
  float: left;
  width: 2px;
  height: 42px;
  background: url(../images/tm-sep.jpg) no-repeat;
}

.content-inner{
  width: 100%;
  height: auto;
  min-height: 595px;
  _height: 595px;
  margin: 0 auto;
  padding-bottom: 30px;
  background-color: #FFF;
  position: relative;
  z-index: 2;
}

.content-header{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 8px;
  background: url(../images/content-header.png) repeat-x;
}

.container{
  padding: 0 20px;
  background-color: #FFF;
}

.home-services{
  width: 100%;
}

.hs-item{
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  width: 17%;
  margin: 0 1%;
  padding-top: 30px;
}

.hsi-ttl{
  width: 100%;
  height: 27px;
  background-color: #EBEBEB;
  margin-bottom: 7px;
}

.hsi-ttl div{
  float: left;
  width: 68%;
  padding: 6px 0 0 3%;
  color: #303030;
  font-weight: bold;
}

.hsi-ttl A:link, .hsi-ttl A:visited{
  float: right;
  display: block;
  width: 53px;
  height: 22px;
  padding: 5px 0 0 28px;
  background: url(../images/h-service-ttl.gif) no-repeat;
  text-decoration: none;
  color: #FFF;
  font-size: 10pt;
  font-weight: bold;
}

.hsi-ttl A:hover{
  color: #000;
}

.hsi-img img{
  width: 100%;
}

.cnt-home{
  width: 94%;
  padding-top: 45px;
  margin: 0 auto;
}

.home-L{
  float: left;
  width: 70%;
}

.home-R{
  float: right;
  width: 372px;
  height: 194px;
  background: url(../images/home-address.jpg) no-repeat;
  margin-top: 65px;
}

.welcome{
  font-size: 18pt;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #CCCCCC;
  color: #FF0000;
}

.home-R label{
  display: block;
  height: 25px;
  padding: 12px 0 0 15px;
  margin-bottom: 25px;
  color: #303030;
  font-weight: bold;
}

.hr-L{
  float: left;
  width: 205px;
  padding-left: 15px;
  color: #8C8C8C;
  font-size: 14pt;
  line-height: 150%;
}

.hr-R{
  float: right;
  padding: 10px 12px 0 0;
}

.container-inner{
  width: 100%;
  padding-top: 30px;
  position: relative;
  z-index: 1;
}

.block-ttl{
  font-size: 20pt;
  padding: 20px 0 20px 20px;
  border-left: 8px solid #FF0000;
  color: #FF0000;
  position: relative;
  top: 10px;
}

.header-txt{
  width: 800px;
  position: relative;
  z-index: 5;
}

.frame-cnt{
  width: auto;
  max-width: 532px;
  _width: 532px;
  overflow: hidden;
  padding: 8px 0 0 9px;
  background-color: #FFF;
  position: relative;
  z-index: 1;

}

.frame-cnt img{
  width: 100%;
}

.profile-frame{
  float: left;
  width: 34%;
  padding-right: 5%;
}

img.frame{
  position: absolute;
  left: 0;
  top: 4px;
  pointer-events: none;
}

.data-txt{
  float: left;
}

.cnt-profile{
  width: 60%;
}

.sub-ttl{
    font-weight: 400;
  font-size: 14pt;
  color: #000;
  padding-bottom: 10px;
}

ul.data-points{
  float: left;
}

.cnt-profile ul.data-points{
  width: 230px;
}

ul.data-points li{
  color: #FF0000;
}

ul.data-points li font{
  color: #4A4A4A;
  font-family: Verdana;
  font-size: 9pt;
}

.services-wp, .company-wp{
  width: auto;
  max-width: 1600px;
  _width: 1600px;
  padding: 0 20px;
  margin: 0 auto;
}

#menu:link, #menu:visited {
  display: none;
  float: left;
  padding: 8px 20px 0 45px;
  background: url(../images/pull.png) 10px 11px no-repeat #FF0000;
  color: #FFF;
  font-size: 14pt;
  height: auto;
  min-height: 35px;
  _height: 35px;
  text-decoration: none;
}

.video-icon {
  display: block;
  width: 76px;
  height: 76px;
  background: url('/images/video-icon.png');
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -38px;
  margin-left: -38px;
}

.left-menu{
  float: left;
  width: 20%;
  height: auto;
  min-height: 172px;
  _height: 172px;
  background: url(../images/lm-menu.jpg) left 40px no-repeat;
}

.left-menu label{
  display: block;
  padding-bottom: 35px;
  font-size: 14pt;
  color: #FF0000;
}

.inner-menu{
  clear: left;
  width: auto;
  max-width: 251px;
  _width: 251px;
}

.services-menu div{
  height: 29px;
  padding: 15px 0 10px 15px;
  border-bottom: 1px solid #B1B6BD;
  margin: 5px 0;
}

.services-menu div.lm-itemS {
  background: url(../images/lm-itemS.png) no-repeat;
}

.services-menu A:link, .services-menu A:visited{
  text-decoration: none;
  font-size: 10pt;
}

.lm-item A:link, .lm-item A:visited{
  color: #000;
}

.lm-item A:hover{
  color: #FF0000;
}

.lm-itemS A:link, .lm-itemS A:visited{
  color: #FFF;
}

.cnt-services{
  width: 40%;
}

.data-imgs{
  float: left;
  width: 35%;
  padding-left: 5%;
}

.thumbs{
  width: 100%;
  padding-top: 10px;
  padding-bottom: 25px;
}

.thumbs div{
  width: 24.4%;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  padding-bottom: 2px;
}

.thumbs A:link, .thumbs A:visited{
  display: block;
  position: relative;
  z-index: 1;
}

.thumbs img{
  width: 100%;
}

span.enlarge{
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/enlarge.jpg) no-repeat;
  cursor: pointer;
}

.data-files{
  width: 100%;
  padding-top: 20px;
}

.data-files A:link, .data-files A:visited{
  float: left;
  display: block;
  height: 21px;
  padding: 8px 0 4px 45px;
  background: url(../images/pdf-icon.gif) no-repeat;
  color: #607C88;
  font-size: 10pt;
  margin: 0 50px 20px 0;
}

.serv-left {
  float:left;
  width: 45%;
  padding: 0 5% 0 0;
}

.full-height {
  height: 100%;
}

.serv-right {
  float:left;
  width: 45%;
  padding: 0 5% 0 0;
}

.services-lists {
    width: 100%;
    padding-top: 20px;
}

.services-lists-two {
    width: 700px;
    padding-top: 130px;
}

.services-lists-three {
  width: 700px;
  padding-top: 200px;
}

.social{
  display: block;
  margin-bottom: 20px;
}

.social span{
  float: left;
  line-height: 25px;
  font-size: 11pt;
}

.social img{
  float: left;
  display: block;
  margin-left: 10px;
}

@media screen and (max-width: 1720px) {
	.hs-item{
		width: 18.5%;
		margin: 0 0.5%;
	}
}

@media screen and (max-width: 1600px) {
	.hs-item{
		width: 285px;
		margin: 0 25px;
	}
}

@media screen and (max-width: 1560px) {
	.profile-frame{
		width: 40%;
	}
	.cnt-profile{
		width: 55%;
	}
}

@media screen and (max-width: 1510px) {
	.left-menu{
		width: 25%;
	}
	.cnt-services{
		width: 30%;
	}
	.data-imgs{
		width: 40%;
	}
}

@media screen and (max-width: 1470px) {
	.home-L{
		width: 60%;
	}
}

@media screen and (max-width: 1330px) {
	.logo{
		width: 50%;
	}
	.thumbs div{
		width: 24.3%;
	}
}

@media screen and (max-width: 1250px) {
	.logo{
		width: auto;
	}
	.anniversary{
		display: none;
	}
	.h-contacts{
		padding-right: 10px;
	}
}

@media screen and (max-width: 1180px) {
	/*.social{
		display: none;
	}*/
	.h-contacts{
		padding-top: 0;
	}
	.h-contacts div{
		float: none;
		padding-right: 0;
		text-align: right;
	}
	.cnt-home{
		width: 100%;
	}
	.profile-frame{
		width: 50%;
	}
	.cnt-profile{
		width: 45%;
	}
}

@media screen and (max-width: 1150px) {
	#menu:link, #menu:visited{
		display: block;
	}
	.left-menu{
		width: 100%;
		height: auto;
		min-height: inherit;
		background-image: none;
		padding-bottom: 30px;
	}
	.left-menu label{
		display: none;
	}
	.inner-menu{
		display: none;
		padding-top: 35px;
	}
	.data-imgs{
		width: 52%;
	}
	.cnt-services{
		width: 43%;
	}
}

@media screen and (max-width: 1100px) {
	.hs-item{
		width: 285px;
		margin: 0 10px;
	}
	.home-L{
		float: none;
		width: auto;
	}
	.home-R{
		margin-left: 30px;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 960px) {
	.home-R{
		display: none;
	}

    .social span{
        display:none;
    }
}

@media screen and (max-width: 935px) {
	.logo{
		width: 69%;
	}
    .pull-wp{
		display: block;
	}
	.top-menu{
		display: none;
	}
	.sitemap{
		display: none;
	}
}

@media screen and (max-width: 900px) {
	.data-imgs{
		width: 100%;
		padding-left: 0;
		padding-top: 50px;
	}
	.cnt-services{
		width: 100%;
	}
	.frame-cnt{
		margin: 0 auto;
	}
	.thumbs div{
		width: 19.3%;
	}
}

@media screen and (max-width: 880px) {
	.profile-frame{
		width: 100%;
		padding-right: 0;
	}
	.cnt-profile{
		width: 100%;
	}
}

@media screen and (max-width: 750px) {
	.header{
		height: auto;
	}
	.logo{
		width: 100%;
	}
	.logo A:link, .logo A:visited{
		margin: 0 auto;
	}
	.h-contacts{
		clear: left;
		float: none;
		text-align: right;
	}

    .social{
        padding-top:10px;
    }

    .social span{
        display: inline-block;
    }

    .social, .header-phone {
        display: block;
    }

	.h-contacts div.header-phone{
		display: inline-block;
		zoom: 1;
		*display: inline;
		vertical-align: top;
		padding-left: 35px;
	}
}

@media screen and (max-width: 650px) {
	.copyright span{
		display: block;
	}
	.copyright span.copy-sep{
		display: none;
	}
}

@media screen and (max-width: 530px) {
	.thumbs div{
		width: 24.2%;
	}
}

@media screen and (max-width: 490px) {
	.h-contacts{
		font-size: 8pt;
	}
	.h-contacts font{
		font-size: 14pt;
	}
	.footer{
		padding-top: 15px;
	}
	.footer-phones{
		float: left;
	}
	.footer-phones div{
		float: none;
		padding: 5px 0 0;
	}
}

@media screen and (max-width: 460px) {
	.thumbs div{
		width: 32%;
	}
}

@media screen and (max-width: 440px) {
	.hs-item{
		width: 285px;
		margin: 0;
	}
	.designed{
		float: left;
		padding: 10px 0 15px;
	}
	.copyright span, .copyright span.copy-sep{
		display: inline-block;
		zoom: 1;
		*display: inline;
		vertical-align: top;
	}
	.serv-left, .serv-right{
		width: 95%;
		padding-right: 0;
		padding-left: 5%;
		margin-top: 0;
		margin-bottom: 0;
	}
	.services-listss{
		padding-top: 30px;
	}
}