@font-face { font-family: ProximaB; src: url(../fonts/proxb.otf) format('opentype'); }
@font-face { font-family: Proxima; src: url(../fonts/proxl.otf) format('opentype'); }
@font-face { font-family: Tkach; src: url(../fonts/tkach.otf) format('opentype'); }

body{ margin: 0; padding: 0; min-width: 1260px; font: 1.2em Proxima; }

h1{ font: 1.4em ProximaB; margin: 0 0 20px 0; text-align: left; }
h2{ font: 1em ProximaB; margin: 0 0 20px 0; text-align: center; }
h3{ font: 2em ProximaB; color: #60d7bd; margin: 0 0 20px 0; text-align: left; }

a{ vertical-align: baseline; }
a{ transition: color 0.6s ease; -webkit-transition: color 0.6s ease; -moz-transition: color 0.6s ease; }
a:hover{ color: #f26522; transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; }

p{ margin: 0 0 20px 0; }
img{ border: 0; }
b, strong{ font: 1em ProximaB; }
.kryaz{ font: 1.3em Tkach; }
ul,li{margin:0;padding:0;}
.tels{ display: block; float: right; text-align: right; white-space: nowrap; font: 0.9em Verdana; margin: 7px 0px 0px 0px; color: #525252; }

.clr{ dispaly: block; height: 1px; overflow: hidden; clear: both; }
.clr2{ dispaly: block; height: 1px; overflow: hidden; clear: both; border-bottom: 1px solid #60d7bd; margin: 50px 0px 60px; }
.clr3{ dispaly: block; height: 1px; overflow: hidden; clear: both; border-bottom: 1px solid #ffffff; margin: 50px 0px 60px; }

.slide { width: 100%; }
.float-left{ float: left; margin: 0 0 0 0; }
.float-right{ float: right; margin: 0 0 0 0; }
.center{ font-size: 2.5em; padding: 80px 0 0 0; text-align: center; }

.blocker{ margin: 0 auto; width: 1230px; min-width: 1230px; padding: 0 15px; }

.docked{ position: fixed; width: 100%; height: 137px; z-index: 1000; background: url(../images/totoper.png) repeat-x bottom; }
.docked .float-left{ position: absolute; padding: 6px 0px 18px 0px; }
.docked .float-left #nav3 li{ list-style: none; }

.docked .float-right #nav2{ list-style: none; position: relative; z-index: 1999; }
.docked .float-right #nav2 li{ float: left; margin: 20px 0 0 20px; padding: 0; color: #222222; }
.docked .float-right #nav2 li a{ display: block; width: auto; height: auto; border-radius: 0px; background-color: transparent; border: 0; font-size: 0.9em; color: #222222; }
.docked .float-right #nav2 li a:hover{ color: #60d7bd; }

.story{ margin: 0 auto; padding: 0px 100px; min-width: 1060px; overflow: auto; width: 1060px; text-align: justify; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; }
.story .float-left, .story .float-right{ padding: 100px 0 0 0; position: relative; width: 350px; }

#slide1{ min-width: 1260px; width: 100%; background: url(../images/girls.jpg) 50% -110px no-repeat fixed; height: 750px; margin: 0; padding: 0; }

#slide1ins{ min-width: 1260px; width: 100%; background: #ffffff url(../images/girls.jpg) 50% -120px no-repeat fixed; height: 650px; margin: 0; padding: 0; }

#slide2{ min-width: 1260px; width: 100%; background: url(../images/slide2.png) top center repeat-x; min-height: 770px; margin: -75px 0 0 0; padding: 0; text-align: center; }
#slide2 .story{ padding-top: 120px; overflow: hidden; }
#slide2 .story table td{ border: 1px solid #e5e5e5; padding: 5px; font-size: 0.76em; }
#slide2 .story .rnd{ float: left; margin: 0px 15px 40px 15px; }
#slide2 .story .rnd a img{ display: block; width: 280px; height:280px; border-radius: 280px; border: 5px solid #ffffff; box-shadow: 2px 2px 3px rgba(0,0,0,0.2); overflow: hidden; }
#slide2 .story .rnd a strong{ display: block; padding-top: 4px; max-width: 280px; height: 40px; }

#slide2 a{ display: inline-block; *zoom:1; *display: inline; vertical-align: top; width: 350px; margin: 170px 30px 0px 30px; font-size: 0.9em; color: #000000; text-align: center; }
#slide2 a strong{ display: block; font-size: 1.1em; text-transform: uppercase; }
#slide2 .story a{ display: inline; width: auto; height: auto; margin: 0; padding: 0; }
#slide2 .story a strong{ display: inline; font-size: 1em; width: auto; height: auto; margin: 0; padding: 0; }

#slide2 .story a.gallery{ float: left; margin: 0px 0px 40px 50px; width: 280px; height: 280px; background: #f0f0f0; border-radius: 280px; overflow: hidden; }
#slide2 .story a.gallery img{ width: auto; height: 100%; }

#slide2 form{ border-radius: 6px; border: 2px solid #60d7bd; }
#slide2 h2{ font: 1em ProximaB; margin: 0 0 20px 0; text-align: left; }
#slide2 form input{ font: 1em Proxima; width: 180px; height: 40px; line-height: 40px; border-radius: 0px 4px 4px 0px; }
#slide2 form input[type="submit"]{ width: auto; font: 1em Proxima; border-radius: 4px 0px 0px 4px; background: #60d7bd; color: #ffffff; cursor: pointer; padding: 0px 15px; height: 40px; line-height: 40px; }

#slide3{ min-width: 1260px; width: 100%; background: url(../images/slide3.jpg) top center repeat-x; height: 741px; margin: -65px 0 0 0; padding: 0; color: #ffffff; text-align: center; }
#slide3 .story{ padding: 100px 0px 0px 0px; text-shadow: 1px 1px 7px #5b9691; }

#slide4{ min-width: 1260px; width: 100%; background: url(../images/slide4.jpg) top center repeat-x; height: 1130px; margin: 0; padding: 0; color: #ffffff; text-align: center; z-index: 10; }
#slide4 .story{ padding: 260px 0px 0px 0px; min-width: 1260px; width: 1260px; }
#slide4 .story a{ float: left; margin: 0px 15px 40px 15px; width: 280px; height: 280px; border-radius: 280px; overflow: hidden; }
#slide4 .story a img{ width: auto; height: 100%; }

#slide5{ min-width: 1260px; width: 100%; height: 271px; box-shadow: 0px 0px 15px rgba(0,0,0,0.5); z-index: 9; }
#slide5 .blocker{ padding: 55px 100px 35px 100px; min-width: 1060px; width: 1060px; }
#slide5 .blocker .float-right{ width: 380px; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; }

#slide6{ min-width: 1260px; width: 100%; display: block; position: relative; margin-top: -1px; z-index: 5; }

#slide7{ min-width: 1260px; width: 100%; background: url(../images/slide2.png) top center repeat-x; height: 700px; margin: -75px auto 0 auto; padding: 0; text-align: center; z-index: 11; }
#slide7 .blocker{ padding-top: 150px; text-align: left; }
#slide7 .story{ text-align: left; }
#slide7 .blocker .float-left{ float: left; margin: 0 0 0 20px; text-align: left; }
#slide7 .blocker .float-left:first-child{ margin: 0 0 0 100px; }
#slide7 .blocker .float-left p{ font-size: 0.9em; }
#slide7 .blocker .float-left a{ display: block; height: 40px; line-height: 40px; border-radius: 6px; border: 2px solid #60d7bd; padding: 0px 15px; text-align: center; background: #60d7bd; color: #ffffff; }
#slide7 .blocker .float-right{ float: right; margin: 0 100px 0 0; }
#slide7 .blocker .float-right form{ border-radius: 6px; border: 2px solid #60d7bd; }
#slide7 .blocker .float-right form input{ font: 1em Proxima; width: 180px; height: 40px; line-height: 40px; border-radius: 0px 4px 4px 0px; }
#slide7 .blocker .float-right form select{ font: 1em Proxima; width: 180px; height: 40px; line-height: 40px; border-radius: 0px 4px 4px 0px; }
#slide7 .blocker .float-right form input[type="submit"]{ width: auto; font: 1em Proxima; border-radius: 4px 0px 0px 4px; background: #60d7bd; color: #ffffff; cursor: pointer; padding: 0px 15px; height: 40px; line-height: 40px; }

#slide8{ min-width: 1260px; width: 100%; background: url(../images/wave.jpg) top center repeat-x; height: 490px; margin: 0px auto 0 auto; padding: 0; text-align: center; z-index: 12; color: #ffffff; }
#slide8 .story div{  display: block; margin: 0px 5px 60px 65px; }
#slide8 .story div a{ display: block; color: #ffffff; }
#slide8 .story{ width: 1260px; min-width: 1260px; padding: 90px 0px 0px 0px; }
#slide8 .story div{ list-style: none; width: 95px; font-size: 0.8em; float: left; margin: 0px; padding: 0px 25px; text-align: left; }
#slide8 .story div.clr{ display: block; clear: both; width: 0px; overflow: hidden; margin: 0; padding: 0; }
#slide8 .story li{ list-style: none; width: 95px; float: left; white-space: nowrap; text-align: left; margin: 0px; padding: 0px 25px; }
#slide8 .story li a{ display: block; color: #ffffff; }
#slide8 .story li a:first-child{ font: 1em ProximaB; }

#slide9{ min-width: 1260px; width: 100%; height: 600px; margin: 0px auto; padding: 0; text-align: center; z-index: 7; color: #ffffff; }
#slide9 .odn{ float: right; text-align: left; width: 60%; height: 600px; }
#slide9 .dva{ float: right; text-align: right; width: 40%; height: 300px; }
#slide9 div{  }
#slide9 div a{ display: block; height: 100%; font-size: 0.8em; text-shadow: 1px 1px 1px rgba(0,0,0,0.65); color: #ffffff; }
#slide9 div a:hover{ color: #60d7bd; }
#slide9 div a span{ display: block; padding: 10px; }
#slide9 div a span strong{ font-size: 1.6em; }

::-webkit-input-placeholder { color: #60d7bd; }
::-moz-placeholder          { color: #60d7bd; }
:-moz-placeholder           { color: #60d7bd; }
:-ms-input-placeholder      { color: #60d7bd; }

#nav{ list-style: none; position: fixed; right: 20px; z-index: 999; }
#nav li{ margin: 0 0 15px 0; }
#nav li a { display: block; width: 10px; height: 10px; border-radius: 10px; background-color: white; border: solid 2px #cccccc; }
#nav li a.current { background-color: orange; }

#slide2 p.crumbs{ postion: relative; margin: 0; color: #8a8a8a; font-size: 0.8em; }
#slide2 p.crumbs a{ vertical-align: baseline; color: #8a8a8a; font-size: 1em; }

a.rcode{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; }
a.rcode:hover{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; }