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;font-size:100%;font:inherit}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main{display:block}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none}
html, body{padding:0;margin:0}
body{background-color:#898989;font-size:16px;font-family:'Montserrat',sans-serif;font-style:normal;font-weight:300;color:#363636;position:relative;-webkit-text-size-adjust:none}
body *{	text-shadow:none}
#pattern {background:url(../img/pattern.webp) repeat;min-height:100%;position:absolute;width:100%;z-index:9}
#album-ar{background:url(../img/example/album-ar_bg.jpg) no-repeat center center;height:480px;position:relative;width:100%;float:left}
#avihor{background:url(../img/example/avihor_bg.jpg) no-repeat center center;height:480px;position:relative;width:100%;float:left}
#smartway{background:url(../img/example/smartway_bg.jpg) no-repeat center center;height:480px;position:relative;width:100%;float:left}
#skb-beuggen{background:url(../img/example/skb-beuggen_bg.jpg) no-repeat center center;height:480px;position:relative;width:100%;float:left}
#yobads{background:url(../img/example/yobads_bg.jpg) no-repeat center center;height:480px;position:relative;width:100%;float:left}
#proartcompetition{background:url(../img/example/proartcompetition_bg.jpg) no-repeat center center;height:480px;position:relative;width:100%;float:left}
#olgaseverina{background:url(../img/example/olgaseverina_bg.jpg) no-repeat center center;height:480px;position:relative;width:100%;float:left}
#denisseverin{background:url(../img/example/denisseverin_bg.jpg) no-repeat center center;height:480px;position:relative;width:100%;float:left}
#findlostpassport{background:url(../img/example/findlostpassport_bg.jpg) no-repeat center center;height:480px;position:relative;width:100%;float:left}
#itcompany{background:url(../img/example/itcompany_bg.jpg) no-repeat center center;height:480px;position:relative;width:100%;float:left}
#kulturhof-klassik{background:url(../img/example/kulturhof-klassik_bg.jpg) no-repeat center center;height:480px;position:relative;width:100%;float:left}
#kunst-ogb{background:url(../img/example/kunst-ogb_bg.jpg) no-repeat center center;height:480px;position:relative;width:100%;float:left}
#minisegway{background:url(../img/example/minisegway_bg.jpg) no-repeat center center;height:480px;position:relative;width:100%;float:left}
#parquet-pol{background:url(../img/example/parquet-pol_bg.jpg) no-repeat center center;height:480px;position:relative;width:100%;float:left}
#riviera{background:url(../img/example/riviera_bg.jpg) no-repeat center center;height:480px;position:relative;width:100%;float:left}
#royalmile{background:url(../img/example/royalmile_bg.jpg) no-repeat center center;height:480px;position:relative;width:100%;float:left}
#saycom{background:url(../img/example/saycom_bg.jpg) no-repeat center center;height:480px;position:relative;width:100%;float:left}
#slotcatalog{background:url(../img/example/slotcatalog_bg.jpg) no-repeat center center;height:480px;position:relative;width:100%;float:left}
#spyros_piano_trio{background:url(../img/example/spyros_piano_trio_bg.jpg) no-repeat center center;height:480px;position:relative;width:100%;float:left}
#standardscoring{background:url(../img/example/standardscoring_bg.jpg) no-repeat center center;height:480px;position:relative;width:100%;float:left}
#vipparket{background:url(../img/example/vipparket_bg.jpg) no-repeat center center;height:480px;position:relative;width:100%;float:left}
#visagel{background:url(../img/example/visagel_bg.jpg) no-repeat center center;height:480px;position:relative;width:100%;float:left}
#shinaprofi{background:url(../img/example/shinaprofi_bg.jpg) no-repeat center center;height:480px;position:relative;width:100%;float:left}
#info-page{background:#fff;width:100%;height:100%;float:left}
.info-page-text{margin:80px 0 0 -480px;position:relative;padding:0;left:50%;z-index:5;height:auto;width:960px}
.info-page-text h1{text-align:center;font-weight:600;font-size:36px;color:#fff;margin:0;padding:0 0 10px 0;text-shadow:#000000 0px 0px 5px}
ul.te{margin:10px 0 0 0;padding:0;font-weight:300;font-size:16px;text-align:center}
ul.te li{background:#111;color:#fff;display:inline-block;font-weight:300;line-height:28px;margin:0 2px 4px 2px;padding:0 12px;text-transform:uppercase}
.batton_space{padding:50px 0 0 0;margin:0 auto;width:640px;text-align:center}
.main_batton1{margin:13px 2px;padding:7px 20px 7px 30px;color:#fff!important;background:rgba(255, 255, 255, 0.2) url(../img/prev-page.webp) left center no-repeat;width:auto;border:solid 2px #fff;font-size:16px;transition:all 0.3s ease;float:none;text-decoration:none!important;text-align:center;font-weight:600;text-transform:uppercase;}
.main_batton1 a{text-decoration:none;color:#0eaede}
.main_batton1 a:hover{color:#fff;text-shadow:none;}
.main_batton1:hover{background:#0eaede url(../img/prev-page.webp) left center no-repeat;color:#fff;border:solid 2px #0eaede}
.main_batton2{margin:13px 2px;padding:7px 20px;color:#fff!important;background-color:rgba(255, 255, 255, 0.2);width:auto;border:solid 2px #fff;font-size:16px;transition:all 0.3s ease;float:none;text-decoration:none!important;text-align:center;font-weight:600;text-transform:uppercase;}
.main_batton2 a{text-decoration:none;color:#0eaede}
.main_batton2 a:hover{color:#fff;text-shadow:none;}
.main_batton2:hover{background:#0eaede;color:#fff;border:solid 2px #0eaede}
.info{color:#0eaede;position:relative;text-align:center;margin-top:10px}
.info p{padding:0;margin:0;font-size:16px;font-weight:300}
.mouse-example a{margin:0;position:relative;padding:0;z-index:5;height:50px;width:25px;float:left}
.mouse-example{margin:90px 0 0 -12px;position:relative;padding:0;left:50%;z-index:5;height:50px;width:25px;background:url(../img/mouse.webp) top center no-repeat;animation-name:bounceInDown;-webkit-animation-name:bounceInDown;animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-direction:alternate;-webkit-animation-direction:alternate}
.mouse-example{animation-timing-function:ease;-webkit-animation-timing-function:ease}
.up p#back-top a{background:url(../img/up.webp) no-repeat;width:60px;height:40px;position:fixed;bottom:20px;right:20px;margin:0;display:block}
h2{color:#09afdf;font-size:30px;padding:0 10px 15px;text-align:left;font-weight:600}
h3{color:#555555;font-size:22px;padding:0 10px 15px;text-align:left;font-weight:600}
.wr3{margin:0 auto;padding:30px 5px;width:768px}
.bp{float:right;margin:0;padding:0;width:100%}
.bp img{width:100%;height:auto}
.bp p{color:#252525;font-weight:300;font-size:16px;line-height:1.4;font-style:normal;padding:0 10px 12px}
.bp a{color:#09afdf!important;margin:0;padding:0;text-decoration:underline}
.bp a:hover{text-decoration:none}
b{color:#111;font-weight:bolder}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
a, a:link, a:active, a:visited, a:hover{color:inherit;text-decoration:underline;outline:none}
a img{border:none;}
.site-page-up{padding:10px 0 0 0;margin:0;width:100%;float:left}
.site-page-medium{padding:0;margin:0;width:100%;float:left}
.site-page-bottom{padding:0 0 10px 0;margin:0;width:100%;float:left}
.site-page-up img{padding:0;margin:0;width:100%;float:left}
.site-page-medium img{padding:0;margin:0;width:100%;float:left}
.site-page-bottom img{padding:0;margin:0;width:100%;float:left}
.footer{margin:0 auto;padding:0;width:768px}
.copyright{float:right;margin:20px 1% 30px 1%;padding:0;width:98%}
.copyright p{color:#252525;font-size:16px;margin:0;padding:0; text-align:center}
.copyright a{color:#111;font-size:16px;margin:0;padding:0;text-decoration:underline}
.copyright a:hover{text-decoration:none}
.arrow{font-weight:300;font-size:14px;position:relative;list-style:none;z-index:99;text-align:right;padding:26px 0 0 10px;float:left}
.arrow li{display:inline;list-style:none;margin:0 5px;float:left}
.arrow li a{padding:0;color:#fff;text-decoration:none;background-color:rgba(255, 255, 255, 0.2);float:left;padding:16px 15px 14px 15px;text-transform:uppercase}
.arrow li:hover a.ar{text-decoration:none;background:#0eaede;color:#fff;-webkit-transition-property:color,background}
.logo{margin:0;position:relative;z-index:5;text-align:center;padding:340px 0 200px 0}
.logo img{margin:0;padding:0 20px}
.logo404{margin:0;position:relative;z-index:5;text-align:center;padding:30px 10%}
.logo404 img{margin:0;padding:0 20px}
@media only screen and (max-width:767px){
.up{display:none}
.copyright{float:right;margin:0 0 5px 0;padding:0;width:100%}
.copyright p{text-align:center}
.social{float:right;margin:10px 0;text-align:center;padding:0;width:100%}
.footer{margin:5px 2%;float:left;padding:0;width:96%}
}
@media only screen and (max-width:960px),
only screen and (max-device-width:960px){
.wr3{margin:0 auto;padding:30px 1%;width:98%}
.bp{float:right;margin:0;padding:0;width:100%}
.info-page-text{margin:80px 1% 0 1%;position:relative;padding:0;left:auto;z-index:5;height:auto;width:98%}
.batton_space{padding:50px 0 0 0;margin:0 1%;width:98%;text-align:center;float:none}

}
@media all and (max-width:599px){
.info-page-text h1{font-size:24px}
}
@media all and (max-width:480px){
.info-page-text h1{font-size:21px}
.main_batton1{margin:5px 1%;padding:10px 0;color:#fff!important;background-color:rgba(255, 255, 255, 0.2);width:auto;border:solid 2px #fff;font-size:16px;transition:all 0.3s ease;float:left;text-decoration:none!important;text-align:center;font-weight:600;text-transform:uppercase;width:98%;}
.main_batton2{margin:5px 1%;padding:10px 0;color:#fff!important;background-color:rgba(255, 255, 255, 0.2);width:auto;border:solid 2px #fff;font-size:16px;transition:all 0.3s ease;float:left;text-decoration:none!important;text-align:center;font-weight:600;text-transform:uppercase;width:98%}
.batton_space{padding:20px 0 0 0;margin:0 1%;width:98%;text-align:center;float:left}
}
@keyframes bounceInDown{0%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}100%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}}
*{box-sizing:border-box}