@font-face{
    font-family:'SourceSansPro-Regular';
    src:url('../fonts/SourceSansPro-Regular.eot?43727400');
    src:url('../fonts/SourceSansPro-Regular.eot?43727400#iefix') format('embedded-opentype'),url('../fonts/SourceSansPro-Regular.woff?43727400') format('woff'),url('../fonts/SourceSansPro-Regular.ttf?43727400') format('truetype'),url('../fonts/SourceSansPro-Regular.svg?43727400#SourceSansPro-Regular') format('svg');
    font-weight:normal;
    font-style:normal
}
*{
    margin:0;
    padding:0;
    border:0;
    outline:medium none;
    list-style:none
}
body{
    font-family:'Roboto',sans-serif;
    font-size:18px;
    color:#fff;
    font-size:14px;
    background:#3c3760
}
.container{
    padding-left:20px;
    padding-right:20px;
    min-width:100px;
    max-width:1400px;
    margin:0 auto;
    position:relative
}
a{
    cursor:pointer;
    color:#9cabbd;
    text-decoration:none
}
a:hover{
    color:#4f99bc
}
.title{
    font-family:'Roboto',sans-serif;
    font-size:18px;
    color:#fff;
    font-size:48px;
    font-weight:normal;
    text-align:center;
    text-transform:uppercase;
    margin-bottom:35px
}
.paragraph{
    margin-bottom:15px
}
#triangle{
    position:absolute;
    left:0;
    top:220px;
    z-index:5
}
.header{
    position:relative;
    padding-top:55px
}
.header .contacts{
    float:right;
    margin-right:11px
}
.header .contacts_item{
    font-size:14px
}
.header .phone{
    font-size:24px
}
.header .mail{
    display:block;
    color:#4cb9e6
}
.header .switch_language{
    display:block;
    float:right;
    margin-left:10px;
    color:#1d183f;
    transition:all .4s ease-in 0s;
    -moz-transition:all .4s ease-in 0s;
    -webkit-transition:all .4s ease-in 0s;
    -webkit-transition-delay:.4s 0s
}
.header .switch_language:before{
    content:" ";
    display:block;
    height:55px;
    border-right:17px solid transparent;
    position:absolute;
    top:0;
    transition:all .4s ease-in 0s;
    -moz-transition:all .4s ease-in 0s;
    -webkit-transition:all .4s ease-in 0s;
    -webkit-transition-delay:.4s 0s
}
.header .active_language,.header .switch_language:hover{
    color:#4cb9e6
}
.header .active_language:before{
    border-color:#4cb9e6
}
.header:after{
    clear:both;
    content:"";
    display:block
}
.logo{
    display:block;
    width:175px;
    float:left;
    position:ralative;
    overflow:hidden
}
.logo_img{
    background:#1493c8;
    padding:5px 9px;
    float:left;
    position:relative;
    z-index:2
}
.logo_font{
    font-family:'SourceSansPro-Regular';
    color:#fff;
    font-size:32px;
    text-indent:10px;
    float:left;
    margin-top:5px;
    transition:all .5s linear 0s;
    -moz-transition:all .5s linear 0s;
    -webkit-transition:all .5s linear 0s;
    -webkit-transition-delay:.5s 0s
}
.pro{
    color:#bab9c3;
    font-size:14px;
    vertical-align:top
}
.logo:hover .logo_font{
    text-indent:10px
}
.menu{
    text-align:right;
    padding-bottom:10px;
    padding-top:50px
}
#icon_menu{
    width:40px;
    height:40px;
    position:relative;
    display:none
}
#icon_menu:before{
    content:'';
    display:block;
    height:6px;
    width:40px;
    position:absolute;
    top:5px;
    right:10px;
    background:#1493c8;
    box-shadow:0 12px #1493c8,0 24px #1493c8;
    -webkit-box-shadow:0 12px #1493c8,0 24px #1493c8;
    -moz-box-shadow:0 12px #1493c8,0 24px #1493c8
}
.menu_item{
    display:inline-block
}
.menu_link{
    font-family:'Roboto',sans-serif;
    font-size:18px;
    color:#fff;
    font-size:14px;
    text-transform:uppercase;
    display:inline-block;
    padding:5px 10px;
    transition:color .4s ease-in 0s;
    -moz-transition:color .4s ease-in 0s;
    -webkit-transition:color .4s ease-in 0s;
    -webkit-transition-delay:.4s 0s
}
.menu_link:hover,.active_item .menu_link{
    color:#968cd9
}
.line_bottom{
    display:block;
    height:2px;
    width:0;
    margin:5px 0 0 0;
    background:#968cd9;
    transition:all .7s ease-in 0s;
    -moz-transition:all .7s ease-in 0s;
    -webkit-transition:all .7s ease-in 0s;
    -webkit-transition-delay:.7s 0s
}
.menu_link:hover .line_bottom{
    width:100%
}
.section{
    min-width:100px;
    padding:90px 0;
    background:#f7f7f7;
    opacity:0;
    transition:opacity .4s ease-in 0s;
    -moz-transition:opacity .4s ease-in 0s;
    -webkit-transition:opacity .4s ease-in 0s;
    -webkit-transition-delay:.4s 0s
}
.section .title{
    color:#1c4e79
}
.partners{
    text-align:center
}
.partner{
    text-align:center;
    vertical-align:top;
    display:inline-block;
    position:relative;
    margin:0;
    opacity:0;
    transition:all .8s ease-in 0s;
    -moz-transition:all .8s ease-in 0s;
    -webkit-transition:all .8s ease-in 0s;
    -webkit-transition-delay:.8s 0s
}
.logo_partners{
    opacity:.5;
    transition:opacity .4s ease-in 0s;
    -moz-transition:opacity .4s ease-in 0s;
    -webkit-transition:opacity .4s ease-in 0s;
    -webkit-transition-delay:.4s 0s
}
.logo_partners:hover{
    opacity:1
}
.prices .paragraph {
    color: #1d183f;
    font-size:18px;
    max-width: 80%;
    margin: 0 auto 10px auto;
}
.service{
    background:url('../images/development.jpg') no-repeat center top / cover;
    padding:80px 0 65px;
    min-height:399px;
    min-width:100px
}
.service .container{
    width:660px;
    padding:80px 60px;
    background:rgba(20,147,200,0.9);
    text-align:center;
    opacity:0;
    margin:0 auto
}
.service .container:after{
    content:" ";
    display:block;
    background:url("../images/sprites.png") no-repeat scroll 0 -143px rgba(0,0,0,0);
    width:166px;
    height:71px;
    position:relative;
    left:78px;
    top:80px;
    float:right
}
.service .paragraph{
    width:500px;
    margin:0 auto;
    font-size:18px
}
.design{
    background:url('../images/design.jpg') no-repeat center top / cover;
    position:relative
}
#design,#development{
    transition:opacity .4s ease-in 0s;
    -moz-transition:opacity .4s ease-in 0s;
    -webkit-transition:opacity .4s ease-in 0s;
    -webkit-transition-delay:.4s 0s
}
.active_section,.active_partners,.active_prices{
    opacity:1!important
}
.active_partners .partner{
    margin:0 10px 20px;
    opacity:.5
}

.about_us_content{
    background-color: white;
    min-width:100px;
    padding:80px 0 80px;
    text-align:center
}
.about_us_content .title{
    max-width:680px;
    margin:50px auto 100px;
    font-size:36px;
    color:#000
}
.about_us_content .paragraph{
    max-width:740px;
    margin:0 auto 90px;
    font-size:24px;
    color:#000
}

.content{
    padding-left:20px;
    padding-right:20px;
    min-width:100px;
    max-width:1400px;
    margin:0 auto;
    position:relative;
    padding-top:80px
}
.support{
    padding:130px 0 150px
}
.support .title{
    font-size:44px
}
.support:after{
    clear:both;
    content:"";
    display:block
}

.stage_item{
    width:700px;
    margin:0 auto 175px;
    padding:75px 20px 25px;
    text-align:center;
    background:#3c3760
}
.stage_item .title{
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}
.stage_item .container{
    padding-left:0
}
.stage_item .paragraph{
    width:450px;
    margin:35px auto 0;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #fff;
}
.stage_item:after{
    clear:both;
    content:" ";
    display:block;
    background:url("../images/sprites2.png") no-repeat scroll 0 -216px rgba(0,0,0,0);
    width:166px;
    height:71px;
    position:relative;
    top:60px;
    left:38px;
    float:right
}
.stage1{
    background:url("../images/one.png") no-repeat scroll 5px bottom #3c3760;
    margin:0 0 0 4%;
    float:left;
    width:470px
}
.stage1 .paragraph{
    width:400px
}

.stage2{
    background:url("../images/two.png") no-repeat scroll right bottom #1493c8;
    margin:150px 4% 0 0;
    float:right;
    width:470px
}
.stage2 .paragraph{
    width:400px
}
.stage3{
    background:url("../images/three.png") no-repeat scroll 5px bottom #1493c8;
    margin:150px 0 0 4%;
    float:left;
    width:470px
}
.stage3 .paragraph{
    width:400px
}
.stage4{
    background:url("../images/four.png") no-repeat scroll right bottom #3c3760;
    margin:150px 4% 0 0;
    float:right;
    width:470px
}
.stage4 .paragraph{
    width:400px
}
.stage2:after{
    background:url("../images/sprites2.png") no-repeat scroll 0 -290px;
    float:left;
    left:-20px
}
.stage1:after,.stage2:after{
    top:96px
}
.stage3:after{
    background:url("../images/sprites2.png") no-repeat scroll 0 -366px;
    float:right;
    left:62px;
    top:85px
}
.stage4:after{
    background:url("../images/sprites2.png") no-repeat scroll 0 -439px;
    float:left;
    left:-20px;
    top:83px
}
.promotion{
    min-width:100px;
    height:160px;
    margin-top:80px;
    padding-top:70px;
    text-align:center;
    background-color:#3c3760;
    font-family: 'Roboto', sans-serif;
    color: #fff;
}
.promotion .title{
    font-size: 48px;
    font-weight: bold;
    text-transform: uppercase;
}
.cadlab{
    color:#fff;
    font-size:24px;
}
.projects{
    background:url('../images/smarthome.jpeg') no-repeat center center / cover;
    padding:80px 0 65px;
    min-height:399px;
    min-width:100px
}
.projects .container{
    width:660px;
    padding:80px 60px;
    background:#3c3760;
    text-align:center;
    margin:0 auto
}
.projects .container:after{
    content:" ";
    display:block;
    background:url("../images/sprites2.png") no-repeat scroll 0 -439px;
    width:166px;
    height:71px;
    position:relative;
    left:-60px;
    top:69px;
    float:left
}
.projects .title {
    color: #FFFFFF;
}
.projects .paragraph {
    font-size: 18px;
}
.projects .button{
    display:block;
    position:relative;
    font-size:14px;
    font-weight:bold;
    color:#fff;
    margin: 10px auto 0 auto;
    padding:15px 35px;
    cursor:pointer;
    background:#1493c8;
    width:200px;
    transition:background .7s ease-in 0s;
    -moz-transition:background .7s ease-in 0s;
    -webkit-transition:background .7s ease-in 0s;
    -webkit-transition-delay:.7s 0s
}
.projects .button:hover{
    color:#fff;
    background:rgba(20,147,200,0.8)
}
.projects .button:active{
    top:1px;
    box-shadow:1px 3px 4px #19566f inset
}
.footer{
    background-color:#3c3760;
    min-width:100px
}
.footer .container{
    padding:40px 20px
}
.footer .container:after{
    clear:both;
    content:"";
    display:block
}
.footer .contacts{
    margin-bottom:15px;
    font-size:22px;
    font-weight:normal
}
.footer .information_about_right{
    height:46px;
    padding-top:78px
}
@-moz-document url-prefix(){
    .footer .information_about_right{
        padding-top:82px
    }
}
.footer .phone{
    color:#fff
}
.footer .mail{
    display:block
}
.copiright{
    float:left;
    margin-top:195px;
    color:#8883a8
}
.information_about_right{
    float:right;
    font-size:16px;
    height:119px
}
.information_about_left{
    float:right;
    margin-right:90px;
    font-size:16px
}
.organisation{
    margin-bottom:10px
}
.organisation .logo_font{
    font-size:21px;
    text-indent:10px;
    float:none
}
.organisation .pro{
    font-size:12px
}
#preloader_wrapper{
    height:100%;
    width:100%;
    background:#3c3760;
    position:fixed;
    top:0;
    z-index:9999;
    transition:all .5s ease
}
.preloader{
    position:relative;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.preloader_item{
    font-family:verdana;
    font-size:20px;
    letter-spacing:2px;
    line-height:42px;
    margin-left:5px;
    vertical-align:middle;
    display:inline-block;
    float:none;
    height:40px
}
.preloader_item .pro{
    font-size:11px;
    line-height:25px
}
.background{
    background:url('../images/icon_logo.png') no-repeat center 5px #1493c8;
    height:42px;
    width:40px;
    animation:timing_background 20s infinite;
    animation-delay:1000ms;
    -webkit-animation:timing_background 20s infinite;
    -webkit-animation-delay:1000ms;
    -o-animation:timing_background 20s infinite;
    -o-animation-delay:1000ms;
    transition:all .5s ease
}
.no_animation{
    animation:0s ease 0s normal none 1 none;
    -webkit-animation:0s ease 0s normal none 1 none;
    -o-animation:0s ease 0s normal none 1 none
}
@-webkit-keyframes timing_background{
    10%{
        background:url('../images/icon_logo.png') no-repeat center 5px #18cc20
    }
    20%{
        background:url('../images/icon_logo.png') no-repeat center 5px #737f09
    }
    30%{
        background:url('../images/icon_logo.png') no-repeat center 5px #760b61
    }
    40%{
        background:url('../images/icon_logo.png') no-repeat center 5px #d397c7
    }
    50%{
        background:url('../images/icon_logo.png') no-repeat center 5px #37b6df
    }
    60%{
        background:url('../images/icon_logo.png') no-repeat center 5px #b52248
    }
    70%{
        background:url('../images/icon_logo.png') no-repeat center 5px #272526
    }
    80%{
        background:url('../images/icon_logo.png') no-repeat center 5px #46549c
    }
    90%{
        background:url('../images/icon_logo.png') no-repeat center 5px #049a12
    }
    100%{
        background:url('../images/icon_logo.png') no-repeat center 5px #1493c8
    }
}
@keyframes timing_background{
    10%{
        background:url('../images/icon_logo.png') no-repeat center 5px #18cc20
    }
    20%{
        background:url('../images/icon_logo.png') no-repeat center 5px #737f09
    }
    30%{
        background:url('../images/icon_logo.png') no-repeat center 5px #760b61
    }
    40%{
        background:url('../images/icon_logo.png') no-repeat center 5px #d397c7
    }
    50%{
        background:url('../images/icon_logo.png') no-repeat center 5px #37b6df
    }
    60%{
        background:url('../images/icon_logo.png') no-repeat center 5px #b52248
    }
    70%{
        background:url('../images/icon_logo.png') no-repeat center 5px #272526
    }
    80%{
        background:url('../images/icon_logo.png') no-repeat center 5px #46549c
    }
    90%{
        background:url('../images/icon_logo.png') no-repeat center 5px #049a12
    }
    100%{
        background:url('../images/icon_logo.png') no-repeat center 5px #1493c8
    }
}
@media screen and (min-width:1500px){
    .stage1{
        width:660px;
        margin-left:0
    }
    .stage2{
        width:560px;
        margin-right:0
    }
    .stage3{
        margin-left:90px;
        width:570px
    }
    .stage4{
        width:520px;
        margin-right:40px
    }
}
@media screen and (max-width:700px){
    .stage_item,.stage_item .paragraph{
        padding:0 2%;
        width:96%;
        font-size: 14px;
    }
    .paragraph_title{
        font-size:26px
    }
    .stage_item{
        padding:75px 2% 60px
    }
    .stage_item .title
    {
        font-size: 30px;
    }
    .stage_item:after{
        display:none
    }
    .stage1,.stage3{
        margin-left:0
    }
    .stage2,.stage4{
        margin-right:0
    }
}
@media screen and (max-width:799px){
    .stage_item{
        width:550px
    }
}
@media screen and (min-width:800px) and (max-width:979px){
    #last_works .container{
        padding:0!important
    }
}
@media screen and (min-width:1000px) and (max-width:1279px){
    noindex:-o-prefocus,.ls_img{
        top:155px!important
    }
}
@media screen and (max-width:1000px){
    .stage_item{
        width:640px
    }
}
@media screen and (max-width:980px){
    .container,.header,.content,.wrapper_buy_cadlab,.promotion,.footer{
        min-width:92%;
        padding-left:10px;
        padding-right:10px
    }
    .header .switch_language{
        margin:0 10px
    }
    .service .container{
        padding:80px 10px
    }
    .service .container:after{
        left:28px
    }
    .control{
        top:35%
    }
    .footer .information_about_right{
        width:140px
    }
}
@media screen and (max-width:768px){
    .menu_wrapper{
        width:115px;
        text-align:right;
        padding:0
    }
    .service .container{
        padding:80px 10px;
        width:270px
    }
    .service .container .paragraph{
        width:100%
    }
    .service .container:after{
        left:22px;
        width:160px
    }
    .footer .container{
        min-width:87%;
        padding:40px 10px
    }
    .footer .copiright{
        margin:0 0 20px;
        width:100%
    }
    .footer .information_about_left{
        float:left;
        font-size:16px;
        margin:0
    }
}
@media screen and (max-width:750px){
    .container:after{
        clear:both;
        content:"";
        display:block
    }
    .menu_link{
        font-size:15px;
        padding:5px
    }
    .service .container:after{
        left:12px;
        width:150px
    }
    .control{
        top:35%
    }
    #last_works .container{
        padding-left:0;
        padding-right:0
    }
}
@media screen and (max-width:480px){
    #triangle {
        display:none;
    }
    .promotion .title{
        font-size:22px!important
    }
    .promotion .cadlab{
        font-size:17px
    }
    .prices .paragraph {
         font-size:14px;
    }
    .projects .paragraph {
        font-size: 14px;
    }
    .logo{
        width:165px
    }
    .logo_font{
        font-size:22px
    }
    .header .contacts{
        width:100%;
        float:left;
        text-align:left;
        margin:35px 0 0
    }
    .service .container{
        padding:80px 10px
    }
    .title{
        font-size:28px
    }
    .paragraph{
        font-size:14px
    }
    .title_slide,.link_sait{
        left:30px
    }
    .control{
        top:25%
    }
}
@media screen and (max-width:360px){
    .footer .container{
        padding:40px 0
    }
}
@media screen and (max-width:320px){
    .container,.header,.content,.wrapper_buy_cadlab,.promotion,.footer{
        min-width:92%;
        padding-left:0;
        padding-right:0
    }
    .promotion .cadlab{
        font-size:15px
    }
    .footer .information_about_left{
        font-size:14px
    }
    .footer .information_about_right{
        font-size:14px;
        text-align:right;
        height:auto;
        width:120px
    }
}
@media screen and (min-width:1024px) and (max-width:1100px){
    #last_works .container{
        padding:0
    }
}
@media screen and (max-width:1100px){
    .stage1,.stage2{
        width:400px
    }
}
@media all and (-webkit-min-device-pixel-ratio:0){
    .no_transition .switch_language,.no_transition .switch_language:before,.no_transition .logo_font,.no_transition .section,.no_transition .partner,.no_transition .logo_partners,.no_transition #design,.no_transition #development,.no_transition .slide,.no_transition #preloader_wrapper,.no_transition .background{
        transition:all 0s ease-in 0s!important;
        -moz-transition:all 0s ease-in 0s!important;
        -webkit-transition:all 0s ease-in 0s!important;
        -webkit-transition-delay:0s 0s!important
    }
}