@charset "utf-8";
@font-face {
 font-family: 'AvenirNextCyr-Light';
 src: url('../fonts/AvenirNextCyr-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirNextCyr-Light.otf') format('opentype'),
 url('../fonts/AvenirNextCyr-Light.woff') format('woff'), url('../fonts/AvenirNextCyr-Light.ttf') format('truetype'), url('../fonts/AvenirNextCyr-Light.svg#AvenirNextCyr-Light') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'AvenirNextCyr-Thin';
 src: url('../fonts/AvenirNextCyr-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirNextCyr-Thin.otf') format('opentype'),
 url('../fonts/AvenirNextCyr-Thin.woff') format('woff'), url('../fonts/AvenirNextCyr-Thin.ttf') format('truetype'), url('../fonts/AvenirNextCyr-Thin.svg#AvenirNextCyr-Thin') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'AvenirNextCyr-Regular';
 src: url('../fonts/AvenirNextCyr-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirNextCyr-Regular.otf') format('opentype'),
 url('../fonts/AvenirNextCyr-Regular.woff') format('woff'), url('../fonts/AvenirNextCyr-Regular.ttf') format('truetype'), url('../fonts/AvenirNextCyr-Regular.svg#AvenirNextCyr-Regular') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'AvenirNextCyr-Demi';
 src: url('../fonts/AvenirNextCyr-Demi.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirNextCyr-Demi.otf') format('opentype'),
 url('../fonts/AvenirNextCyr-Demi.woff') format('woff'), url('../fonts/AvenirNextCyr-Demi.ttf') format('truetype'), url('../fonts/AvenirNextCyr-Demi.svg#AvenirNextCyr-Demi') format('svg');
 font-weight: normal;
 font-style: normal;
}
* {box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;}
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;min-height:100%;}
html,body,h1,h2,h3,h4,h5,h6,ul,li,p,menu,form {margin:0;padding:0;}
ul,li {list-style:none;}
input,button,textarea {outline:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}
strong {font-weight: bold;}
img {border: 0;max-width: 100%;}
button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0;}
table {border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;}
hr{display: block;height: 0;border: 0px solid #b8b8b8;border-bottom-width: 1px;}
audio,canvas,video {display: inline-block;}
audio:not([controls]) {display: none;height: 0;}
[hidden] {display: none;}
svg:not(:root) {overflow: hidden;}
figure {margin: 0;}
fieldset {margin: 0 2px;padding: 0.35em 0.625em 0.75em;border: 1px solid #c0c0c0;}
legend {padding: 0;border: 0;}
input[type="search"]{-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner {padding: 0;border: 0;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {cursor: pointer;-webkit-appearance: button;}
button[disabled],html input[disabled] {cursor: default;}
input[type="checkbox"],input[type="radio"] {padding: 0;}
textarea {overflow: auto;vertical-align: top;}
::-moz-selection {background: #b3d4fc;text-shadow: none;}
::selection {background: #b3d4fc;text-shadow: none;}
input[type=text], input[type=password], textarea{padding:10px;border:1px solid #b8b8b8;margin:0;}
input[type=text]:focus, input[type=text]:active, textarea:focus, textarea:active, input[type=password]:focus, input[type=password]:active{border: 1px solid #98eddc;}
input[type=radio]{position: relative;height: 10px;cursor: pointer;background: #ffffff;margin: 10px 5px 10px 5px;}
input[type=radio]:before{content: "";position: absolute;left: -3px;top: -3px;border: 1px solid #aaaaaa;border-radius: 10px;height: 15px;width: 15px;background: #fff;cursor: pointer;}
input[type=radio]:checked:before{border: 1px solid #63d0bb;background: #63d0bb;}
input[type=checkbox]{}
input[type=checkbox]:before{}
input[type=checkbox]:checked:before{}
label{font-size:13px;cursor:pointer;}
input[type=submit], .button{-webkit-transition: all 0.3s ease;transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;cursor:pointer;font-size: 14px;text-transform:uppercase;background-color: #1ABC9C;color: #ffffff;font-weight: bold;padding: 10px 20px;border: none;}
input[type=submit]:hover, .button:hover{background-color: #2EE6C3;color: #ffffff;cursor: pointer;}
/* default */
.wrapper{width:100%;max-width:1240px;margin:0 auto;min-width:1000px;}
.left{float:left;}
.right{float:right;}
.centertext {text-align:center;}
.clearfix:after, .clearfix:before {content:" ";display:block;clear:both;height:0;overflow: hidden;}
.table{display:table;width:100%;}
.table-cell{display:table-cell;vertical-align:middle;}
/*site*/
body{border:0;font-family:'AvenirNextCyr-Regular',Arial,sans-serif;font-size:15px;line-height: 22px;min-height: 100%;background-color:#ffffff;}
a{text-decoration:none;color:#63d0bb;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
a:active, a:hover {color:#40a390;outline: 0;}

#page{background:#ffffff;}

#page.v2{background:url(/images/bg.png) top center no-repeat;padding-bottom:100px;}
#header{padding: 40px 0 70px 0;text-align: center;}
#header #logo{display: inline-block;vertical-align: middle;}
#header h1{font-size:64px;font-weight:normal;text-transform:none;margin:0;padding:0;display: inline-block;vertical-align: middle;padding: 0 0 0 20px;color:inherit;line-height: 76px;font-family: 'AvenirNextCyr-Thin';padding: 0 0 0 20px;}

.glasses{background: url(/images/mac-glasses2.png) top 70px center no-repeat;padding-bottom:100px;}

/*v2*/
#page.v2 #header h1, #page.v2 h2{color:#ffffff;}

/*main*/
h2{text-transform: uppercase;font-weight: normal;font-family: 'AvenirNextCyr-Demi';font-size: 18px;color:#4f525b;padding: 20px 0 0 0;margin:0;line-height: 20px;text-align:center;}
h2 span{color:#00d4ff;text-transform:uppercase;}
#main{overflow:hidden;padding-bottom:150px;}
#main .left{width:464px;padding:0 50px 0 0;}
#main h3{color:#00d4ff;font-size:18px;margin:0;padding:0;font-weight:normal;}
.shadow{background-color: #ffffff;position:relative;z-index:1;display:inline-block;vertical-align:middle;box-shadow: 0 0 40px 5px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 40px 5px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 40px 5px rgba(0,0,0,0.1);padding:40px 30px;}
.shadow .left{padding:0 30px 0 0;}
.shadow span{text-align:left;display:block;color:#498bfa;font-family: 'AvenirNextCyr-Light';font-size:18px;margin:0 0 5px 0;}
.shadow.rightsect{padding: 40px 30px 40px 70px;position:relative;z-index:0;margin:0 0 0 -40px;}
.rightsect ul li{display:block;background:url(../images/check.png) left center no-repeat;padding: 5px 0 5px 25px;margin: 0 0 5px 0;color:#292b30;font-family: 'AvenirNextCyr-Light';font-size:16px;text-align:left;}
#content{text-align:center;}
#download{padding:23px 0;background-color: rgba(73, 139, 250, 1);font-family: 'AvenirNextCyr-Demi';font-size: 15px;color:#ffffff;text-transform:uppercase;text-align:center;display:inline-block;width:100%;max-width:308px;margin: 20px 0 10px 0;}
#download i{background:url(../images/win.png) center center no-repeat;display:inline-block;height:17px;width:17px;margin: 0px 10px 0 0;position: relative;top: 3px;}
#download:hover{background-color: rgba(73, 139, 250, 0.8);}

/*footer*/

#mod-footer{
 width: 100%;
 margin: 0;
 background-color: #f9f9f9;
 padding-bottom: 51px; 
}
#page.v2 + footer #mod-footer{background:#ffffff;}
.foot-info{
 float: left;
}
.foot-info h3{
 display: block;
 line-height: 1;
 font-size: 0.537em;
}
.foot-info a{
 display: inline-block;
 position: relative;
 color:#222232;
 font-size: 1.2em;
 text-decoration: none;
 padding: 78px 0 0 0;
 margin-top: 54px;
}
.foot-info a i{
 display: block;
 position: absolute;
 width: 84px;
 height: 72px;
 top:0;
 left:0;
 font-size: 0;
 color:transparent;
 background: url(/images/footer_logo.png) no-repeat 0 0;
}
.foot-info p{
 color:#35354d;
 line-height: 11px;
 font-size: 0.655em;
 margin-top: 19px;
}
.foot-projects{
 float:right;
 margin-top: 51px;
}
.foot-projects .column{
 float: left;
 width: 225px;
}
.foot-projects .column.last{
 width: auto;
 margin-right: 12px;
}
.foot-projects h4{
 font-size: 1em;
 color:#272735;
 font-weight:normal;
}
.foot-projects ul{
 margin-top: 20px;
}
.foot-projects li{
 margin-bottom: 8px;
 font-size: 0.750em;
 line-height: 1;
}
.foot-projects li a{
 display: inline-block;
 font-size: 1.2em;
 line-height: 1;
 text-decoration: none;
 color: #9f9fa3;
}
.foot-projects li a:hover{
 text-decoration: underline;
}
#complete-futures{
 text-align:center;
 word-spacing:8px;
 font-family: 'PT Sans Caption', sans-serif;
 margin-top: 59px;
}
#complete-futures li {
 display: inline-block;
 word-spacing:normal;
 list-style: none;
 vertical-align: top;
 width: 250px;
 text-align: center;
}
#complete-futures li.future5,
#complete-futures li.future6,
#complete-futures li.future7,
#complete-futures li.future8{
 margin-top:22px;
}
#complete-futures li i.icon{
 display:block;
 width:120px;
 height:120px;
 position:relative;
 border-radius:50%;
 margin:0 auto;
 background: #55557c;
 background: -moz-linear-gradient(top, #55557c 0%, #3b3b56 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#55557c), color-stop(100%,#3b3b56));
 background: -webkit-linear-gradient(top, #55557c 0%,#3b3b56 100%);
 background: -o-linear-gradient(top, #55557c 0%,#3b3b56 100%);
 background: -ms-linear-gradient(top, #55557c 0%,#3b3b56 100%);
 background: linear-gradient(to bottom, #55557c 0%,#3b3b56 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55557c', endColorstr='#3b3b56',GradientType=0 );
}
#complete-futures li i.icon b{
 display:block;
 position:absolute;
 left:50%;
 top:50%;
}
#complete-futures li h4{
 font-size:20.34px;
 line-height:24.88px;
 color:#FFF;
 font-weight:400;
 margin-top:12px;
}
#complete-futures li span{
 margin-top:10px;
 color:#9d9db9;
 font-size:11.74px;
 line-height:15.48px;
 font-weight:400;
}
#complete-futures li.future1 i.icon b{
 width:72px;
 height:73px;
 margin:-36px 0 0 -36px;
 background:url(http://browsers.ucoz.ru/img/f1.png) no-repeat 0 0;
}
#complete-futures li.future2 i.icon b{
 width:80px;
 height:66px;
 margin:-29px 0 0 -40px;
 background:url(http://browsers.ucoz.ru/img/f2.png) no-repeat 0 0;
}
#complete-futures li.future3 i.icon b{
 width:62px;
 height:86px;
 margin:-43px 0 0 -31px;
 background:url(http://browsers.ucoz.ru/img/f3.png) no-repeat 0 0;
}
#complete-futures li.future4 i.icon b{
 width:62px;
 height:75px;
 margin:-37px 0 0 -31px;
 background:url(http://browsers.ucoz.ru/img/f4.png) no-repeat 0 0;
}
#complete-futures li.future5 i.icon b{
 width:79px;
 height:75px;
 margin:-36px 0 0 -39px;
 background:url(http://browsers.ucoz.ru/img/f5.png) no-repeat 0 0;
}
#complete-futures li.future6 i.icon b{
 width:72px;
 height:71px;
 margin:-35px 0 0 -36px;
 background:url(http://browsers.ucoz.ru/img/f6.png) no-repeat 0 0;
}
#complete-futures li.future7 i.icon b{
 width:65px;
 height:73px;
 margin:-33px 0 0 -32px;
 background:url(http://browsers.ucoz.ru/img/f7.png) no-repeat 0 0;
}
#complete-futures li.future8 i.icon b{
 width:78px;
 height:58px;
 margin:-28px 0 0 -38px;
 background:url(http://browsers.ucoz.ru/img/f8.png) no-repeat 0 0;
}
.mod-logo .subscribe{
 float:right;
 width: 180px;
 margin: 2.5px 0;
}
.foot-widget {
 float: left;
 margin: 51px 0 0 65px;
}
#languages {
 position: absolute;
 right: 20px;
 top: 20px;
 overflow: hidden;
}
#languages li {
 float: left;
 overflow: hidden;
 margin: 0 5px;
}
#languages a {
 display: block;
 width: 32px;
 height: 25px;
 text-indent: -500px;
 overflow: hidden;
 background: url(http://browsers.ucoz.ru/uran/img/lang_icons.png) 0 0 no-repeat;
}
#languages .russian a {
 background-position: 0 -31px;
}
@media screen and (min-width: 1649px) and (min-height: 900px){
 html,body{height:100%;}
 #page{min-height:100%;padding-bottom:154px;}
 #page.v2{min-height:100%;padding-bottom:254px;}
 footer{height:254px;margin:-254px 0 0 0;}
}

@media screen and (min-width: 1800px){ 
 #page, #page.v2, #content.glasses{background-size:cover;}
}
@media screen and (max-width: 1650px){ 
 
}
@media screen and (max-width: 1366px){ 
 
}
@media screen and (max-width: 1279px){
 #header h1{font-size: 46px;}
 .wrapper{padding:0 20px;}
}
@media screen and (max-width: 1125px){
 .shadow{padding: 20px;}
 .shadow.rightsect{padding: 20px 20px 20px 50px;}
 .rightsect ul li{font-size: 14px;}
}
@media screen and (max-width: 980px){
 
}