/* reset */
a:hover, a:focus, button:focus, .btn:active, .btn:focus { text-decoration: none; outline: 0 !important; box-shadow: none !important }
.form-control, input[type="text"], textarea { box-shadow: none !important }

body { color: #152844; font-family: 'Open Sans', Arial, sans-serif; overflow-x: hidden; }
.btn-default { background: #08a7f0; border: 0; border-bottom: 3px solid #0871a1; color: #fff; font: 700 16px 'Montserrat', Arial, sans-serif; text-transform: uppercase; letter-spacing: 3.5px; border-radius: 4px; padding: 14px 20px; display: table; margin: 0 auto; transition: all .1s linear }
.btn-default:hover { background: #0497da; border-bottom-color: #0871a1; color: #fff }
h1,h2,h3,h4,h5,h6,p { margin: 0 }
ul { margin: 0; padding: 0 }
.color { color: #d9e021 !important }

/* header */
header { padding: 40px 0; position: fixed; width: 100%; top: 0; left: 0; z-index: 100 }
header .btn-talk-with-us { border: 2px solid #cad3df; border-radius: 3px; color: #cad3df; font: 700 14px 'Lato', Arial, sans-serif; text-transform: uppercase; letter-spacing: 3.5px; padding: 10px 35px; display: table; margin: 20px auto 0; transition: background .1s linear }
header .btn-talk-with-us:hover { background: #cad3df; color: #333 }

    /* logo */
    .logo { display: block; overflow: hidden }
    .logo span { display: block; float: left; margin-right: 35px }
    .logo span:last-child { margin-right: 0 }
    .logo .santa-fe { background: url(../img/logo.svg) no-repeat; text-indent: -9999px; width: 148px; height: 74px }
    .logo .bar { background: #fff; width: 1px; height: 85px; margin-top: -3px }
    .logo .tray { background: url(../img/logo-tray.png) no-repeat; text-indent: -9999px; width: 98px; height: 73px; margin-top: 4px }

    /* menu */
    .menu { padding: 0; display: table; margin: 31px auto 0 }
    .menu li { display: block; float: left; margin-right: 25px; font: 700 14px 'Lato', Arial, sans-serif; text-transform: uppercase; letter-spacing: 3.5px }
    .menu li:last-child { margin-right: 0 }
    .menu a { color: #cad3df; transition: color .1s linear }
    .menu a:hover { color: #d2d922 }

    /* header fixed */
    header.fixed { background: #fff; padding: 20px 0; border-bottom: 1px solid #cac8c6 }
    header.fixed .logo .santa-fe { background: url(../img/logo-fixed.svg) no-repeat; width: 125px; height: 57px }
    header.fixed .logo .bar { background: #807777; height: 65px }
    header.fixed .logo .tray { background: url(../img/logo-tray-fixed.png) no-repeat; height: 64px; margin-top: 0 }
    header.fixed .menu { margin-top: 22px }
    header.fixed .menu a { color: #152844 }
    header.fixed .menu a:hover { color: #d2d922 }
    header.fixed .btn-talk-with-us { border-color: #152844; color: #152844; margin-top: 12px }
    header.fixed .btn-talk-with-us:hover { background: #152844; color: #fff }

/* home */
.home { background: url(../img/bg-home.jpg) no-repeat center center / cover; height: 1000px }
.home .display-table { display: table; width: 100%; height: 1000px }
.home .align-middle { display: table-cell; vertical-align: middle }
.home h1 { color: #fff; font-size: 70px; font-weight: 700; line-height: 90px }
.home h1 strong { font-size: 40px; font-weight: 300; display: block; line-height: 48px }

    /* form budget */
    .form-budget { background: #f8f8f8; border-radius: 4px; overflow: hidden }
    .form-budget legend { background: #193339; color: #fff; font: 22px 'Montserrat', Arial, sans-serif; text-transform: uppercase; text-align: center; border-bottom: 0; padding: 25px 0 }
    .form-budget legend span { display: block; font: 18px 'Open Sans', Arial, sans-serif; text-transform: lowercase }
    .form-budget legend i { font-style: normal }
    .form-budget .padding { padding: 0 20px 35px }
    .form-budget .form-group {}
    .form-budget .form-control { border: 1px solid #dcdcdc; padding: 13px 17px; height: auto }

/* unlimited */
.unlimited { box-shadow:0 12px 9px 5px rgba(0,0,0,0.15); width: 100%; max-width: 1280px; margin: -90px auto 120px; padding: 160px 0; position: relative; z-index: 10; background: #fff; overflow: hidden }
.unlimited p { font-size: 40px; text-align: center; display: block; float: left; margin-left: 70px }
.unlimited .hashtag { font-size: 666px; font-weight: 700; color: #fff; opacity: 0.17; position: absolute; top: -210px; right: -60px; -webkit-text-stroke: 12px #d9e021; z-index: -1 }
.unlimited .text { color: #d9e021; font-size: 72px; font-weight: 700; line-height: 79px; position: absolute; right: 25px; bottom: 45px }

/* step by step */
.step-by-step { margin-bottom: 145px; padding-top: 30px }
.step-by-step h2 { font: 48px 'Montserrat', Arial, sans-serif; text-align: center; margin-bottom: 40px }
.step-by-step .container > p { color: #7d7d7d; font-size: 18px; line-height: 28px; text-align: center; margin-bottom: 75px }
.step-by-step .btn-default { position: relative }

    /* menu-steps */
    .menu-steps { margin-top: 33px }
    .menu-steps li { font: 700 10px 'Montserrat', Arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; list-style: none; overflow: hidden; margin-bottom: 10px }
    .menu-steps .number { background: #e8e9ed; display: block; float: left; width: 16px; height: 16px; border-radius: 50%; line-height: 17px; padding-left: 6px; margin: -2px 15px 0 0 }
    .menu-steps .two-lines .number { margin-top: 5px }
    .menu-steps .two-lines .active:after { border-top: 30px solid #fff; border-bottom: 30px solid #fff; border-left: 30px solid #c4c4c4 }
    .menu-steps a { cursor: pointer; color: #9fa3a7; display: block; padding: 17px 55px 17px 20px; position: relative; border-radius: 4px }
    .menu-steps .active { background: #c4c4c4; color: #212121 }
    .menu-steps .active:after { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 0; border-top: 24px solid #fff; border-bottom: 24px solid #fff; border-left: 24px solid #c4c4c4; position: absolute; top: 0px; right: 0 }
    .menu-steps .active .number { background: #d9e021; color: #212121 }

    /* carousel */
    .macbook { background: url(../img/macbook.png) no-repeat; width: 840px; height: 726px; margin: 0 0 -30px -140px; background-size: 100%; overflow: hidden }

        /* screen */
        .macbook .screen { background: url(../img/screens.png) no-repeat; width: 606px; height: 382px; margin: 34px 0 0 175px; border-radius: 2px; transition: all .3s linear; position: relative }
        .macbook .screen .link-tray { display: block; width: 100%; height: 100%; text-indent: -9999px; top: 0; left: 0; position: absolute }
        .macbook .screen iframe { width: 606px; height: 382px }

    /* item */
    .item-step { margin: 100px 0 0 70px; position: relative }
    .item-step .line { background: #d9e021; width: 149px; height: 4px; position: absolute; top: 25px; left: -170px }
    .item-step .line:after { background: #d9e021; content: ''; width: 12px; height: 12px; display: block; border-radius: 50%; float: right; margin-top: -4px; }
    .item-step i { color: #d9e021; font-size: 70px; margin-bottom: 15px }
    .item-step h3 { color: #212121; font: 700 12px 'Montserrat', Arial, sans-serif; text-transform: uppercase; letter-spacing: 2.5px; margin-bottom: 20px }
    .item-step p { font-size: 12px; color: #9fa3a7; line-height: 22px; text-align: left }
    .item-step .btn-more { background: #d9e021; font: 700 13px 'Lato', Arial, sans-serif; color: #fff; text-transform: uppercase; margin-top: 20px; transition: all .1s linear }
    .item-step .btn-more:hover { background: #c1c71d }

        /* success */
        .item-step .success { color: #d9e021; font-size: 72px; font-weight: 700; text-transform: uppercase; position: relative }
        .item-step .success:after { content: '#'; font-size: 333px; font-weight: 700; color: #fff; opacity: 0.17; position: absolute; top: -210px; right: -60px; -webkit-text-stroke: 12px #d9e021; z-index: -1}

/* partners */
.partners { background: #f0f0f0; padding: 50px 0 0 }
.partners h3 { font: 700 27px 'Montserrat', Arial, sans-serif; text-transform: uppercase; color: #152844 }

/* cases */
.cases { padding: 60px 0 0; position: relative }
.cases > .bg { background: url(../img/bg-cases.jpg); position: absolute; top: 0; left: 0; width: 100%; height: 1105px; z-index: -1 }
.cases h3 { color: #fff; font: 700 32px 'Montserrat', Arial, sans-serif; text-transform: uppercase; margin-bottom: 15px }
.cases p { color: #7d7d7d; font-size: 18px; line-height: 28px; text-align: center; margin-bottom: 90px }
.cases .margin-carousel { margin: 0 25px 20px; position: relative }
.cases .camera { background: url(../img/camera.png) no-repeat; width: 356px; height: 397px; display: block; position: absolute; right: 0; bottom: 50px }

    /* carousel */
    .carousel-cases {}
    .carousel-cases li { display: block; float: left }
    .carousel-cases a { display: block; position: relative }
    .carousel-cases a:hover .hover { opacity: 1 }
    .carousel-cases img { max-width: 100%; height: auto }

    /* hover */
    /*.carousel-cases .hover { color: #fff; font-size: 24px; font-weight: 700; text-transform: uppercase; background: rgba(0,0,0,.8); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; transition: all .1s linear }
    .carousel-cases .hover .info { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height: 130px }
    .carousel-cases .hover i { width: 68px; height: 68px; background: #fff; display: block; margin: 0 auto 30px; border-radius: 50%; position: relative }
    .carousel-cases .hover i:before, .carousel-cases .hover i:after { content: ''; background: #000; position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0; margin: auto }
    .carousel-cases .hover i:before { width: 23px; height: 1px }
    .carousel-cases .hover i:after { width: 1px; height: 23px }*/
    .carousel-cases .hover { display: none }

        /* arrow */
        .cases .bx-controls-direction {}
        .cases .bx-controls-direction a:before { font-family: 'FontAwesome'; }
        .cases .bx-controls-direction a { width: 60px; height: 155px; background: #bdc319; color: #fff; display: block; position: absolute; top: 0; bottom: 0; margin: auto; font-size: 33px; line-height: 155px; transition: all .1s linear }
        .cases .bx-controls-direction a:hover { background: #fff; color: #bdc319 }
        .cases .bx-controls-direction a.disabled { display: none }
        .cases .bx-prev:before { content: '\f053' }
        .cases .bx-prev { left: -25px; padding-right: 10px; box-shadow:0 2px 4px 0 rgba(0,0,0,0.50) !important; }
        .cases .bx-next:before { content: '\f054' }
        .cases .bx-next { right: -25px; padding-left: 10px; box-shadow:0 2px 4px 0 rgba(0,0,0,0.50) !important; }

    /* tablet */
    .tablet-clients { background: url(../img/tablet-clients.png) no-repeat; width: 716px; height: 563px; margin: 0 auto 175px; position: relative }
    .tablet-clients .bg { background: #fff; position: absolute; top: 75px; left: 63px; width: 559px; height: 421px; padding-top: 50px; overflow: hidden }
    .tablet-clients h4 { color: #d9e021; font-size: 48px; font-weight: 700; margin-bottom: 10px }
    .tablet-clients .margin-carousel-clients { width: 990px; margin-left: -213px }

        /* carousel */
        .carousel-clients {}
        .carousel-clients li {}
     /*   .carousel-clients .control { width: 100%; height: 220px; display: block }
        .carousel-clients .prev-slide img { float: right }
        .carousel-clients .next-slide img { float: left }
        .carousel-clients .active-slide img { width: 100%; height: auto; margin-top: 0 }*/
        .carousel-clients img { max-width: 100%; height: auto }

/* contact */
.contact { color: #969695; margin-bottom: 50px; padding-top: 30px }
.contact h4 { color: #152844; font: 36px 'Montserrat', Arial, sans-serif; text-align: center; margin-bottom: 120px }
.contact h4 strong { display: block; font-weight: 400; font-size: 49px }
.contact h4 .color { font-weight: 700 }
.contact h5 { font-size: 27px; color: #2c2c2c; line-height: 36px; letter-spacing: .5px; margin: 50px 0 30px }
.contact .city-contact { color: #969695; font: 15px 'Montserrat', Arial, sans-serif; text-transform: uppercase; letter-spacing: .5px; margin-bottom: 20px }
.contact address { font-size: 15px; letter-spacing: -.5px; margin-bottom: 65px }

    /* other contact */
    .other-contacts { font-family: 'Montserrat', Arial, sans-serif }
    .other-contacts li { list-style: none; margin-bottom: 10px; font-size: 15px; letter-spacing: -.5px; }
    .other-contacts .type { font-size: 12px; font-weight: 700; width: 50px; display: block; float: left }
    .other-contacts a { color: #969695 }

    /* form */
    .form-contact {}
    .form-contact .form-group { border: 1px solid #a9a9a9; border-radius: 4px; padding: 8px 20px }
    .form-contact label { color: #333; font: 400 11px 'Lato', Arial, sans-serif; text-transform: uppercase; margin-bottom: 0px }
    .form-contact .form-control { border: 0; padding: 0 }
    .form-contact textarea.form-control { height: 130px; resize: none }

/* map */
#map { width: 100%; height: 345px }

/* join us */
.join-us { position: relative; margin-bottom: 100px; padding: 100px 0 0 }
.join-us .bg { background: #e7e7e7; height: 575px; width: 100%; left: 0; top: 0; position: absolute; z-index: -1 }
.join-us h4, .join-us h6 { color: #152844; font: 400 49px 'Montserrat', Arial, sans-serif; text-align: center; margin-bottom: 50px }
.join-us h6 { margin-bottom: 60px }
.join-us p { color: #7d7d7d; font-size: 18px; line-height: 28px; text-align: center; margin-bottom: 85px }
.join-us p strong { display: block }
.join-us img { display: block; margin: 0 auto 80px; max-width: 100%; height: auto }

/* footer */
footer { background: #262626; padding: 45px 0 }
footer .logo-footer { background: url(../img/logo.svg) no-repeat; width: 148px; height: 74px; display: block; text-indent: -9999px }
footer p { color: #fff; font: 700 12px 'Montserrat', Arial, sans-serif; letter-spacing: 2.5px; text-transform: uppercase; margin-bottom: 10px }

    /* menu footer */
    .menu-footer {}
    .menu-footer li { font-size: 14px; line-height: 36px; list-style: none }
    .menu-footer a { color: #9fa3a7; transition: all .1s linear }
    .menu-footer a:hover { color: #fff }

    /* social */
    .social {}
    .social li { display: block; float: left; margin-right: 20px; font-size: 20px }
    .social a { color: #fff }
    .social a:hover {}

/* colorbox */
#cboxWrapper,.cboxPhoto{max-width:none}#cboxCurrent,#cboxTitle{position:absolute;color:#ccc;top:-21px;font-size:12px}.cboxIframe,.cboxPhoto{border:0;display:block}#cboxClose:active,#cboxNext:active,#cboxPrevious:active,#cboxSlideshow:active,#colorbox{outline:0}#cboxOverlay,#cboxWrapper,#colorbox{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxOverlay{position:fixed;width:100%;height:100%;background:#000;opacity:.9;filter:alpha(opacity=90)}#cboxBottomLeft,#cboxMiddleLeft{clear:left}#cboxTitle{margin:0;left:0}#cboxLoadingGraphic,#cboxLoadingOverlay{position:absolute;top:0;left:0;width:100%;height:100%}.cboxPhoto{float:left;margin:auto;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;padding:0;margin:0}#cboxContent,#cboxLoadedContent,#colorbox{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxContent{position:relative;margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch;border:5px solid #000;background:#fff}#cboxCurrent{right:0}#cboxLoadingGraphic{background:url(images/loading.gif?v=2) center center no-repeat}#cboxClose,#cboxNext,#cboxPrevious,#cboxSlideshow{cursor:pointer;border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxNext,#cboxPrevious{top:50%;margin-top:-32px;width:28px;height:65px;position:absolute;text-indent:-9999px}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{left:5px;background:url(images/controls.png?v=2) top left no-repeat}#cboxPrevious:hover{background-position:bottom left}#cboxNext{right:5px;background:url(images/controls.png?v=2) top right no-repeat}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(images/controls.png?v=2) top center no-repeat;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}

@media (min-width: 1520px) {
    header > .container { width: 1490px }
}

@media (min-width: 1300px) {
    .container { width: 1290px }
}

@media (min-width: 1140px) {
    .form-contact .col-sm-6:first-child { padding-right: 7px }
    .form-contact .col-sm-6:last-child { padding-left: 7px }
    .step-by-step .btn-mobile { display: none }
}

@media (max-width: 1440px) {
    .logo span { margin-right: 25px }
    .logo .santa-fe { width: 139px }
    .logo .tray { height: 61px; background-size: contain }
    .menu li { letter-spacing: 2.5px }
    .home, .home .display-table { height: 880px }
    .unlimited { padding: 110px 0 }
    .item-step .success { font-size: 50px }
    .item-step .success:after { font-size: 283px; top: -170px; right: -20px }
    .cases .camera { right: -80px }
    .tablet-clients, .contact h4 { margin-bottom: 60px }
    #map { height: 275px }
}

@media (max-width: 1367px) {
    .logo .santa-fe { width: 125px }
    .logo .bar { height: 70px; margin-top: -5px }
    .logo .tray { width: 80px }
    .menu li { letter-spacing: 1.5px; margin-right: 20px }
    .home, .home .display-table { height: 800px }
    .unlimited { padding: 80px 0; margin: -90px 15px 70px }
    .unlimited .text { font-size: 62px; line-height: 68px; bottom: 5px }
    .macbook { margin: 0 0 -130px -160px }
    .item-step { margin: 50px 0 0 100px }
    .step-by-step { margin-bottom: 75px }
    .cases .camera { right: -130px }
    header.fixed .logo .tray { height: 58px; margin-top: 5px; background-size: contain }
}

@media (max-width: 1140px) {
    header { position: absolute }
    .logo { display: table; margin: 70px auto 0 }
    .logo span { margin-right: 55px }
    .logo .santa-fe { width: 239px; height: 120px }
    .logo .tray { background: url(../img/logo-tray-mobile.png) no-repeat; width: 164px; height: 119px }
    .logo .bar { height: 130px; margin-right: 50px }
    .home, .home .display-table { height: 1020px }
    .home h1 { text-align: center; margin-bottom: 50px }
    .unlimited { padding: 50px 0; margin: -180px 55px 70px; width: auto }
    .unlimited .text { font-size: 40px; line-height: 44px; height: 132px; top: 0; bottom: 0; margin: auto }
    .unlimited p { font-size: 35px; margin: 0 160px 0 30px }
    .unlimited .hashtag { font-size: 333px; top: -80px; right: -50px }
    .step-by-step h2 { font-size: 45px }
    .menu-steps { margin-top: 0; display: table; margin: 0 auto }
    .menu-steps li { display: block; float: left; width: auto; font-size: 21px; text-align: center; overflow: visible }
    .menu-steps a { padding: 40px 20px 20px 20px; margin-bottom: 20px }
    .menu-steps .number { float: none; margin: -50px auto 25px; width: 30px; height: 30px; line-height: 32px; padding-left: 2px }
    .menu-steps .two-lines .number { margin-top: -50px }
    .macbook { background: url(../img/macbook-mobile.jpg) no-repeat; margin: 0 auto; width: 100%; background-size: 100%; max-width: 750px; height: 515px }
    .macbook .screen { width: auto; margin: 35px 60px 0 62px; height: 396px }
    .macbook .screen iframe { width: 628px; height: 396px }
    .item-step { margin: 30px 0 75px }
    .item-step .line { display: none }
    .item-step i { display: block; float: left; margin: 0 30px 0 0 }
    .item-step h3 { font-size: 21px; margin-bottom: 5px }
    .item-step p { font-size: 20px; line-height: 30px }
    .cases .bx-controls-direction a { display: none }
    .cases .margin-carousel { margin: 0 0 20px }
    .cases h3 { font-size: 45px; opacity: .5; margin-bottom: 40px }
    .cases > .bg { height: 855px }
    .tablet-clients, .contact h4 { margin-bottom: 0 }
    .contact h5, .contact .city-contact, .contact address, .other-contacts { text-align: center }
    .contact h5 br { display: none }
    .other-contacts .type { display: inline-block; float: none }
    .contact address { margin-bottom: 25px }
    .other-contacts { margin-bottom: 60px }
    .other-contacts li { margin-bottom: 5px }
    .form-contact .btn-default { float: none !important; margin-top: 30px }
    footer .logo-footer { margin: 0 auto 40px }
    .menu-footer { margin-bottom: 40px }
    .social { display: table; margin: 20px auto 0 }
    .social li { font-size: 32px; margin-right: 30px  }
    .social li:last-child { margin-right: 0 }
    .btn-default { padding: 20px }
    .menu-steps .active:after { display: none }
    footer p { white-space: nowrap }
    .row-menu-footer { display: table; margin: 0 auto }
    .step-by-step .ico-item, .step-by-step .text-item { display: table-cell; vertical-align: middle }
    .step-by-step .btn-default { padding: 20px 80px }
}

@media (max-width: 960px) {
    .home, .home .display-table { height: 1040px }
    .logo { margin-top: 50px }
    .macbook { width: 495px; height: 350px }
    .macbook .screen { margin: 23px 39px 0 41px; height: 261px }
    .macbook .screen iframe { width: 414px; height: 261px }
    .item-step p { font-size: 18px; line-height: 26px }
    .carousel-cases .hover { font-size: 18px }
    .carousel-cases .hover .info { height: 120px }
    .tablet-clients { margin: 0 0 0 30px }
    .tablet-clients h4 { margin-bottom: 30px; font-size: 36px }
    .contact h4 .color { display: block }
    .menu-steps li { font-size: 18px }
    .menu-steps .active:after { display: block; border-top: 66px solid #fff !important; border-bottom: 66px solid #fff !important; border-left: 17px solid #c4c4c4 !important; display: none }
    .step-by-step .ico-item {}
    .step-by-step .text-item {}
}

@media (max-width: 600px) {
    .logo .santa-fe { width: 172px; height: 80px }
    .logo .bar { height: 91px; margin-right: 30px }
    .logo .tray { width: 107px; height: 78px; background-size: contain }
    .logo span { margin-right: 25px }
    .home h1 { font-size: 50px; line-height: 60px }
    .home h1 strong { font-size: 32px; line-height: 46px }
    .home, .home .display-table { height: 820px }
    .unlimited { padding: 20px 0 }
    .unlimited p { font-size: 28px }
    .step-by-step h2 { font-size: 28px }
    .menu-steps a { padding: 30px 10px 15px 10px }
    .menu-steps .number { margin-bottom: 15px }
    .menu-steps li { font-size: 16px }
    .menu-steps .active:after { border-top: 58px solid #fff !important; border-bottom: 58px solid #fff !important }
    .macbook { width: 360px; height: 260px }
    .macbook .screen { margin: 16px 29px 0 30px; height: 191px }
    .macbook .screen iframe { width: 305px; height: 192px }
    .item-step p { font-size: 16px; line-height: 24px }
    .item-step { margin-bottom: 40px }
    .step-by-step { margin-bottom: 50px }
    .cases { padding: 30px 0 }
    .cases h3 { font-size: 32px; margin-bottom: 30px }
    .tablet-clients { width: 100%; background-size: 100%; margin: 0 0 0 10px; height: 450px }
    .tablet-clients .bg { top: 59px; left: 50px; width: 437px; height: 331px; padding-top: 40px }
    .tablet-clients .margin-carousel-clients { width: 600px; margin-left: -70px }
    .carousel-clients .control { height: 150px }
    .carousel-clients img { height: 90px; margin-top: 33px }
    .cases > .bg { height: 670px }
    .contact h4 { font-size: 28px; }
    .contact h4 strong { font-size: 38px }
    .form-contact .form-group { padding: 8px 15px }
    .unlimited { padding: 20px 0 }
    .unlimited p { font-size: 20px; margin-right: 125px }
    .menu-steps li { font-size: 13px; font-weight: 400; letter-spacing: 0 }
    .menu-steps .active:after { border-top: 52px solid #fff !important; border-bottom: 52px solid #fff !important; border-left: 9px solid #c4c4c4 !important }
    .unlimited { margin-bottom: 40px }
    .tablet-clients { display: none }
    .cases > .bg { height: 100% }
}

@media (max-width: 480px) {
    .logo .santa-fe { width: 135px; height: 63px }
    .logo .bar { height: 73px; margin-right: 20px }
    .logo .tray { width: 87px; height: 63px }
    .home h1 { font-size: 40px; line-height: 46px }
    .home h1 strong { font-size: 32px; line-height: 38px }
    .home, .home .display-table { height: 770px }
    .unlimited { margin: -130px 15px 40px }
    .macbook { width: 340px; height: 235px }
    .macbook .screen { margin: 15px 27px 0 28px; height: 181px }
    .carousel-cases .hover { font-size: 14px }
    .carousel-cases .hover i { width: 48px; height: 48px; margin-bottom: 20px }
    .menu-steps li { width: 100% }
    .menu-steps .active:after { border-top: 30px solid #fff !important; border-bottom: 30px solid #fff !important; border-left: 17px solid #c4c4c4 !important }
    .menu-steps a { height: 54px !important; padding: 30px 10px 10px 10px }
    .macbook { width: 290px; height: 205px }
    .macbook .screen { margin: 13px 23px 0 24px; height: 154px }
    .macbook .screen iframe { width: 244px; height: 154px }
    footer p { white-space: normal }
    .menu-steps .number { margin-bottom: 8px }
    .menu-steps li { margin-bottom: 5px }
    .item-step i { font-size: 50px }
}

/* photoswipe */
.pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:none}
.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}
.pswp img{max-width:none}
.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(0.4,0,0.22,1);transition:opacity 333ms cubic-bezier(0.4,0,0.22,1)}
.pswp--open{display:block}
.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}
.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}
.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity}
.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}
.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(0.4,0,0.22,1);transition:transform 333ms cubic-bezier(0.4,0,0.22,1)}
.pswp__bg{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(0.4,0,0.22,1);transition:opacity 333ms cubic-bezier(0.4,0,0.22,1)}
.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}
.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}
.pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}
.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0}
.pswp__img--placeholder{-webkit-backface-visibility:hidden}
.pswp__img--placeholder--blank{background:#222}
.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}
.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#CCC}
.pswp__error-msg a{color:#CCC;text-decoration:underline}
.pswp__button{width:44px;height:44px;position:relative;background:none;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:right;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}
.pswp__button:focus,.pswp__button:hover{opacity:1}
.pswp__button:active{outline:none;opacity:.9}
.pswp__button::-moz-focus-inner{padding:0;border:0}
.pswp__ui--over-close .pswp__button--close{opacity:1}
.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{background:url(../img/default-skin.png) 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px}
@media (-webkit-min-device-pixel-ratio: 1.1),(-webkit-min-device-pixel-ratio: 1.09375),(min-resolution: 105dpi),(min-resolution: 1.1dppx) {
.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{background-image:url(../img/default-skin.svg)}
.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background:none}
}
.pswp__button--close{background-position:0 -44px}
.pswp__button--share{background-position:-44px -44px}
.pswp__button--fs{display:none}
.pswp--supports-fs .pswp__button--fs{display:block}
.pswp--fs .pswp__button--fs{background-position:-44px 0}
.pswp__button--zoom{display:none;background-position:-88px 0}
.pswp--zoom-allowed .pswp__button--zoom{display:block}
.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}
.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}
.pswp__button--arrow--left,.pswp__button--arrow--right{background:none;top:50%;margin-top:-50px;width:70px;height:100px;position:absolute}
.pswp__button--arrow--left{left:0}
.pswp__button--arrow--right{right:0}
.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content:'';top:35px;background-color:rgba(0,0,0,0.3);height:30px;width:32px;position:absolute}
.pswp__button--arrow--left:before{left:6px;background-position:-138px -44px}
.pswp__button--arrow--right:before{right:6px;background-position:-94px -44px}
.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.pswp__share-modal{display:block;background:rgba(0,0,0,0.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}
.pswp__share-modal--hidden{display:none}
.pswp__share-tooltip{z-index:1620;position:absolute;background:#FFF;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.25);box-shadow:0 2px 5px rgba(0,0,0,0.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform}
.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}
.pswp__share-tooltip a:hover{text-decoration:none;color:#000}
.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}
.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}
.pswp__share-modal--fade-in{opacity:1}
.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.pswp--touch .pswp__share-tooltip a{padding:16px 12px}
a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#FFF;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}
a.pswp__share--facebook:hover{background:#3E5C9A;color:#FFF}
a.pswp__share--facebook:hover:before{border-bottom-color:#3E5C9A}
a.pswp__share--twitter:hover{background:#55ACEE;color:#FFF}
a.pswp__share--pinterest:hover{background:#CCC;color:#CE272D}
a.pswp__share--download:hover{background:#DDD}
.pswp__counter{position:absolute;left:0;top:0;height:44px;font-size:13px;line-height:44px;color:#FFF;opacity:.75;padding:0 10px}
.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}
.pswp__caption small{font-size:11px;color:#BBB}
.pswp__caption__center{text-align:left;max-width:420px;margin:0 auto;font-size:13px;padding:10px;line-height:20px;color:#CCC}
.pswp__caption--empty{display:none}
.pswp__caption--fake{visibility:hidden}
.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}
.pswp__preloader__icn{width:20px;height:20px;margin:12px}
.pswp__preloader--active{opacity:1}
.pswp__preloader--active .pswp__preloader__icn{background:url(../img/preloader.gif) 0 0 no-repeat}
.pswp--css_animation .pswp__preloader--active{opacity:1}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise 500ms linear infinite;animation:clockwise 500ms linear infinite}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1000ms cubic-bezier(0.4,0,0.22,1) infinite;animation:donut-rotate 1000ms cubic-bezier(0.4,0,0.22,1) infinite}
.pswp--css_animation .pswp__preloader__icn{background:none;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}
.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}
.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #FFF;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:none;margin:0}
@media screen and (max-width: 1024px) {
.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}
}
@-webkit-keyframes clockwise {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes clockwise {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes donut-rotate {
0%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@keyframes donut-rotate {
0%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}
.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%}
.pswp__caption,.pswp__top-bar,.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(0.4,0,0.22,1);transition:opacity 333ms cubic-bezier(0.4,0,0.22,1)}
.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}
.pswp__top-bar,.pswp__caption{background-color:rgba(0,0,0,0.5)}
.pswp__ui--fit .pswp__top-bar,.pswp__ui--fit .pswp__caption{background-color:rgba(0,0,0,0.3)}
.pswp__ui--idle .pswp__top-bar{opacity:0}
.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0}
.pswp__ui--hidden .pswp__top-bar,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right{opacity:.001}
.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}
.pswp__element--disabled{display:none!important}
.pswp--minimal--dark .pswp__top-bar{background:none}