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%; }

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

input[type="text"], input[type="email"], input[type="tel"], textarea { -webkit-appearance: 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; }

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

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

@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%; }

body { font-family: Arial, sans-serif; font-size: 12px; line-height: 1.4; width: 100%; background-color: #000; }

.main__prev { position: fixed; top: 185px; left: 0; margin-top: -23px; z-index: 99999; background: url('../img/icons-s1c846887f2.png') 0 -379px no-repeat; width: 32px; height: 46px; }
.main__prev:hover { opacity: 0.8; }
.main__next { position: fixed; top: 185px; right: 0; margin-top: -23px; z-index: 99999; background: url('../img/icons-s1c846887f2.png') 0 -323px no-repeat; width: 32px; height: 46px; }
.main__next:hover { opacity: 0.8; }

.presentation-bg { background: url(../img/bg.jpg) repeat 50% 50% #c4e3fc; }

.site__presentation { position: relative; top: 50px; background-color: rgba(0, 0, 0, 0.7); margin: 0 auto 50px; width: 40%; min-width: 300px; padding: 30px 50px; border-radius: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.site__presentation li { margin-bottom: 10px; }
.site__presentation a { position: relative; font-size: 16px; color: #f1f1f1; text-decoration: none; font-family: "Exo 2", Arial, sans-serif; font-weight: 400; }
.site__presentation a:hover { color: #52abf0; }
.site__presentation a:visited { color: #eb6c96; }

.header { width: 100% !important; position: fixed; top: 0; background-color: rgba(0, 0, 0, 0.9); z-index: 999; height: 97px; *zoom: 1; }
.header:after { content: " "; display: table; clear: both; }
@media only screen and (max-width: 830px) { .header { height: 135px; } }
@media only screen and (max-width: 600px) { .header { min-width: 320px; width: 100%; height: auto; } }
@media only screen and (max-height: 450px) { .header { min-width: 320px; width: 100%; height: auto; } }
.header__menu { font-size: 0; float: left; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media only screen and (max-width: 1050px) { .header__menu { left: 40%; -moz-transform: translate(-37%, -50%); -ms-transform: translate(-37%, -50%); -webkit-transform: translate(-37%, -50%); transform: translate(-37%, -50%); } }
@media only screen and (max-width: 830px) { .header__menu { top: 105%; left: 0; -moz-transform: translate(3%, -50%); -ms-transform: translate(3%, -50%); -webkit-transform: translate(3%, -50%); transform: translate(3%, -50%); } }
@media only screen and (max-width: 600px) { .header__menu { display: none; position: relative; margin-top: 60px; padding-bottom: 10px; -moz-transform: translate(-2%, 0%); -ms-transform: translate(-2%, 0%); -webkit-transform: translate(-2%, 0%); transform: translate(-2%, 0%); } }
@media only screen and (max-height: 450px) { .header__menu { display: none; position: relative; margin-top: 60px; padding-bottom: 10px; -moz-transform: translate(-2%, 0%); -ms-transform: translate(-2%, 0%); -webkit-transform: translate(-2%, 0%); transform: translate(-2%, 0%); } }
.header__menu .is-active > a { border-color: #ffd739; -moz-transition: 0.6s; -o-transition: 0.6s; -webkit-transition: 0.6s; transition: 0.6s; }
.header__menu .is-active > a:before { display: none; }
.header__menu .is-active + li a:before { display: none; }
.header__menu li { display: inline-block; }
@media only screen and (max-width: 600px) { .header__menu li { display: block; } }
@media only screen and (max-height: 450px) { .header__menu li { display: block; } }
.header__menu li:hover > a { border-color: #ffd739; -moz-transition: 0.6s; -o-transition: 0.6s; -webkit-transition: 0.6s; transition: 0.6s; }
.header__menu li:hover > a:before { display: none; }
.header__menu li:hover + li a:before { display: none; }
.header__menu li a { position: relative; display: block; padding: 0 12px; line-height: 36px; font-size: 12px; font-family: Arial, sans-serif; color: #FFF; text-transform: uppercase; border: 3px solid transparent; -webkit-border-radius: 21px; border-radius: 21px; text-decoration: none; }
@media only screen and (max-width: 600px) { .header__menu li a { text-align: center; }
  .header__menu li a:before { display: none; } }
@media only screen and (max-height: 450px) { .header__menu li a { text-align: center; }
  .header__menu li a:before { display: none; } }
.header__menu li a:hover { text-decoration: none; }
.header__menu li a:before { content: ""; position: absolute; left: -3px; top: 10px; width: 1px; height: 15px; background-color: #fff; }
.header__menu li:first-child a::before { display: none; }
.header__contact { width: 180px; float: right; margin-top: 21px; *zoom: 1; }
.header__contact:after { content: " "; display: table; clear: both; }
@media only screen and (max-width: 830px) { .header__contact { margin-right: 30px; } }
@media only screen and (max-width: 600px) { .header__contact { position: absolute; top: 10px; right: 105px; margin-top: 0; margin-right: 0; width: 148px; } }
@media only screen and (max-height: 450px) { .header__contact { position: absolute; top: 10px; right: 105px; margin-top: 0; margin-right: 0; width: 148px; } }
@media only screen and (max-width: 478px) { .header__contact { right: 60px; } }
.header__contact_tel { float: right; color: #FFF; text-transform: uppercase; font-size: 20px; font-family: "Exo 2", Arial, sans-serif; font-weight: 300; }
@media only screen and (max-width: 600px) { .header__contact_tel { font-size: 16px; } }
@media only screen and (max-height: 450px) { .header__contact_tel { font-size: 16px; } }
.header__contact_mail { float: right; color: #ffd739; font-size: 13px; font-family: "Exo 2", Arial, sans-serif; font-weight: 300; }
@media only screen and (max-width: 600px) { .header__contact_mail { line-height: 30px; margin-left: 180px; margin-bottom: 5px; } }
@media only screen and (max-height: 450px) { .header__contact_mail { line-height: 30px; margin-left: 180px; margin-bottom: 5px; } }
.header .l_center { position: relative; }
@media only screen and (max-width: 1050px) { .header .l_center { width: 800px; } }
@media only screen and (max-width: 830px) { .header .l_center { width: 480px; } }
@media only screen and (max-height: 450px) { .header .l_center { width: 460px; } }
@media only screen and (max-width: 478px) { .header .l_center { width: 310px; } }
.header button { display: none; background: url('../img/icons-s1c846887f2.png') 0 -1398px no-repeat; width: 30px; height: 15px; }
@media only screen and (max-width: 600px) { .header button { display: block; position: absolute; top: 20px; right: 10px; width: 65px; z-index: 99; } }
@media only screen and (max-height: 450px) { .header button { display: block; position: absolute; top: 20px; right: 10px; width: 65px; z-index: 99; } }
@media only screen and (max-width: 478px) { .header button { width: 40px; right: 0; } }

.logo { float: left; margin: 20px 0; background: url('../img/icons-s1c846887f2.png') 0 -1289px no-repeat; width: 162px; height: 57px; }
@media only screen and (max-width: 600px) { .logo { margin: 10px 0 10px 10px; background: url('../img/icons-s1c846887f2.png') 0 -1467px no-repeat; width: 129px; height: 49px; } }
@media only screen and (max-height: 450px) { .logo { margin: 10px 0 10px 10px; background: url('../img/icons-s1c846887f2.png') 0 -1467px no-repeat; width: 129px; height: 49px; } }
@media only screen and (max-width: 478px) { .logo { margin: 15px 0 15px 10px; background: url('../img/icons-s1c846887f2.png') 0 -1356px no-repeat; width: 90px; height: 32px; } }
.logo h1 { font: 0/0 a; text-shadow: none; color: transparent; }

.key { position: relative; top: -50px; overflow: hidden; height: 811px; min-width: 100%; *zoom: 1; }
.key:after { content: " "; display: table; clear: both; }
@media only screen and (max-width: 650px) { .key { height: 635px; } }
@media only screen and (max-width: 570px) { .key { top: 0; height: 455px; } }
.key__img { position: absolute; text-align: center; width: 3000px; left: 50%; margin-left: -1500px; background-color: #FFF; }
@media only screen and (max-width: 650px) { .key__img img { width: 1500px; } }
@media only screen and (max-width: 570px) { .key__img img { width: auto; height: 455px; } }
.key__wrap { width: 700px; margin: 0 auto; *zoom: 1; }
.key__wrap:after { content: " "; display: table; clear: both; }
@media only screen and (max-width: 830px) { .key__wrap { width: 670px; margin-left: -70px; } }
@media only screen and (max-width: 700px) { .key__wrap { width: 585px; margin-left: -30px; } }
@media only screen and (max-width: 650px) { .key__wrap { margin-left: -10px; } }
@media only screen and (max-width: 570px) { .key__wrap { width: 460px; margin-left: 15px; } }
@media only screen and (max-width: 478px) { .key__wrap { width: 320px; margin: 0 auto; } }
.key__list { width: 265px; float: left; margin-right: 130px; *zoom: 1; }
@media only screen and (max-width: 700px) { .key__list { margin-right: 60px; width: 260px; } }
@media only screen and (max-width: 650px) { .key__list { margin-right: 20px; } }
@media only screen and (max-width: 570px) { .key__list { margin-left: 15px; width: 195px; margin-right: 15px; } }
@media only screen and (max-width: 478px) { .key__list { margin-left: 65px; } }
.key__list p { font-size: 20px; margin-left: 10px; font-family: "Exo 2", Arial, sans-serif; font-weight: 300; }
@media only screen and (max-width: 650px) { .key__list p { font-size: 16px; } }
@media only screen and (max-width: 570px) { .key__list p { font-size: 15px; font-weight: 400; margin-left: 5px; } }
.key__list:nth-child(2n) { margin-right: 0; }
.key__list:after { content: " "; display: table; clear: both; }
.key__list li { float: left; list-style-image: url("../img/list__img.png"); margin-bottom: 20px; color: #656565; }
@media only screen and (max-width: 650px) { .key__list li { margin-bottom: 10px; } }
@media only screen and (max-width: 570px) { .key__list li { margin-bottom: 5px; list-style-image: url("../img/list__img_m.png"); } }
@media only screen and (max-width: 478px) { .key__list li { margin-bottom: 0; } }
.key__container { position: relative; z-index: 4; padding-top: 225px; }
@media only screen and (max-width: 1050px) { .key__container { padding-top: 150px; } }
@media only screen and (max-width: 570px) { .key__container { padding-top: 140px; } }
@media only screen and (max-width: 478px) { .key__container { padding-top: 70px; } }
@media only screen and (max-width: 830px) { .key__container .big__title { margin: 40px 0; } }
@media only screen and (max-width: 650px) { .key__container .big__title { margin-bottom: 20px; font-size: 36px; line-height: 40px; } }
@media only screen and (max-width: 570px) { .key__container .big__title { margin-top: 5px; font-size: 26px; line-height: 26px; margin-bottom: 10px; } }
@media only screen and (max-width: 478px) { .key__container .big__title { margin-top: 75px; font-size: 20px; line-height: 22px; margin-bottom: 5px; } }

.big__title { position: relative; text-align: center; font-size: 46px; line-height: 55px; color: #0e1314; margin: 50px 30px; text-transform: uppercase; font-family: "Exo 2", Arial, sans-serif; font-weight: 700; }
@media only screen and (max-width: 480px) { .big__title { font-size: 26px; line-height: 26px; margin: 30px; } }
.big__title i { position: absolute; bottom: -19px; left: 50%; width: 108px; height: 5px; margin-left: -54px; background-color: #FFD739; }
@media only screen and (max-width: 480px) { .big__title i { height: 2px; } }

.process__cyrcle { width: 1200px; margin: 0 auto; position: relative; *zoom: 1; }
.process__cyrcle:after { content: " "; display: table; clear: both; }

.port { position: absolute; background-image: url("../img/pol11.png"); width: 429px; height: 460px; top: 96px; left: 350px; z-index: 90; -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }

.process__list_container { position: absolute; height: 0; border: none; z-index: 300; overflow: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.process__list_container p { margin: 10px; font-size: 13px; line-height: 18px; color: #565656; font-family: "Exo 2", Arial, sans-serif; font-weight: 300; }
@media only screen and (max-width: 1220px) { .process__list_container p { font-size: 16px; line-height: 18px; } }

.process { position: relative; height: 775px; margin-top: -50px; background-color: #FFF; padding-top: 100px; overflow: hidden; }
@media only screen and (max-width: 570px) { .process { margin-top: 0; } }
@media only screen and (max-width: 1199px) { .process { height: 590px; } }
@media only screen and (max-width: 478px) { .process { width: 320px; padding-top: 50px; margin: 0 auto; } }
.process__img { position: absolute; width: 650px; height: 610px; top: 130px; left: 50%; margin-left: -323px; text-align: center; }
.process__img_center { margin: 0 auto; }
.process__list { position: relative; width: 1200px; height: 770px; margin: 0px auto; overflow: hidden; }
@media only screen and (max-width: 1210px) { .process__list { -moz-transform: translate(-6px, 0px); -ms-transform: translate(-6px, 0px); -webkit-transform: translate(-6px, 0px); transform: translate(-6px, 0px); } }
@media only screen and (max-width: 1199px) { .process__list { width: 480px; height: 590px; margin-top: -50px; -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } }
@media only screen and (max-width: 478px) { .process__list { width: 320px; margin: 0 auto; } }
.process__list li { position: relative; display: inline-block; height: 105px; font-size: 15px; vertical-align: top; }
@media only screen and (max-width: 1199px) { .process__list li { height: 60px; } }
.process__list a { display: inline-block; position: relative; color: #565656; z-index: 5; font-family: "Exo 2", Arial, sans-serif; font-weight: 300; -moz-transition: 0; -o-transition: 0; -webkit-transition: 0; transition: 0; }
.process__1 a, .process__5 a, .process__6 a { padding: 5px 60px 10px 10px; text-align: right; }
.process__1 a:after, .process__5 a:after, .process__6 a:after { content: ""; position: absolute; top: -5px; right: 0; z-index: 4; background: url('../img/icons-s1c846887f2.png') 0 -435px no-repeat; width: 15px; height: 67px; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); width: 0; }
.process__1 a:before, .process__5 a:before, .process__6 a:before { content: ""; position: absolute; top: -5px; right: 0; width: 0; bottom: -5px; background-color: #FDF6DF; z-index: -1; }
.process__1 a i, .process__5 a i, .process__6 a i { position: absolute; top: 10px; right: 8px; }
.process__1.is_active, .process__5.is_active, .process__6.is_active { position: relative; }
.process__1.is_active:before, .process__5.is_active:before, .process__6.is_active:before { display: block; }
@media only screen and (max-width: 1199px) { .process__1.is_active:before, .process__5.is_active:before, .process__6.is_active:before { display: none; } }
.process__1.is_active img, .process__5.is_active img, .process__6.is_active img { opacity: 1; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; }
.process__1.is_active a:after, .process__5.is_active a:after, .process__6.is_active a:after { -moz-transition: 0.8s; -o-transition: 0.8s; -webkit-transition: 0.8s; transition: 0.8s; right: 93%; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); background: url('../img/icons-s1c846887f2.png') 0 -435px no-repeat; width: 15px; height: 67px; }
.process__1.is_active a:before, .process__5.is_active a:before, .process__6.is_active a:before { width: 100%; right: 0; -moz-transition: 0.8s; -o-transition: 0.8s; -webkit-transition: 0.8s; transition: 0.8s; }
.process__2 a, .process__3 a, .process__4 a { padding: 0 10px 10px 60px; }
.process__2 a:after, .process__3 a:after, .process__4 a:after { content: ""; position: absolute; top: -5px; left: 0; z-index: 4; background: url('../img/icons-s1c846887f2.png') 0 -435px no-repeat; width: 15px; height: 67px; width: 0; }
.process__2 a:before, .process__3 a:before, .process__4 a:before { content: ""; position: absolute; top: -5px; width: 0; bottom: -9px; background-color: #FDF6DF; z-index: -1; }
.process__2 i, .process__3 i, .process__4 i { position: absolute; top: 5px; left: 10px; }
.process__2.is_active, .process__3.is_active, .process__4.is_active { position: relative; }
.process__2.is_active:before, .process__3.is_active:before, .process__4.is_active:before { display: block; }
@media only screen and (max-width: 1199px) { .process__2.is_active:before, .process__3.is_active:before, .process__4.is_active:before { display: none; } }
.process__2.is_active img, .process__3.is_active img, .process__4.is_active img { opacity: 1; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; }
.process__2.is_active a:after, .process__3.is_active a:after, .process__4.is_active a:after { left: 93%; background: url('../img/icons-s1c846887f2.png') 0 -435px no-repeat; width: 15px; height: 67px; -ms-transform: scale(-1); -webkit-transform: scale(-1); transform: scale(-1); -moz-transition: 0.8s; -o-transition: 0.8s; -webkit-transition: 0.8s; transition: 0.8s; }
.process__2.is_active a:before, .process__3.is_active a:before, .process__4.is_active a:before { width: 100%; left: 0; right: 0; -moz-transition: 0.8s; -o-transition: 0.8s; -webkit-transition: 0.8s; transition: 0.8s; }
@media only screen and (max-width: 1199px) { .process__3.is_active a:after { right: 93%; }
  .process__3.is_active a:before { right: 0; } }
.process__1 { top: 20px; left: 270px; }
@media only screen and (max-width: 1199px) { .process__1 { top: 0; left: 40px; margin-top: 25px; } }
@media only screen and (max-width: 478px) { .process__1 { top: -20px; } }
.process__1:before { content: ""; display: none; position: absolute; top: 58px; left: 219px; z-index: 300; background: url('../img/icons-s1c846887f2.png') 0 -18px no-repeat; width: 48px; height: 25px; }
.process__1_num { position: absolute; top: 75px; left: 242px; }
@media only screen and (max-width: 1199px) { .process__1_num { top: 28px; left: 250px; } }
@media only screen and (max-width: 478px) { .process__1_num { top: 20px; left: 245px; } }
.process__1_pic { background: url('../img/icons-s1c846887f2.png') 0 -2645px no-repeat; width: 34px; height: 34px; }
.process__1 .process__list_container { top: 80px; left: -215px; width: 340px; max-height: 90px; }
@media only screen and (max-width: 1199px) { .process__1 .process__list_container { left: -23px; width: 300px; background-color: #FFF; max-height: 105px; } }
.process__2 { top: 99px; left: 557px; }
@media only screen and (max-width: 1199px) { .process__2 { top: 125px; left: -20px; } }
@media only screen and (max-width: 478px) { .process__2 { top: 44px; left: 87px; } }
.process__2:before { content: ""; display: none; position: absolute; top: 39px; left: -52px; z-index: 300; background: url('../img/icons-s1c846887f2.png') 0 -53px no-repeat; width: 39px; height: 37px; }
.process__2_num { position: absolute; top: 60px; left: -50px; }
@media only screen and (max-width: 1199px) { .process__2_num { top: 15px; left: -22px; } }
.process__2_pic { background: url('../img/icons-s1c846887f2.png') 0 -2310px no-repeat; width: 23px; height: 30px; }
.process__2 .process__list_container { top: 80px; left: 35px; width: 255px; max-height: 165px; }
@media only screen and (max-width: 1199px) { .process__2 .process__list_container { left: -130px; width: 350px; max-height: 120px; } }
.process__3 { top: 366px; left: 396px; }
@media only screen and (max-width: 1199px) { .process__3 { top: 135px; left: 68px; } }
@media only screen and (max-width: 478px) { .process__3 { top: 80px; left: 15px; } }
.process__3 a { padding-right: 9px; }
@media only screen and (max-width: 1199px) { .process__3 a { padding: 0 60px 10px 10px; } }
.process__3:before { content: ""; display: none; position: absolute; top: 8px; left: -49px; z-index: 300; background: url('../img/icons-s1c846887f2.png') 0 -100px no-repeat; width: 23px; height: 48px; }
.process__3_num { position: absolute; top: 20px; left: -58px; }
@media only screen and (max-width: 1199px) { .process__3_num { top: 13px; left: 225px; } }
.process__3_pic { background: url('../img/icons-s1c846887f2.png') 0 -2473px no-repeat; width: 39px; height: 33px; z-index: 10; }
@media only screen and (max-width: 1199px) { .process__3_pic { left: 158px !important; } }
.process__3 .process__list_container { top: 80px; left: 0; width: 255px; max-height: 150px; }
@media only screen and (max-width: 1199px) { .process__3 .process__list_container { width: 357px; max-height: 104px; } }
.process__4 { top: 615px; left: -37px; }
@media only screen and (max-width: 1199px) { .process__4 { top: 168px; left: 208px; } }
@media only screen and (max-width: 478px) { .process__4 { top: 110px; left: 68px; } }
.process__4:before { content: ""; display: none; position: absolute; top: -49px; left: -14px; z-index: 300; background: url('../img/icons-s1c846887f2.png') 0 -158px no-repeat; width: 49px; height: 25px; }
.process__4_num { position: absolute; top: -70px; left: 0px; }
@media only screen and (max-width: 1199px) { .process__4_num { top: 8px; left: -22px; } }
.process__4_pic { background: url('../img/icons-s1c846887f2.png') 0 -2560px no-repeat; width: 36px; height: 30px; z-index: 10; }
.process__4 .process__list_container { top: 25px; left: -380px; width: 355px; max-height: 115px; }
@media only screen and (max-width: 1199px) { .process__4 .process__list_container { top: 75px; left: -121px; } }
.process__5 { top: 500px; left: -886px; }
@media only screen and (max-width: 1199px) { .process__5 { top: 193px; left: 91px; } }
@media only screen and (max-width: 478px) { .process__5 { top: 133px; left: 40px; } }
.process__5:before { content: ""; display: none; position: absolute; top: -9px; left: 257px; z-index: 300; background: url('../img/icons-s1c846887f2.png') 0 -193px no-repeat; width: 38px; height: 38px; }
.process__5_num { position: absolute; top: -8px; left: 300px; }
@media only screen and (max-width: 1199px) { .process__5_num { top: 16px; left: 200px; } }
.process__5_pic { background: url('../img/icons-s1c846887f2.png') 0 -2516px no-repeat; width: 35px; height: 34px; }
.process__5 .process__list_container { top: 80px; left: 0px; width: 355px; max-height: 175px; }
@media only screen and (max-width: 1199px) { .process__5 .process__list_container { left: -52px; width: 360px; max-height: 103px; } }
.process__6 { top: 120px; left: 45px; }
@media only screen and (max-width: 1199px) { .process__6 { top: 290px; left: 50px; } }
@media only screen and (max-width: 478px) { .process__6 { top: 178px; left: 95px; } }
.process__6 a { padding-right: 70px; }
@media only screen and (max-width: 1199px) { .process__6 a { padding: 5px 10px 10px 70px; }
  .process__6 a i { right: 150px; } }
.process__6:before { content: ""; display: none; position: absolute; top: 20px; left: 278px; z-index: 300; width: 50px; height: 30px; background: url('../img/icons-s1c846887f2.png') 0 -241px no-repeat; width: 25px; height: 48px; }
.process__6_num { position: absolute; top: 35px; left: 308px; }
@media only screen and (max-width: 1199px) { .process__6_num { top: 15px; left: -50px; } }
.process__6_pic { background: url('../img/icons-s1c846887f2.png') 0 -2271px no-repeat; width: 54px; height: 29px; }
.process__6 .process__list_container { top: 80px; left: 0px; width: 250px; max-height: 180px; }
@media only screen and (max-width: 1199px) { .process__6 .process__list_container { top: -160px; left: -130px; width: 325px; max-height: 138px; } }
.process .is_active { position: relative; }
.process .is_active b { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
@media only screen and (max-width: 1199px) { .process .is_active b { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } }
.process .is_active .process__list_container { height: auto; border: 2px solid #F3BE1E; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition: opacity 0.4s 0.6s; -o-transition: opacity 0.4s 0.6s; -webkit-transition: opacity 0.4s 0.6s; -ms-transition: opacity 0.4s 0.6s; transition: opacity 0.4s 0.6s; background-color: #FFF; z-index: 399; }
@media only screen and (max-width: 478px) { .process .is_active .process__list_container { display: none; } }
.process__4.is_active a:after { left: 95% !important; }

.pentagon { position: absolute; top: 371px; left: 50%; margin-left: -95px; width: 117px; height: 125px; background: #000 url("../img/pause.png"); z-index: 399; }
.pentagon img { position: absolute; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.pentagon .p1 { left: 71px; top: 22px; -ms-transform: rotate(-8deg); -webkit-transform: rotate(-8deg); transform: rotate(-8deg); }
.pentagon .p2 { left: -426px; top: -60px; -ms-transform: rotate(53deg); -webkit-transform: rotate(53deg); transform: rotate(53deg); }
.pentagon .p3 { left: -470px; top: -304px; -ms-transform: rotate(112deg); -webkit-transform: rotate(112deg); transform: rotate(112deg); }
.pentagon .p4 { left: -265px; top: -504px; -ms-transform: rotate(170deg); -webkit-transform: rotate(170deg); transform: rotate(170deg); }
.pentagon .p5 { left: 232px; top: -408px; -ms-transform: rotate(232deg); -webkit-transform: rotate(232deg); transform: rotate(232deg); }
.pentagon .p6 { left: 290px; top: -169px; -ms-transform: rotate(288deg); -webkit-transform: rotate(288deg); transform: rotate(288deg); }

.portfolio { vertical-align: top; *zoom: 1; }
@media only screen and (max-width: 480px) { .portfolio { height: auto; width: 100%; overflow: hidden; } }
@media only screen and (max-width: 320px) { .portfolio { width: 320px; } }
.portfolio__big { position: relative; float: left; height: 600px; width: 50%; overflow: hidden; }
@media only screen and (max-width: 1200px) { .portfolio__big { width: 100%; } }
@media only screen and (max-width: 630px) { .portfolio__big { width: 100%; height: 300px; } }
.portfolio__big:hover .portfolio__big_mask { opacity: 1; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; left: 0; }
.portfolio__big_wrap { position: absolute; height: 600px; text-align: center; left: 50%; margin-left: -500px; }
@media only screen and (max-width: 1200px) { .portfolio__big_wrap { position: static; margin-left: 0; width: 100%; } }
@media only screen and (max-width: 630px) { .portfolio__big_wrap { height: 300px; top: 50%; margin-top: -250px; } }
.portfolio__big_wrap img { height: 600px; width: 100%; }
.portfolio__big_mask, .portfolio__big .bg__green, .portfolio__big .bg__pink, .portfolio__big .bg__blue, .portfolio__big .bg__purple, .portfolio__big .bg__sun, .portfolio__big .bg__sea, .portfolio__big .bg__gold, .portfolio__big .bg__aqua { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; left: 20%; }
.portfolio__big_center { width: 450px; height: auto; text-align: center; -webkit-transition: opacity 2.5s ease; -moz-transition: opacity 2.5s ease; -ms-transition: opacity 2.5s ease; -o-transition: opacity 2.5s ease; transition: opacity 2.5s ease; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media only screen and (max-width: 480px) { .portfolio__big_center { width: 80%; } }
@media only screen and (max-width: 320px) { .portfolio__big_center { width: 300px; } }
.portfolio__big_center h3 { text-transform: uppercase; color: #FFF; font-size: 30px; line-height: 28px; font-weight: 400; font-family: Arial, sans-serif; }
.portfolio__big_center p { color: #FFF; font-size: 16px; margin-top: 15px; }
@media only screen and (max-width: 320px) { .portfolio__big_center p { width: 300px; } }
.portfolio__big .btn { margin-top: 50px; }
@media only screen and (max-width: 320px) { .portfolio__big .btn { margin-top: 20px; } }
.portfolio__small { position: relative; float: left; height: 300px; width: 50%; overflow: hidden; }
@media only screen and (max-width: 630px) { .portfolio__small { width: 100%; } }
.portfolio__small:hover .portfolio__small_mask, .portfolio__small:hover .bg__green, .portfolio__small:hover .bg__pink, .portfolio__small:hover .bg__blue, .portfolio__small:hover .bg__purple, .portfolio__small:hover .bg__sun, .portfolio__small:hover .bg__sea, .portfolio__small:hover .bg__gold, .portfolio__small:hover .bg__aqua { opacity: 1; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; left: 0; }
.portfolio__small_mask { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; left: 20%; }
.portfolio__small_center { width: 300px; height: auto; text-align: center; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media only screen and (max-width: 630px) { .portfolio__small_center { width: 350px; } }
@media only screen and (max-width: 480px) { .portfolio__small_center { width: 80%; } }
@media only screen and (max-width: 320px) { .portfolio__small_center { width: 300px; } }
.portfolio__small_center h3 { text-transform: uppercase; color: #FFF; font-size: 25px; line-height: 1.1; font-weight: 400; }
.portfolio__small_center p { color: #FFF; font-size: 16px; margin-top: 10px; }
.portfolio__small_center .btn { margin-top: 15px; }
.portfolio__small_wrap { position: absolute; width: 500px; height: 300px; text-align: center; left: 50%; margin-left: -250px; }
@media only screen and (max-width: 1200px) { .portfolio__small_wrap { position: static; width: 100%; } }
.portfolio__small_wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.portfolio__hight { position: relative; float: left; height: 600px; width: 50%; overflow: hidden; }
@media only screen and (max-width: 630px) { .portfolio__hight { width: 100%; height: 300px; } }
.portfolio__hight:hover .portfolio__small_mask, .portfolio__hight:hover .bg__green, .portfolio__hight:hover .bg__pink, .portfolio__hight:hover .bg__blue, .portfolio__hight:hover .bg__purple, .portfolio__hight:hover .bg__sun, .portfolio__hight:hover .bg__sea, .portfolio__hight:hover .bg__gold, .portfolio__hight:hover .bg__aqua { opacity: 1; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; left: 0; }
.portfolio__hight_wrap { position: absolute; width: 500px; height: 600px; text-align: center; left: 50%; margin-left: -250px; }
@media only screen and (max-width: 1200px) { .portfolio__hight_wrap { width: 100%; margin-left: -285px; } }
@media only screen and (max-width: 630px) { .portfolio__hight_wrap { height: 300px; position: static; margin-left: 0; left: 0; } }
.portfolio__hight_wrap img { height: 600px; width: auto; }
@media only screen and (max-width: 630px) { .portfolio__hight_wrap img { height: 300px; width: 100%; } }
.portfolio__hight h3 { margin-top: 30px; font-weight: 400; }
.portfolio__hight .btn { margin-top: 30px; }
.portfolio__long { position: relative; float: left; height: 300px; width: 100%; overflow: hidden; }
.portfolio__long:hover .portfolio__small_mask, .portfolio__long:hover .bg__green, .portfolio__long:hover .bg__pink, .portfolio__long:hover .bg__blue, .portfolio__long:hover .bg__purple, .portfolio__long:hover .bg__sun, .portfolio__long:hover .bg__sea, .portfolio__long:hover .bg__gold, .portfolio__long:hover .bg__aqua { opacity: 1; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; left: 0; }
.portfolio__long_wrap { position: absolute; width: 100%; height: 300px; text-align: center; top: 50%; margin-top: -150px; }
.portfolio__long_wrap img { height: auto; width: 100%; }
@media only screen and (max-width: 320px) { .portfolio__long_wrap img { height: 100%; } }
.portfolio:after { content: " "; display: table; clear: both; }

.row { height: 600px; *zoom: 1; }
.row:after { content: " "; display: table; clear: both; }

.portfolio__col { width: 50%; float: left; *zoom: 1; }
.portfolio__col:after { content: " "; display: table; clear: both; }
@media only screen and (max-width: 1200px) { .portfolio__col { width: 100%; } }

.small__vertical { width: 50%; float: left; *zoom: 1; }
@media only screen and (max-width: 630px) { .small__vertical { width: 100%; } }
.small__vertical .portfolio__small { width: 100%; }
.small__vertical:after { content: " "; display: table; clear: both; }

.small__horizontal { width: 100%; float: left; height: 300px; *zoom: 1; }
.small__horizontal:after { content: " "; display: table; clear: both; }

.btn { padding: 15px 40px; font-size: 17px; color: #474747; }

.btn__yellow { background-color: #ffd739; }

.bg__green { background-color: rgba(103, 182, 11, 0.75); }

.bg__pink { background-color: rgba(203, 59, 113, 0.75); }

.bg__blue { background-color: rgba(2, 128, 184, 0.75); }

.bg__purple { background-color: rgba(101, 85, 185, 0.75); }

.bg__sun { background-color: rgba(198, 136, 40, 0.75); }

.bg__sea { background-color: rgba(59, 95, 151, 0.75); }

.bg__gold { background-color: rgba(208, 236, 115, 0.75); }

.bg__aqua { background-color: rgba(30, 166, 155, 0.75); }

.slick-slideshow { height: 320px; }
@media only screen and (max-width: 480px) { .slick-slideshow { height: 300px; } }
@media only screen and (max-width: 1050px) { .slick-slideshow .slick-list { width: 800px; } }
@media only screen and (max-width: 830px) { .slick-slideshow .slick-list { width: 480px; } }
@media only screen and (max-width: 480px) { .slick-slideshow .slick-list { width: 460px; } }
@media only screen and (max-width: 478px) { .slick-slideshow .slick-list { width: 210px; margin: 0 auto; } }

.slick__slide_item { width: 235px; float: left; }
@media only screen and (max-width: 480px) { .slick__slide_item { width: 210px; margin-left: 12px; } }

.client { position: relative; height: 615px; padding-top: 1px; *zoom: 1; }
.client:after { content: " "; display: table; clear: both; }
@media only screen and (max-width: 480px) { .client { height: auto; } }
.client .big__title { margin-top: 80px; margin-bottom: 95px; }
@media only screen and (max-width: 480px) { .client .big__title { margin-top: 40px; margin-bottom: 30px; } }
.client__slider { *zoom: 1; }
.client__slider:after { content: " "; display: table; clear: both; }
@media only screen and (max-width: 480px) { .client__slider { width: 460px; } }
.client__wrap { float: left; position: relative; width: 100%; height: 160px; overflow: hidden; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); -o-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1); -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(grayScale=1)"; *zoom: 1; }
.client__wrap:after { content: " "; display: table; clear: both; }
@media only screen and (max-width: 480px) { .client__wrap { width: 80%; } }
@media only screen and (max-width: 478px) { .client__wrap { width: 100%; } }
.client__wrap:hover { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); -o-filter: grayscale(0%); }
.client__wrap_img { position: absolute; width: 200px; height: 160px; left: 50%; top: 25%; margin-top: -40px; line-height: 160px; margin-left: -100px; text-align: center; }
.client__wrap_img img { vertical-align: middle; }

.cycle__prev { position: absolute; top: 62%; left: -30px; z-index: 999; background: url('../img/icons-s1c846887f2.png') 0 -1706px no-repeat; width: 23px; height: 38px; }
@media only screen and (max-width: 480px) { .cycle__prev { left: -8px; } }

.cycle__next { position: absolute; top: 62%; right: -30px; z-index: 999; background: url('../img/icons-s1c846887f2.png') 0 -1598px no-repeat; width: 23px; height: 38px; }
@media only screen and (max-width: 480px) { .cycle__next { right: -8px; } }

.setka__left, .setka__right { position: absolute; top: -30px; background-image: url("../img/setka.png"); width: 229px; height: 545px; }

.setka__left { left: 0; }

.setka__right { right: 0; background-image: url("../img/setka_r.png"); width: 329px; height: 610px; }

.slider { position: relative; background-color: #FFF; margin: 60px auto; }
@media only screen and (max-width: 480px) { .slider { width: 480px; margin-left: -10px; } }
@media only screen and (max-width: 478px) { .slider { width: 320px; padding-bottom: 20px; } }
@media only screen and (max-width: 480px) { .slider .cycle-slideshow { width: 390px; margin: 0 auto; } }
@media only screen and (max-width: 478px) { .slider .cycle-slideshow { width: 300px; } }
@media only screen and (max-width: 1050px) { .slider .cycle-slideshow .slick-list { width: 800px; } }
@media only screen and (max-width: 830px) { .slider .cycle-slideshow .slick-list { width: 480px; } }
@media only screen and (max-width: 480px) { .slider .cycle-slideshow .slick-list { width: 460px; } }
@media only screen and (max-width: 478px) { .slider .cycle-slideshow .slick-list { width: 300px; } }

.comment { padding: 1px; background-image: url("../img/comment__bg.png"); -webkit-background-size: cover; -o-background-size: cover; background-size: cover; *zoom: 1; }
.comment:after { content: " "; display: table; clear: both; }
@media only screen and (max-width: 480px) { .comment { background-image: url("../img/comment__bg_m.png"); } }
.comment .big__title { color: #FFF; margin: 85px 30px 90px; }
@media only screen and (max-width: 830px) { .comment .big__title { margin: 35px 30px 45px; } }
@media only screen and (max-width: 480px) { .comment .big__title { margin: 50px 30px; } }
.comment__item { position: relative; background-color: #FFF; padding: 25px 70px 40px; *zoom: 1; }
.comment__item:after { content: " "; display: table; clear: both; }
@media only screen and (max-width: 830px) { .comment__item { padding: 25px 60px 40px; width: 360px; } }
@media only screen and (max-width: 480px) { .comment__item { padding: 25px 0 40px; } }
@media only screen and (max-width: 478px) { .comment__item { width: 250px; padding: 15px 5px 15px; } }
.comment img { float: left; height: 100%; width: 130px; margin-right: 30px; margin-top: 5px; }
@media only screen and (max-width: 480px) { .comment img { height: 119px; width: 119px; margin-right: 20px; } }
@media only screen and (max-width: 478px) { .comment img { margin: 0 0 0 50px; float: none; } }
.comment__name { font-size: 18px; color: #363636; font-family: Arial, sans-serif; }
@media only screen and (max-width: 910px) { .comment__name { width: 390px; } }
@media only screen and (max-width: 480px) { .comment__name { font-size: 20px; font-weight: bold; } }
@media only screen and (max-width: 478px) { .comment__name { width: 300px; float: left; } }
.comment__who { font-size: 13px; color: #8F8F8F; font-family: Arial, sans-serif; }
@media only screen and (max-width: 480px) { .comment__who { margin-top: 5px; } }
@media only screen and (max-width: 480px) { .comment__wrap { width: 400px; margin: 0 auto; } }
@media only screen and (max-width: 478px) { .comment__wrap { width: 250px; } }
.comment__site { display: inline-block; font-size: 13px; color: #f3be1e; font-family: Arial, sans-serif; margin-top: 10px; border-bottom: 1px solid #f3be1e; }
@media only screen and (max-width: 478px) { .comment__site { float: left; } }
.comment__site:hover { border-bottom: 1px solid transparent; }
.comment__content { width: 100%; }
@media only screen and (max-width: 1050px) { .comment__content { width: 690px; } }
@media only screen and (max-width: 830px) { .comment__content { width: 365px; } }
@media only screen and (max-width: 480px) { .comment__content { width: 390px; margin-top: 30px; } }
@media only screen and (max-width: 478px) { .comment__content { width: 235px; } }
.comment__content p { font-size: 13px; color: #363636; font-family: Arial, sans-serif; line-height: 22px; margin-top: 15px; }
@media only screen and (max-width: 480px) { .comment__content p { font-size: 16px; } }
@media only screen and (max-width: 478px) { .comment__content p { float: left; } }
.comment .slick-slider { overflow: hidden; }

.mapin { position: relative; height: 545px; overflow: hidden; padding: 1px; *zoom: 1; }
.mapin:after { content: " "; display: table; clear: both; }
@media only screen and (max-width: 650px) { .mapin { height: 995px; } }
.mapin #map { position: absolute; z-index: 1; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); -o-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1); -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(grayScale=1)"; }
@media only screen and (max-width: 650px) { .mapin #map { height: 995px; } }
.mapin__contakt { position: relative; float: right; margin-top: 90px; padding: 45px 30px 55px 45px; width: 255px; height: 360px; background-color: #FFF; z-index: 4; }
@media only screen and (max-width: 830px) { .mapin__contakt { margin-right: -75px; } }
@media only screen and (max-width: 650px) { .mapin__contakt { width: 295px; margin-top: 490px; margin-right: 45px; } }
@media only screen and (max-width: 478px) { .mapin__contakt { width: 260px; margin-right: 5px; padding: 45px 20px 30px 10px; } }
.mapin__contakt .btn { width: 240px; }
@media only screen and (max-width: 650px) { .mapin__contakt .btn { width: 280px; font-size: 20px; } }
@media only screen and (max-width: 478px) { .mapin__contakt .btn { width: 250px; margin-left: 10px; } }
.mapin__item { position: relative; margin-bottom: 40px; margin-left: 60px; }
.mapin__item .home { position: absolute; top: 2px; left: -60px; background: url('../img/icons-s1c846887f2.png') 0 -512px no-repeat; width: 41px; height: 41px; }
.mapin__item .tel { position: absolute; top: 2px; left: -60px; background: url('../img/icons-s1c846887f2.png') 0 -2009px no-repeat; width: 41px; height: 41px; }
.mapin__item .mail { position: absolute; top: 2px; left: -60px; background: url('../img/icons-s1c846887f2.png') 0 -1526px no-repeat; width: 41px; height: 41px; }
.mapin__item p, .mapin__item a { font-size: 13px; font-family: Arial, sans-serif; color: #808080; }
.mapin__item a { border-bottom: 1px solid #808080; }
.mapin__item a:hover { border-color: transparent; }
.mapin__item .mapin__tel { font-size: 16px; }
.mapin__title { font-size: 18px; color: #04151a; font-weight: bold; text-transform: uppercase; font-family: Arial, sans-serif; margin-bottom: 5px; }
.mapin__letter { position: relative; width: 570px; height: 328px; margin-top: 90px; float: left; z-index: 5; background-color: #FFF; background-image: url("../img/bdr.png"); }
@media only screen and (max-width: 1050px) { .mapin__letter { width: 300px; height: 390px; float: left; margin-top: 85px; background-image: url("../img/bdr_m_320.png"); } }
@media only screen and (max-width: 830px) { .mapin__letter { margin-right: -75px; left: -100px; margin-top: 90px; } }
@media only screen and (max-width: 650px) { .mapin__letter { width: 460px; height: 390px; left: 0; float: none; margin-top: 30px; background-image: url("../img/bdr_m.png"); } }
@media only screen and (max-width: 478px) { .mapin__letter { width: 300px; background-image: url("../img/bdr_m_320.png"); } }
.mapin__letter_contant { display: none; margin: 45px 35px; text-align: center; }
.mapin__letter_contant .btn { margin: 30px auto; width: 240px; }
@media only screen and (max-width: 1050px) { .mapin__letter_contant .btn { width: 220px; } }
@media only screen and (max-width: 650px) { .mapin__letter_contant .btn { position: absolute; top: 280px; left: 35px; width: 390px; font-size: 20px; } }
@media only screen and (max-width: 478px) { .mapin__letter_contant .btn { width: 220px; } }
.mapin__letter_return { display: none; background-color: #FFF; margin: 10px; z-index: 200; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; width: 95%; height: 95%; }
.mapin__letter_return i { position: absolute; top: 45px; left: 50%; margin-left: -50px; background: url('../img/icons-s1c846887f2.png') 0 -1898px no-repeat; width: 100px; height: 101px; }
.mapin__letter_return h3 { font-size: 33px; margin-top: 170px; }
.mapin__letter_return p { font-size: 22px; }
.mapin__letter .is_active { display: block; }

.letter__name, .letter__tel { height: 18px; width: 216px; border: 1px solid #efefef; padding: 10px; font-size: 14px; font-family: Arial, sans-serif; }
.letter__name:-moz-placeholder, .letter__name::-moz-placeholder, .letter__tel:-moz-placeholder, .letter__tel::-moz-placeholder { color: #c0c0c0; opacity: 1; }
.letter__name::-webkit-input-placeholder, .letter__tel::-webkit-input-placeholder { color: #c0c0c0; }
@media only screen and (max-width: 1050px) { .letter__name, .letter__tel { width: 200px; } }
@media only screen and (max-width: 650px) { .letter__name, .letter__tel { position: absolute; width: 370px; } }
@media only screen and (max-width: 478px) { .letter__name, .letter__tel { width: 200px; } }

@media only screen and (max-width: 1050px) { .letter__name { top: 50px; } }
@media only screen and (max-width: 650px) { .letter__name { top: 0px; } }

.letter__tel { margin-left: 20px; }
@media only screen and (max-width: 1050px) { .letter__tel { top: 100px; margin-left: 0; } }
@media only screen and (max-width: 650px) { .letter__tel { top: 10px; margin-left: 0; } }

.letter__text { height: 80px; width: 480px; margin-top: 25px; border: 1px solid #efefef; padding: 10px; font-size: 14px; font-family: Arial, sans-serif; resize: none; }
.letter__text:-moz-placeholder, .letter__text::-moz-placeholder { color: #c0c0c0; opacity: 1; }
.letter__text::-webkit-input-placeholder { color: #c0c0c0; }
@media only screen and (max-width: 1050px) { .letter__text { width: 200px; margin-top: 40px; } }
@media only screen and (max-width: 650px) { .letter__text { position: absolute; top: 100px; width: 370px; margin-top: 0; } }
@media only screen and (max-width: 478px) { .letter__text { width: 200px; } }

.letter__form_name, .letter__form_tel, .letter__form_text { position: relative; float: left; text-align: left; }
@media only screen and (max-width: 1050px) { .letter__form_name, .letter__form_tel, .letter__form_text { float: none; } }
.letter__form_name .has-error, .letter__form_tel .has-error, .letter__form_text .has-error { border-color: #f3aaaa; }
.letter__form_name .has-error + label, .letter__form_tel .has-error + label, .letter__form_text .has-error + label { position: absolute; left: 1px; font-size: 11px; color: #F3AAAA; text-align: left; }

.letter__form_name { width: 240px; }
@media only screen and (max-width: 1050px) { .letter__form_name { top: 0px; } }
@media only screen and (max-width: 650px) { .letter__form_name { height: 40px; top: 50px; } }
.letter__form_name label { position: absolute; bottom: -17px; }

.letter__form_tel { width: 260px; }
@media only screen and (max-width: 1050px) { .letter__form_tel { top: 20px; } }
@media only screen and (max-width: 650px) { .letter__form_tel { height: 40px; top: 65px; } }
.letter__form_tel label { margin-left: 20px; bottom: -15px; }
@media only screen and (max-width: 1050px) { .letter__form_tel label { top: 42px; margin-left: 0; } }
@media only screen and (max-width: 650px) { .letter__form_tel label { top: 52px; margin-left: 0; } }

.letter__form_text label { bottom: -15px; }
@media only screen and (max-width: 1050px) { .letter__form_text label { top: 145px; } }
@media only screen and (max-width: 650px) { .letter__form_text label { top: 205px; } }

.write__scroll { display: block; height: 50px; margin-top: -50px; background-color: #F45; }

.footer { background-color: #000; text-align: center; }
.footer p { color: #808080; font-size: 13px; font-family: Arial, sans-serif; line-height: 55px; }

.ymaps-2-1-23-zoom, .ymaps-2-1-23-button_size_s .ymaps-2-1-23-button__text, .ymaps-2-1-23-search__input, .ymaps-2-1-26-controls__toolbar, .ymaps-2-1-26-controls__control, .ymaps-2-1-27-controls__toolbar, .ymaps-2-1-27-controls__control { display: none !important; }

.btn__close { position: absolute; top: 15px; right: 15px; z-index: 999; width: 25px; height: 25px; background-color: transparent; }
.btn__close i { display: block; background: url('../img/icons-s1c846887f2.png') 0 -299px no-repeat; width: 14px; height: 14px; margin-left: 5px; }

.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-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; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white slick-image-url("ajax-loader.gif") center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-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; display: none; }
@media only screen and (max-width: 478px) { .slick-slide { width: 300px; } }
.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: 0; font: 0/0 a; text-shadow: none; color: transparent; height: 100%; width: 30px; background: none; }
.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: 50px; line-height: 50px; }

.slick-prev { left: 0px; }
.slick-prev:before { content: ""; display: inline-block; vertical-align: middle; background: url('../img/icons-s1c846887f2.png') 0 -1706px no-repeat; width: 23px; height: 38px; }

.slick-next { right: 0px; }
.slick-next:before { content: ""; display: inline-block; vertical-align: middle; background: url('../img/icons-s1c846887f2.png') 0 -1598px no-repeat; width: 23px; height: 38px; }

.slick-cycle .slick-prev { left: 0; }
.slick-cycle .slick-prev:before { content: ""; display: inline-block; vertical-align: middle; background: url('../img/icons-s1c846887f2.png') 0 -379px no-repeat; width: 32px; height: 46px; }
.slick-cycle .slick-next { right: 0; }
.slick-cycle .slick-next:before { content: ""; display: inline-block; vertical-align: middle; background: url('../img/icons-s1c846887f2.png') 0 -323px no-repeat; width: 32px; height: 46px; }

.slick-dots { display: none !important; text-align: center; position: absolute; margin: 0; bottom: 0; left: 0; right: 0; }
.slick-dots li { position: relative; display: inline-block; padding: 0 3px; }
.slick-dots li.slick-active button { opacity: 0.3; box-shadow: none; }
.slick-dots li:before { display: none; }
.slick-dots button { display: block; width: 6px; height: 6px; background: #fff; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); cursor: pointer; font: 0/0 a; text-shadow: none; color: transparent; border-radius: 50%; }
.slick-dots button:hover { box-shadow: none; }

.service { overflow: hidden; position: relative; padding: 1px; }

.sidebar { position: relative; width: 25%; float: left; font-size: 0; background-color: #FFF; z-index: 5; min-width: 270px; margin-right: 100px; margin: 98px auto 0; }
@media only screen and (max-width: 830px) { .sidebar { margin-top: 133px; } }
@media only screen and (max-width: 600px) { .sidebar { margin-top: 70px; } }
@media only screen and (max-width: 320px) { .sidebar { margin-top: 65px; } }
@media only screen and (max-width: 950px) { .sidebar { margin-right: 50px; } }
@media only screen and (max-width: 840px) { .sidebar { margin-right: 25px; } }
@media only screen and (max-width: 600px) { .sidebar { min-width: 100%; width: 100%; height: 90px; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; overflow: hidden; } }
@media only screen and (max-height: 450px) { .sidebar { margin-top: 67px; } }
.sidebar button { position: relative; width: 65px; height: 90px; background-color: transparent; z-index: 9; }
.sidebar button:after { content: ""; position: absolute; top: 44px; right: -20px; background: url('../img/icons-s1c846887f2.png') 0 0 no-repeat; width: 6px; height: 8px; }
.sidebar button i { display: block; width: 43px; height: 30px; margin-left: 10px; background-image: url("../img/b_menu.png"); }
.sidebar li { position: relative; display: block; height: 125px; border: 1px solid #EFEFEF; border-left: 0px; border-top: 0px; text-align: center; font-size: 0; }
.sidebar li:before { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; }
@media only screen and (max-width: 600px) { .sidebar li { display: none; } }
.sidebar li:hover:after { left: 0; transition: left 0.2s; }
.sidebar li:hover i { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); -o-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1); -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(grayScale=1)"; }
.sidebar li:after { content: ""; background-color: #ffd739; position: absolute; top: 0; left: -700px; height: 100%; width: 100%; }
.sidebar a { position: relative; display: inline-block; vertical-align: middle; line-height: 1; width: 68.75%; font-size: 16px; font-weight: bold; color: #474747; padding-left: 70px; text-transform: uppercase; text-align: left; z-index: 4; }
@media only screen and (max-width: 1200px) { .sidebar a { font-size: 14px; } }
@media only screen and (max-width: 350px) { .sidebar a { width: 61.75%; } }
@media only screen and (max-width: 320px) { .sidebar a { padding-top: 0px; padding-left: 95px; } }
.sidebar a i { position: absolute; top: 15px; left: 35px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: inline-block; }
@media only screen and (max-width: 320px) { .sidebar a i { top: 10px; } }
.sidebar .is-active { background-color: #ffd739; }
@media only screen and (max-width: 600px) { .sidebar .is-active { background-color: transparent; display: block; height: 90px; margin-top: -90px; }
  .sidebar .is-active i { display: none; } }

.expand { position: relative; height: 1063px; -moz-transition: height 3s ease; -o-transition: height 3s ease; -webkit-transition: height 3s ease; -ms-transition: height 3s ease; transition: height 3s ease; }
.expand button { background-color: #ccc; }
.expand button:after { display: none; }
.expand li { display: block; }
.expand .is-active { background-color: #ffd739; display: block; height: 90px; margin-top: 0; }
.expand .is-active i { display: block; }

.w1 { background: url('../img/icons-s1c846887f2.png') 0 -2310px no-repeat; width: 23px; height: 30px; }

.w2 { background: url('../img/icons-s1c846887f2.png') 0 -2350px no-repeat; width: 32px; height: 32px; }

.w3 { background: url('../img/icons-s1c846887f2.png') 0 -2392px no-repeat; width: 36px; height: 29px; }

.w4 { background: url('../img/icons-s1c846887f2.png') 0 -2431px no-repeat; width: 32px; height: 32px; }

.w5 { background: url('../img/icons-s1c846887f2.png') 0 -2473px no-repeat; width: 39px; height: 33px; }

.w6 { background: url('../img/icons-s1c846887f2.png') 0 -2516px no-repeat; width: 35px; height: 34px; }

.w7 { background: url('../img/icons-s1c846887f2.png') 0 -2560px no-repeat; width: 36px; height: 30px; }

.w8 { background: url('../img/icons-s1c846887f2.png') 0 -2600px no-repeat; width: 26px; height: 35px; }

.service__item { position: relative; padding: 180px 0 0px; margin: 98px auto 0; margin-left: 20px; background: url("../img/dsgn__bg.png"); *zoom: 1; }
.service__item:after { content: " "; display: table; clear: both; }
@media only screen and (max-width: 830px) { .service__item { margin-top: 133px; } }
@media only screen and (max-width: 600px) { .service__item { margin-top: 70px; } }
@media only screen and (max-width: 320px) { .service__item { margin-top: 65px; } }
@media only screen and (max-width: 1000px) { .service__item { padding-top: 90px; } }
@media only screen and (max-width: 730px) { .service__item { padding-top: 50px; } }
@media only screen and (max-width: 600px) { .service__item { width: 100%; min-height: 100%; } }
@media only screen and (max-height: 450px) { .service__item { margin-top: 67px; } }
.service__item_wrap { position: relative; z-index: 2; margin-left: 487px; *zoom: 1; }
.service__item_wrap:after { content: " "; display: table; clear: both; }
@media only screen and (max-width: 1250px) { .service__item_wrap { margin-left: 400px; } }
@media only screen and (max-width: 1100px) { .service__item_wrap { margin-left: 350px; } }
@media only screen and (max-width: 1050px) { .service__item_wrap { margin-left: 300px; } }
@media only screen and (max-width: 800px) { .service__item_wrap { margin-left: 275px; } }
@media only screen and (max-width: 600px) { .service__item_wrap { margin-left: 0; } }
.service__item_wrap img { float: left; height: auto; margin: 0 30px 25px 0px; }
@media only screen and (max-width: 1000px) { .service__item_wrap img { width: 200px; } }
@media only screen and (max-width: 840px) { .service__item_wrap img { width: 140px; margin: 10px 10px 10px 0; } }
@media only screen and (max-width: 735px) { .service__item_wrap img { display: none; } }
@media only screen and (max-width: 600px) { .service__item_wrap .show600 { display: block; width: 90%; margin: 20px 0 40px; } }
.service__item_contant { margin-right: 100px; }
@media only screen and (max-width: 1400px) { .service__item_contant { margin-right: 50px; } }
@media only screen and (max-width: 865px) { .service__item_contant { margin-right: 25px; padding-bottom: 20px; } }
.service__item_contant h2 { font-size: 42px; color: #0E1314; font-weight: bold; margin-bottom: 30px; text-transform: uppercase; }
@media only screen and (max-width: 1200px) { .service__item_contant h2 { font-size: 36px; } }
@media only screen and (max-width: 480px) { .service__item_contant h2 { line-height: 40px; margin-bottom: 10px; } }
.service__item_contant p { font-size: 15px; color: #5F5F5F; }

.dsgn { width: 100%; z-index: 1; }
.dsgn__img { position: absolute; top: 0; left: 50%; width: 1500px; margin-left: -1250px; text-align: center; }

.spin { position: relative; top: 0; padding: 1px; height: 940px; overflow: hidden; *zoom: 1; }
.spin:after { content: " "; display: table; clear: both; }
@media only screen and (max-width: 750px) { .spin { height: 905px; } }
@media only screen and (max-width: 480px) { .spin { height: 657px; } }
.spin .l_center { position: relative; }
@media only screen and (max-width: 1050px) { .spin .l_center { width: 800px; } }
@media only screen and (max-width: 830px) { .spin .l_center { width: 480px; } }
@media only screen and (max-width: 520px) { .spin .l_center { width: 90%; } }
@media only screen and (max-width: 320px) { .spin .l_center { width: 240px; } }
.spin .big__title { color: #FFF; }
.spin__container { position: relative; margin-top: 150px; text-align: center; }
@media only screen and (max-width: 830px) { .spin__container { margin-top: 140px; }
  .spin__container .big__title { margin-bottom: 35px; } }
@media only screen and (max-width: 750px) { .spin__container { margin-top: 100px; } }
@media only screen and (max-width: 480px) { .spin__container { margin: 100px auto 0; width: 90%; } }
@media only screen and (max-width: 416px) { .spin__container { margin-top: 80px; } }
@media only screen and (max-width: 320px) { .spin__container { margin-top: 80px; }
  .spin__container .big__title { margin-bottom: 25px; } }
.spin__container p { color: #FFF; margin: 0 auto; font-size: 22px; font-family: Arial, sans-serif; }
@media only screen and (max-width: 480px) { .spin__container p { margin-top: 30px; line-height: 30px; } }
@media only screen and (max-width: 400px) { .spin__container p { font-size: 18px; } }
@media only screen and (max-width: 320px) { .spin__container p { font-size: 16px; line-height: 24px; } }
.spin .comment__prev, .spin .comment__next { z-index: 10; }
@media only screen and (max-width: 750px) { .spin .key__img img { width: 1450px; margin-top: 64px; } }
@media only screen and (max-width: 570px) { .spin .key__img img { height: auto; } }
@media only screen and (max-width: 549px) { .spin .key__img img { width: 550px; margin-top: -83px; } }
@media only screen and (max-width: 480px) { .spin .key__img img { margin-top: -142px; } }
@media only screen and (max-width: 320px) { .spin .key__img img { width: 400px; margin-top: -49px; } }

.big { position: relative; background-color: #FFF; min-height: 1300px; height: auto; overflow: hidden; }
@media only screen and (max-width: 750px) { .big { top: -140px; margin-bottom: -140px; } }
@media only screen and (max-width: 520px) { .big { top: -255px; margin-bottom: -255px; } }
@media only screen and (max-width: 480px) { .big { top: -70px; margin-bottom: -70px; } }
@media only screen and (max-width: 320px) { .big { top: -135px; margin-bottom: -135px; } }
.big .key__img { bottom: 0; }
.big__img { float: right; margin: 50px 0 35px; width: 65%; max-width: 740px; }
@media only screen and (max-width: 800px) { .big__img { width: 100%; margin-top: 0; } }
@media only screen and (max-width: 480px) { .big__img { margin: 0 auto 30px; } }

.bild { width: 33%; float: left; margin-top: 50px; }
@media only screen and (max-width: 800px) { .bild { width: 100%; } }
@media only screen and (max-width: 480px) { .bild { margin: 35px 0 0 -10px; } }
.bild li { padding-left: 10px; margin: 0 0 140px 25px; list-style-image: url("../img/list__img.png"); }
@media only screen and (max-width: 1000px) { .bild li { margin-bottom: 100px; } }
@media only screen and (max-width: 900px) { .bild li { margin-bottom: 70px; } }
@media only screen and (max-width: 800px) { .bild li { margin-bottom: 50px; } }
@media only screen and (max-width: 480px) { .bild li { margin-bottom: 35px; } }
.bild li h2 { font-size: 24px; line-height: 21px; color: #0E1314; font-family: "Exo 2", Arial, sans-serif; font-weight: 700; }
.bild li p { font-size: 14px; color: #5F5F5F; margin-top: 15px; font-family: "Exo 2", Arial, sans-serif; font-weight: 300; }
@media only screen and (max-width: 480px) { .bild li p { font-size: 16px; } }

.new_site { position: relative; margin: 0 auto; z-index: 10; *zoom: 1; }
.new_site:after { content: " "; display: table; clear: both; }
@media only screen and (max-width: 1220px) { .new_site { display: none; } }

.him { background-image: url("../img/bg-hiw.png"); }

.box { position: relative; box-shadow: 0 1px 50px rgba(0, 0, 0, 0.25), 0 0 50px rgba(0, 0, 0, 0.1) inset; }

.box:after { position: absolute; width: 92%; height: 15%; left: 4%; border-radius: 1%; z-index: -1; bottom: 1%; content: ""; box-shadow: 0 9px 18px rgba(0, 0, 0, 0.4); }

#how-it-works-main { margin: 0 10px 60px !important; }

.bg__in2 { height: 645px; background: #a095c7 url("../img/bg_in2.png") repeat; }
@media only screen and (max-width: 830px) { .bg__in2 { height: 565px; } }
@media only screen and (max-width: 480px) { .bg__in2 { height: 480px; } }

#main { position: relative; margin-top: -150px; width: 100%; overflow: hidden; *zoom: 1; }
#main:after { content: " "; display: table; clear: both; }
@media only screen and (max-width: 480px) { #main { margin-top: -100px; } }

.carousel { position: relative; margin: 0 auto; z-index: 2; }
@media only screen and (max-width: 480px) { .carousel { margin-bottom: -50px; } }
.carousel__main { width: 945px; margin: 0 auto; z-index: 2; }
@media only screen and (max-width: 479px) { .carousel__main { width: 100%; } }
@media only screen and (max-width: 320px) { .carousel__main { width: 320px; } }
@media only screen and (max-width: 800px) { .carousel__main_img { width: 800px; } }
.carousel__main img { width: 943px; }
@media only screen and (max-width: 950px) { .carousel__main img { width: 90%; margin-left: 40px; } }
@media only screen and (max-width: 900px) { .carousel__main img { margin-left: 0px; } }
@media only screen and (max-width: 800px) { .carousel__main img { width: 800px; margin-left: -30px; } }
@media only screen and (max-width: 700px) { .carousel__main img { width: 700px; margin-left: -30px; } }
@media only screen and (max-width: 600px) { .carousel__main img { width: 550px; margin-left: 9px; } }
@media only screen and (max-width: 550px) { .carousel__main img { margin-left: 0px; } }
@media only screen and (max-width: 500px) { .carousel__main img { margin-left: -30px; } }
@media only screen and (max-width: 480px) { .carousel__main img { width: 500px; margin: 0 auto; } }
@media only screen and (max-width: 470px) { .carousel__main img { width: 480px; } }
@media only screen and (max-width: 460px) { .carousel__main img { width: 100%; } }
@media only screen and (max-width: 320px) { .carousel__main img { width: 340px; } }
@media only screen and (max-width: 320px) { .carousel__main .slick-list { width: 300px; margin: 0 auto; } }
.carousel__preview { height: 750px; background-color: #FCCC50; margin-top: -50px; }
@media only screen and (max-width: 480px) { .carousel__preview { height: auto; padding-bottom: 150px; } }
.carousel__preview img { display: block; max-width: 100%; box-shadow: 0 10px 50px rgba(0, 0, 0, 0.25), 0 0 50px rgba(0, 0, 0, 0.1) inset; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; margin: 180px auto 20px; }
@media only screen and (max-width: 1400px) { .carousel__preview img { box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25), 0 0 20px rgba(0, 0, 0, 0.1) inset; } }
@media only screen and (max-width: 950px) { .carousel__preview img { width: 90%; } }
@media only screen and (max-width: 480px) { .carousel__preview img { width: 90%; height: auto; margin: 10px auto; } }
@media only screen and (max-width: 320px) { .carousel__preview img { width: 300px; margin: 10px auto; } }
.carousel__preview .slick-slide { cursor: pointer; }
.carousel__preview .slick-active:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.carousel__preview .slick-prev { background: #FCCC50; left: 0px; top: 0; margin-top: 0; height: 100%; width: 35px; }
.carousel__preview .slick-prev:before { content: ""; position: absolute; top: 50%; margin-top: -25px; left: 0px; z-index: 10; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; background: url('../img/icons-s1c846887f2.png') 0 -1754px no-repeat; width: 30px; height: 50px; }
.carousel__preview .slick-prev:hover:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.carousel__preview .slick-next { background: #FCCC50; right: 0; width: 35px; }
.carousel__preview .slick-next:before { content: ""; position: absolute; top: 50%; margin-top: -25px; right: 0px; z-index: 10; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; background: url('../img/icons-s1c846887f2.png') 0 -1646px no-repeat; width: 30px; height: 50px; }
.carousel__preview .slick-next:hover:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.carousel + .product { position: relative; top: -15px; }

.product-wrap { *zoom: 1; }
.product-wrap:after { content: " "; display: table; clear: both; }

.main { margin: 0 auto; position: relative; padding: 55px 50px; background: #fff; max-width: 1080px; *zoom: 1; }
.main:after { content: " "; display: table; clear: both; }

.main__wrap { position: relative; *zoom: 1; }
.main__wrap:after { content: " "; display: table; clear: both; }

.carousel__title { position: relative; text-align: center; -webkit-transform: translate(-7px, -125px); -moz-transform: translate(-7px, -125px); -ms-transform: translate(-7px, -125px); -o-transform: translate(-7px, -125px); transform: translate(-7px, -125px); height: 0; z-index: 9; }
@media only screen and (max-width: 480px) { .carousel__title { -webkit-transform: translate(-7px, -75px); -moz-transform: translate(-7px, -75px); -ms-transform: translate(-7px, -75px); -o-transform: translate(-7px, -75px); transform: translate(-7px, -75px); } }
.carousel__title a { font-size: 56px; color: #FFF; border-bottom: 4px solid #fff; }
@media only screen and (max-width: 480px) { .carousel__title a { font-size: 30px; border-bottom: 2px solid #fff; } }
.carousel__title a:hover { border-bottom: 4px solid transparent; }

.cover__bg { position: relative; min-height: 1500px; height: 100%; background-color: #153152; text-align: center; overflow: hidden; z-index: 2; *zoom: 1; }
.cover__bg:after { content: " "; display: table; clear: both; }
@media only screen and (max-width: 1300px) { .cover__bg { padding: 0 10px; } }

.cover__img { position: absolute; width: 2000px; left: 50%; margin-left: -1000px; z-index: 3; }

.title__smile { position: relative; margin: 200px 0 150px; font-size: 105px; color: #FFF; text-transform: lowercase; text-align: center; z-index: 9; font-family: "Raleway", Arial, sans-serif; font-weight: 800; }
@media only screen and (max-width: 1050px) { .title__smile { margin: 140px 0 85px; } }
@media only screen and (max-width: 480px) { .title__smile { font-size: 68px; } }
.title__smile i { display: inline-block; margin: 0 20px -10px 0; background: url('../img/icons-s1c846887f2.png') 0 -2060px no-repeat; width: 121px; height: 116px; }
@media only screen and (max-width: 480px) { .title__smile i { background: url('../img/icons-s1c846887f2.png') 0 -2186px no-repeat; width: 79px; height: 75px; } }

.s_container { position: relative; text-align: left; padding-bottom: 150px; width: 94%; max-width: 1300px; margin: 0 auto; z-index: 3; *zoom: 1; }
.s_container:after { content: " "; display: table; clear: both; }
@media only screen and (max-width: 1300px) { .s_container { padding: 0 10px 150px; } }
@media only screen and (max-width: 770px) { .s_container { padding-bottom: 100px; } }
@media only screen and (max-width: 480px) { .s_container { width: 95%; padding-bottom: 75px; } }
@media only screen and (max-width: 320px) { .s_container { width: 300px; margin-left: -10px; } }
.s_container img { display: inline-block; }

.s_text { float: left; width: 37%; margin-bottom: 70px; *zoom: 1; }
.s_text:after { content: " "; display: table; clear: both; }
@media only screen and (max-width: 770px) { .s_text { width: 100%; } }
@media only screen and (max-width: 480px) { .s_text { margin-bottom: 35px; } }
.s_text h2 { font-size: 40px; color: #F3BE1E; text-transform: uppercase; font-family: "Exo 2", Arial, sans-serif; font-weight: 700; }
.s_text p { font-size: 18px; color: #8DA1BA; font-family: "Exo 2", Arial, sans-serif; font-weight: 300; }

.s_big_pic { width: 60%; float: right; margin-bottom: 60px; box-shadow: 0 10px 50px rgba(0, 0, 0, 0.25), 0 0 50px rgba(0, 0, 0, 0.1) inset; }
@media only screen and (max-width: 770px) { .s_big_pic { width: 100%; } }
@media only screen and (max-width: 480px) { .s_big_pic { margin: 0 auto 35px; float: left; } }
@media only screen and (max-width: 320px) { .s_big_pic { width: 300px; } }

.s_small_pic { float: left; width: 37%; margin-bottom: 65px; box-shadow: 0 10px 50px rgba(0, 0, 0, 0.25), 0 0 50px rgba(0, 0, 0, 0.1) inset; }
@media only screen and (max-width: 770px) { .s_small_pic { width: 100%; } }
@media only screen and (max-width: 480px) { .s_small_pic { margin-bottom: 35px; } }
@media only screen and (max-width: 320px) { .s_small_pic { width: 300px; } }

.in2 { -webkit-box-shadow: none; box-shadow: none; }

.bg__in3 { background-color: #c11115; height: 420px; }
@media only screen and (max-width: 320px) { .bg__in3 { height: 335px; } }

.inside__img { position: relative; margin: 0 auto; width: 100%; height: 5945px; overflow: hidden; background-color: #1c1c1c; }
@media only screen and (max-width: 1200px) { .inside__img { height: 4655px; } }
@media only screen and (max-width: 830px) { .inside__img { height: 3435px; } }
@media only screen and (max-width: 600px) { .inside__img { height: 2820px; } }
@media only screen and (max-width: 480px) { .inside__img { width: 100%; height: 3437px; } }
@media only screen and (max-width: 430px) { .inside__img { height: 2774px; } }
@media only screen and (max-width: 380px) { .inside__img { height: 2470px; } }
@media only screen and (max-width: 320px) { .inside__img { height: 2110px; } }
.inside__img_wrap { position: absolute; width: 2000px; left: 50%; margin-left: -1000px; text-align: center; }
.inside__img img { margin: -16px auto 0; }
@media only screen and (max-width: 1200px) { .inside__img img { width: 1500px; } }
@media only screen and (max-width: 830px) { .inside__img img { width: 1100px; } }
@media only screen and (max-width: 600px) { .inside__img img { width: 900px; } }
@media only screen and (max-width: 480px) { .inside__img img { width: 560px; } }
@media only screen and (max-width: 430px) { .inside__img img { width: 450px; } }
@media only screen and (max-width: 380px) { .inside__img img { width: 400px; } }
@media only screen and (max-width: 320px) { .inside__img img { width: 340px; } }

.bad { -webkit-transform: translate(0, -106px); -moz-transform: translate(0, -106px); -ms-transform: translate(0, -106px); -o-transform: translate(0, -106px); transform: translate(0, -106px); -webkit-transform: translate(0, -60px); -moz-transform: translate(0, -60px); -ms-transform: translate(0, -60px); -o-transform: translate(0, -60px); transform: translate(0, -60px); }
@media only screen and (max-width: 480px) { .bad { height: 0; text-align: center; background-color: #1c1c1c; -webkit-transform: translate(0px, -66px); -moz-transform: translate(0px, -66px); -ms-transform: translate(0px, -66px); -o-transform: translate(0px, -66px); transform: translate(0px, -66px); } }
.bad a { font-family: "Bad Script", Arial, sans-serif; font-weight: 400; background-color: #1c1c1c; z-index: 300; font-size: 36px; padding: 10px 20px 0; border-bottom: none; text-decoration: underline; }
.bad a:hover { text-decoration: none; border-bottom: none; }
@media only screen and (max-width: 830px) { .bad a { font-size: 30px; } }
@media only screen and (max-width: 480px) { .bad a { font-size: 30px; padding: 0 20px; } }

.job { position: relative; width: 100%; padding-top: 1px; overflow: hidden; *zoom: 1; }
.job:after { content: " "; display: table; clear: both; }
.job .big__title { margin: 150px auto 70px; }
@media only screen and (max-width: 480px) { .job .big__title { margin: 90px auto 50px; } }
.job__item { position: relative; float: left; width: 25%; }
@media only screen and (max-width: 1185px) { .job__item { width: 50%; } }
@media only screen and (max-width: 680px) { .job__item { width: 100%; } }
.job__item:hover .job__mask { opacity: 1; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; left: 0; }
.job__img { position: relative; height: 0; padding-top: 100%; }
.job__img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.job__mask, .job .bg__green, .job .bg__pink, .job .bg__blue, .job .bg__purple, .job .bg__sun, .job .bg__sea, .job .bg__gold, .job .bg__aqua { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; left: 20%; }
.job__mask h2, .job .bg__green h2, .job .bg__pink h2, .job .bg__blue h2, .job .bg__purple h2, .job .bg__sun h2, .job .bg__sea h2, .job .bg__gold h2, .job .bg__aqua h2 { width: 80%; margin: 170px auto 20px; text-align: center; color: #F4CE36; font-size: 20px; text-transform: uppercase; }
@media only screen and (max-width: 1600px) { .job__mask h2, .job .bg__green h2, .job .bg__pink h2, .job .bg__blue h2, .job .bg__purple h2, .job .bg__sun h2, .job .bg__sea h2, .job .bg__gold h2, .job .bg__aqua h2 { margin-top: 600px; } }
@media only screen and (max-width: 1400px) { .job__mask h2, .job .bg__green h2, .job .bg__pink h2, .job .bg__blue h2, .job .bg__purple h2, .job .bg__sun h2, .job .bg__sea h2, .job .bg__gold h2, .job .bg__aqua h2 { margin-top: 30px; } }
@media only screen and (max-width: 1215px) { .job__mask h2, .job .bg__green h2, .job .bg__pink h2, .job .bg__blue h2, .job .bg__purple h2, .job .bg__sun h2, .job .bg__sea h2, .job .bg__gold h2, .job .bg__aqua h2 { margin: 20px auto 10px; } }
@media only screen and (max-width: 1185px) { .job__mask h2, .job .bg__green h2, .job .bg__pink h2, .job .bg__blue h2, .job .bg__purple h2, .job .bg__sun h2, .job .bg__sea h2, .job .bg__gold h2, .job .bg__aqua h2 { font-size: 28px; margin: 120px auto 35px; } }
@media only screen and (max-width: 1100px) { .job__mask h2, .job .bg__green h2, .job .bg__pink h2, .job .bg__blue h2, .job .bg__purple h2, .job .bg__sun h2, .job .bg__sea h2, .job .bg__gold h2, .job .bg__aqua h2 { font-size: 25px; } }
@media only screen and (max-width: 1000px) { .job__mask h2, .job .bg__green h2, .job .bg__pink h2, .job .bg__blue h2, .job .bg__purple h2, .job .bg__sun h2, .job .bg__sea h2, .job .bg__gold h2, .job .bg__aqua h2 { font-size: 20px; } }
@media only screen and (max-width: 885px) { .job__mask h2, .job .bg__green h2, .job .bg__pink h2, .job .bg__blue h2, .job .bg__purple h2, .job .bg__sun h2, .job .bg__sea h2, .job .bg__gold h2, .job .bg__aqua h2 { margin-top: 70px; } }
@media only screen and (max-width: 800px) { .job__mask h2, .job .bg__green h2, .job .bg__pink h2, .job .bg__blue h2, .job .bg__purple h2, .job .bg__sun h2, .job .bg__sea h2, .job .bg__gold h2, .job .bg__aqua h2 { margin: 50px auto 20px; } }
@media only screen and (max-width: 700px) { .job__mask h2, .job .bg__green h2, .job .bg__pink h2, .job .bg__blue h2, .job .bg__purple h2, .job .bg__sun h2, .job .bg__sea h2, .job .bg__gold h2, .job .bg__aqua h2 { margin: 30px auto 20px; } }
@media only screen and (max-width: 680px) { .job__mask h2, .job .bg__green h2, .job .bg__pink h2, .job .bg__blue h2, .job .bg__purple h2, .job .bg__sun h2, .job .bg__sea h2, .job .bg__gold h2, .job .bg__aqua h2 { margin: 150px auto 35px; font-size: 25px; line-height: 36px; } }
@media only screen and (max-width: 530px) { .job__mask h2, .job .bg__green h2, .job .bg__pink h2, .job .bg__blue h2, .job .bg__purple h2, .job .bg__sun h2, .job .bg__sea h2, .job .bg__gold h2, .job .bg__aqua h2 { margin: 80px auto 35px; font-size: 25px; line-height: 36px; } }
@media only screen and (max-width: 450px) { .job__mask h2, .job .bg__green h2, .job .bg__pink h2, .job .bg__blue h2, .job .bg__purple h2, .job .bg__sun h2, .job .bg__sea h2, .job .bg__gold h2, .job .bg__aqua h2 { margin: 40px auto 20px; } }
@media only screen and (max-width: 390px) { .job__mask h2, .job .bg__green h2, .job .bg__pink h2, .job .bg__blue h2, .job .bg__purple h2, .job .bg__sun h2, .job .bg__sea h2, .job .bg__gold h2, .job .bg__aqua h2 { margin: 30px auto 15px; font-size: 20px; line-height: 20px; } }
.job__mask p, .job .bg__green p, .job .bg__pink p, .job .bg__blue p, .job .bg__purple p, .job .bg__sun p, .job .bg__sea p, .job .bg__gold p, .job .bg__aqua p { display: block; width: 80%; margin: 0 auto; text-align: center; font-size: 14px; color: #fff; }
@media only screen and (max-width: 1185px) { .job__mask p, .job .bg__green p, .job .bg__pink p, .job .bg__blue p, .job .bg__purple p, .job .bg__sun p, .job .bg__sea p, .job .bg__gold p, .job .bg__aqua p { font-size: 20px; } }
@media only screen and (max-width: 1000px) { .job__mask p, .job .bg__green p, .job .bg__pink p, .job .bg__blue p, .job .bg__purple p, .job .bg__sun p, .job .bg__sea p, .job .bg__gold p, .job .bg__aqua p { font-size: 16px; } }
@media only screen and (max-width: 680px) { .job__mask p, .job .bg__green p, .job .bg__pink p, .job .bg__blue p, .job .bg__purple p, .job .bg__sun p, .job .bg__sea p, .job .bg__gold p, .job .bg__aqua p { font-style: 20px; } }
@media only screen and (max-width: 320px) { .job__mask p, .job .bg__green p, .job .bg__pink p, .job .bg__blue p, .job .bg__purple p, .job .bg__sun p, .job .bg__sea p, .job .bg__gold p, .job .bg__aqua p { font-style: 16px; } }
.job__mask .btn, .job .bg__green .btn, .job .bg__pink .btn, .job .bg__blue .btn, .job .bg__purple .btn, .job .bg__sun .btn, .job .bg__sea .btn, .job .bg__gold .btn, .job .bg__aqua .btn { display: block; margin: 20px auto 0; }
@media only screen and (max-width: 1185px) { .job__mask .btn, .job .bg__green .btn, .job .bg__pink .btn, .job .bg__blue .btn, .job .bg__purple .btn, .job .bg__sun .btn, .job .bg__sea .btn, .job .bg__gold .btn, .job .bg__aqua .btn { margin-top: 50px; } }
@media only screen and (max-width: 1100px) { .job__mask .btn, .job .bg__green .btn, .job .bg__pink .btn, .job .bg__blue .btn, .job .bg__purple .btn, .job .bg__sun .btn, .job .bg__sea .btn, .job .bg__gold .btn, .job .bg__aqua .btn { margin-top: 35px; } }
@media only screen and (max-width: 800px) { .job__mask .btn, .job .bg__green .btn, .job .bg__pink .btn, .job .bg__blue .btn, .job .bg__purple .btn, .job .bg__sun .btn, .job .bg__sea .btn, .job .bg__gold .btn, .job .bg__aqua .btn { margin-top: 20px; } }
@media only screen and (max-width: 680px) { .job__mask .btn, .job .bg__green .btn, .job .bg__pink .btn, .job .bg__blue .btn, .job .bg__purple .btn, .job .bg__sun .btn, .job .bg__sea .btn, .job .bg__gold .btn, .job .bg__aqua .btn { margin-top: 50px; } }
@media only screen and (max-width: 460px) { .job__mask .btn, .job .bg__green .btn, .job .bg__pink .btn, .job .bg__blue .btn, .job .bg__purple .btn, .job .bg__sun .btn, .job .bg__sea .btn, .job .bg__gold .btn, .job .bg__aqua .btn { margin-top: 30px; } }
@media only screen and (max-width: 320px) { .job__mask .btn, .job .bg__green .btn, .job .bg__pink .btn, .job .bg__blue .btn, .job .bg__purple .btn, .job .bg__sun .btn, .job .bg__sea .btn, .job .bg__gold .btn, .job .bg__aqua .btn { margin-top: 20px; } }

@media only screen and (max-width: 1220px) { .hide1220 { display: none; } }

.show1220 { display: none; }
@media only screen and (max-width: 1220px) { .show1220 { display: block; } }

@media only screen and (max-width: 1199px) { .hide1199 { display: none; } }

.show1199 { display: none; }
@media only screen and (max-width: 1199px) { .show1199 { display: block; } }

.dblock { display: block; }

@media only screen and (max-width: 600px) { .hide600 { display: none; } }

.show600 { display: none; }
@media only screen and (max-width: 600px) { .show600 { display: block; } }

@media only screen and (max-width: 480px) { .hide480 { display: none; } }

.show480 { display: none; }
@media only screen and (max-width: 480px) { .show480 { display: block; } }

.show320 { display: none; }
@media only screen and (max-width: 320px) { .show320 { display: block; } }

.hide320 { display: none; }
@media only screen and (max-width: 320px) { .hide320 { display: none; } }

.clear { clear: both; height: 0; }

a { text-decoration: none; }

.out { position: relative; height: auto !important; margin: 0 auto; background-color: #FFF; *zoom: 1; }
.out:after { content: " "; display: table; clear: both; }
@media only screen and (max-width: 480px) { .out { overflow: hidden; } }

.l_center { position: relative; width: 980px; margin: 0 auto; *zoom: 1; }
.l_center:after { content: " "; display: table; clear: both; }
@media only screen and (max-width: 1050px) { .l_center { width: 800px; } }
@media only screen and (max-width: 830px) { .l_center { width: 480px; } }
@media only screen and (max-width: 480px) { .l_center { width: 460px; } }
@media only screen and (max-width: 470px) { .l_center { width: 300px; } }

.b_center { position: relative; width: 90%; margin: 0 auto; z-index: 3; max-width: 1320px; *zoom: 1; }
.b_center:after { content: " "; display: table; clear: both; }
@media only screen and (max-width: 1300px) { .b_center { padding: 0 10px; } }

.x_center { position: relative; width: 1294px; margin: 0 auto; z-index: 3; *zoom: 1; }
.x_center:after { content: " "; display: table; clear: both; }
@media only screen and (max-width: 1300px) { .x_center { width: 1200px; } }
@media only screen and (max-width: 480px) { .x_center { width: 460px; } }

.min1200 { min-width: 1180px; width: 100%; }
@media only screen and (max-width: 1300px) { .min1200 { width: 1200px; margin: 0 auto; } }
@media only screen and (max-width: 480px) { .min1200 { min-width: 480px; width: 480px; overflow: hidden; } }

.min1200_a { min-width: 1180px; width: 100%; }
@media only screen and (max-width: 1300px) { .min1200_a { margin: 0 auto; } }
@media only screen and (max-width: 480px) { .min1200_a { min-width: 480px; overflow: hidden; } }