/*
@font-face {
  font-family: 'fonts/Proxima Nova Regular';
  src: url('fonts/ProximaNova-Regular.eot');
  src: url('fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/ProximaNova-Regular.woff') format('woff'),
       url('fonts/ProximaNova-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
  font-family: 'fonts/Proxima Nova Black';
  src: url('fonts/ProximaNova-Black.eot');
  src: url('fonts/ProximaNova-Black.eot?#iefix') format('embedded-opentype'),
       url('fonts/ProximaNova-Black.woff') format('woff'),
       url('fonts/ProximaNova-Black.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
*/

* {margin:0; padding:0;} 
body {font-size:14px; font-family:'Open Sans', sans-serif; color:#222;} 

#header {display:flex; justify-content:space-between; align-items:center;} 
#footer {padding:15px 0 15px; color:#fff; background:#42464f; font-size:12px;}


h1,h2,h3 {color:#232323; font-family:'Roboto', sans-serif; font-weight:normal;}
h1 {font-size:30px; margin:.2em 0 .6em;}
h2 {font-size:24px;}
h3 {font-size:20px; margin-top:1.2em;}
h1 span,h3 span {font-weight:bold;}
a:hover {color:#ef790b;}

p {margin:.8em 0;}
ol {padding-left:20px;}
.flex {display:flex;}

a.logo {flex:0 1 120px; display:block; padding:15px 20px 15px 0;}
a.logo img {max-width:180px;}
a.phone {flex:0 1 150px; padding:5px 10px;}
a.email {flex:0 1 110px; padding:5px 10px;}


a.btn {
  display:block; background:#4fa4d4; padding:8px; margin:5px; color:#fff;
  font-size:12px; font-weight:bold; text-align:center; text-transform:uppercase;
}
a.btn:hover {border:1px solid #fff; text-decoration:none;}

.center {text-align:center;}
.align-right {text-align:right;}


a.ibtn {
  display:inline-block; color:#fff;
  background:#4fa4d4; padding:8px 12px; margin:1em 0;
  font-size:12px; text-align:center;
}


.nav {flex:3 1 auto; background:#fff;}
.nav ul {list-style:none;}
.nav ul li {float:left;}
.nav ul li a {
  display:block; padding:20px 9px; font-size:0.9em; color:#222; text-decoration:none;
  border-bottom:3px solid #fff;
}
.nav a:hover {border-bottom:3px solid #79cdf2;}

/* responsive menu */
.nav .nav-bars {display:none; padding:7px 0; color:#fff; cursor:pointer;}
.nav.mobile {width:100%; padding:5px 10px 5px 0;}
.nav.mobile .nav-bars {position:absolute; display:block; padding:0 12px; z-index:100;}
.nav.mobile .search-form {margin:0; padding-left:50px;}
.nav.mobile input#search {width:100%;}
span.arrow {display:none;}
.nav.mobile span.arrow {
  position:absolute; padding:8px 11px; display:block; font-size:28px;
  color:#fff; background:rgba(0,0,0,.1);
}

.nav.mobile ul {display:none;}
.nav.mobile ul li a {
  border-top:1px solid #154d85; border-bottom:1px solid #397abc;
  border-left:unset; border-right: unset;
}
.nav.mobile ul li a:hover{background:unset;}
.nav.mobile ul li {width:100%;}



#footer a {color:#fff;}
#footer span {display:block;}
div.fmenu {flex:1 1 35%;}
div.fcont {flex:1 1 65%; border-left: 1px solid #fff; padding-left:2em;}
div.copy {flex:1 1 240px;}
#footer a.logo {padding:0 0 .6em;}
ul.fmenu {list-style:none; columns:3 auto;}
ul.fmenu a {display:block; padding:2px 5px;}
#footer span.tel {font-size:1.3em}



ul.B_crumbBox {display:inline-block; background:#fff; font-size:.85em; border:1px solid #dbdbdb; border-radius:15px; margin:1em 0 .2em; padding:4px 12px;}
ul.B_crumbBox li {display:inline-block; color:#4e4e4e;}
ul.B_crumbBox li a {color:#2865a3; text-decoration:underline; padding:0 5px;}
ul.B_crumbBox li a:hover {color:#ef790b;}
ul.B_crumbBox li.B_currentCrumb {color:#4e4e4e; padding:0 5px;}


#intro {
  background:url(img/intro_bg1.jpg) no-repeat top center #f2f2f2;
  padding:70px 0; 
}
#intro h1 {font-weight:normal; color:#4fa4d4;}
#profiles {padding:2em 0;}
#profiles .item {padding-top:2em;}
#profiles h3 {display:block; text-align:center; font-size:1.2em; color:#4fa4d4; font-weight:normal; padding:.6em 0 0;}
#about {background:#f2f2f2; padding:2em 0;}
#contacts {padding:2em 0;}

.bgmap {background:url(img/map.jpg) top right no-repeat; background-size:66% auto;}
.bgwater {background:url(img/bg_water.jpg) top right no-repeat; background-size:30% auto;}
.lblock {flex:0 1 100%; background:#fff; margin:20px; padding:2em; text-align:center;}
div.distr {flex:0 1 200px; text-transform:uppercase; font-size:.8em; font-weight:bold;}
div.info_product span {display:block;}

/* articles */
.article_item {position:relative; margin-bottom:3.4em;}
.article_item h2 a {font-size:20px; color:#222;}
.article_item h3 a:hover {color:#017fd8;}
a.more {display:inline-block; padding:.4em 2em 1em 0; color:#79cdf2; border-top:3px solid #79cdf2; margin-top:1em;}
a.more:hover {}

.article_more {color:#fff; margin:5px 0; font-size:12px;}
.article_more h4 a {color:#fff; font-size:15px;}



/* news */
.grid {position: relative; margin: 0 auto; list-style: none; text-align: center;}
/* Common style */
.grid figure {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 320px;
  max-width: 480px;
  max-height: 360px;
  width: 30%;
  background: #3085a3;
  text-align: center;
  cursor: pointer;
}
.grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.8;
}
.grid figure figcaption {
  padding: 1.2em;
  color: #fff;
  font-size: .9em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.grid figure figcaption::before,
.grid figure figcaption::after {
  pointer-events: none;
}
.grid figure figcaption,
.grid figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}
.grid figure h2 {
  text-transform: uppercase;
  word-spacing: 0.1em;
  font-weight: 300;
  font-size:15px;
}
.grid figure h2,.grid figure p {margin: 0;}
.grid figure p {letter-spacing:1px;font-size:85%;}

/*---------------*/
/***** Roxy *****/
/*---------------*/
figure.effect-roxy {
  background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
  background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);
}
figure.effect-roxy img {
  max-width: none;
  width: -webkit-calc(100% + 60px);
  width: calc(100% + 60px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-50px,0,0);
  transform: translate3d(-50px,0,0);
}
figure.effect-roxy figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  border: 1px solid #fff;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-20px,0,0);
  transform: translate3d(-20px,0,0);
}
figure.effect-roxy figcaption {padding:3em; background:rgba(0, 0, 0, 0.45);}
figure.effect-roxy h2 {padding:0 0 10px 0; color:#fff;}
figure.effect-roxy p {
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
}

figure.effect-roxy:hover img {
  opacity: 0.7;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

figure.effect-roxy:hover figcaption::before,
figure.effect-roxy:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}




.carusel .logo {margin:20px;}
.carusel .logo img {display:block; border-radius:4px; padding:10px 25px; background:#fff; -webkit-box-shadow: 0px 0px 25px rgba(19,109,202,.24);}
.owl-theme .owl-controls {position:absolute; top:-28px; right:0;}
.owl-prev, .owl-next {
  text-decoration: none !important;
  display:inline-block;
  background:white;
  border: 1px solid #337ab7;
  color: #337ab7;
  width: 28px;
  height: 28px;
  border-radius:4px;
  text-align: center;
  cursor: pointer;
}
.owl-prev:hover, .owl-next:hover {background:#337ab7; color:#fff; -webkit-box-shadow: 0px 0px 10px #fff;}
.owl-prev {margin-right:8px;}
.owl-next {}
.owl-prev:before, .owl-next:before {font-family:"FontAwesome"; font-size:30px; line-height:25px;}
.owl-prev:before {content: "\f104";}
.owl-next:before {content: "\f105";}


.cert {padding:15px; background:#fff; border-radius:4px; margin:20px;}
div.active.center .cert {margin:0px; border:8px solid #0298e6; border-radius:4px;}


.alfa_col {
  -webkit-column-count: 3; 
  -moz-column-count: 3; 
  column-count: 3;
  column-gap: 20px;
  margin:30px 0;
}
span.letter {display:block; font-family:'Roboto', sans-serif; font-size:24px; color:#4fa4d4;}
.al {margin-bottom:20px;}
.al ul {list-style:none;}
.al a {color:#0a345f;}


/* select */
.select {position:relative;}
select {
  position:relative; width:100%; margin-bottom:12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none; outline: 0;
  box-shadow:none; border:0; border-radius:4px;
  padding:4px 32px 4px 8px;
  background: #fff; color:#aaa;
}
.select::after {
  font-family: FontAwesome; font-size:22px;
  content: "\f107";
  vertical-align: middle;
  display: inline-block;
  position: absolute; top:0; right:14px;
  pointer-events: none;
  color:#aaa;
}

/* поиск */
.search-form {position:relative; flex:0 1 180px; margin-right:14px;}
input#search {padding:7px 32px 7px 8px;}
.search_button {position: absolute; top:12px; right:5px; background:none; border:none;cursor:pointer; color:#aaa;}


/* callback form */
.call {display:flex; width:100%; flex-flow:row wrap; justify-content:space-between;}
.callback_form {margin:0 -4px;}
#name,#message,.form-item {flex:0 1 100%; margin:4px;}
#phone,#email {flex:1 1 0; margin:4px;}
#submit {margin:4px;}
#callback {padding:30px 20px; background:#2980d7; color:#fff;}
.callback_form h1 {font-size:1.2em; margin:2em 4px 0;}
#callback input[type="submit"] {width:100%; background:#2b74b7;
  padding:4px 20px; margin:2px 0; font-size:1em; border:none;}
#callback input[type="submit"]:hover {background:#27ae61; color:#fff;}
.callback-form .btn_submit {border:none; color:#fff !important; margin-top:10px; padding:10px; font-size:20px; background:#27ae61;}
.callback-form .btn_submit:hover {background:#1d8349;}
#zayavka {padding:0 14%;}
#zayavka h2 {color:#fff; padding-bottom:.5em;}


input, textarea {
  width:100%; background:#f7f7f7; border:none; color:#222;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding:6px 12px; margin:5px; font-size:1em;
}
.zayavka_form {
  background:url(img/cont_bg.jpg) right bottom no-repeat #2980d7; 
  padding:8px 20px; margin:15px 0 30px; color:#fff; border-radius: 4px;
  -webkit-box-shadow: 0px 0px 25px rgba(19,109,202,.24);
  box-shadow: 0px 0px 25px rgba(19,109,202,.24);
}
.zayavka_form h3 {
  display:block; padding:10px 0; text-align:center; font-size:18px;
  font-family:'Roboto', sans-serif; font-weight:bold; color:#fff;
}
#submit {display:inline-block; padding:8px 4em; border:none; box-shadow:none; 
  background:#4fa4d4; color:#fff; text-decoration:none; width:unset;
}
span.pdata {display:block; margin-top:10px; font-size:11px; line-height:12px; color:rgba(255,255,255,.6);}
span.pdata a {color:#fff; text-decoration:underline;}


.zakaz_form {
  margin:30px 0; padding:20px; background:#1086ce; border-radius:3px;
  -webkit-box-shadow: 0px 0px 25px rgba(19,109,202,.24);
  box-shadow: 0px 0px 25px rgba(19,109,202,.24);
}
.zakaz_form h3 {
  display:block; padding-bottom:12px; font-size:18px;
  font-family:'Roboto', sans-serif; font-weight:bold; color:#fff;
}
.zakaz_form select {border-radius:3px; margin:5px 0;}


.info_block {background:url(img/buble.jpg) center top no-repeat; margin:15px 0; padding-top:140px;}
.info_block .panel {background:#26b3fb; padding:20px 20px 12px; border-radius: 4px;}


.alfa_search {
  padding:8px 20px; border-radius:16px; margin:15px 0; background:#fff;
  -webkit-box-shadow: 0px 0px 25px rgba(19,109,202,.24);
  box-shadow: 0px 0px 25px rgba(19,109,202,.24);
}
div.cont-abc-letter {display:inline-block;}
div.cont-abc-letter a {
  display:inline-block; padding:2px; font-weight:bold;
  background:#fff; border-radius:3px;
}
div.cont-abc-letter a:hover {background:#337ab7; color:#fff; text-decoration:none;}
a.search_link {margin:2px 10px 2px 0; font-size:.85em; color:#26b3fb;}


div.product_info {margin:10px 0 15px; padding:12px 0;}
div.product_info span {display:block; margin:3px 0;}
div.product_info span strong {color:#232323; font-family:'Roboto', sans-serif;}
a.btn.inline {display:inline-block; padding:8px 40px; font-family:'Roboto', sans-serif;
font-weight:bold;}

div.content {padding:0 0 3em;}
div.content h2 {font-size:22px; font-family:'Roboto', sans-serif; font-weight:500; margin-top:1em;}
div.content h4 {color:#232323; font-family:'Roboto', sans-serif; font-weight:900;}
div.content ul li {position:relative; list-style:none; padding:4px 1em 4px 30px;}
div.content ul li:before {
  content:"";
  position:absolute; left:15px; top:10px;
  background: #1ba2e8;
  height:8px; width:8px;
  border-radius:0 4px 4px 4px;
}


span.build {display:inline-block !important; padding:4px 8px; background:#f38b2b; color:#fff; border-radius:3px;}

ul.tags {list-style:none;}
ul.tags li {display:inline-block; background:url(img/otr_icons.png); width:34px; height:34px; margin:5px;}
ul.tags a {position:relative; display:block; width:34px; height:34px;}
ul.tags a:hover {color:#24bcfb;}
ul.tags li.stroy {background-position:0px 0;}
ul.tags li.comp  {background-position:-34px 0;}
ul.tags li.pvh   {background-position:-68px 0;}
ul.tags li.ppol  {background-position:-102px 0;}
ul.tags li.lkm   {background-position:-136px 0;}
ul.tags li.mash  {background-position:-170px 0;}
ul.tags li.rad   {background-position:-204px 0;}
ul.tags li.met   {background-position:-238px 0;}
ul.tags li.neft  {background-position:-272px 0;}
ul.tags li.vodo  {background-position:-306px 0;}
ul.tags li.cbm   {background-position:-340px 0;}
ul.tags li.arg   {background-position:-374px 0;}
ul.tags li.pp    {background-position:-408px 0;}
ul.tags li.lp    {background-position:-442px 0;}
ul.tags li.cosm  {background-position:-476px 0;}
ul.tags li.pav   {background-position:-510px 0;}
ul.tags li.txp   {background-position:-544px 0;}
ul.tags li.road  {background-position:-578px 0;}
ul.tags li.him   {background-position:-612px 0;}
ul.tags li.bij   {background-position:-646px 0;}
ul.tags li.meb   {background-position:-680px 0;}


ul.tags li span {
  position:absolute; top:34px; left:50%; z-index:10;
  width:200px; margin-left:-100px; padding:8px; text-align:center;
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  background-color:#fff; border-radius:4px;
  visibility:hidden;
  border: 1px solid #24bcfb;
}
ul.tags li:hover span {visibility:visible;}
ul.tags li span:after, ul.tags li span:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
ul.tags li span:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 5px;
  margin-left: -5px;
}
ul.tags li span:before {
  border-color: rgba(36, 188, 251, 0);
  border-bottom-color: #24bcfb;
  border-width: 6px;
  margin-left: -6px;
}



/* TABLES */
table {
  border-collapse:collapse; margin:1.6em 0 2em; width:100%; 
  font-size:.9em; text-align:center; color:#1a1a1a;
}
td {
  border-top: 1px solid rgba(196, 196, 196, 0.4);
  border-collapse:collapse; padding:6px 10px; line-height:1.2em;
}
th {padding:8px 10px; border-bottom:2px solid #c4c4c4;}
td:first-child,th:first-child {text-align:left;}



ul.pages_nav {margin:10px 0 30px; text-align: center;}
ul.pages_nav li {display:inline-block; margin:10px 3px; background:none; padding:0;}
ul.pages_nav li a {
  font-weight:bold;
  padding:5px 10px; border-radius:3px; background:#fff;
  -webkit-box-shadow: 0px 0px 25px rgba(19,109,202,.24);
  box-shadow: 0px 0px 25px rgba(19,109,202,.24);
}
ul.pages_nav li a:hover {}
ul.pages_nav li.control a {background:#0298e6; color:#fff;}
ul.pages_nav a.active {color:#fff; background:#faa252;}


.sisea-results-list h3 {font-size:16px; text-transform:none;}
.sisea-result {margin-top:15px;}





/******************** Responsive ******************/

@media only screen and (min-width:1100px) {
}

@media only screen and (min-width:768px) and (max-width:1100px) {
}

@media only screen and (max-width:995px) {
}

@media only screen and (max-width:767px) {
}

@media only screen and (min-width:321px) and (max-width:767px) {
  h1,h2,h3 {font-size:21px; line-height:25px;}
  #news h2 {padding-top:0;}
  #certs h3 {font-size:16px;}
  .podval {text-align:left; margin-top:40px;}
  .article_more h4 a {font-size:13px;}
  .prod_info h4 {font-size:9px; line-height:11px;}
  #news .row div:not(:first-child) {display:none;}
  #footer {background:url(img/mob_footer_bg.jpg) top right no-repeat; padding:30px 0 10px;}
  #footer a.logo {display:block; margin-bottom:25px;}
  #footer span strong {font-size:26px;}
  .alfa_col {
  font-size:.85em;
  -webkit-column-count: 2; 
  -moz-column-count: 2; 
  column-count: 2;
  column-gap: 20px;
  margin-bottom: 30px;}
  table {overflow-x:auto; display:block; font-size:10px;}
}

@media only screen and (min-width:567px) and (max-width:767px) {
}

/* Custom, iPhone Retina */
@media only screen and (max-width:320px) {
  h1,h2,h3 {font-size:18px; line-height:22px;}
  .podval {text-align:left; margin-top:40px;}
  .article_more h4 a {font-size:13px;}
  .prod_info h4 {font-size:9px; line-height:11px;}
  #news .row div:not(:first-child) {display:none;}
  #footer {background:url(img/mob_footer_bg.jpg) top right no-repeat; padding:30px 0 10px;}
  #footer a.logo {display:block; margin-bottom:20px;}
  #footer span strong {font-size:26px;}
  .alfa_col {
    -webkit-column-count: 2; 
    -moz-column-count: 2; 
    column-count: 2;
    column-gap: 20px;
    margin-bottom: 30px;}
  table {overflow-x:auto; display:block; font-size:10px;}
}