body {
    color: #444;
    font-family: 'Open sans',Arial,sans-serif;
    min-height: 100%;
    position: relative;
	border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
	    display: block;
 }
 
 html {
    box-sizing: border-box;
    line-height: 1.54;
    padding: 0 15px;
    min-height: 100%;
    -webkit-font-smoothing: antialiased;
	    border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
	vertical-align: baseline;
	background: #fff;
    color: #444;
	    display: block;
}




html[Attributes Style] {
    -webkit-locale: "ru";
}

 
 div {
 border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
	    display: block;
}
 
.inactive {
    display: none;
}
 


.hero.top {
    background-image: url('http://antitoxin.ru/foto1.jpg');
    background-repeat: no-repeat;
	background-position: 55% 65%;
    background-size: cover;
	padding-top: 35.89744%;
}

.hero.top2 {
    background-image: url('http://antitoxin.ru/foto2.jpg');
    background-repeat: no-repeat;
	background-position: 55% 65%;
    background-size: cover;
	padding-top: 35.89744%;
}

.hero.top3 {
    background-image: url('http://antitoxin.ru/foto3.jpg');
    background-repeat: no-repeat;
	background-position: 55% 65%;
    background-size: cover;
	padding-top: 35.89744%;
}

.hero.top4 {
    background-image: url('http://antitoxin.ru/foto4.jpg');
    background-repeat: no-repeat;
	background-position: 55% 65%;
    background-size: cover;
	padding-top: 35.89744%;
}

.hero.top5 {
    background-image: url('http://antitoxin.ru/foto5.jpg');
    background-repeat: no-repeat;
	background-position: 55% 65%;
    background-size: cover;
	padding-top: 35.89744%;
}

.hero.top6 {
    background-image: url('http://antitoxin.ru/about.jpg');
    background-repeat: no-repeat;
	background-position: 55% 65%;
    background-size: cover;
	padding-top: 35.89744%;
}

.hero.top7 {
    background-image: url('http://antitoxin.ru/contakts.jpg');
    background-repeat: no-repeat;
	background-position: 55% 65%;
    background-size: cover;
	padding-top: 35.89744%;
}

.hero.top8 {
    background-image: url('http://antitoxin.ru/postav.jpg');
    background-repeat: no-repeat;
	background-position: 55% 65%;
    background-size: cover;
	padding-top: 35.89744%;
}


@media screen and (min-width: 1200px) {

.hero.top {
    height: 460px !important;
    padding-top: 0 !important;
}
}

@media screen and (min-width: 1200px) {

.hero.top2 {
    height: 460px !important;
    padding-top: 0 !important;
}
.menu {display: none;}
}

@media screen and (min-width: 1200px) {

.hero.top3 {
    height: 460px !important;
    padding-top: 0 !important;
}
}

@media screen and (min-width: 1200px) {

.hero.top4 {
    height: 460px !important;
    padding-top: 0 !important;
}
}

@media screen and (min-width: 1200px) {

.hero.top5 {
    height: 460px !important;
    padding-top: 0 !important;
}
}

@media screen and (min-width: 1200px) {

.hero.top6 {
    height: 460px !important;
    padding-top: 0 !important;
}
}

@media screen and (min-width: 1200px) {

.hero.top7 {
    height: 460px !important;
    padding-top: 0 !important;
}
}

@media screen and (min-width: 1200px) {

.hero.top8 {
    height: 460px !important;
    padding-top: 0 !important;
}
}

.hero {
    position: relative;
	margin: 0 -15px;
    padding: 0 15px;
}

.hero-content {
    bottom: 0;
    left: 15px;
    position: absolute;
    right: 15px;
    top: 0;
}


.hero.top .vcenter {
    box-sizing: border-box;
    padding-left: 61.48%;
    position: relative;
    top: -30px;
}

.hero.top2 .vcenter {
    box-sizing: border-box;
    padding-left: 51.48%;
    position: relative;
    top: -30px;
}

.hero.top3 .vcenter {
    box-sizing: border-box;
    padding-left: 51.48%;
    position: relative;
    top: -30px;
}

.hero.top4 .vcenter {
    box-sizing: border-box;
    padding-left: 51.48%;
    position: relative;
    top: -30px;
}

.hero.top5 .vcenter {
    box-sizing: border-box;
    padding-left: 51.48%;
    position: relative;
    top: -30px;
}

.hero.top6 .vcenter {
    box-sizing: border-box;
    padding-left: 51.48%;
    position: relative;
    top: -30px;
}

.hero.top7 .vcenter {
    box-sizing: border-box;
    padding-left: 51.48%;
    position: relative;
    top: -30px;
}

.hero.top8 .vcenter {
    box-sizing: border-box;
    padding-left: 51.48%;
    position: relative;
    top: -30px;
}


.hero.top h1.sites {
    padding-left: 63px;
}

.hero.top2 h1.sites {
    padding-left: 63px;
}

.hero.top3 h1.sites {
    padding-left: 63px;
}

.hero.top4 h1.sites {
    padding-left: 63px;
}

.hero.top5 h1.sites {
    padding-left: 63px;
}

.hero.top6 h1.sites {
    padding-left: 63px;
}

.hero.top7 h1.sites {
    padding-left: 63px;
}

.hero.top8 h1.sites {
    padding-left: 63px;
}

.hero.top h1 {
    font-family: Century Gothic, sans-serif;
    font-size: 35px;
    font-weight: bold;
	color:  #d1a755;
    line-height: 40px;
	padding-bottom: 10px;
	margin: 0;
    margin-bottom: 5px;
    position: relative;
	display: block;
	text-shadow: 1px 1px 2px black;
	-webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.hero.top2 h1 {
    font-family: Century Gothic, sans-serif;
    font-size: 40px;
    font-weight: bold;
	color:  #fff;
    line-height: 40px;
	padding-bottom: 10px;
	margin: 0;
    margin-bottom: 5px;
    position: relative;
	display: block;
	text-shadow: 1px 1px 2px black;
	-webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.hero.top3 h1 {
    font-family: Century Gothic, sans-serif;
    font-size: 40px;
    font-weight: bold;
	color:  #fff;
    line-height: 40px;
	padding-bottom: 10px;
	margin: 0;
    margin-bottom: 5px;
    position: relative;
	display: block;
	text-shadow: 1px 1px 2px black;
	-webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.hero.top4 h1 {
    font-family: Century Gothic, sans-serif;
    font-size: 40px;
    font-weight: bold;
	color:  #fff;
    line-height: 40px;
	padding-bottom: 10px;
	margin: 0;
    margin-bottom: 5px;
    position: relative;
	display: block;
	text-shadow: 1px 1px 2px black;
	-webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.hero.top5 h1 {
    font-family: Century Gothic, sans-serif;
    font-size: 40px;
    font-weight: bold;
	color:  #fff;
    line-height: 40px;
	padding-bottom: 10px;
	margin: 0;
    margin-bottom: 5px;
    position: relative;
	display: block;
	text-shadow: 1px 1px 2px black;
	-webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.hero.top6 h1 {
    font-family: Century Gothic, sans-serif;
    font-size: 40px;
    font-weight: bold;
	color:  #fff;
    line-height: 40px;
	padding-bottom: 10px;
	margin: 0;
    margin-bottom: 5px;
    position: relative;
	display: block;
	text-shadow: 1px 1px 2px black;
	-webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.hero.top7 h1 {
    font-family: Century Gothic, sans-serif;
    font-size: 40px;
    font-weight: bold;
	color:  #fff;
    line-height: 40px;
	padding-bottom: 10px;
	margin: 0;
    margin-bottom: 5px;
    position: relative;
	display: block;
	text-shadow: 1px 1px 2px black;
	-webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.hero.top8 h1 {
    font-family: Century Gothic, sans-serif;
    font-size: 40px;
    font-weight: bold;
	color:  #fff;
    line-height: 40px;
	padding-bottom: 10px;
	margin: 0;
    margin-bottom: 5px;
    position: relative;
	display: block;
	text-shadow: 1px 1px 2px black;
	-webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}


.hero.top .brief {
	padding-left: 63px;
    font-size: 16px;
    margin-bottom: 13px;
    font-weight: normal;
    line-height: normal;
	color: #fff;
	text-shadow: 1px 1px 2px black;
	vertical-align: baseline;
}

.hero.top2 .brief {
	padding-left: 63px;
    font-size: 16px;
    margin-bottom: 13px;
    font-weight: normal;
    line-height: normal;
	color: #fff;
	text-shadow: 1px 1px 2px black;
	vertical-align: baseline;
}

.hero.top3 .brief {
	padding-left: 63px;
    font-size: 16px;
    margin-bottom: 13px;
    font-weight: normal;
    line-height: normal;
	color: #fff;
	text-shadow: 1px 1px 2px black;
	vertical-align: baseline;
}

.hero.top4 .brief {
	padding-left: 63px;
    font-size: 16px;
    margin-bottom: 13px;
    font-weight: normal;
    line-height: normal;
	color: #fff;
	text-shadow: 1px 1px 2px black;
	vertical-align: baseline;
}

.hero.top5 .brief {
	padding-left: 63px;
    font-size: 16px;
    margin-bottom: 13px;
    font-weight: normal;
    line-height: normal;
	color: #fff;
	text-shadow: 1px 1px 2px black;
	vertical-align: baseline;
}

.hero.top6 .brief {
	padding-left: 63px;
    font-size: 16px;
    margin-bottom: 13px;
    font-weight: normal;
    line-height: normal;
	color: #fff;
	text-shadow: 1px 1px 2px black;
	vertical-align: baseline;
}

.hero.top7 .brief {
	padding-left: 63px;
    font-size: 16px;
    margin-bottom: 13px;
    font-weight: normal;
    line-height: normal;
	color: #fff;
	text-shadow: 1px 1px 2px black;
	vertical-align: baseline;
}

.hero.top8 .brief {
	padding-left: 63px;
    font-size: 16px;
    margin-bottom: 13px;
    font-weight: normal;
    line-height: normal;
	color: #fff;
	text-shadow: 1px 1px 2px black;
	vertical-align: baseline;
}


.hero.top p {
    color: #fff;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
	font: 13px/20px arial,sans-serif;
    margin: 0;
    padding-top: 7px;
	padding-bottom: 7px;
    padding-left: 63px;
	display: block;
	text-shadow: 1px 1px 2px black;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
	
}

.hero.top2 p {
    color: #fff;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
	font: 13px/20px arial,sans-serif;
    margin: 0;
    padding-top: 7px;
	padding-bottom: 7px;
    padding-left: 63px;
	display: block;
	text-shadow: 1px 1px 2px black;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
	
}

.hero.top3 p {
    color: #fff;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
	font: 13px/20px arial,sans-serif;
    margin: 0;
    padding-top: 7px;
	padding-bottom: 7px;
    padding-left: 63px;
	display: block;
	text-shadow: 1px 1px 2px black;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
	
}

.hero.top4 p {
    color: #fff;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
	font: 13px/20px arial,sans-serif;
    margin: 0;
    padding-top: 7px;
	padding-bottom: 7px;
    padding-left: 63px;
	display: block;
	text-shadow: 1px 1px 2px black;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
	
}

.hero.top5 p {
    color: #fff;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
	font: 13px/20px arial,sans-serif;
    margin: 0;
    padding-top: 7px;
	padding-bottom: 7px;
    padding-left: 63px;
	display: block;
	text-shadow: 1px 1px 2px black;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
	
}

.hero.top6 p {
    color: #fff;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
	font: 13px/20px arial,sans-serif;
    margin: 0;
    padding-top: 7px;
	padding-bottom: 7px;
    padding-left: 63px;
	display: block;
	text-shadow: 1px 1px 2px black;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
	
}

.hero.top7 p {
    color: #fff;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
	font: 13px/20px arial,sans-serif;
    margin: 0;
    padding-top: 7px;
	padding-bottom: 7px;
    padding-left: 63px;
	display: block;
	text-shadow: 1px 1px 2px black;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
	
}

.hero.top8 p {
    color: #fff;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
	font: 13px/20px arial,sans-serif;
    margin: 0;
    padding-top: 7px;
	padding-bottom: 7px;
    padding-left: 63px;
	display: block;
	text-shadow: 1px 1px 2px black;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
	
}




.call {
min-width: 100%;
}



.zaglzagl {
    margin: 0 auto;
    max-width: 978px;
    width: 100%;
}




.zaglzagl h5 {
font-family: Century Gothic, sans-serif;
    font-weight: 300;
    line-height: 28px;
    margin-bottom: 15px;
	font-size: 21px;
	color: #444;
}

.mizag {
    margin: 0 -1.53374233129%;
    width: 103.067484663%;
}

.zg1 {
text-align: left;
float: left;
margin: 0 1.4880952381% 20px;
}

.zg1 p {
font-family: Century Gothic, sans-serif;
font-weight: 300;
font-size: 14px;
color: #909090;
line-height: 1.54;

}

.vnutr {
display: inline-block;
    max-width: 280px;
    text-align: left;
}

.full {
margin: 0 -15px;
padding: 0 15px;
    position: relative;
} 

.graypole {
    background: #f9d9a0;
    bottom: -40px;
    left: 0;
    position: absolute;
    right: 0;
    top: -4px;
}

.maiaok{
    margin: 0 auto;
    max-width: 978px;
    width: 100%;
}

.an-sec {
    height: auto !important;
	position: relative;
    text-align: left;
}

.gray-section .maia-cols {
    margin-bottom: -20px !important;
}

.maia-cols {
    margin: 0 -1.53374233129%;
    width: 103.067484663%;
}

.maia-cols:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}


.an-sec .text {
    margin-bottom: 0;
	height: 340px;
	display: table;
}
.an-sec .text2 {
    margin-bottom: 0;
	height: 140px;
	display: table;
}

.an-sec .right {
    float: right;
}
.an-sec .right2 {
    float: left;
}

.maia-col-6 {
    width: 47.0238095238%;
}

.an-sec .right .vcenter {
    padding-left: 0;
}

.vcenter {
   /* padding-right: 75px;*/
	    display: table-cell;
    vertical-align: middle;
}

.an-sec .vcenter {
    margin-bottom: -7px;
}


.an-sec .text .section-title {
    max-width: 375px;

}

.section-title {
    margin-top: 0;
    font-size: 30px;
    line-height: 35px;
}

.vcenter .section-title {
    margin: 4px 0 12px 0;
}

.vcenter h2 {
    color: #100b02;
	font-family: arial,sans-serif;
    font-size: 30px;
	font-weight: 300;
    line-height: 35px;
}

.an-sec p {
    padding: 0;
}

.an-sec .text p {
    max-width: 375px;
}

.maia-cols p {
	font-family: 'Open Sans',sans-serif;
	color: #100b02;
    font: 14px/20px arial,sans-serif;
    font-weight: 300;
}

#maia-main {
 -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    clear: both;
    padding-top: 116px;
    margin: 0;
    max-width: none;
    transform: translateZ(0);
}

@media screen and (max-width: 767px) {
#maia-nav-x.maia-complex {
    margin-bottom: 0px;
    display: none;
}
#maia-main {
    margin-top: 0;
	padding-top: 0;
}
#maia-nav-x li a {
     color: #000!important; 
    font-weight: bold;
    z-index: 1;
    display: block;
    margin: -6px 0;
    padding: 6px 0;
    position: relative;
    text-decoration: none;
}

.hero.top {
    height: 228px !important;
    padding-top: 0 !important;
}
.header_fixed {
    position: fixed;
    left: 0;
    top: 0;
}
/* Гамбургер иконка */
.menu-btn {
	width: 42px;
	height: 46px;
	position: relative;
	z-index:5002;
	overflow: hidden;
}

.menu-btn span {
	width: 30px;
	height: 3px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #222222;
	transition: all 0.5s;
}

.menu-btn span:nth-of-type(2) {
	top: calc(50% - 5px);
}
.menu-btn span:nth-of-type(3) {
	top: calc(50% + 5px);
}

/* Меняем гамбургер иконку, когда меню открыто */
.menu-btn.active span:nth-of-type(1) {
  display: none;
}
.menu-btn.active span:nth-of-type(2) {
  top: 50%;
  transform: translate(-50%, 0%) rotate(45deg);  
}
.menu-btn.active span:nth-of-type(3) {
  top: 50%;
  transform: translate(-50%, 0%) rotate(-45deg); 
}

/* Меню, которое будет появляться */
.menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 15px;
    z-index: 5001;
	background: #c69d4d;
	transform: translateX(-100%);
	transition: transform 0.5s; 
}

.product-name-desktop2 {
	list-style-type: none;
    font: inherit;
    font-size: 22px;
	text-decoration: none!important;
	}
.menu.active {
	transform: translateX(0);
}

.menu li {
	list-style-type: none;
}

}



#maia-main:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

#maia-signature {
    margin-top: 39px;
	clear: both;
    margin: 50px auto 0;
    max-width: 978px;
    min-height: 4px;
	display: none;
}

#maia-signature:before {
    border-left: 35px solid #96cb64;
    border-right: 34px solid #678944;
	    content: "";
    float: right;
    height: 0px;
}

#maia-signature:after {
    border-left: 34px solid #62bb46;
    border-right: 35px solid #008641;
	    content: "";
    float: right;
    height: 0px;
}



.an-sec .image {
    height: 340px;
}

.an-sec .left {
    float: left;  /* bbjbjbvdssd */
}

.an-sec .an-con {
    height: 0;
    max-width: 474px;
}

.an-con:before {
    content: '';
    display: inline-block;
    height: 100%;
    margin-right: -.25em;
    vertical-align: middle;
    width: 0;
}

.an-sec .an-con {
    margin: 0 auto;
    position: relative;
    white-space: nowrap;
}

.an-sec .animation {
    max-width: 474px;
    padding-top: 65.72996%;
}

.an-sec .animation {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 100%;
}

.bring-animation .laptop {
    background: url('http://antitoxin.ru/parkmash.png') no-repeat 50% 50%;
    background-size: contain;
    height: 83.82353%;
    position: absolute;
    width: 112.8692%;
	padding-bottom:-20px!important;
}

.bring-animation .laptop2 {
    background: url('http://antitoxin.ru/vibmap1.png') no-repeat 50% 50%;
    background-size: contain;
    height: 83.82353%;
    position: absolute;
    width: 112.8692%;
}

.bring-animation .laptop3 {
    background: url('http://antitoxin.ru/asphl.png') no-repeat 50% 50%;
    background-size: contain;
    height: 83.82353%;
    position: absolute;
    width: 112.8692%;
}

.bring-animation .laptop4 {
    background: url('http://antitoxin.ru/pipe.png') no-repeat 50% 50%;
    background-size: contain;
    height: 83.82353%;
    position: absolute;
    width: 112.8692%;
}



.animation .laptop {
    left: -4.21941%;
    top: 10.29412%;
}

.animation .laptop2 {
    left: -4.21941%;
    top: 10.29412%;
}

.animation .laptop3 {
    left: -4.21941%;
    top: 10.29412%;
}

.animation .laptop4 {
    left: -4.21941%;
    top: 10.29412%;
}



.gray-section .maia-cols .maia-col-4:first-child {
    text-align: left;
}

.maia-col-4 {
    text-align: center;
}

.maia-col-4 {
    width: 30.3571428571%;
	float: left;
    margin: 0 1.4880952381% 20px;
}

.gray-section .maia-cols .maia-col-4 .cell {
    display: inline-block;
    max-width: 280px;
    text-align: left;
}

@media screen and (max-width: 767px) {
.gray-section .maia-cols .maia-col-4 .cell {
    display: block;
    max-width: none;
}
}


.cell h5 {
	color: #008641;
	font-family: Arial,sans-serif;
	font-size: 21px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 15px;
}


.maia-col-4 {
    width: 46.3571428571%;
}

.super-animation .browser {
    background: url('http://antitoxin.ru/vibmap1.png') no-repeat 50% 50%;
    background-size: cover;
    height: 78.23529%;
    position: absolute;
    width: 90.08439%;
}

.super-animation .browser2 {
    background: url('http://antitoxin.ru/tehdor.png') no-repeat 50% 50%;
    background-size: cover;
    height: 78.23529%;
    position: absolute;
    width: 90.08439%;
}

.super-animation .browser3 {
    background: url('http://antitoxin.ru/priex.png') no-repeat 50% 50%;
    background-size: cover;
    height: 78.23529%;
    position: absolute;
    width: 90.08439%;
}

.super-animation .browser4 {
    background: url('http://antitoxin.ru/mosen.png') no-repeat 50% 50%;
    background-size: cover;
    height: 78.23529%;
    position: absolute;
    width: 90.08439%;
}

.super-animation .browser5 {
    background: url('http://antitoxin.ru/ozel.png') no-repeat 50% 50%;
    background-size: cover;
    height: 78.23529%;
    position: absolute;
    width: 90.08439%;
}

.super-animation .browser6 {
    background: url('http://antitoxin.ru/kanal.png') no-repeat 50% 50%;
    background-size: cover;
    height: 78.23529%;
    position: absolute;
    width: 90.08439%;
}

.super-animation .browser7 {
    background: url('http://antitoxin.ru/otpl.png') no-repeat 50% 50%;
    background-size: cover;
    height: 78.23529%;
    position: absolute;
    width: 90.08439%;
}

.super-animation .browser11 {
    background: url('http://antitoxin.ru/matas.png') no-repeat 50% 50%;
    background-size: cover;
    height: 78.23529%;
    position: absolute;
    width: 90.08439%;
}


.animation .browser {
    left: -4.21941%;
    top: 11.17647%;
}

.animation .browser2 {
    left: -4.21941%;
    top: 11.17647%;
}

.animation .browser3 {
    left: -4.21941%;
    top: 11.17647%;
}

.animation .browser4 {
    left: -4.21941%;
    top: 11.17647%;
}

.animation .browser5 {
    left: -4.21941%;
    top: 11.17647%;
}

.animation .browser6 {
    left: -4.21941%;
    top: 11.17647%;
}

.animation .browser7 {
    left: -4.21941%;
    top: 11.17647%;
}

.animation .browser11 {
    left: -4.21941%;
    top: 11.17647%;
}



.hero.quote {
    background-image: url('http://antitoxin.ru/mcall.jpg');
    background-position: center right 25%;
    background-repeat: no-repeat;
    background-size: cover;
}

.hero.quote {
    color: #fff;
    font-size: 14px;
    padding-top: 39.31624%;
    text-align: center;
}

@media screen and (min-width: 1304px) {
.hero.quote {
    height: 500px !important;
    padding-top: 0 !important;
	color: #000;
    font-size: 14px;
	text-align: center;
}
}

.hero-content {
    bottom: 0;
    left: 15px;
    position: absolute;
    right: 15px;
    top: 0;
}

.hero-content .content {
    display: table;
	height: 100%;
    margin: 0 auto;
    max-width: 978px;
    width: 100%;
}

.hero.quote .vcenter {
    padding-left: 3%;
    padding-right: 0;
}

@media screen and (max-width: 600px) {
.hero.quote .vcenter {
    padding: 0;
}
}

.hero.quote h2 {
    font-size: 32px;
    font-weight: 100;
    margin-bottom: 20px;
}


p.product-learn-more-link a {
    font-weight: 600;
	color: #00106B;
    text-decoration: none;
}

@media screen and (max-width: 767px) {
p.product-learn-more-link a {
    font-size: large;
    margin-left: 50px;
    padding-right: 40px;
    text-decoration: underline;
}
}

p.product-learn-more-link a:hover {
    text-decoration: underline;
}

.top-questions {
    margin: 30px auto 0 auto;
    max-width: 978px;
}

.top-questions h3 {
	font-family: Arial,sans-serif;
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    line-height: 27px;
    color: #100b02;
    margin: 0;
}

.top-questions .questions {
    padding-top: 40px;
}

.top-questions .questions .question-card {
    background: #f9d9a0;
    position: relative;
}

.top-questions .questions .question-header {
    display: table;
    height: 70px;
    text-align: left;
}

.top-questions .questions .question-header h5 {
	padding: 0 25px;
    display: table-cell;
    line-height: 28px;
    margin: 0;
    vertical-align: middle;
	font-size: 21px;
    font-weight: 300;
	color: #008641;
	font-family: Arial,sans-serif;
}

.top-questions .questions .question-details {
    background: #fff;
    color: #909090;
    font: 13px/20px arial,sans-serif;
    margin: 1px;
    min-height: 120px;
    padding: 25px;
    text-align: left;
}

.top-questions .questions .question-details2 {
    background: #fff;
    color: #909090;
    font: 13px/20px arial,sans-serif;
    margin: 1px;
    min-height: 420px;
    padding: 0px;
    text-align: center;
}


@media screen and (max-width: 1030px) {
.hero.top {
  /*  height: 450px !important;
    padding-top: 0 !important;*/
}
}

@media screen and (max-width: 1030px) {
.hero.top2 {
    height: 157px !important;
    padding-top: 0 !important;
}
}

@media screen and (max-width: 1030px) {
.hero.top3 {
    height: 450px !important;
    padding-top: 0 !important;
}
}

@media screen and (max-width: 1030px) {
.hero.top4{
    height: 450px !important;
    padding-top: 0 !important;
}
}

@media screen and (max-width: 1030px) {
.hero.top5{
    height: 450px !important;
    padding-top: 0 !important;
}
}

@media screen and (max-width: 1030px) {
.hero.top6{
    height: 450px !important;
    padding-top: 0 !important;
}
}

@media screen and (max-width: 1030px) {
.hero.top7{
    height: 450px !important;
    padding-top: 0 !important;
}
}

@media screen and (max-width: 1030px) {
.hero.top8{
    height: 450px !important;
    padding-top: 0 !important;
}
}

@media screen and (max-width: 767px) {
.hero.top {
    background-position: center right 3%;
    background: none !important;
    background-color: #f5f5f5 !important;
}
}

@media screen and (max-width: 767px) {
.hero.top2 {
    background-position: center right 3%;
    background: none !important;
    background-color: #f5f5f5 !important;
}
}

@media screen and (max-width: 767px) {
.hero.top3 {
    background-position: center right 3%;
    background: none !important;
    background-color: #f5f5f5 !important;
}
}

@media screen and (max-width: 767px) {
.hero.top4 {
    background-position: center right 3%;
    background: none !important;
    background-color: #f5f5f5 !important;
}
}

@media screen and (max-width: 767px) {
.question-details img {
max-width: 100%;
}
}


.question-details img {
max-width: 100%;
}

@media screen and (max-width: 767px) {
.hero.top5 {
    background-position: center right 3%;
    background: none !important;
    background-color: #f5f5f5 !important;
}
}

@media screen and (max-width: 767px) {
.hero.top6 {
    background-position: center right 3%;
    background: none !important;
    background-color: #f5f5f5 !important;
}
}

@media screen and (max-width: 767px) {
.hero.top7 {
    background-position: center right 3%;
    background: none !important;
    background-color: #f5f5f5 !important;
}
}

@media screen and (max-width: 767px) {
.hero.top8 {
    background-position: center right 3%;
    background: none !important;
    background-color: #f5f5f5 !important;
}
}

@media screen and (max-width: 620px) and (max-width: 670px) {
.hero.top .hero-content {
    padding-left: 0;
}
}

@media screen and (max-width: 620px) and (max-width: 670px) {
.hero.top2 .hero-content {
    padding-left: 0;
}
}

@media screen and (max-width: 620px) and (max-width: 670px) {
.hero.top3 .hero-content {
    padding-left: 0;
}
}

@media screen and (max-width: 620px) and (max-width: 670px) {
.hero.top4 .hero-content {
    padding-left: 0;
}
}

@media screen and (max-width: 620px) and (max-width: 670px) {
.hero.top5 .hero-content {
    padding-left: 0;
}
}

@media screen and (max-width: 620px) and (max-width: 670px) {
.hero.top6 .hero-content {
    padding-left: 0;
}
}

@media screen and (max-width: 620px) and (max-width: 670px) {
.hero.top7 .hero-content {
    padding-left: 0;
}
}

@media screen and (max-width: 620px) and (max-width: 670px) {
.hero.top8 .hero-content {
    padding-left: 0;
}
}

@media only screen and (max-width: 767px) {
.hero-content {
    left: 0;
    margin: 0 auto;
    right: 0;
    width: 100%;
}
}

@media screen and (max-width: 530px) and (max-width: 620px){
.hero.top .hero-content .vcenter {
    padding: 0;
}
}


@media screen and (max-width: 530px) and (max-width: 620px){
.hero.top2 .hero-content .vcenter {
    padding: 0;
}
}

@media screen and (max-width: 530px) and (max-width: 620px){
.hero.top3 .hero-content .vcenter {
    padding: 0;
}
}

@media screen and (max-width: 530px) and (max-width: 620px){
.hero.top4 .hero-content .vcenter {
    padding: 0;
}
}

@media screen and (max-width: 530px) and (max-width: 620px){
.hero.top5 .hero-content .vcenter {
    padding: 0;
}
}

@media screen and (max-width: 530px) and (max-width: 620px){
.hero.top6 .hero-content .vcenter {
    padding: 0;
}
}

@media screen and (max-width: 530px) and (max-width: 620px){
.hero.top7 .hero-content .vcenter {
    padding: 0;
}
}

@media screen and (max-width: 530px) and (max-width: 620px){
.hero.top8 .hero-content .vcenter {
    padding: 0;
}
}

@media screen and (max-width: 620px) {
.hero.top .hero-content .vcenter {
    margin: 0 auto;
}
}

@media screen and (max-width: 620px) {
.hero.top2 .hero-content .vcenter {
    margin: 0 auto;
}
}

@media screen and (max-width: 620px) {
.hero.top3 .hero-content .vcenter {
    margin: 0 auto;
}
}

@media screen and (max-width: 620px) {
.hero.top4 .hero-content .vcenter {
    margin: 0 auto;
}
}

@media screen and (max-width: 620px) {
.hero.top5 .hero-content .vcenter {
    margin: 0 auto;
}
}

@media screen and (max-width: 620px) {
.hero.top6 .hero-content .vcenter {
    margin: 0 auto;
}
}

@media screen and (max-width: 620px) {
.hero.top7 .hero-content .vcenter {
    margin: 0 auto;
}
}

@media screen and (max-width: 620px) {
.hero.top8 .hero-content .vcenter {
    margin: 0 auto;
}
}

@media screen and (max-width: 767px) {
body .hero.top .hero-content .vcenter {
    text-align: center;
}
}

@media screen and (max-width: 767px) {
body .hero.top2 .hero-content .vcenter {
    text-align: center;
}
}

@media screen and (max-width: 767px) {
body .hero.top3 .hero-content .vcenter {
    text-align: center;
}
}

@media screen and (max-width: 767px) {
body .hero.top4 .hero-content .vcenter {
    text-align: center;
}
}

@media screen and (max-width: 767px) {
body .hero.top5 .hero-content .vcenter {
    text-align: center;
}
}

@media screen and (max-width: 767px) {
body .hero.top6 .hero-content .vcenter {
    text-align: center;
}
}

@media screen and (max-width: 767px) {
body .hero.top7 .hero-content .vcenter {
    text-align: center;
}
}

@media screen and (max-width: 767px) {
body .hero.top8 .hero-content .vcenter {
    text-align: center;
}
}

@media screen and (max-width: 767px) {
.hero.top .hero-content p {
    text-align: center;
    padding-left: 0px;
    text-shadow: none;
    color: #909090;
}
}

@media screen and (max-width: 767px) {
.hero.top2 .hero-content p {
    text-align: center;
    padding-left: 0px;
    text-shadow: none;
    color: #909090;
}
}

@media screen and (max-width: 767px) {
.hero.top3 .hero-content p {
    text-align: center;
    padding-left: 0px;
    text-shadow: none;
    color: #909090;
}
}

@media screen and (max-width: 767px) {
.hero.top4 .hero-content p {
    text-align: center;
    padding-left: 0px;
    text-shadow: none;
    color: #909090;
}
}

@media screen and (max-width: 767px) {
.hero.top5 .hero-content p {
    text-align: center;
    padding-left: 0px;
    text-shadow: none;
    color: #909090;
}
}

@media screen and (max-width: 767px) {
.hero.top6 .hero-content p {
    text-align: center;
    padding-left: 0px;
    text-shadow: none;
    color: #909090;
}
}

@media screen and (max-width: 767px) {
.hero.top7 .hero-content p {
    text-align: center;
    padding-left: 0px;
    text-shadow: none;
    color: #909090;
}
}

@media screen and (max-width: 767px) {
.hero.top8 .hero-content p {
    text-align: center;
    padding-left: 0px;
    text-shadow: none;
    color: #909090;
}
}

@media screen and (max-width: 587px) {
 .hero.top .vcenter {
    top: 0;
}
}

@media screen and (max-width: 587px) {
 .hero.top2 .vcenter {
    top: 0;
}
}

@media screen and (max-width: 587px) {
 .hero.top3 .vcenter {
    top: 0;
}
}


@media screen and (max-width: 587px) {
 .hero.top4 .vcenter {
    top: 0;
}
}

@media screen and (max-width: 587px) {
 .hero.top5 .vcenter {
    top: 0;
}
}

@media screen and (max-width: 587px) {
 .hero.top6 .vcenter {
    top: 0;
}
}

@media screen and (max-width: 587px) {
 .hero.top7 .vcenter {
    top: 0;
}
}

@media screen and (max-width: 587px) {
 .hero.top8 .vcenter {
    top: 0;
}
}

@media (max-width: 620px) {
.hero.top .vcenter h1.sites {
    text-align: center;
}
}

@media (max-width: 620px) {
.hero.top2 .vcenter h1.sites {
    text-align: center;
}
}

@media (max-width: 620px) {
.hero.top3 .vcenter h1.sites {
    text-align: center;
}
}

@media (max-width: 620px) {
.hero.top4 .vcenter h1.sites {
    text-align: center;
}
}

@media (max-width: 620px) {
.hero.top5 .vcenter h1.sites {
    text-align: center;
}
}

@media (max-width: 620px) {
.hero.top6 .vcenter h1.sites {
    text-align: center;
}
}

@media (max-width: 620px) {
.hero.top7 .vcenter h1.sites {
    text-align: center;
}
}

@media (max-width: 620px) {
.hero.top8 .vcenter h1.sites {
    text-align: center;
}
}

@media (max-width: 767px) {
.hero.top .vcenter h1.sites {
    padding-left: 0px;
}
}

@media (max-width: 767px) {
.hero.top2 .vcenter h1.sites {
    padding-left: 0px;
}
}

@media (max-width: 767px) {
.hero.top3 .vcenter h1.sites {
    padding-left: 0px;
}
}

@media (max-width: 767px) {
.hero.top4 .vcenter h1.sites {
    padding-left: 0px;
}
}

@media (max-width: 767px) {
.hero.top5 .vcenter h1.sites {
    padding-left: 0px;
}
}

@media (max-width: 767px) {
.hero.top6 .vcenter h1.sites {
    padding-left: 0px;
}
}

@media (max-width: 767px) {
.hero.top7 .vcenter h1.sites {
    padding-left: 0px;
}
}

@media (max-width: 767px) {
.hero.top8 .vcenter h1.sites {
    padding-left: 0px;
}
}

@media (max-width: 767px) {
.hero.top .vcenter h1 {
    padding-bottom: 10px;
	text-shadow: none;
	 font-weight: 300;
	 color: #444;
	
}
}

@media (max-width: 767px) {
.hero.top2 .vcenter h1 {
    padding-bottom: 10px;
	text-shadow: none;
	 font-weight: 300;
	 color: #444;
	
}
}

@media (max-width: 767px) {
.hero.top3 .vcenter h1 {
    padding-bottom: 10px;
	text-shadow: none;
	 font-weight: 300;
	 color: #444;
	
}
}

@media (max-width: 767px) {
.hero.top4 .vcenter h1 {
    padding-bottom: 10px;
	text-shadow: none;
	 font-weight: 300;
	 color: #444;
	
}
}

@media (max-width: 767px) {
.hero.top5 .vcenter h1 {
    padding-bottom: 10px;
	text-shadow: none;
	 font-weight: 300;
	 color: #444;
	
}
}

@media (max-width: 767px) {
.hero.top6 .vcenter h1 {
    padding-bottom: 10px;
	text-shadow: none;
	 font-weight: 300;
	 color: #444;
	
}
}

@media (max-width: 767px) {
.hero.top7 .vcenter h1 {
    padding-bottom: 10px;
	text-shadow: none;
	 font-weight: 300;
	 color: #444;
	
}
}

@media (max-width: 767px) {
.hero.top8 .vcenter h1 {
    padding-bottom: 10px;
	text-shadow: none;
	 font-weight: 300;
	 color: #444;
	
}
}

@media screen and (max-width: 767px) {
.hero.top h1 {
    font-size: 30px;
    margin-bottom: 0;
}
}

@media screen and (max-width: 767px) {
.hero.top2 h1 {
    font-size: 30px;
    margin-bottom: 0;
}
}

@media screen and (max-width: 767px) {
.hero.top3 h1 {
    font-size: 30px;
    margin-bottom: 0;
}
}

@media screen and (max-width: 767px) {
.hero.top4 h1 {
    font-size: 30px;
    margin-bottom: 0;
}
}

@media screen and (max-width: 767px) {
.hero.top5 h1 {
    font-size: 30px;
    margin-bottom: 0;
}
}

@media screen and (max-width: 767px) {
.hero.top6 h1 {
    font-size: 30px;
    margin-bottom: 0;
}
}

@media screen and (max-width: 767px) {
.hero.top7 h1 {
    font-size: 30px;
    margin-bottom: 0;
}
}

@media screen and (max-width: 767px) {
.hero.top8 h1 {
    font-size: 30px;
    margin-bottom: 0;
}
}

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

    font-weight: 300;

}
}

@media screen and (max-width: 620px) {
.hero.top .hero-content .brief {
    text-align: center;
}
}

@media screen and (max-width: 620px) {
.hero.top2 .hero-content .brief {
    text-align: center;
}
}

@media screen and (max-width: 620px) {
.hero.top3 .hero-content .brief {
    text-align: center;
}
}

@media screen and (max-width: 620px) {
.hero.top4.hero-content .brief {
    text-align: center;
}
}

@media screen and (max-width: 620px) {
.hero.top5.hero-content .brief {
    text-align: center;
}
}

@media screen and (max-width: 620px) {
.hero.top6.hero-content .brief {
    text-align: center;
}
}

@media screen and (max-width: 620px) {
.hero.top7.hero-content .brief {
    text-align: center;
}
}

@media screen and (max-width: 620px) {
.hero.top8.hero-content .brief {
    text-align: center;
}
}


@media screen and (max-width: 767px) {
.hero.top .brief {
    margin-bottom: 5px;
	padding-left: 0px;
	text-shadow: none;
	color: #909090;
}
}

@media screen and (max-width: 767px) {
.hero.top2 .brief {
    margin-bottom: 5px;
	padding-left: 0px;
	text-shadow: none;
	color: #909090;
}
}

@media screen and (max-width: 767px) {
.hero.top3 .brief {
    margin-bottom: 5px;
	padding-left: 0px;
	text-shadow: none;
	color: #909090;
}
}

@media screen and (max-width: 767px) {
.hero.top4 .brief {
    margin-bottom: 5px;
	padding-left: 0px;
	text-shadow: none;
	color: #909090;
}
}

@media screen and (max-width: 767px) {
.hero.top5 .brief {
    margin-bottom: 5px;
	padding-left: 0px;
	text-shadow: none;
	color: #909090;
}
}

@media screen and (max-width: 767px) {
.hero.top6 .brief {
    margin-bottom: 5px;
	padding-left: 0px;
	text-shadow: none;
	color: #909090;
}
}

@media screen and (max-width: 767px) {
.hero.top7 .brief {
    margin-bottom: 5px;
	padding-left: 0px;
	text-shadow: none;
	color: #909090;
}
}

@media screen and (max-width: 767px) {
.hero.top8 .brief {
    margin-bottom: 5px;
	padding-left: 0px;
	text-shadow: none;
	color: #909090;
}
}

@media screen and (max-width: 620px) {
.hero.top .hero-content p {
    text-align: center;
	padding-left: 15px;
	padding-right: 15px;
	text-shadow: none;
	color: #909090;
}
}

@media screen and (max-width: 620px) {
.hero.top2 .hero-content p {
    text-align: center;
	padding-left: 15px;
	padding-right: 15px;
	text-shadow: none;
	color: #909090;
}
}

@media screen and (max-width: 620px) {
.hero.top3 .hero-content p {
    text-align: center;
	padding-left: 15px;
	padding-right: 15px;
	text-shadow: none;
	color: #909090;
}
}

@media screen and (max-width: 620px) {
.hero.top4 .hero-content p {
    text-align: center;
	padding-left: 15px;
	padding-right: 15px;
	text-shadow: none;
	color: #909090;
}
}

@media screen and (max-width: 620px) {
.hero.top5 .hero-content p {
    text-align: center;
	padding-left: 15px;
	padding-right: 15px;
	text-shadow: none;
	color: #909090;
}
}

@media screen and (max-width: 620px) {
.hero.top6 .hero-content p {
    text-align: center;
	padding-left: 15px;
	padding-right: 15px;
	text-shadow: none;
	color: #909090;
}
}

@media screen and (max-width: 620px) {
.hero.top7 .hero-content p {
    text-align: center;
	padding-left: 15px;
	padding-right: 15px;
	text-shadow: none;
	color: #909090;
}
}

@media screen and (max-width: 620px) {
.hero.top8 .hero-content p {
    text-align: center;
	padding-left: 15px;
	padding-right: 15px;
	text-shadow: none;
	color: #909090;
}
}


@media screen and (max-width: 767px) {
.an-sec.section-1 {
    top: 0;
}
}

@media screen and (max-width: 767px) {
.an-sec {
    margin: 10px auto 20px auto;
    padding-top: 5px;
}
}

@media screen and (max-width: 767px) {
.an-sec {
    height: auto !important;
    text-align: center;
}
}

@media screen and (max-width: 767px) {
.maia-cols {
    margin: 0 !important;
    width: 100% !important;
}
}

@media screen and (max-width: 767px) {
.an-sec .text {
    height: auto !important;
}
}

@media screen and (max-width: 767px) {
.an-sec .maia-col-6 {
    margin-bottom: 0 !important;
}
}

@media screen and (max-width: 767px) {
.maia-col-6 {
clear: both;
    float: none !important;
    margin: 0 0 20px !important;
    width: 100% !important;
}
}

@media screen and (max-width: 767px) {
.an-sec .text .vcenter {
    padding: 0 !important;

}
}

@media screen and (max-width: 767px) {
h2 {
    font-weight: 300;
}
}

@media screen and (max-width: 767px) {
.text h3, .text p {
    margin: 0 auto 10px auto !important;
    max-width: 600px !important;
}
}

@media screen and (max-width: 767px) {
.an-sec {
    text-align: center;
}
}

@media (max-width: 767px) {
.an-sec .image {
    height: 210px;
}
}

@media screen and (max-width: 767px) {
.an-sec .maia-col-6 {
    margin-bottom: 0 !important;
}
}

@media screen and (max-width: 767px) {
.maia-col-6 {
clear: both;
    float: none !important;
    margin: 0 0 20px !important;
    width: 100% !important;
}
}

@media screen and (max-width: 767px) {
.an-sec {
    text-align: center;
}
}

@media screen and (max-width: 767px){
.an-sec .an-con {
    left: 0 !important;
}
}

@media screen and (max-width: 767px) {
.animation .browser {
    left: 5.27426%;
    top: 5.88235%;
}
}

@media screen and (max-width: 767px) {
.animation .browser2 {
    left: 5.27426%;
    top: 5.88235%;
}
}

@media screen and (max-width: 767px) {
.animation .browser3 {
    left: 5.27426%;
    top: 5.88235%;
}
}

@media screen and (max-width: 767px) {
.animation .browser4 {
    left: 5.27426%;
    top: 5.88235%;
}
}

@media screen and (max-width: 767px) {
.animation .browser5 {
    left: 5.27426%;
    top: 5.88235%;
}
}

@media screen and (max-width: 767px) {
.animation .browser6 {
    left: 5.27426%;
    top: 5.88235%;
}
}

@media screen and (max-width: 767px) {
.animation .browser7 {
    left: 5.27426%;
    top: 5.88235%;
}
}



@media screen and (max-width: 767px) {
.gray-strip {
    bottom: 0;
    top: 0;
}
}

@media screen and (max-width: 767px) {
.maia-col-4 {
    text-align: left;
	clear: both;
    float: none !important;
    margin: 0 0 20px !important;
    width: 100% !important;
}
}


@media screen and (max-width: 767px) {
.maia-col-4:first-child {
    text-align: left;
}
}

@media screen and (max-width: 767px) {
.maia-col-4:last-child {
    text-align: left;
}
}

@media screen and (max-width: 767px) {
.cell {
    display: block;
    max-width: none;
}
}

@media screen and (max-width: 767px) {
.gray-section .maia-cols .maia-col-4 .cell {
    text-align: center;
}
}

@media screen and (max-width: 600px) {
.hero.quote {
    background-position: 0 50%;
	display: none;
}
}

@media screen and (max-width: 1073px) {
.hero.quote {
    height: 400px !important;
    padding-top: 0 !important;
}
}

@media only screen and (max-width: 767px) {
.hero-content {
    left: 0;
    margin: 0 auto;
    right: 0;
    width: 100%;
}
.top-questions .questions .question-header {
    display: table;
    height: 80px;
    text-align: left;
	padding-top: 15px;
	padding-bottom: 1px;
}
}

@media screen and (max-width: 360px) {
.hero.quote h2 {
    line-height: 25px;
	
}
}


.hero.quote i {
    color: #444;
}



@media screen and (max-width: 767px) {
.hero.quote h2 {
    font-size: 24px !important;
    font-weight: 600 !important;
}
}

@media screen and (max-width: 767px) {
.hero.quote p {
    font-size: 16px !important;
}
}

#maia-header {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ebb960),color-stop(1,#ebb960));
	background: -moz-linear-gradient(top,#ebb960,#ebb960);
    border-bottom: 1px solid #d1a755;
    color: #444;
    min-height: 44px;
    padding: 14px 15px 13px;
	 margin: 0 -15px;
}

.maia-header {
    box-sizing: border-box;
    position: fixed;
    top: 0;
    transform: translateZ(0);
    width: 100%;
    z-index: 5000;
}

.maia-aux {
	color: #fff;
    width: auto;
	margin: auto;
    max-width: 978px;
}

#maia-main:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

#maia-header h1, #maia-header h2 {
    font-family: "product sans","open sans",arial,sans-serif;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    white-space: nowrap;
}

#maia-header h1 {
    float: left;
    font-size: 32px;
    font-weight: 300;
    line-height: 1.375;
    margin: 0;
}

#maia-header h1 a, #maia-header h2 a {
    display: -webkit-box;
    text-decoration: none;
}

#maia-header h1 img {
    margin: 0 -8px -3px -1px;
    vertical-align: bottom;
}

#maia-nav-x.maia-complex {
    margin-bottom: 0px;
}

#maia-nav-x {
    background-color: #d1a755;
	height: 45px;
	border-bottom: 1px solid #96CB64;
	background: #d1a755;
    color: #222;
    padding: 0 -15px;
	margin: 0 -15px;
}
.maia-nav {
	-moz-box-sizing: border-box;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
	-webkit-box-sizing: border-box;
    -webkit-transform: translateZ(0);
    box-sizing: border-box;
    font-family: arial,sans-serif;
    position: fixed;
    top: 72px;
    transform: translateZ(0);
    width: 100%;
    z-index: 1000;
}

#maia-nav-x .maia-aux {
    position: relative;
}

.maia-aux {
    width: auto;
	    margin: auto;
    max-width: 978px;
}

#maia-nav-x ul:after {
    clear: both;
    content: "";
    display: block;
}

#maia-nav-x ul {
    position: relative;
	    list-style: none;
    margin: 0;
	display: block;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0;
}

#maia-nav-x li {
    font-weight: bold;
	float: left;
    font-size: 14px;
    line-height: 1.43;
    margin: 0 20px 0 0;
    padding: 6px 0;
	padding-left: 15px;
    text-shadow: 0 -1px 0 transparent;
	display: list-item;
    text-align: -webkit-match-parent;
}

#maia-nav-x li a {
    color: #fff;
	font-weight: normal;
	    z-index: 1;
		display: block;
    margin: -6px 0;
    padding: 6px 0;
	position: relative;
	text-decoration: none;
}

#products-nav-li {
    cursor: pointer;
    margin-right: 35px;
    position: relative;
}

#products-nav-li:after {
    background: url(down.png) no-repeat 50% 50%;
    background-image: url('http://antitoxin.ru/down.png');
    background-repeat: no-repeat;
    background-size: 9px 4px !important;
    content: '';
    cursor: pointer;
    height: 20px;
    opacity: .5;
    position: absolute;
    right: -16px;
    top: 7px;
    width: 15px;
}


#maia-nav-x a:hover {
text-decoration: underline;
}

@media screen and (max-width: 767px) {
.maia-nav {
    box-sizing: content-box;
    position: relative;
    top: 0;
    width: auto;
}
}

@media screen and (max-width: 767px) {
#maia-nav-x {
border: 0px;
}
}

@media screen and (max-width: 767px) {
#maia-header {
    height: 85px;
	min-height: 33px;
    padding: 9px 15px 8px;
	box-sizing: content-box;
    position: relative;
    width: auto;
}
}

.hero-content .additional-links {
    margin: auto;
    width: 295px;
}

 .product-learn-more-link {
    padding-top: 20px;
	text-align: center;
}

    


.feedback {
    position: fixed;
	bottom: 22px;
	right: 20px;
	z-index: 5010;
	display: none;
   }

@media screen and (max-width: 767px) {
	.feedback {
display: block;
   }
}

#maia-header-overlay2 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    height: 0;
    left: 700px;
    padding: 0 15px;
    position: fixed;
    top: 29px;
    width: 100%;
    z-index: 5001;
}

#maia-header-overlay {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    height: 0;
    right: 450px;
    padding: 0 15px;
    position: fixed;
    top: 19px;
    width: 100%;
    z-index: 5001;
}

@media only screen and (min-width: 767px) {
#maia-header-overlay .maia-aux>.buttons {
    float: right;
	font-size: 18px;
}
}

.buttons span {
color: #ffffff;
}

.buttons a {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

@media screen and (max-width: 767px) {
.buttons {
visibility: hidden;
}
}

#maia-footer {
    background: #c69d4d;
	clear: both;
	margin: 0 -15px;
}

#maia-footer-local {
    font-family: arial,sans-serif;
    font-size: 14px;
	background: #c69d4d;
    border-top: 1px solid #f5f5f5;
    min-height: 24px;
	padding: 10px 15px;
}

@media screen and (max-width: 767px) {
#maia-footer-local {
    overflow-x: hidden;
}
}

#maia-footer-global {
    border-top: 1px solid #96CB64;
    font-size: 11px;
    line-height: 2.19;
    list-style: none;
	padding: 10px 15px;
}

.ent-footer-links {
    border-top: 1px solid #96CB64;
    padding-top: 5px;
}

@media screen and (max-width: 767px) {
#maia-footer-local .ent-footer-links {
    border-top: 0;
}
}

.ent-footer-links .ent-footer-unit.products-group {
    margin-left: 15px;
}

.ent-footer-links .ent-footer-unit {
    display: block;
    float: left;
    width: 15%;
}

@media screen and (max-width: 767px) {
#maia-footer-local .ent-footer-unit {
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    border-top: 1px solid #ccc;
    height: 46px;
    margin-left: -24px;
    margin-right: -20px;
    overflow: hidden;
    padding: 0 20px;
    transition: all .25s ease-in-out;
    width: 102%;
}
}

@media screen and (max-width: 767px) {
.ent-footer-links .ent-footer-unit {
    float: none;
    width: 100%;
}
}

#maia-footer-local h4 {
    line-height: normal;
    margin: 1.236em 0 .618em;
	font-weight: bold;
	font-size: 14px;
}

.ent-footer-links h4 {
    font-family: arial,sans-serif;
    max-height: 32px;
}

@media screen and (max-width: 767px) {
#maia-footer-local h4.section-header {
    margin: 15px 10px;
    margin-left: -15px;
    padding-left: 15px;
}
}

#maia-footer-local a {
    color: #fff;
    text-decoration: none;
}

.product-name-desktop {
    display: block;
}

@media screen and (max-width: 767px) {
.ent-footer-links .ent-footer-unit .product-name-desktop {
    display: none;
}
}

.product-name-mobile {
    display: none;
}

@media screen and (max-width: 767px) {
#maia-footer-local h4.section-header .product-name-mobile {
    display: block;
    margin-left: -1px;
}
}

#maia-main2 {
    clear: both;
    margin-top: 30px;
	margin: auto;
    max-width: 978px;
	font: 13px/20px arial,sans-serif;
}

#maia-main2:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

.maia-article {
margin-top: 30px;
}

.hero.quote h2 {
    font-family: Century Gothic, sans-serif;
    font-size: 40px;
    font-weight: bold;
    color: #d1a755;
    line-height: 40px;
    padding-bottom: 10px;
	padding-right:150px;
    margin: 0;
    margin-bottom: 5px;
    position: relative;
    display: block;
    text-shadow: 1px 1px 2px black;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}