@charset "UTF-8";@import 'https://fonts.googleapis.com/css?family=Merriweather:300,400,700|Open+Sans:300,400&subset=cyrillic';@font-face{font-family:"Flaticon";src:url("/img/flaticon/Flaticon.eot");src:url("/img/flaticon/Flaticon.eot?#iefix") format("embedded-opentype"), url("/img/flaticon/Flaticon.woff") format("woff"), url("/img/flaticon/Flaticon.ttf") format("truetype"), url("/img/flaticon/Flaticon.svg#Flaticon") format("svg");font-weight:normal;font-style:normal}@media screen and (-webkit-min-device-pixel-ratio:0){@font-face{font-family:"Flaticon";src:url("/img/flaticon/Flaticon.svg#Flaticon") format("svg")}}*{margin:0px;padding:0px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}html{overflow-y:scroll;height:100%}body,html{width:100%;margin:0px;padding:0px;font:normal 15px 'Open Sans', Tahoma;color:#333333}body{min-width:1046px;height:100%}main{min-width:1046px;max-width:1920px;margin:0 auto;height:auto;min-height:100%}.Wrapper{margin:0 auto;min-width:1026px;max-width:1226px;padding:0 20px}.clear{clear:both}a{color:#a8cf3a;outline:none}a:hover{color:#0e71b8;text-decoration:underline;transition:color 0.3s}a img{border:none}input{outline:none;font:400 14px 'Open Sans';-webkit-appearance:none}textarea{outline:none;font:400 14px 'Open Sans';resize:none;-webkit-appearance:none}.tooltip{position:absolute;padding:10px;color:#ffc300;font:300 14px 'Merriweather';background:rgba(0, 0, 0, 0.7);border-radius:2px;z-index:10000}.TooltipHolder{position:absolute;top:-200px;left:0;width:100%;height:100px}.Header{position:fixed;top:0;left:0;width:100%;height:70px;padding:20px 0;background:none;z-index:1000;transition:background 0.3s}.Header.Scroll{background:rgba(0, 0, 0, 0.7)}.Header .Wrapper{position:relative}.Header .Logo{position:absolute;display:block;color:#fff;left:20px;top:-10px;text-decoration:none;transition:color 0.3s}.Header.Scroll .Logo{color:#fff}.Header .Logo h1{margin:0;padding:0;font:400 30px 'Merriweather';line-height:30px;transition:color 0.3s}.Header.Scroll .Logo h1{color:#ffc300}.Header .Logo p{margin:0;padding:0;font:300 12px 'Open Sans';line-height:20px}.Header .Contact{position:absolute;right:20px;top:0}.Header .Menu{list-style:none;text-align:center}.Header .Menu li{display:inline-block}.Header .Menu li a{display:block;margin:0 5px;padding:0 10px;color:#fff;font:300 14px 'Merriweather';line-height:30px;text-decoration:none;border-radius:2px;transition:color 0.3s, background 0.3s}.Header.Scroll .Menu li a{color:#fff;font-size:14px}.Header .Menu li a:hover{color:#1661be;background:#f6f6f6}.Header .Menu li a.Active,.Header .Menu li a.Active:hover{color:#ffc300;background:none}.Header .Contact a{display:block;margin:7px 5px;padding:0;color:#fff;font:300 16px 'Merriweather';text-decoration:none;border-bottom:dashed 1px;transition:color 0.3s}.Header.Scroll .Contact a{color:#fff}.Header .Contact a:hover{color:#ffc300}.Header.Scroll .Contact a:hover{color:#ffc300}.Page{position:relative}.Page.Main{background:url(/img/bg_header.jpg) center center no-repeat;background-size:cover}.Page.Portfolio{background:#42a5f6}.Page.Portfolio:before{position:absolute;left:0;bottom:100%;width:100%;height:98px;background:url(/img/bg_portfolio_line.png) top center no-repeat;content:"";z-index:100}.Page.Portfolio:after{position:absolute;left:0;top:100%;width:100%;height:98px;background:url(/img/bg_portfolio_line.png) bottom center no-repeat;content:"";z-index:100}.Page.Services{background:url(/img/bg_services.jpg) center center no-repeat;background-size:cover}.Page.Services:after{position:absolute;left:0;bottom:-78px;width:100%;height:156px;background:url(/img/bg_services_line.png) bottom center no-repeat;content:"";z-index:100}.Page.Price{background:url(/img/bg_price.jpg) center center no-repeat;background-size:cover}.Page.Price:after{position:absolute;left:0;bottom:-78px;width:100%;height:156px;background:url(/img/bg_price_line.png) bottom center no-repeat;content:"";z-index:100}.Page.Contacts{background:url(/img/bg_contacts.jpg) center center no-repeat;background-size:cover}.Page.Main .Wrapper{padding:200px 20px 250px;text-align:center}.Page.Main header{margin:0 auto 20px;color:#fff;font:300 22px 'Merriweather';text-align:center}.Page.Main p{width:700px;margin:15px auto 0;font-size:16px;font-weight:300;color:#fff}.Page.Main p.Bold{font-weight:400}.Page.Main a.Button{display:inline-block;margin:40px auto 0;padding:0 30px;color:#434343;font:400 18px 'Merriweather';line-height:50px;text-transform:uppercase;text-decoration:none;background:#ffc300;border-radius:2px;transition:background-color 0.3s}.Page.Main a.Button:hover{background:#ef7300}.Page.Main nav{list-style:none;margin:70px auto 0}.Page.Main nav li{display:inline-block;margin:0 30px}.Page.Main nav li a{position:relative;color:#fff;font-family:'Flaticon';font-size:50px;font-style:normal;text-decoration:none;transition:color 0.3s}.Page.Main nav li a:hover{color:#ffc300}.Page.Main nav li a:after{position:absolute;left:0;top:50%;content:"\f100";color:#fff;font-family:'Flaticon';font-size:50px;font-style:normal;text-decoration:none;opacity:0;transition:color 0.3s, top 0.3s, opacity 0.3s}.Page.Main nav li a:hover:after{top:100%;color:#ffc300;opacity:0.9}.Page.Portfolio .Wrapper{padding:0 20px 20px}.Page.Portfolio header{margin:0 0 15px;color:#fff;font-size:16px;font-weight:300}.Page.Portfolio header h2{margin:0;font:400 30px 'Merriweather'}.Page.Portfolio header .Navigator{list-style:none;float:right;margin:-30px 0 0}.Page.Portfolio header .Navigator li{display:inline-block}.Page.Portfolio header .Navigator li a{display:inline-block;width:15px;height:15px;margin:0 0 0 15px;text-decoration:none;border:solid 2px #fff;overflow:hidden;border-top-right-radius:5px;border-bottom-left-radius:5px;transition:background 0.3s}.Page.Portfolio header .Navigator li.Active:hover a,.Page.Portfolio header .Navigator li.Active a{background:#fe5722}.Page.Portfolio header .Navigator li:hover a{background:#fff}.Page.Portfolio .List{position:relative;width:100%;height:350px;margin:30px 0 0;overflow:hidden}.Page.Portfolio .List article{position:absolute;width:100%;height:350px;top:0px;left:-100%}.Page.Portfolio .List article header h2{margin:0;font:400 22px 'Merriweather'}.Page.Portfolio .List .Screenshots{float:left;width:186px}.Page.Portfolio .List .Screenshots ul{list-style:none}.Page.Portfolio .List .Screenshots ul li{display:block;width:142px;margin:0 0 6px;opacity:0.8;transition:opacity 0.3s}.Page.Portfolio .List .Screenshots ul li.Active{opacity:1}.Page.Portfolio .List .Screenshots ul li:hover{opacity:1}.Page.Portfolio .List .Screenshots ul li:last-of-type{margin:0}.Page.Portfolio .List .Screenshots ul li a{display:block;width:100%}.Page.Portfolio .List .Screenshots li a img{display:block;width:100%;border-radius:2px}.Page.Portfolio .List .Image{float:left;width:600px;background:url(/img/loader_portfolio.gif) center center no-repeat}.Page.Portfolio .List .Image img{width:600px;height:306px;border-radius:2px}.Page.Portfolio .List .Text{float:right;width:205px;color:#fff;font-size:14px;font-weight:300}.Page.Portfolio .List .Text .Links{margin:20px 0 0}.Page.Portfolio .List .Text .Links a{display:inline-block;margin:0 0 10px;padding:5px 15px;color:#fe5722;text-decoration:none;background:#fff;border-radius:2px;transition:color 0.3s}.Page.Portfolio .List .Text .Links a:hover{color:#42a5f6}.Page.Portfolio .List .Text .Links a:visited{opacity:0.8}.Page.Services .Wrapper{padding:70px 20px 80px;text-align:center}.Page.Services header{margin:0 0 40px;color:#fff;font:300 16px 'Merriweather'}.Page.Services header h2{margin:0;font:400 30px 'Merriweather'}.Page.Services header p{width:600px;margin:0 auto}.Page.Services .List{list-style:none;margin:0 0 70px}.Page.Services .List li{display:inline-block;width:280px;margin:30px 50px 20px;color:#fff;text-align:left}.Page.Services .List li .Title{display:block;font:300 16px 'Merriweather'}.Page.Services .List li .Title.Icon{padding:0 0 10px 40px;line-height:30px;background:url(/img/icons/project.png) top left no-repeat}.Page.Services .List li .Title.Icon.Project{background-image:url(/img/icons/service_project.png)}.Page.Services .List li .Title.Icon.Design{background-image:url(/img/icons/service_design.png)}.Page.Services .List li .Title.Icon.Develop{background-image:url(/img/icons/service_develop.png)}.Page.Services .List li .Title.Icon.Software{background-image:url(/img/icons/service_software.png)}.Page.Services .List li .Title.Icon.Support{background-image:url(/img/icons/service_support.png)}.Page.Services .List li p{font-size:14px;font-weight:300}.Page.Price .Wrapper{padding:70px 20px 80px;text-align:center}.Page.Price header{margin:0 0 40px;color:#434343;font-size:16px;font-weight:300}.Page.Price header h2{margin:0;font:400 30px 'Merriweather'}.Page.Price header p{width:700px;margin:0 auto}.Page.Price .List{list-style:none;margin:0 0 70px}.Page.Price .List li{display:inline-block;width:180px;margin:0 8px;padding:0 0 20px;background:#42a5f6;border-radius:2px;transition:opacity 0.3s}.Page.Price .List li:first-of-type{margin:0 8px 0 0}.Page.Price .List li:last-of-type{margin:0 0 0 8px}.Page.Price .List:hover li{opacity:0.6}.Page.Price .List:hover li:hover{opacity:1}.Page.Price .List li .Title{padding:10px 0;color:#fff;font:300 16px 'Merriweather'}.Page.Price .List li .Cost{width:190px;margin:0 0 15px -5px;padding:5px 0;color:#fe5722;font-size:20px;font-weight:300;background:#fffcf2;border-radius:2px;box-shadow:0 0 5px #8e8e8e}.Page.Price .List li p{padding:5px 10px;color:#fff;font-size:14px;font-weight:300}.Page.Contacts .Wrapper{padding:70px 20px 50px}.Page.Contacts header{margin:0 0 40px;color:#434343;font-size:16px;font-weight:300;text-align:center}.Page.Contacts header h2{margin:0;font:400 30px 'Merriweather'}.Page.Contacts header p{width:800px;margin:0 auto}.Page.Contacts form{float:left;width:50%;padding:0 100px 50px}.Page.Contacts form .Title{width:100%;margin:0 0 20px;font:300 18px 'Merriweather';text-align:center}.Page.Contacts form input{width:100%;margin:0 0 15px;padding:0 15px;line-height:40px;border:none;border-radius:2px}.Page.Contacts form textarea{width:100%;margin:0 0 15px;padding:15px 15px;border:none;border-radius:2px}.Page.Contacts form input[type=submit]{width:100%;margin:0;color:#434343;font:400 18px 'Merriweather';line-height:50px;text-transform:uppercase;text-decoration:none;background:#ffc300;transition:background 0.3s}.Page.Contacts form input[type=submit]:hover{background:#ef7300;cursor:pointer}.Footer{position:relative;width:100%;height:60px;color:#787878;background:#282828}.Footer:before{position:absolute;left:0;bottom:100%;width:100%;height:20px;background:url(/img/bg_footer_line.png) top center;content:"";z-index:100}.Footer .Payments span{display:inline-block;float:left;width:60px;height:30px;margin:15px 10px 0 0;background:url(/img/pay_methods.png) 0 0 no-repeat}.Footer .Payments .Visa{background-position:0 0}.Footer .Payments .Visa:hover{background-position:0 -30px}.Footer .Payments .MC{background-position:-60px 0}.Footer .Payments .MC:hover{background-position:-60px -30px}.Footer .Payments .Webmoney{background-position:-120px 0}.Footer .Payments .Webmoney:hover{background-position:-120px -30px}.Footer .Payments .Yandex{background-position:-180px 0}.Footer .Payments .Yandex:hover{background-position:-180px -30px}.Footer .Payments .Payler{background-position:-240px 0}.Footer .Payments .Payler:hover{background-position:-240px -30px}.Footer .Copyright{float:right;line-height:60px}