body,
ul,
ol,
p,
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
strong {
  font-weight: normal;
}
h1 {
  font-size: 30px;
  line-height: 36px;
}
em {
  font-style: normal;
}
li {
  list-style-type: none;
}
body {
  -webkit-text-size-adjust:none;
  -moz-text-size-adjust:none;
  text-size-adjust:none;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  font: 16px/20px 'Trebuchet MS', Arial, Helvetica, sans-serif;
  color: #f0f0f0;
  min-width: 320px;
  overflow-x: hidden;
}
.clear {
  clear: both;
}
.body {
  margin-top: 60px;
  width: 100%;
  -webkit-transition: width 2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s;
  -moz-transition: width 2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s;
  -ms-transition: width 2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s;
  -o-transition: width 2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s;
  transition: width 2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s;
  position: relative;
  /*&.wtf
	{
		.transition(width 2.0s cubic-bezier(0.175, 0.885, 0.32, 1.275));
		
		.video, .events { background: @yellow }
	}*/

}
@media screen and (max-width: 560px) {
  .body {
    margin-top: 0px;
  }
}
a,
a:link,
a:visited {
  color: #0054bc;
  -webkit-transition: color 0.2s, border-color 0.2s;
  -moz-transition: color 0.2s, border-color 0.2s;
  -ms-transition: color 0.2s, border-color 0.2s;
  -o-transition: color 0.2s, border-color 0.2s;
  transition: color 0.2s, border-color 0.2s;
  cursor: pointer;
  text-decoration: none;
}
a:hover,
a:link:hover,
a:visited:hover {
  color: #2780f6;
}
a.action,
a:link.action,
a:visited.action {
  border-bottom: 1px dotted #0054bc;
}
a.action:hover,
a:link.action:hover,
a:visited.action:hover {
  border-bottom: 1px dotted #c0a401;
}
a.external,
a:link.external,
a:visited.external {
  padding-right: 23px;
    background: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGFJREFUeNpivHPzJgORoAGbIBMDhYCFBLUwF0gDcRgQ88MMaCDB6SDNkUC8FojjSfUCsub72LyAzyUS2DSTEgZvgXg5ED9Ft5BYL/xG00x2NDage5Wq6aCBHAModgFAgAEA3kkRhv/XrT4AAAAASUVORK5CYII=');
  background-position: right center;
  background-repeat: no-repeat;
}
img {
  border: 0;
}
a.pdf {
  display: none;
  margin: auto;
  position: absolute;
  left: 50%;
  margin-left: -105px;
  margin-top: -30px;
  text-align: center;
  width: 200px;
}
a.pdf .icon {
  display: block;
  width: 105px;
  height: 85px;
  padding-top: 25px;
  position: relative;
  margin: auto;
  background: #0054bc;
  color: white;
  font-size: 30px;
  font-weight: bold;
  -webkit-transition: background 0.5s, color 0.5s;
  -moz-transition: background 0.5s, color 0.5s;
  -ms-transition: background 0.5s, color 0.5s;
  -o-transition: background 0.5s, color 0.5s;
  transition: background 0.5s, color 0.5s;
}
a.pdf .icon small {
  display: block;
  font-size: 14px;
  font-weight: normal;
  margin-top: 15px;
}
a.pdf .icon:after {
  width: 0;
  height: 0;
  border-left: 52.5px solid transparent;
  border-right: 52.5px solid transparent;
  border-top: 20px solid #0054bc;
  content: "";
  position: absolute;
  display: block;
  bottom: -20px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
a.pdf .text {
  font-size: 16px;
  position: relative;
  top: 30px;
  color: #0054bc;
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
  -ms-transition: color 0.5s;
  -o-transition: color 0.5s;
  transition: color 0.5s;
}
a.pdf:hover .icon {
  background: #e9c601 !important;
  color: #282c68;
}
a.pdf:hover .icon:after {
  border-top-color: #e9c601 !important;
}
a.pdf:hover .text {
  color: #2780f6;
}
a.pdf.edge-fix .icon {
  padding-bottom: 20px;
  margin-bottom: -20px;
}
a.pdf.edge-fix .icon:after {
  border: 0;
  content: "";
  width: 105px;
  height: 21px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -52.5px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAAVCAYAAABFYsCAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXRJREFUeNrsmE1nA1EYhSdphRJCGUooXYVSSihZZRVCCEMoWeWnRatZlVItpX8i0h+RbsosSpbtuXoWY4y2mZk792PewxHJJpn7uPd5bw7jON4EQXDLvgcS69IApK/E+xfCekQ/ZXmsSLuZ+mCM3qFb9AYdyRoZSYgu0Cf0I72TsqKOwCW6Qt9k/bSli15zo4x+O+7+ypqwxF/lpIfO0Ajt/9dJ+0T8lS9X6JRwenkGhzxRgB4I7FUYZEYdXxOC6Rad7opG/PWTFt0SEU5Y5gheZtbcXaua+KvDHTPna1vXPUlXfPVXyN0yJZhWFZdZ3fHBX6d0iwIzNPGPQ5VxyV/nCTD9qr/cJCTb/TWg9JVjzkz+EFsgJfNMWCb8NSaYKM+oXCdIVfrriMKfEc6xjQthMyRd/uokLpaljsp1h1TUXyeUfkQwBy49sIuQsvyljsVdxqg8p2eGDj+j85DS/rpHL3mUXfhyY/YFktdpyhLYn28BBgDpT5FX3C5YLQAAAABJRU5ErkJggg==) bottom center no-repeat;
}
section.visual {
  width: 100%;
  height: 180px !important;
  text-align: center;
  margin-bottom: 0px !important;
  position: relative;
  background-position: center center !important;
  -webkit-transition: height 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: height 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: height 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: height 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: height 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
section.visual img {
  max-width: 100%;
}
section.visual + * {
  position: relative;
}
@media screen and (min-width: 768px) {
  section.visual {
    height: 350px !important;
    margin-bottom: -50px !important;
    background-position: center bottom !important;
  }
}
@media screen and (min-width: 1024px) {
  body {
    font: 16px/20px 'Circe', 'Trebuchet MS', Arial, Helvetica, sans-serif;
  }
}
html.svg .controls .prev {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMjcuNTUxcHgiIGhlaWdodD0iMjQuNDg5cHgiIHZpZXdCb3g9IjAgMCAyNy41NTEgMjQuNDg5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNy41NTEgMjQuNDg5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZD0iTTE4LjkxNyw1Ljg1OGMtMi4xNzksMi4xNzgtMy43NSwzLjc1LTUuOTI5LDUuOTI4YzAtMC4wMzQsMC4wMDItMC4wMzQsMC4wMDItMC4wMzRjMi4xNywyLjE2OCwzLjcyOSwzLjcyOSw1LjksNS44OTcKCWMwLjgwNiwwLjgwOS0wLjQ0MywyLjA1OS0xLjI1MiwxLjI1MmMtMi4xNy0yLjE3LTQuMzM5LTQuMzQtNi41MDktNi41MDhjLTAuMzQxLTAuMzQyLTAuMzQxLTAuOTExLDAtMS4yNTIKCWMyLjE4LTIuMTc5LDQuMzU3LTQuMzU2LDYuNTM1LTYuNTM1QzE4LjQ3NCwzLjgsMTkuNzI0LDUuMDUsMTguOTE3LDUuODU4TDE4LjkxNyw1Ljg1OHoiLz4KPC9zdmc+Cg==");
  background-position:  center center;
  background-repeat: no-repeat;
  color: transparent !important;
}
html.svg .controls .next {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMjcuNTUxcHgiIGhlaWdodD0iMjQuNDg5cHgiIHZpZXdCb3g9IjAgMCAyNy41NTEgMjQuNDg5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNy41NTEgMjQuNDg5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZD0iTTExLjEzNSw1Ljg1OGMyLjE3OSwyLjE3OCwzLjc1LDMuNzUsNS45MjksNS45MjhjMC0wLjAzNC0wLjAwMi0wLjAzNC0wLjAwMi0wLjAzNGMtMi4xNywyLjE2OC0zLjcyOSwzLjcyOS01LjksNS44OTcKCWMtMC44MDYsMC44MDksMC40NDMsMi4wNTksMS4yNTIsMS4yNTJjMi4xNy0yLjE3LDQuMzM5LTQuMzQsNi41MDktNi41MDhjMC4zNDEtMC4zNDIsMC4zNDEtMC45MTEsMC0xLjI1MgoJYy0yLjE4LTIuMTc5LTQuMzU3LTQuMzU2LTYuNTM1LTYuNTM1QzExLjU3OSwzLjgsMTAuMzI5LDUuMDUsMTEuMTM1LDUuODU4TDExLjEzNSw1Ljg1OHoiLz4KPC9zdmc+Cg==");
  background-position:  center center;
  background-repeat: no-repeat;
  color: transparent !important; 
} 
#wtf {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#wtf video {
  position: absolute;
  right: 0;
  top: 0;
}
#wtf img {
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
}
#wtf img.fog {
  z-index: 2;
}
#wtf img.roll {
  z-index: 1;
}

.ie-warning {
  position:fixed;
  width:100%;
  bottom:0;
  left:0;
  z-index:  20000;
  background:   #000;
}
.ie-warning-content {

  margin: 30px;
  background:   #fff;
  text-transform:   uppercase;  
  text-align: center;
  padding:30px;
  color:#000;
  font-size:  40px;
  line-height:  1.1;
  font-weight:  bold;
  font-family:  "Arial Black";
  
}
a.GACP, a.GACP:hover {
  color:#fff;
  display:  block;
  /*margin-top:10px;*/
}
.GACP img  {float:left;padding-right:10px; width:58px; vertical-align:   middle}
.GACP span {}

.contacts .content, .company .content, .works .content, .clients .content{
	margin-top: 50px;
}