/*RESET CSS*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
/*Magic CSS from www.FunColor.ru*/
@font-face {
    font-family:'rubl';
    src:url('../fonts/rouble-font.eot');
    src:url('../fonts/rouble-font.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rouble-font.woff') format('woff'),
         url('../fonts/rouble-font.ttf') format('truetype'),
         url('../fonts/rouble-font.svg#als_rublregular') format('svg');
    font-weight:normal;font-style:normal;}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:10px 0;padding:0}
input, select {vertical-align:middle}
button, input, select, textarea {margin:0;outline:none}
label, input[type=button], input[type=submit], button {cursor:pointer}
input[type="radio"] {vertical-align:text-bottom}
input[type="checkbox"] {vertical-align:bottom}
textarea{overflow:auto}
pre{padding:5px;white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}
img{border:0 none}
a:hover{color:#c10032;}
a{color:#009ef9}
html{color:#444;background:url(/images/bg_body.png) repeat fixed 0 0;}
body{font:14px/21px Arial,Helvetica,Garuda,sans-serif;padding:0;min-width:970px;background:-moz-linear-gradient(top,  rgba(168,0,255,0.8) 0%, rgba(133,0,235,0.8) 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(168,0,255,0.8)), color-stop(100%,rgba(133,0,235,0.8)));
background:-webkit-linear-gradient(top,  rgba(168,0,255,0.8) 0%,rgba(133,0,235,0.8) 100%);
background:-o-linear-gradient(top,  rgba(168,0,255,0.8) 0%,rgba(133,0,235,0.8) 100%);
background:-ms-linear-gradient(top,  rgba(168,0,255,0.8) 0%,rgba(133,0,235,0.8) 100%);
background:linear-gradient(to bottom,  rgba(168,0,255,0.8) 0%,rgba(133,0,235,0.8) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cca800ff', endColorstr='#cc8500eb',GradientType=0 );}
small{font-size:85%}
sub{vertical-align:sub;font-size:smaller}
sup{vertical-align:super;font-size:smaller}
h1, h2, h3, h4, h5, h6{font:18px/21px Arial,Helvetica,Garuda,sans-serif;color:#ec460f;margin:0 0 21px}
.rubl{font-family:'rubl';font-size:16px;}
/*header*/
header{background-color:#fff;position:fixed;left:0;right:0;top:0;height:84px;-webkit-box-shadow:0 5px 5px 0 rgba(0,0,0,.2);box-shadow:0 5px 5px 0 rgba(0,0,0,.2);z-index:9999;}
header div{width:85.3%;max-width:870px;margin:0 auto;padding:21px 0;overflow:hidden;}
header div .logo{float:left;margin:0 10% 0 0;cursor:pointer;}
header div .phone{float:right;font-size:18px;line-height:42px;}
header nav{float:left;}
header nav a{text-decoration:none;border-bottom:1px dashed #009ef9;font-size:16px;line-height:42px;margin:0 10px;}
header nav a:hover{border:0 none;color:#009ef9;}
header nav a.active{color:#444;border:0 none;}
/*main*/
#main{padding:168px 0 42px;height:400px;}
#main #slider{width:61.76%;max-width:630px;margin:0 auto;height:350px;}
#slider h2{margin:0 0 42px;color:#fff;font-size:28px;line-height:42px;text-shadow:0 0 3px rgba(0,0,0,.5);}
#slider p{color:#fff;text-shadow:0 0 3px rgba(0,0,0,.5);font-size:16px;}
#main>p{text-align:center;}
/*works*/
.wrap_works{background-color:#fff;width:100%;}
#works{width:100%;max-width:1600px;margin:0 auto;overflow:hidden;}
.wrap_works .summary{background-color:#e8e8e8;
background:-moz-linear-gradient(top,  #dadada 0, #dadada 5px, #e8e8e8 5px);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0,#dadada), color-stop(5px,#dadada), color-stop(5px,#e8e8e8));
background:-webkit-linear-gradient(top,  #dadada 0px,#dadada 5%,#e8e8e8 5px);
background:-o-linear-gradient(top,  #dadada 0,#dadada 5px,#e8e8e8 5px);
background:linear-gradient(to bottom,  #dadada 0,#dadada 5px,#e8e8e8 5px);}
.wrap_works .summary div{max-width:950px;width:94.12%;margin:0 auto;overflow:hidden;}
.wrap_works .summary p{float:left;margin:0 0.52%;padding:25px 0 21px;width:24.21%;text-shadow:0 1px 0 rgba(255,255,255,.3);cursor:default;-webkit-transition:0.3s linear 0.3s;-moz-transition:0.3s linear 0.3s;-o-transition:0.3s linear 0.3s;transition:0.3s linear 0.3s;}
.wrap_works .summary p span{font-size:18px;}
.wrap_works .summary p b{font-size:16px;}
.wrap_works .summary p i{float:left;height:70px;width:70px;margin:0 13px;background:url(/images/icons-portfolio.png) no-repeat 0 0;}
.wrap_works .summary p.front_dev i{background-position:0 -119px;}
.wrap_works .summary p.all_dev i{background-position:0 -238px;}
.wrap_works .summary p.seo i{background-position:0 -357px;}
.wrap_works .summary p.design{margin:0 0.52% 0 0;background:#ff5ac7;
background:-moz-linear-gradient(top,  #ff5ac7 0, #ff5ac7 5px, #e8e8e8 5px);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0,#ff5ac7), color-stop(5px,#ff5ac7), color-stop(5px,#e8e8e8));
background:-webkit-linear-gradient(top,  #ff5ac7 0,#ff5ac7 5px,#e8e8e8 5px);
background:-o-linear-gradient(top, #ff5ac7 0,#ff5ac7 5px,#e8e8e8 5px);
background:linear-gradient(to bottom, #ff5ac7 0,#ff5ac7 5px,#e8e8e8 5px);}
.wrap_works .summary p.design:hover{background:#ff5ac7;}
.wrap_works .summary p.front_dev{background:#2edebb;
background:-moz-linear-gradient(top,  #2edebb 0%, #2edebb 5%, #e8e8e8 5%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#2edebb), color-stop(5%,#2edebb), color-stop(5%,#e8e8e8));
background:-webkit-linear-gradient(top,  #2edebb 0%,#2edebb 5%,#e8e8e8 5%);
background:-o-linear-gradient(top,  #2edebb 0%,#2edebb 5%,#e8e8e8 5%);
background:-ms-linear-gradient(top,  #2edebb 0%,#2edebb 5%,#e8e8e8 5%);
background:linear-gradient(to bottom,  #2edebb 0%,#2edebb 5%,#e8e8e8 5%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2edebb', endColorstr='#e8e8e8',GradientType=0 );}
.wrap_works .summary p.front_dev:hover{background:#2edebb;}
.wrap_works .summary p.all_dev{background:#2dc4f0;
background:-moz-linear-gradient(top,  #2dc4f0 0%, #2dc4f0 5%, #e8e8e8 5%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#2dc4f0), color-stop(5%,#2dc4f0), color-stop(5%,#e8e8e8));
background:-webkit-linear-gradient(top,  #2dc4f0 0%,#2dc4f0 5%,#e8e8e8 5%);
background:-o-linear-gradient(top,  #2dc4f0 0%,#2dc4f0 5%,#e8e8e8 5%);
background:-ms-linear-gradient(top,  #2dc4f0 0%,#2dc4f0 5%,#e8e8e8 5%);
background:linear-gradient(to bottom,  #2dc4f0 0%,#2dc4f0 5%,#e8e8e8 5%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dc4f0', endColorstr='#e8e8e8',GradientType=0 );}
.wrap_works .summary p.all_dev:hover{background:#2dc4f0;}
.wrap_works .summary p.seo{margin:0 0 0 0.52%;background:#edb51f;
background:-moz-linear-gradient(top,  #edb51f 0%, #edb51f 5%, #e8e8e8 5%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#edb51f), color-stop(5%,#edb51f), color-stop(5%,#e8e8e8));
background:-webkit-linear-gradient(top,  #edb51f 0%,#edb51f 5%,#e8e8e8 5%);
background:-o-linear-gradient(top,  #edb51f 0%,#edb51f 5%,#e8e8e8 5%);
background:-ms-linear-gradient(top,  #edb51f 0%,#edb51f 5%,#e8e8e8 5%);
background:linear-gradient(to bottom,  #edb51f 0%,#edb51f 5%,#e8e8e8 5%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#edb51f', endColorstr='#e8e8e8',GradientType=0 );}
.wrap_works .summary p.seo:hover{background:#edb51f;}
#works figure{width:50%;position:relative;float:left;}
#works>p, #works>h2{width:85.3%;max-width:870px;margin:0 auto;padding:21px 0;}
#works figure img{width:100%;height:auto;display:block;}
#works figure figcaption{position:absolute;top:0;right:0;bottom:0;left:0;padding:20px;background-color:rgba(0,0,0,.75);color:#fff;display:none;}
#works figcaption a{color:#fff;font-size:16px;}
#works figcaption a:hover{text-decoration:none;}
#works figure:hover figcaption{display:block;}
/*quote*/
.quote{background-color:#e8e8e8;background-image:repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.15) 35px, rgba(255,255,255,.15) 70px);padding:42px 0;}
.quote p{font-size:16px;font-style:italic;min-height:42px;text-shadow:0 1px 0 rgba(255,255,255,.5);}
.quote p b{font-size:14px;font-style:normal;}
.quote p i{font-size:21px;}
/*prices*/
#prices{background-color:#fff;padding:42px 0 0;}
#prices .wrap_price{max-width:960px;width:94.12%;margin:0 auto;}
#prices .wrap_price div{width:310px;display:inline-block;text-align:center;margin:0 0 42px;padding:91px 0 0;background:url(/images/icons-service.png) no-repeat 122px 0;}
#prices .wrap_price div.dev{background-position:-122px 0;}
#prices .wrap_price div.dev_ecom{background-position:-432px 0;}
#prices .wrap_price div.support{background-position:-714px 0;}
#prices .wrap_price div.smm{background-position:-1031px 0;}
#prices .wrap_price div.audit{background-position:-1343px 0;}
#prices .wrap_price div h4{color:#9e1ae4;}
/*contacts*/
#contacts{background-color:#fff;}
#contacts p,#contacts h2{width:53.92%;max-width:550px;margin:0 auto 21px;}
#contacts form{width:53.92%;max-width:550px;margin:0 auto 21px;overflow:hidden;}
.button, #contacts input[type="submit"]{padding:12px 85px;border-radius:2px;text-decoration:none;color:#333;text-shadow:0 1px 0 rgba(255,255,255,.3);background-color:#ecb91c;}
.button:hover, #contacts input[type="submit"]:hover{background-color:#dfab0b;color:#333;}
.button{-webkit-box-shadow:inset 0 -3px 0 0 rgba(0,0,0,0.1), 0 0 5px 0 rgba(0,0,0,0.3);box-shadow:inset 0 -3px 0 0 rgba(0,0,0,0.1), 0 0 5px 0 rgba(0,0,0,0.3);}
#contacts input[type="submit"]{border:0 none;-webkit-box-shadow:inset 0 -3px 0 0 rgba(0,0,0,0.1);box-shadow:inset 0 -3px 0 0 rgba(0,0,0,0.1);}
#contacts input[type="text"], #contacts textarea{margin:0;padding:12px;border:1px solid #777;border-radius:2px;width:206px;}
#contacts input[type="text"]:focus, #contacts textarea:focus{border-color:#1e93b9;}
#contacts input[type="text"].error, #contacts textarea.error{border-color:#9f0c0c;color:#870d0d;}
#contacts input[type="text"].valid, #contacts textarea.valid{border-color:#2b9313;color:#1f7d0a;}
#contacts textarea{height:77px;}
#contacts div label{display:block;text-align:center;color:#870d0d;}
#contacts div{margin:0 0 21px;}
#contacts div.row_left{float:left;}
#contacts div.row_right{float:right;}
#contacts div.row_clear{clear:both;text-align:center;}
/*footer*/
footer{background-color:#222;color:#fff;}
footer p{width:85.3%;max-width:870px;margin:0 auto;padding:21px 0;}
footer p a{float:right;width:28px;height:22px;background:url(/images/icons.png) no-repeat 100% -52px;}
footer p a.tw:hover{background-position:100% -84px;}
footer p a.vk{width:37px;background-position:100% -118px;margin:0 20px 0 0;}
footer p a.vk:hover{background-position:100% -153px;}
/* Slider */
.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:none;touch-action:none;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.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;}
.slick-slide img{display:block;}
.slick-initialized .slick-slide{display:block;text-align:center;}
/* Dots */
.slick-dots{position:absolute;bottom:130px;list-style:none;display:block;text-align:center;padding:0;width:100%;}
.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0px 5px;padding:0;cursor:pointer;}
.slick-dots li button{border:0;display:block;height:20px;width:20px;padding:0;text-indent:-9999px;background:url(/images/icons.png) no-repeat 100% 0;}
.slick-dots li.slick-active button{background-position:0 0;}