/*
Theme Name:                   Vata Studio theme
Theme URI:                    http://www.vatastudio.lt/
Description:                  Responsive 1140 grid theme
Version:                      1.2
Author:                       Eimantas Kazenas
Author URI:                   http://www.vatastudio.lt/

License:                      MIT License
License URI:                  http://opensource.org/licenses/MIT
*/
/*
ORANGE: #fb7641
TAMSI RUDA: #201e1e
BG: #1b1919
PILKA: #b4b3b3


*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300&subset=latin-ext);
body{
    font-size:20px; 
    font-family: 'Open Sans', sans-serif;
    background-color:#ededed;
    color:#111;
    font-size:100%;
    line-height:1.5;
}
  
a{text-decoration:none;color:inherit}
a:focus,img:focus,input:focus{outline:none}
/*HEADER*/
.header{width:100%;height:90px;display:block;position:absolute;;z-index:5;padding-right:120px;}
.header.big{position:fixed;}
.logo{display:inline-block;float:left;margin:20px 63px;width:157px;height:auto;}
.logo svg{width:100%;}
body.prices .logo .logcol,body.key-features .logo .logcol,.logo.white .logcol{fill:#174175;}
.logo.white .logcol{fill:#fff !important;}
.log-in{display:inline-block;float:right;padding:34px 43px;color:#fff;font-weight:600}
body.prices .log-in,body.key-features .log-in{color:#344571}
.log-in.white{color:#fff !important;}
.log-in.dark{color:#344571;}
.burger{display:inline-block;float:right;color:#fff;width:40px;height:40px;margin-top:23px;margin-right:67px;position:fixed;right:20px;;}

.menu-overlay{background:rgba(51, 68, 112, 0.98);position:fixed;height:100%;width:100%;left:0;top:0;z-index:4;display:none}
.menu-overlay .container{padding-top:15%;}
.menu-overlay .nav li{font: 700 36px / 52px 'Open Sans';color:#fff;text-transform:uppercase;}
.menu-overlay .nav li:hover{color:#f36c21}
.navvideoplace{padding-left:60px}
.navvideoplace h5{font: 400 16px / 40px Open Sans;color:#fff;}
.menu-overlay .contacts{position:absolute;bottom:30px;left:40px;}
.menu-overlay .contacts{font: 400 14px / 80px Open Sans;color: #ffffff;}
.menu-overlay .contacts a:hover{color:#f36c21}
.menu-overlay .contacts span{color: #989898;padding-left:20px;}
.socials{position:absolute;bottom:45px;right:60px;}
.socials .soc{opacity:0.7;transition: all 0.3s ease-in-out; width:33px;}
.socials .soc:hover{opacity:1;transition: all 0.3s ease-in-out; }
.yousoc{position:relative;top:3px;width:44px;}

.video-play{position:relative;}
.navvideoplace .video-thumb{opacity:0.6;}
.play{position:fixed;left:50%;margin-left:100px;margin-top:180px;opacity:1;}
.navvideoplace:hover .play{opacity:0 ;transition: all 0.3s ease-in-out;}
.navvideoplace:hover .video-thumb{opacity:1;transition: all 0.3s ease-in-out;}
/*NAV*/

/*INDEX*/
.intro-block{height:100vh;min-height:100vh;overflow:hidden;background: rgba(25,36,69,0.95);position:relative;}
.intro-block h1{font: 600 60px / 80px Open Sans;color:#fff;padding: 15% 0 0 15% ;}

.intro-bg{top:0;
          z-index:-3;
          position:absolute;
          display:block;
          right: 0; bottom: 0;
          min-width: 100%;
          width: auto; height: auto;
          background: url(../img/bg.png) no-repeat center center fixed;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;}
.play-presenation{padding-left:110px;font: 600 14px / 80px Open Sans;transition: all 0.3s ease-in-out;text-transform:uppercase;display:inline-block;background:url(../img/play.svg) no-repeat left center;color:#fff;margin:40px 0 0 15%;}
.play-presenation:hover{color:#f36c21;transition: all 0.3s ease-in-out;}
.technology-block {padding:5% 0;}
body.home .technology-block {padding:5%;}
.technology-block .fivecol{padding-left:2%;}
.technology-block .fivecol h2{font: 600 60px / 50px Open Sans;color: #222428;margin-top:25%;}
.technology-block .fivecol p{font:600 16px / 28px Open Sans;color: #222428;margin:10% 0;}

.technology-block .sixcol{padding:0 3% 00 8%;}
.technology-block .sixcol img{float:right;}
.technology-block .sixcol.last{padding:0 8% 00 0px;}
.technology-block .sixcol.last h2{font: 600 50px / 50px Open Sans;color: #222428;}
.technology-block .sixcol.last .cont{font:600 16px / 28px Open Sans;color: #222428;margin:10% 0;}
.technology-block .sixcol.last .cont .button{margin:20px 0;}
.casestudy-block{width:100%;overflow:hidden;display:inline-block;float:left;background:#222428}
.cases{}
.case-item{float:left;display:inline-block;width:33.33%;height:500px;overflow:hidden}
.case-item .content{position:relative; transition: all 0.3s ease-in-out; 
                    top: 60%;
                    opacity:0.5;
                    left: 50%;
                    text-align:center;
                    transform: translateX(-50%) translateY(-50%);}
.case-item .content h2{color:#ffffff;color: #ffffff;
                       font: 700 22px / 24px Open Sans;
}
.case-item:hover .content a{opacity:1;transition: all 0.5s ease-in-out;}
.case-item:hover .content{    top: 50%;opacity:1;transition: all 0.3s ease-in-out;}
.case-item .content a{opacity:0;font: 400 14px / 26px Open Sans;color:#fff;border:2px solid #fff;padding:15px 30px;display:inline-block;margin:40px 0; position:relative; }
.case-item:hover{cursor:pointer}
.calltoaction h3{font: 600 40px / 40px Open Sans;color:#fff;display:inline-block;padding:30px 0;text-align:center;width:100%;overflow:hidden;}
.calltoaction {width:100%;background-color: #22396e;}
.button-container{width:100%;text-align:center;padding-bottom:30px;}
/*ABOUT*/
.about-page{display:block;overflow:hidden;min-height:70vh;}
.left-col{width:50%;float:left;background-color:#344571;display:block;min-height:900px;}
.right-col{width:50%;float:right;padding:240px 120px 40px 120px;min-height:900px;}
.right-col h1{font: 600 60px / 80px Open Sans;color: #393939;padding-bottom:40px;}
.right-col p{font: 400 16px / 28px Open Sans; padding-bottom:30px;}

/*NEWS*/
.page-banner{height:568px;text-align:center;}
.page-banner.news{background: url(../img/news-sample-banner.png) no-repeat center center;}
.page-banner.distributors{background: url(../img/distributors.png) no-repeat center center;}
.page-banner h2{font: 700 60px / 65px Open Sans;color: #ffffff;padding:35px 15% 55px 15%;}
.page-banner .readmore{border:2px solid #fff;padding:15px 40px;color: #f36c21;font: 400 14px / 26px Open Sans;transition: all 0.3s ease-in-out; }
.readmore:hover{cursor:pointer;background:#f36c21;color:#fff;transition: all 0.3s ease-in-out; }
.page-banner date{font: 400 20px / 26px Open Sans;color: #ffffff;}
.page-banner .content{
    position:relative;
    text-align:center;
    top: 50%;
    transform: translateX(0%) translateY(-50%);}
.news-grid{overflow:hidden;max-width:1280px;margin:0 auto}
.news-grid .item{float:left;margin:20px 1.5%;width:30%;height:460px;}
.news-grid .item .news-image{min-height:235px;background-color: #252437;position:relative;}
.news-grid .news-excerpt{padding:35px 15px;}
.news-grid .news-excerpt h3{font: 600 30px / 32px Open Sans;color: #222428;padding-bottom:20px;}
.news-grid .news-excerpt  p{font: 400 16px / 28px Open Sans;color: #222428;}
.news-grid .item:hover .news-image{opacity:0.5}
.news-grid .item:hover .news-image:before{display:block;content:'View';font-size:20px;padding-top:100px;text-align:center;color:#fff;opacity:1;z-index:1;}
#load-more{width:113px;height:113px;display:block;border-radius: 50%;background-color: #292738;border:2px solid #fff;color:#f36c21;font: 400 16px / 113px Open Sans;text-align:center;margin:0 auto 80px auto;transition: all 0.3s ease-in-out; }
.alm-btn-wrap{padding-bottom:30px;}
.calltoaction {overflow:hidden;padding-bottom:30px;text-align:center;}
.calltoaction .load-more{background:#22396e;margin-top:30px;margin-bottom:-30px;}
#load-more:hover{cursor:pointer;background:#f36c21;color:#fff;transition: all 0.3s ease-in-out; }
.calltoaction a.links{display:block;padding-bottom:5px;color:#fff;font: 400 16px / 24px Open Sans;display:block; }
.news-page .narrow-content{padding:60px 0;width:940px;}

/*TECH*/
.tech-parts{font: 400 20px / 24px Open Sans;color:#fff;}
.tech-parts a{display:inline;padding:0 10px;}
.tech-parts a.active{color:#f36c21;}

/*PRICES*/
.prices-page{padding:120px 0;}
.prices-page h1{font: 700 60px / 50px Open Sans;color: #222428;text-align:center;padding-bottom:60px;}
.price-block{width:33.333%;display:inline-block;background:#fff;border-right:1px solid #f36c21;float:left;padding:80px 60px 30px 60px;height:660px;position:relative;}
.price-block h2{font: 700 26px / 36px Open Sans;text-transform:uppercase;padding-bottom:40px}
.price-block p{font: 600 16px / 28px Open Sans;padding-bottom:30px}
.price-block ul{margin-bottom:30px}
.price-block ul li{font: 400 15px / 21px Open Sans;list-style-image:url(../img/circle-icon.png); margin-left:20px;padding-bottom:12px; padding-left:20px;}
.price-block:last-of-type{border-right:#fff;}
.price-block .price-call{position:absolute;bottom:30px;}
.price-call p{font: 400 13px / 20px Open Sans;}
.price-call a{color: #f06b21;}
.prices-cont{display:inline-block;border-bottom:8px solid #d16c1f;}
.price-block:before{position:absolute;height:33px;width:5px;background-color: #f36c21;content:'';margin-top:7px;margin-left:-60px;}

/*KEY FEATURES*/
.ms-fullscreen-template{min-height:250px}.master-slider{height:100%;font-family:Lato,arial,sans-serif}
.keyfeatures{overflow:hidden;}
.keyfeatures .sixcol{box-sizing: border-box;}
.keyfeatures .key-monitorl{padding:13% 0% 0 12%;}
.keyfeatures .key-textsl{padding:14% 18% 0 2%;}
.keyfeatures .key-monitorr{padding:13% 12% 0 0%;}
.keyfeatures .key-textsr{padding:14% 2% 0 18%;}
.keyfeatures .sixcol small{font: 600 16px / 40px Open Sans;color: rgba(34, 36, 40, 0.5);}
.keyfeatures .sixcol h2{font: 600 40px / 50px Open Sans;color: #222428;padding-bottom:40px}
.keyfeatures .sixcol p{font: 600 16px / 28px Open Sans; color: #222428;}
.keyfeatures .sixcol img{max-width:100%;position:relative;width:100%;}
/*DISTRIBUTORS*/
.distributors-block{overflow:hidden}
.distributors-block .item{width:33.333%;height:260px;float:left;display:inline-block;}
.distributors-block .content{position:relative; transition: all 0.3s ease-in-out;
                             top: 50%;
                             left: 50%;
                             text-align:center;
                             transform: translateX(-50%) translateY(-50%);}
.distributors-block h2{font: 400 30px / 36px Open Sans;color: #1e1e1e;padding-bottom:10px;}
.distributors-block .back h2{font: 400 24px / 32px Open Sans;color: #1e1e1e;padding-bottom:10px;}
.distributors-block h3{font: 400 16px / 20px Open Sans;color: #646464}
.distributors-block p{font: 400 16px / 25px Open Sans;color: #646464}
.distributors-block a{color:#646464;    transition: all 0.2s ease-in;}
.distributors-block a:hover{color:#f36c21;;    transition: all 0.2s ease-in;}
.flipcard{position:relative;-webkit-perspective:500px;perspective:500px}
.flipcard.v.act .front,.flipcard.v.flip .front{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}
.flipcard.v.act .back,.flipcard.v.flip .back{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}
.flipcard.v .back{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}
.flipcard.h.act .front,.flipcard.h.flip .front{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.flipcard.h.act .back,.flipcard.h.flip .back{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}
.flipcard.h .back{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}
.flipcard .front,.flipcard .back{border:1px solid #ddd;border-top:0;border-left:0;position:absolute;width:100%;height:100%;box-sizing:border-box;-webkit-transition:all .5s ease-in;transition:all .5s ease-in;color:white;background-color:#fff;padding:10px;-webkit-backface-visibility:hidden;backface-visibility:hidden}
/*FOOTER*/

.footer-container{background:#16171c;width:100%;padding:80px 0 20px 0;display:block;overflow:hidden;position:fixed;bottom:0;z-index:1;}
.footer h3{font: 600 22px / 24px Open Sans; color:#ffffff;padding-bottom:35px;}
.footer a{font:400 16px / 28px Open Sans;color: #848282;display:block;-webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;}
.footer a:hover,.footer form button:hover{-webkit-transition: all 0.3s ease-in-out;color:#f36c21;
                                          -moz-transition: all 0.3s ease-in-out;
                                          -ms-transition: all 0.3s ease-in-out;
                                          -o-transition: all 0.3s ease-in-out;
                                          transition: all 0.3s ease-in-out;cursor:pointer}
.newsletter form input{background:transparent;border:none;border-bottom:1px solid #848282;padding:5px 0;color:#848282;}
.newsletter form button{background:transparent;border:none;color:#848282;display:block;padding:5px 0;}
#response,.error,#response2{display:block;color:#848282;font: 400 11px / 15px Open Sans;padding:10px 0; }
#response2{font: 400 24px / 15px Open Sans; padding: 30px 0;}
.error{color:#fff;text-align:center;}
.newsletter .error{text-align:left;}
.copyright{font: 400 13px / 15px Open Sans;color: #848282;padding-top:60px;-webkit-transition: all 0.3s ease-in-out;
           -moz-transition: all 0.3s ease-in-out;
           -ms-transition: all 0.3s ease-in-out;
           -o-transition: all 0.3s ease-in-out;
           transition: all 0.3s ease-in-out;}
.copyright span{float:right;}
.copyright a{font: 400 13px / 15px Open Sans;color: #848282;display:inline}

.newsletter-modal{position:fixed;background:#16171c;height:auto;top:50%;padding:80px 80px 60px;    left: 50%;
    transform: translateX(-50%) translateY(-50%);display:none}
.newsletter-modal form input{background:transparent;border:none;border-bottom:1px solid #848282;padding:5px 0;color:#848282;width:80%; text-align:center;margin:0 auto;display:block;}
.newsletter-modal form button{background:transparent;position:relative;border:none;color:#f36c21;border:2px solid #f36c21;text-transform:uppercase;display:block;padding:10px 20px;margin:35px 0 0;
    left: 50%;
    transform: translateX(-50%) translateY(0%);transition: all 0.3s ease-in-out;

}
.close-modal{position:absolute;top:30px;right:30px;opacity:0.5}
.close-modal:hover{cursor:pointer;opacity:1}
.newsletter-modal form button:hover{
    background:#f36c21;color:#fff;cursor:pointer;
    transition: all 0.3s ease-in-out;
}
.newsletter h3{font: 600 23px / 24px Open Sans; color:#ffffff;padding-bottom:15px;} 
.newsletter-modal h3{text-align:center;padding-bottom:5px}
.newsletter-modal h4{font: 600 38px / 42px Open Sans; color:#ffffff;padding-bottom:35px;text-align:center;}

input::-webkit-input-placeholder {
    color: #999;
}
input:focus::-webkit-input-placeholder {
    color: #333;
}

/* Firefox < 19 */
input:-moz-placeholder {
    color: #999;
}
input:focus:-moz-placeholder {
       color: #333;
}

/* Firefox > 19 */
input::-moz-placeholder {
    color: #999;
}
input:focus::-moz-placeholder {
      color: #333;
}

/* Internet Explorer 10 */
input:-ms-input-placeholder {
    color: #999;
}
input:focus:-ms-input-placeholder {
       color: #333;
}
.news-over{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.5);display:none}
.newsletter-modal small{text-align:center;color:#666;padding-top:20px;display:block;font:400 11px / 20px 'Open Sans'}
/*TVS*/
.page-content-template{padding:0 30px} 
.tvs p{margin-bottom:15px;display:block;font:400 16px / 30px 'Open Sans'}
.tvs h1{color:#222428;margin-bottom:30px;font: 600 40px / 50px Open Sans;}
.tvs h1 strong{font-weight:600}
.tvs h2{font-family: 'Open Sans', sans-serif; font-size:18px;line-height:1.2;font-weight:400;margin-bottom:15px}
.tvs a{color:#f36c21;text-decoration:underline;-webkit-transition: all 0.3s ease-in-out;} 
.tvs a:hover{color:#f69c44;-webkit-transition: all 0.3s ease-in-out;} 
.tvs ul{padding:15px 0;}
.tvs a:visited{color:#999;}
.tvs img{display:block;position:relative;}
.tvs iframe{display:block;margin:30px auto;position:relative;}
.tvs ul li{margin-left:20px;list-style-type:square;font:400 16px / 30px 'Open Sans';padding-top:5px;line-height: 1.5;}
.tvs ol li{margin-left:20px;list-style-type:decimal;font:400 16px / 30px 'Open Sans';padding-top:5px;line-height: 1.5;}
.tvs hr{border:none; border-bottom:1px solid #ddd;margin:10px 0}
button,img,a{outline:none}
/*FOOTER*/
#wrapper{position:relative;top:0;margin-bottom:340px;z-index:3;    background-color:#ededed;}
.footer-container{position:fixed;bottom:0;}
/*STUFF*/
.underline{text-decoration:underline;}
.button{display:inline-block;border-bottom:4px solid #000;text-decoration:none !important;background-color: #000000; padding:10px 40px 5px;color: #ffffff !important;font: 600 16px / 36px Open Sans;;color:#fff;transition: all 0.3s ease-in-out;}
.button:hover{border-bottom:4px solid #f36c21;color:#f36c21 !important;transition: all 0.3s ease-in-out;}
.orange{color:#f36c21}
::selection {
    background: #22396e;;color:#fff;
}
.ptop{padding-top:40px;}
.c-hamburger{display:block;position:relative;overflow:hidden;margin:0;padding:0;width:48px;height:48px;font-size:0;text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;box-shadow:none;border-radius:none;border:none;cursor:pointer;-webkit-transition:background .3s;transition:background .3s}.c-hamburger span{display:block;position:absolute;top:22px;left:9px;right:9px;height:4px;background:#f36c21}.c-hamburger span:before,.c-hamburger span:after{position:absolute;display:block;left:0;width:100%;height:4px;background-color:#f36c21;content:""}.c-hamburger span:before{top:-10px}.c-hamburger span:after{bottom:-10px}.c-hamburger--htx span{-webkit-transition:background 0s .3s;transition:background 0s .3s}.c-hamburger--htx span:before,.c-hamburger--htx span:after{-webkit-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;transition-delay:.3s,0s}.c-hamburger--htx span:before{-webkit-transition-property:top,-webkit-transform;transition-property:top,transform}.c-hamburger--htx span:after{-webkit-transition-property:bottom,-webkit-transform;transition-property:bottom,transform}.c-hamburger--htx.is-active{background-color:#fff}.c-hamburger--htx.is-active span{background:none}.c-hamburger--htx.is-active span:before{top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.c-hamburger--htx.is-active span:after{bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.c-hamburger--htx.is-active span:before,.c-hamburger--htx.is-active span:after{-webkit-transition-delay:0s,.3s;transition-delay:0s,.3s}
@media screen and (max-width:1280px) {
    .case-item{height:360px;overflow:hidden}
    .menu-overlay .container { padding-top: 12%;}
    .technology-block .sixcol { padding: 9% 3% 00 8%;}
    .right-col { padding: 240px 80px 40px 80px;}
}
@media screen and (max-width:1024px) {
   .newsletter-modal,.news-over{display:none !Important}
    .nav{width:100% !important;text-align:center;}
    .menu-overlay .ninecol{display:none}
    .header{padding-right:40px;}
    .log-in{display:inline-block;float:right;padding:34px 43px;color:#fff;}
    .burger { margin-right: 8px;}
    .logo{margin:20px 20px;}
    .price-block{width:33.333%;padding:60px 40px 20px 40px;height:560px;position:relative;}
    .price-block:before{margin-left:-40px;}
    .menu-overlay .contacts { bottom: 20px;left: 20px;}

    .right-col { padding: 150px 80px 40px 80px;}

    .news-grid .news-excerpt p { font: 400 15px / 25px Open Sans;}
    .news-grid .news-excerpt {padding: 25px 15px;}
    .news-grid .news-excerpt h3 {font: 600 26px / 30px Open Sans;}

    .keyfeatures .key-textsl { padding: 21% 11% 0 2%;}
    .keyfeatures .key-monitorl { padding: 21% 0% 0 5%;}
    .keyfeatures .key-monitorr{padding:21% 6% 0 0%;}
    .keyfeatures .key-textsr{padding:21% 2% 0 5%;}
    .keyfeatures .sixcol small{font: 600 15px / 30px Open Sans;}
    .keyfeatures .sixcol h2{font: 600 32px / 38px Open Sans;color: #222428;padding-bottom:30px}
    .keyfeatures .sixcol p{font: 400 15px / 24px Open Sans; color: #222428;}

    .page-banner{background-attachment: scroll !important;}
    .menu-overlay .container {
        padding-top: 200px;
    }
}
@media screen and (max-width:1000px) {
    .technology-block .sixcol img{float:none;margin:0 auto;padding:0 20%}
    .technology-block .sixcol {padding: 2% 0 00 2%;}
    .technology-block .row{padding:0 80px}
    .technology-block .sixcol.last {padding: 0 0% 00 0px;}
    .technology-block .sixcol.last h2{font: 600 50px / 50px Open Sans;text-align:center;margin-top:40px;}
    .technology-block .sixcol.last .cont {font: 600 15px / 24px Open Sans; margin: 30px 0;}
    .technology-block .sixcol.last .cont .button {margin: 20px auto;left: 50%;position: relative;transform: translateX(-50%) translateY(00%);}
    .left-col{width:100%;float:left;background-color:#344571;display:block;min-height:600px;}
    .right-col{width:100%;float:right;padding:40px 60px 40px 60px;min-height:300px;}
    .news-grid .item {float: left;margin: 20px 1.5%;width: 47%;}



    .technology-block .fivecol h2 {font: 600 50px / 40px Open Sans; margin-top: 5%;text-align:center;}
    .technology-block .fivecol p {font: 600 15px / 26px Open Sans; margin: 7% 0;}
    .technology-block .fivecol .button{left: 50%;position: relative;transform: translateX(-50%) translateY(00%);}
    .intro-block h1 {font: 600 60px / 80px Open Sans;padding: 200px 0 0 15%;}  

    .case-item{height:280px;}
    .case-item .content{top: 50%;opacity:0.8;padding:0 10px}
    .case-item .content a{opacity:1;transition: all 0.5s ease-in-out;}
    .case-item .content h2 { font: 700 20px / 22px Open Sans;}
    .case-item .content a{padding:5px 20px;border:none;display:inline-block;margin:0px 0; position:relative; }

    .price-block{width:100%;padding:30px 60px 30px 60px;height:auto;position:relative;margin-bottom:20px;border-bottom: 4px solid #d16c1f;}
    .price-block .price-call{position:relative;padding-top:30px;bottom:0px;}

    .prices-cont {display: inline-block; border-bottom:none;}

    .distributors-block .item {    width: 50%; height: 260px;}

    .keyfeatures .key-textsl,.keyfeatures .key-textsr { padding: 5% 20%;}
    .keyfeatures .key-monitorl,.keyfeatures .key-monitorr { padding: 120px 30% 0;}

    .footer-container {position: relative;    padding: 30px 0 0 0px;}
    #wrapper {position: relative;top: 0;margin-bottom: 00px;}
    .footer .threecol{width:50%;float:left;text-align:center;padding-bottom:30px}
    .footer h3 { padding-bottom: 15px;}
    .footer form button {left: 50%;position: relative;transform: translateX(-50%) translateY(00%);}
    .copyright { padding: 20px 0 ;}
    .news-page .narrow-content { padding: 60px 30px; width: 100%;}
}
@media screen and (max-width:640px) {   
    .copyright ,.copyright span{ text-align:center;display:block;width:100%;}
    .copyright span{padding-top:10px;}
    .logo{width:120px;height:34px}
    .logo.white{width:120px;height:34px}
    .burger{margin-top:16px;right:10px;;}
    .log-in {display:none}
    .intro-block h1 { font: 600 26px / 35px Open Sans;text-align:center;padding-left:0;padding-top:120px}
.play-presenation{padding:121px 0 0;font:600 14px/20px Open Sans;display:block;background:url(../img/play.svg) center center no-repeat;background-size:53px;color:#fff;text-align:center;margin:40px 0 0}

.technology-block .row { padding: 20px 20px;}
.technology-block .fivecol h2 {font: 600 40px / 40px Open Sans;}
.technology-block .fivecol p { font: 400 14px / 23px Open Sans;text-align: center; margin: 10% 0;}

.button { padding: 10px 40px 6px;}
.case-item {width: 100%;}
.calltoaction h3 { font: 600 32px / 40px Open Sans; padding: 40px 0 30px;}
.footer .threecol {width: 100%;}
.footer form input { text-align: center;}
.menu-overlay .nav li { font: 700 26px / 42px 'Open Sans';}
.menu-overlay .container { padding-top: 108px;}
.contacts{display:none}
.socials{width:100%;margin: 0 auto;text-align:center;
    position: absolute;
bottom:20px;
    left: 50%;
    transform: translateX(-50%) translateY(00%);

}

.right-col {padding: 30px 30px 40px 30px;}
.right-col h1 { font: 600 45px / 80px Open Sans; padding-bottom: 10px;}

.page-banner h2 {font: 700 40px / 46px Open Sans; padding:19px 8% 55px 8%;}
.page-banner date {font: 400 18px / 26px Open Sans;}
.page-banner .content {top: 45%;}
.news-grid .item {margin: 20px 3%;width: 94%;height:auto}
.alm-btn-wrap {padding-bottom: 0px;}
.tvs p { font: 400 15px / 28px 'Open Sans';}

.news-page .narrow-content {padding: 27px 30px;}
.tech-parts {font: 400 15px / 24px Open Sans;}
body.parent-technology .page-banner h2 {
    font: 700 40px / 46px Open Sans;
    padding: 19px 8% 12px 8%;
}
body.parent-technology .page-banner .content { top: 46%;}
      .technology-block .sixcol img { padding: 0 0%;    }
.technology-block .sixcol.last h2 { font: 600 40px / 50px Open Sans;}
.keyfeatures {padding-bottom: 50px;}
.keyfeatures .key-monitorl, .keyfeatures .key-monitorr {padding: 120px 10% 0;}
.keyfeatures .key-textsl, .keyfeatures .key-textsr { padding: 5% 10%;}
.keyfeatures .sixcol h2 {font: 600 24px / 28px Open Sans;}
.tvs h1{    font: 400 30px / 37px Open Sans;}
.prices-page h1 {font: 700 37px / 50px Open Sans; padding-bottom: 30px;}
.price-block h2 {font: 700 26px / 32px Open Sans;  padding-bottom: 20px;    padding-top: 5px;}
.price-block { padding: 30px 30px 30px 30px;}
    .price-block:before{margin-left:-30px;}
    .price-block p {font: 600 14px / 27px Open Sans;}
    .prices-page {padding: 110px 0 30px 0;}
    
    .distributors-block .item {width: 100%;}

    .distributors-block .item {width: 100%;}
.page-banner{height:300px;text-align:center;}
.page-banner .content { top: 60%;}
body.blog .page-banner{height:100vh;}
body.blog .page-banner .content { top: 45%;}
.left-col {min-height: 330px;}
}

@media screen and (max-height:420px) {  
.menu-overlay .nav li { font: 700 20px / 32px 'Open Sans';}
.socials{display:none}
.menu-overlay .container { padding-top: 60px;}
.intro-block {height: 420px}
}