@charset "UTF-8";
/*! */
/*! */
/*! */
/*! */
/*! */
/*! */
/*! DO NOT EDIT THIS FILE! IT GENERATED SASS */
/*! */
/*! */
/*! */
/*! */
/*! */
/*! */
/*! */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

body, html { height: 100%; }

body a, html a { text-decoration: none; }

body input, html input { -webkit-appearance: none; }

img, fieldset, a img { border: none; }

input[type="submit"], button { cursor: pointer; }

input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border: 0; }

textarea { overflow: auto; }

input, button { margin: 0; padding: 0; border: 0; }

input, textarea, select, button, h1, h2, h3, h4, h5, h6, a, span, a:focus { outline: none; }

div { outline: none !important; }

* { outline: none !important; }

ul, ol { list-style-type: none; }

img { vertical-align: top; }

li { list-style: none; }
.link404,.link404:visited {

    color: #FD7A09;
	font-size: 21px;
    line-height: 20px;
}
.customHtml {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.customHtml a {
    padding: 0 0 15px 16px;
    display: block;
    vertical-align: top;
    position: relative;
    color: #ef8900;
    font-size: 16px;
    line-height: 22px;
    padding-right: 20px;
}
.link404:hover {
    text-decoration: underline;
}
	.slider-image{
		
    height: 288px;
	width: 192px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
	margin-bottom: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
	}

.carousel1__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    cursor: default;
}


.block-element.block1>div {
    text-align: center;
    margin-bottom: 20px;
}

.header1__change-language { 

display: inline-block;
    }
.header1__change-language.active {background: #fff;
    color: #0e1d30;
    border-radius: 7px 0px 0px 7px;}

.blocker {
    z-index: 21;
    background: none;
}
.modal {
    background: rgba(14, 29, 48,0.9);
    -webkit-box-shadow: 0 0 10px #bb6000;
    -moz-box-shadow: 0 0 10px #bb6000;
    -o-box-shadow: 0 0 10px #bb6000;
    -ms-box-shadow: 0 0 10px #bb6000;
    box-shadow: 0 0 10px #ff9000;
    max-width: 780px;
    padding: 45px;
}
.modal a.close-modal {
    top: 15px;
    right: 15px;
    background-image: url("../img/close.png");
}
.languagebox{
    display: flex;

    flex-flow: column;
}
.languagebox a {
    flex: 0 0 calc(33.33% - 48px)!important;
    /* text-align: center; */
    position: relative;
    color: #fff;
    font-size: 21px;
    padding-left: 42px;
    height: 56px;
    margin-bottom: 15px;}
.languagebox a:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: '';
    background: url(../img/i4.svg) no-repeat 0 0;
    background-size: 33px 33px;
    width: 33px;
    height: 33px;
    display: inline-block;
}



@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { * { -webkit-text-size-adjust: none; } }

table { border-spacing: 0; border-collapse: collapse; width: 100%; }

.clear { clear: both; }

.page { overflow: hidden; position: relative; width: 100%; }

input[type=text], input[type=password], textarea { box-sizing: border-box; }

input:focus::-webkit-contacts-auto-fill-button { opacity: 0; }

.show-tablet1 { display: none; }

@media only screen and (max-width: 1000px) { .show-tablet1 { display: block; } }

@media only screen and (max-width: 1000px) { .hide-tablet1 { display: none; } }

.show-mobile1 { display: none; }

@media only screen and (max-width: 760px) { .show-mobile1 { display: block; } }

@media only screen and (max-width: 760px) { .hide-mobile1 { display: none; } }

:focus::-webkit-input-placeholder { opacity: 0 !important; }

:focus::-moz-placeholder { opacity: 0 !important; }

:focus:-ms-input-placeholder { opacity: 0 !important; }

:focus:-moz-placeholder { opacity: 0 !important; }

input, textarea { background: none; border: none; }

textarea { resize: none; }

.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.carousel1.slick-initialized.slick-slider {
	    display: none;
}
.carousel1.slick-initialized.slick-slider.active {
    display: block;
}

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-loading .slick-list { background: white; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; }

.slick-slide img { display: block; max-width: 100%; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-prev, .slick-next { position: absolute; top: 50%; margin-top: -10px; font: 0/0 a; text-shadow: none; color: transparent; height: 20px; background: none; left: 0; z-index: 1; }

.slick-prev:focus, .slick-next:focus { outline: none; }

.slick-prev.slick-disabled, .slick-next.slick-disabled { opacity: 0.2; }

.slick-prev:before, .slick-next:before { height: 30px; line-height: 30px; content: "prev"; display: inline-block; vertical-align: middle; font-size: 15px; color: #fff; background: #000; }

.slick-next { right: 0; left: auto; }

.slick-next:before { content: "next"; display: inline-block; }

@font-face { font-family: OfficinaSansBoldITC; src: url("../fonts/OfficinaSansBoldITC-Reg.eot"); src: url("../fonts/OfficinaSansBoldITC-Regd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/OfficinaSansBoldITC-Reg.woff") format("woff"), url("../fonts/OfficinaSansBoldITC-Reg.ttf") format("truetype"); font-weight: normal; font-style: normal; font-weight: 700; }

@font-face { font-family: OfficinaSansBoldITC; src: url("../fonts/OfficinaSansBookITC-Reg.eot"); src: url("../fonts/OfficinaSansBookITC-Regd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/OfficinaSansBookITC-Reg.woff") format("woff"), url("../fonts/OfficinaSansBookITC-Reg.ttf") format("truetype"); font-weight: normal; font-style: normal; font-weight: 400; }

body { font-family: OfficinaSansBoldITC; background: #0f1e31; height: 100%; width: 100%; height: 100%; position: fixed; overflow-y: auto; -webkit-overflow-scrolling: touch; }

.page { max-width: 640px; margin: auto; padding-top: 66px; opacity: 0; -webkit-transition: 0.3s linear; transition: 0.3s linear; height: 100%; overflow-y: auto; overflow-x: hidden; }

.page.active { opacity: 1; }

.page-wrap { position: relative; }

.page-wrap:before { position: absolute; top: 0; right: 0; width: 180px; bottom: 0; display: block; content: ''; z-index: 0; }

.page-over { position: relative; padding-top: 29px; padding-bottom: 200px; }

.page-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; height: 120%; position: fixed; overflow: hidden; }

.page-background:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(../img/bg2.jpg); display: block; content: ''; -webkit-animation: t3 47s linear infinite alternate; animation: t3 47s linear infinite alternate; }

.page-background:after { position: absolute; top: 19px; left: 50%; margin-left: -519.5px; display: block; content: ''; background: url(../img/bg1.png); width: 977px; height: 617px; -webkit-animation: t1 5s linear infinite alternate; animation: t1 5s linear infinite alternate; }

@-webkit-keyframes t1 { 0% { -webkit-transform: rotate(0deg) scale(1, 1); transform: rotate(0deg) scale(1, 1);
    opacity: 1; }
  100% { -webkit-transform: rotate(-20deg) scale(1.4, 2); transform: rotate(-20deg) scale(1.4, 2);
    opacity: 0.4; } }

@keyframes t1 { 0% { -webkit-transform: rotate(0deg) scale(1, 1); transform: rotate(0deg) scale(1, 1);
    opacity: 1; }
  100% { -webkit-transform: rotate(-20deg) scale(1.4, 2); transform: rotate(-20deg) scale(1.4, 2);
    opacity: 0.4; } }

@-webkit-keyframes t3 { 0% { -webkit-transform: rotate(0deg) scale(1, 1); transform: rotate(0deg) scale(1, 1);
    opacity: 1; }
  100% { -webkit-transform: rotate(360deg) scale(1.4, 2); transform: rotate(360deg) scale(1.4, 2);
    opacity: 0.4; } }

@keyframes t3 { 0% { -webkit-transform: rotate(0deg) scale(1, 1); transform: rotate(0deg) scale(1, 1);
    opacity: 1; }
  100% { -webkit-transform: rotate(360deg) scale(1.4, 2); transform: rotate(360deg) scale(1.4, 2);
    opacity: 0.4; } }

.background-top1 { position: fixed; top: 0; left: 0; right: 0; z-index: 10; height: 66px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 16px 24px rgba(0, 0, 0, 0.1); background-color: rgba(255, 255, 255, 0.95); }

.header { position: relative; height: 66px; font-size: 0.01px; max-width: 640px; margin: auto; }

.header__logo { display: block; position: absolute; top: 17px; left: 16px; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; }

.header__logo img { display: inline-block; vertical-align: top; }

.header__text { position: absolute; top: 15px; right: 45px; color: #003363; font-size: 12px; letter-spacing: 0.1px; line-height: 12px; }

.block-element { margin-bottom: 65px !important; }

.block-element:last-child { margin: 0 !important; }

@media only screen and (max-height: 620px) { .block1 { margin-top: -80px; } }

.block1__title { color: #ffffff; font-size: 30px; font-weight: 700; line-height: 37px; text-align: center; padding-left: 7px; padding-bottom: 88px; }

@media only screen and (max-height: 466px) { .block1__title { font-size: 25px; line-height: 30px; padding-bottom: 50px; } }

.block1__icon { width: 67px; height: 61px; position: relative; margin-left: 72px; }

.block1__icon:before { position: absolute; bottom: 0; left: 0; display: block; content: ''; background: url("../img/i1.svg") no-repeat 0 0; background-size: 55px 45px; width: 55px; height: 45px; display: inline-block; -webkit-animation: t2-1 1s infinite alternate; animation: t2-1 1s infinite alternate; -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; }

.block1__icon:after { position: absolute; top: 0; right: 0; display: block; content: ''; background: url("../img/i1-1.svg") no-repeat 0 0; background-size: 8px 51px; width: 8px; height: 51px; display: inline-block; -webkit-animation: t2 1s infinite alternate; animation: t2 1s infinite alternate; }

@-webkit-keyframes t2-1 { 0% { -webkit-transform: translate3d(-5px, 0, 0) rotate(-15deg); transform: translate3d(-5px, 0, 0) rotate(-15deg); }
  100% { -webkit-transform: translate3d(-20px, 0, 0) rotate(20deg); transform: translate3d(-20px, 0, 0) rotate(20deg); } }

@keyframes t2-1 { 0% { -webkit-transform: translate3d(-5px, 0, 0) rotate(-15deg); transform: translate3d(-5px, 0, 0) rotate(-15deg); }
  100% { -webkit-transform: translate3d(-20px, 0, 0) rotate(20deg); transform: translate3d(-20px, 0, 0) rotate(20deg); } }

@-webkit-keyframes t2 { 0% { top: -6px; }
  100% { top: 19px; } }

@keyframes t2 { 0% { top: -6px; }
  100% { top: 19px; } }

.b, .block2__bubble, .block3__bubble, .block4__bubble, .block5__bubble, .block6__bubble, .block10__bubble, .block11__bubble, .block12__bubble { width: 166px; box-sizing: border-box; border-radius: 6px; margin-left: 15px; background: #d2ddf2; box-shadow: 0 0 14px 2px #FD770A; margin-left: 47px; position: relative; }

.b:before, .block2__bubble:before, .block3__bubble:before, .block4__bubble:before, .block5__bubble:before, .block6__bubble:before, .block10__bubble:before, .block11__bubble:before, .block12__bubble:before { position: absolute; right: 15px; right: -3px; bottom: -11px; display: block; content: ''; width: 0px; height: 0px; border-style: solid; border-width: 0 22px 18px 0; border-color: transparent #d2ddf2 transparent transparent; -webkit-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); filter: progid:DXImageTransform.Microsoft.Matrix(M11=$m11, M12=$m12,M21=$m21, M22=$m22, sizingMethod='auto expand'); zoom: 1; }

.block2__title1 { color: rgba(239, 137, 0, 0.4); font-size: 128px; font-weight: 700; letter-spacing: -1.5px; line-height: 160px; padding: 0 0 45px 16px; }

.block2__text { max-width: 192px; padding-left: 16px; }

.block2__title2 { color: #ffffff; font-size: 19px; font-weight: 700; line-height: 23px; padding-bottom: 1px; }

.block2__bubble { padding: 12px 4px; width: auto; max-width: 190px; color: #003363; font-size: 16px; line-height: 18px; margin-bottom: 80px; margin-left: 30px; }

.list1__item { position: relative; color: #ffffff; font-size: 17px; line-height: 20px;    padding-left: 10px; }

.list1__item:before { content: '- '; margin-left: -10px;}

.block3__title1 { color: rgba(239, 137, 0, 0.4); font-size: 136px; font-weight: 700; letter-spacing: -1.5px; line-height: 168px; padding: 0 0 8px 24px; }

.block3__bubble { padding: 12px 4px; color: #003363; font-size: 15px; line-height: 18px; margin-bottom: 80px; }

.block3__text { max-width: 180px; padding-left: 16px; }

.block3__text p { color: #ffffff; font-size: 17px; line-height: 20px; }

.block3__title2 { color: #ef8900; font-size: 23px; font-weight: 700; line-height: 23px; padding-bottom: 4px; }

.block4__bubble { min-height: 102px; padding: 14px 0 0 23px; color: #003363; font-size: 22px; line-height: 26px; }

.block5__text { padding: 0 0 40px 16px; color: #ffffff; font-size: 19px; line-height: 22px; max-width: 202px; }

.block5__bubble { width: auto; max-width: 180px; color: #003363; padding-right: 5px !important; font-size: 16px; line-height: 18px; padding: 12px; margin-bottom: 110px; }

.block5__image { display: block; position: relative; left: 50%; width: 698px; margin-left: -416px; }

.d, .block6__drop, .block7__drop, .block8__drop, .block9__drop { position: absolute; left: 21px; top: -22.5px; width: 269px; background-color: rgba(255, 255, 255, 0.9); padding: 48px 16px 21px 16px; box-sizing: border-box; -webkit-transition: 0.2s linear; transition: 0.2s linear; margin-left: -300px; opacity: 0; }

.d.active, .active.block6__drop, .active.block7__drop, .active.block8__drop, .active.block9__drop { margin-left: 0px; opacity: 1; }

.o, .block6__open, .block7__open, .block8__open, .block9__open { background: url(../img/i2.png); background-size: 100% 100%; width: 45px; height: 45px; z-index: 1; position: absolute; bottom: 0; left: 0; -webkit-transition: 0.2s linear; transition: 0.2s linear; cursor: pointer; }

.o.active, .active.block6__open, .active.block7__open, .active.block8__open, .active.block9__open { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); filter: progid:DXImageTransform.Microsoft.Matrix(M11=$m11, M12=$m12,M21=$m21, M22=$m22, sizingMethod='auto expand'); zoom: 1; }

.block6__text { max-width: 212px; padding: 0 0 66px 16px; }

.block6__text p { color: #ffffff; font-size: 17px; line-height: 20px; }

.block6__title { padding-bottom: 8px; color: #ef8900; font-size: 21px; font-weight: 700; line-height: 25px; }

.block6__image { display: block; position: relative; left: 50%; width: 508px; margin-left: -308px; }

.block6__bubble { max-width: 190px; margin-left: 35px; width: auto; color: #003363; font-size: 16px; line-height: 18px; margin-bottom: 86px; padding: 12px 6px; padding-right: 5 !important; }

.block6__position { position: relative; margin-left: 14px; z-index: 1; top: -3px; }

.drop-text1__title { color: #003363; font-size: 18px; font-weight: 700; line-height: 23px; }

.list2__item { position: relative; padding: 0 0 0 17px; color: #003363; font-size: 16px; line-height: 20px; }

.list2__item span { display: block; color: #003363; font-size: 18px; line-height: 22px; }

.list2__item a { color: #ef8900; }

.list2__item:before { position: absolute; top: 0; left: 0; display: block; content: '•'; }

.block7 { margin-bottom: 303px; }

.block7__text { max-width: 192px; padding: 0 0 124px 16px; }

.block7__text p { color: #ffffff; font-size: 17px; line-height: 20px; }

.block7__text p a { color: #ef8900; text-decoration: underline; }

.block7__title { padding-bottom: 8px; color: #ef8900; font-size: 19px; font-weight: 700; line-height: 23px; }

.block7__image { position: relative; left: 50%; margin-left: -247px; width: 383px; }

.block7__position { position: relative; margin-left: 14px; z-index: 1; }

.block8__text { max-width: 193px; padding-left: 16px; }

.block8__text p { color: #ffffff; font-size: 17px; line-height: 20px; }

.block8__title { padding-bottom: 8px; color: #ef8900; font-size: 19px; font-weight: 700; line-height: 23px; }

.block8__image { display: block; position: relative; left: 50%; margin-left: -267px; width: 508px; }

.block8__position { position: relative; margin-left: 14px; z-index: 1; top: 70px; }

.block9 { margin-bottom: 330px; }

.block9__text { max-width: 193px; padding-bottom: 70px; padding-left: 16px;}

.block9__text p { color: #ffffff; font-size: 17px; line-height: 20px; }

.block9__title { padding-bottom: 8px; color: #ef8900; font-size: 19px; font-weight: 700; line-height: 23px; }

.block9__image { position: relative; left: 50%; margin-left: -286px; width: 508px; }

.block9__position { position: relative; margin-left: 14px; z-index: 1; top: 10px; }

.block10__bubble { color: #003363; font-size: 22px; line-height: 26px; padding: 12px 20px; margin-bottom: 47px; }

.block10__title1 { color: rgba(239, 137, 0, 0.4); font-size: 96px; font-weight: 700; letter-spacing: -1.5px; line-height: 80px; padding: 0 0 21px 16px; }

.block10__text1 { max-width: 203px; padding: 0 0 52px 41px; }

.block10__text1 p { color: #ffffff; font-size: 17px; line-height: 20px; padding-bottom: 6px; }

.block10__title2 { font-weight: 700; color: #ef8900; font-size: 20px; line-height: 25px; }

.block10__title2 span { color: #ffffff; font-size: 17px; font-weight: normal; }

.block10__elephant { margin-left: -17px; display: block; margin-bottom: 24px; }

.block10__text2 { padding-left: 16px; max-width: 207px; }

.block10__text2 p { color: #ffffff; font-size: 17px; line-height: 20px; }

.block11__bubble { margin-bottom: 50px; padding: 12px 25px; color: #003363; font-size: 22px; line-height: 26px; }

.block11__text { color: #ffffff; font-size: 17px; line-height: 20px; max-width: 205px; padding-left: 16px; padding-bottom: 79px; }

.slider-image1 { margin-left: 54px; position: relative; width: 212px; z-index: 1; margin-top: -10px; top: 10px; }

.slider-image1 .prev { position: absolute; top: 50%; background: url("../img/i3.svg") no-repeat 0 0; background-size: 31px 41px; width: 31px; height: 41px; display: inline-block; left: -36px; margin-top: -26px; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); filter: progid:DXImageTransform.Microsoft.Matrix(M11=$m11, M12=$m12,M21=$m21, M22=$m22, sizingMethod='auto expand'); zoom: 1; cursor: pointer; }

.slider-image1 .next { position: absolute; top: 50%; background: url("../img/i3.svg") no-repeat 0 0; background-size: 31px 41px; width: 31px; height: 41px; display: inline-block; right: -36px; margin-top: -26px; cursor: pointer; }

.slider-image1__item { padding: 10px; }

.slider-image1__foto { display: block; width: 100%; margin-bottom: 16px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

.slider-image1__text { color: #ffffff; font-size: 17px; line-height: 20px; }

.block12__bubble { padding: 25px 12px; color: #003363; font-size: 22px; line-height: 26px; margin-bottom: 44px; }

.block12__title1 { padding: 0 0 12px 16px; color: rgba(239, 137, 0, 0.4); font-size: 56px; font-weight: 700; letter-spacing: -1.5px; line-height: 56px; }

.block12__title2 { padding: 0 0 71px 36px; color: rgba(255, 255, 255, 0.8); font-size: 19px; line-height: 23px; }

.block12__link { font-size: 0.01px; }

.block12__link a { display: inline-block; vertical-align: top; position: relative; padding-left: 37px; line-height: 28px; color: #ffffff; font-size: 21px; font-weight: 700; margin-left: 37px; z-index: 1; }

.block12__link a:before { position: absolute; top: 0; left: 0; display: block; content: ''; background: url("../img/i3.svg") no-repeat 0 0; background-size: 22px 28px; width: 22px; height: 28px; display: inline-block; }

.footer { padding: 34px 0 106px 0; background-color: #1A293C;  position: relative; z-index: 1; }

.footer__top { padding: 0 23px 42px 23px; }

.footer__bottom { padding: 0 16px; }

.footer__title { color: #ffffff; font-size: 18px; font-weight: 700; line-height: 23px; padding-bottom: 8px; }

.footer__text p { padding-bottom: 28px; color: #ffffff; font-size: 16px; line-height: 20px; }

.footer__text p:last-child { padding: 0; }

.footer__text p a { color: #ef8900; }

.menu1 { margin-top: -28px; position: relative; top: 28px; *zoom: 1; font-size: 0.01px; }

.menu1:after { content: " "; display: table; clear: both; }

.menu1__item { float: left; width: 50%; padding-bottom: 28px; }

.menu1__item a { display: inline-block; vertical-align: top; position: relative; padding-left: 17px; line-height: 16px; color: #ef8900; font-size: 16px; }

.menu1__item a:before { position: absolute; top: 0; left: 0; display: block; content: ''; background: url("../img/i4.svg") no-repeat 0 0; background-size: 10px 16px; width: 10px; height: 16px; display: inline-block; }

.line1 { position: absolute; right: 71px; bottom: 0; width: 22px; background: url(../img/line1.png); background-size: 100% 100%; }

.robots1 { position: fixed; top: 50%; right: 50%; margin-right: -320px; width: 180px; height: 165px; background: url(../img/robots1.png); background-size: 100% 100%; margin-top: 0px; -webkit-backface-visibility: hidden; -webkit-transition: 0.2s linear; transition: 0.2s linear; }

@media only screen and (max-width: 640px) { .robots1 { margin-right: 0; right: 0; } }

.robots1.active { position: absolute; bottom: 5px; top: auto; }

.robots1:before { position: absolute; top: -6px; left: 87px; display: block; content: ''; width: 22px; background: url(../img/line1.png); background-size: 100% 100%; height: 20px; border-radius: 0 0 5px 5px; }