.pnlmodaldataentry
    {        
        min-height: 0px!important;
        min-width: 0px!important;       
        /*-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;*/         
    }
    .modal-popup-title
    {
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display:inline-block;        
    }
  .modal-popup-header-box.up-header-popup span
    {
        font-size:15px;
    }
    .modal-popup-header-box.down-header-popup a
    {
        font-size:15px;
    }
    .modal-popup
    {
        display:block;
        height:100%;
        position:relative;
    }
    .modal-popup-header-box
    {
        float:none;
        display:block;
        position:absolute;
    }
    .modal-popup-header-box.up-header-popup
    {
        left:0px;
        right:0px;
        top:0;
        height:35px;        
    }
    .modal-popup-header-box.down-header-popup
    {
        left:0px;
        right:0px;
        top:35px;        
    }
    .modal-popup-title
    {
        font-size:18px;
    }
    
    .modal-popup .img-screen-shot-wrap
    {
        display:block;  
        position:absolute;
        left:0;
        right:0;
        top:70px;
        bottom:0;
        overflow:auto;  
                
    }
    .modal-popup .img-screen-shot-wrap img
    {        
        max-width:100%;                
        width:auto;
        height:auto;
        top:0px;
        left:0px;
        right:0px;
        bottom:0px;       
        margin:auto;
        /*position:absolute;*/        
    }

/* -----------------Grid system---------------*/
.container {
  margin-right: auto;
  margin-left: auto; 
}

@media (max-width: 980px) {
  .container {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1040px) {
  .container {
    width: 980px;    
  }
}

@media (min-width: 1200px) {
  .container {   
    width: 980px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px; 
}
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12
{
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;  

  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.com-md-12-custom,
.com-md-6-custom
{
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 650px) {
/*@media (min-width: 850px) {*/
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,.com-md-6-custom,.com-md-12-custom {
    float: left;
  }
  .col-md-12,.com-md-12-custom {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6,com-md-6-custom {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
  /*-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;*/
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
/* -----------------/Grid system---------------*/
/*-------------------Genereal---------------*/
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}

.formAutorizate input[type="text"] {
    display:block;
	width: 100%;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;	   
}
#form-sub input[type="text"] {
	width: 100%;  
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;	     
}
#form-sub input[type="password"] {  /*jjl*/
	width: 100%;  
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;	  	
}
#form-sub textarea {
	width: 100%; 
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;   
}
#form-sub input[type="text"].companyname {
	width: 100%;    
}
#form-sub input[type="text"].accountname {
	width: 100%;       
}
#form-sub input[type="text"].companyadress {
	width: 100%;    
}
.select-tmz .customSelect
{
    width: 100%!important;  
}

.modal-dialog-open
{
    overflow:hidden;
}

.pnlmodaldataentry.max-dialog-width
 {    
     overflow:auto;
 }
 .pnlmodaldataentry.max-dialog-height
 {     
     overflow:auto;
 }
/*-------------------/Genereal---------------*/


@media (min-width: 1401px) 
{
    .info-blog-responsive-home-page
    {
        display:none;
    }
}

@media (max-width: 1400px) 
{
    .info-blog-responsive-home-page
    {
        display:block;
        width:auto;
        margin:0px;
        margin-bottom:20px;
        height:auto;
    }
    .right-column-home .info-block    
    {
        display:none;
    } 
}

@media (min-width: 1041px) 
{
   
}

@media (max-width: 1040px) {
    /*modal-dialog*/
      .pnlmodaldataentry
    {        
        min-height: 0px!important;
        min-width: 0px!important;       
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;         
    }
     .modal-popup-header-box.up-header-popup span
    {
        font-size:13px;
    }
    .modal-popup-header-box.down-header-popup a
    {
        font-size:13px;
    }
    .modal-popup-buttons-box a.modal-popup-change-button
    {
        display:none;
    }
    .modal-popup-buttons-box a.modal-popup-change-button.active
    {
        display:block;
    }
   
    .pnlmodaldataentry
    {    
        padding:10px 28px;
    }
    .modal-popup-header-box.up-header-popup
    {
       height:20px;        
    }
    .modal-popup-header-box.down-header-popup
    {      
        top:20px;        
    }  
    .modal-popup .img-screen-shot-wrap
    {        
        top:60px;                        
    }
    /*end-modal-dialog*/

    .footer-content {
        padding: 22px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    a.logo {
        width: 250px;
        height: 68px;
        background-size: 100% 100%;
    }

    .slogan {
        font-size: 14px;
    }

    #login {
        padding: 8px 12px;        
    }
    .login-wrap
    {
        margin-top:6px;
    }
    .user-top
    {
        height:30px;
    }
    .phone
    {
        font-size:26px;
    }
    .letter
    {
        padding-top:8px;
    }
    ul.quote-name li {	
	width: auto;	
    }
   
}
@media (max-width: 980px) 
{
     /*offer-box*/
    .offer {
        max-width: 100%;
        position: relative;
        padding-right: 140px;
    }

    .offer-btn {
        width: 140px;
        margin-left: auto;
        position: absolute;
        right: 0;
        line-height: 100%;
        height: 110px;
        top: 0;
        bottom: 0;
    }

    .offer-btn-inner {
        padding: 45px 20px;
    }

    .offer-btn a {
        font: 20px 'Arimo-Regular', Arial, Helvetica, sans-serif;
    }

    .offer-content .info-block-txt-1 {
        font: 25px/10px 'Arimo-Bold', Arial, Helvetica, sans-serif;
    }

    .offer-content .info-block-txt-2 {
        font: 42px 'Arimo-Regular', Arial, Helvetica, sans-serif;
    }

    .offer-content span.trial {
        font-size: 25px;
        padding-left:3px;
    }

    .offer p {
        font: 12px 'Arimo-Regular', Arial, Helvetica, sans-serif;
        color: #fff;
    }

    .offer .left-col {
        max-width: 200px;
        width: auto;
    }

    .offer .right-col {
        max-width: 180px;
        width: auto;
    }
    .view_screen_shots
    {
        width:5px;
        padding-left:0;
        padding-right:0;
    }
    /*end-offer-box*/
}
@media (min-width: 851px) {
    .offer-wrap-visible-on-small-res {
        display: none;
    }
}
@media (max-width: 850px) {
    .header-banner-wrap {
        background: url(../graphics/banner-bg.jpg) 55% 0;
    }

    .left-column {
        width: 100%;
    }

    .left-column {
        max-width: 100%;
        float: left;
    }

    .right-column-home, .right-column {
        width: 100%;
        margin-bottom: 50px;
        margin-top: 50px;
    }

    .offer-wrap-visible-on-small-res {
        display: block;
    }

    .right-column .info-block-inner {
        display: none;
    }

    .left-column-content {
        padding: 15px;
    }

    .left-column-content {
        padding-bottom: 0px;
    }

    .benefits-txt {
        padding-left: 75px;
        padding-right: 0px;
    }

    a.logo {
        width: 200px;
        height: 54px;
        background-size: 100% 100%;
    }

    .slogan {
        font-size: 13px;
    }

    #login {
        padding: 8px 12px;
    }

    .login-wrap {
        margin-top: 6px;
    }

    .user-top {
        height: 30px;
    }

    .phone {
        font-size: 20px;
    }

    .letter a {
        background-size: 20px auto;
    }

    .letter {
        padding-top: 0px;
        padding-left: 6px;
        line-height: 22px;
    }

    .header-banner-txt {
        font-size: 38px;
    }

    .footer-boxes {
        width: 100%;
    }

    .about-box,
    .contact-box {
        width: 50%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .follow-box {
        width: 100%;
        margin-bottom: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .modal-popup .img-screen-shot-wrap {
        display: block;
        position: absolute;
        left: 0;
        right: 0;       
        bottom: 0;
        overflow: auto;
    }
}
@media (min-width: 651px) {	
    .menu-toggle-icon
    {
        display:none;
    }    
}

@media (max-width: 650px) {   
    .logo-wrap {
        display: block;
        text-align: center;
        float: none;
        padding-bottom: 10px;
        margin: 0 auto;      
    }

    a.logo {
        float: none;
        margin: 0 auto;
    }

    /*.logo-wrap .slogan {
        border-left: 0;
        padding-top: 15px;
        border-top: 1px solid #00aef0;
        margin: 0 auto;
        float: none;
        text-align: center;
        width: 200px;
        margin-top: 20px;
    }*/

    .logo-wrap .slogan {
      border-left: 0;
      border-top: 0px solid #00aef0;
      margin: 0 auto;
      float: none;
      text-align: center;
      width: 200px;
      margin-top: 15px;
      padding: 0;
    }

    .user-links	{
	 display: none;
	}
    .user-block-wrap {
        display: block;
        text-align: center;
        float: none;
    }

    .user-block-wrap .login-wrap {
        float: none;
        height: auto;
    }

    #login {
        padding: 7px 7px;
        line-height: 14px;
        display: inline-block;
    }

    .user-block .social-top,
    .user-block .contact-info {
        display: none;
    }

    .menu-wrap
    {
        display:none;
    }
    .menu-toggle-icon {
        font: 17px 'Arimo-Regular', Arial, Helvetica, sans-serif;        
        background: url(../graphics/mobile-nav.png) no-repeat center center #123752;    
        color: #fff;
        text-decoration: none;
        padding: 2px;
        display: block;
        width: 38px;
        text-align:center;
        height: 34px;
        margin:10px auto;       
        background-size:38px 34px;          
    }

    .menu-toggle-icon:hover {
        background-color: #01ABF9;   
    }
    .menu-wrap ul.menu
    {
        height:auto;
    }
    .menu-wrap .menu li
    {
        display:block;
        float:none;
        margin-top:0;  
    }
     .menu-wrap .menu li a{
         display:block;
         float:none;
         width:auto;
         text-align:left;
         background:none;               
     }
     .menu-wrap .menu li
     {
         background:#123752;
         border-bottom:1px solid #11405E;
     }


    .img-home-page-wrap img {
        width: auto;
        max-width: 100%;
    }
    .header-banner-txt {
       font-size: 30px;
    }
    .about-box,
    .contact-box {
        width: 100%;
    }
    
    .right-header
    {
        display:none;
    }  
    .offer .right-col {
	    max-width: 180px;
        width:auto;
        display:none;
    }
    .container {
        padding-left: 5px;
        padding-right: 5px;
    }
    .left-column-inner h1
    {
        font-size:30px;
    }
    .left-column-inner h2
    {
        font-size:20px;
    }
    .view h3
    {
        font-size:20px;
    }
    p.servop
    {
        font-size:32px;
    }
    .octahedron-content p
    {
        line-height:18px;
    }
    .indstries-wrap .left-col, .indstries-wrap .right-col {
        width: 100%;
        float: left;
    }
    .indstries-wrap ul.list{
        padding-bottom:0;
        padding-top:0px!important;       
    }
    .indstries-wrap .right-col ul.list
    {
        margin-top:0px;
    }
    .indstries-wrap .left-col ul.list li:last-child
    {
        padding-bottom:0px;
    }
}

@media (min-width: 851px) and (max-width: 1040px) { 	
	.left-column,.left-column-inner
    {
        width:70%;
        float:left;        
    }
    .right-column-home,.right-column
    {        
       width:30%;
       float:right;       
    }    
    .left-column {	
        max-width: 100%;
        float:left;
    }
    ul.menu li a
    {
        padding:13px 35px;
	}
}
@media (min-width: 851px) and (max-width: 980px) {
    .info-block-inner
    {
        width:auto!important;
    }
    ul.quote-inner-name li
    {
        width:auto!important;
    }
     ul.menu li a
    {
        padding:13px 30px;
	}
}
@media (min-width:768px) and (max-width: 850px) { 	
	ul.menu li a
    {
        padding:13px 18px;
	}
}
@media (min-width: 650px) and (max-width: 767px) { 	
	ul.menu li a
    {
        padding:13px 14px;
	}
}

@media (max-width: 450px) {
    ul.menu li a
    {
        padding:13px 14px;
	}
   
    .header-banner-txt {
        font-size: 22px;
    }
     .footer-bottom-content
    {
        padding:22px 30px;
    }
     .all-rigts-span
     {
         display:block;
     }
    .footer-bottom-left
    {
        width:50%;        
        float:left;
        margin-bottom:15px;
    }
    .back-to-top {      
        margin-top: 0px;
    }
    .back-to-top a
    {
        font-size:10px;
    }
    
    div#form-sub
    {
        padding:20px 20px 40px 20px
    }

    .offer {	
        padding-right:120px;
        min-height:70px;
    }
    .offer-btn {	
	    width: 120px;          
        height: 70px;
       
    }
    .offer-btn-inner {
	    padding: 25px 20px;
    }
    .offer-btn a {
	    font: 18px 'Arimo-Regular', Arial, Helvetica, sans-serif;
    }
    .offer-content .info-block-txt-1 {
	    font: 20px/10px 'Arimo-Bold', Arial, Helvetica, sans-serif;
    }
    .offer-content .info-block-txt-2 {
	    font: 20px 'Arimo-Regular', Arial, Helvetica, sans-serif;
    }
    .offer-content span.trial {
	    font-size: 16px;
    }    
    .offer .left-col {
	    max-width: 200px;
        width:auto;        
    }
    .header-banner
    {
        height:250px;
    }
    .header-banner-wrap {
      background: url(../graphics/banner-bg.jpg) 62% 0;
    }
    .header-banner-txt
    {
        padding-top:75px;
    }
    .select
    {
        float:none!important; 
    }
    .info-blog-responsive-home-page .info-block-txt-2
    {
        font-size:50px;
    }
    .info-blog-responsive-home-page span.trial
    {
         font-size:25px;
    }
    .benefits-bg
    {
        margin-top:20px;
    }
    .benefits-txt
    {
        padding-left:5px;
    }
}

@media (max-width: 320px) {
    .header-banner-txt {
        font-size: 18px;
    }
     .info-blog-responsive-home-page .info-block-txt-2
    {
        font-size:40px;
    }
     .info-blog-responsive-home-page span.trial
    {
         font-size:20px;
    }
}	
/*.screenShotTabsWrap
{
    position:relative;
}
.screenShotTabsWrap .left
{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:20px;
}
.modal-popup-buttons-box {
   padding-left:20px;
   padding-right:20px;    
}
.screenShotTabsWrap .right
{
    position:absolute;
    right:0;
    width:20px;
    top:0;
    bottom:0;
}
.modal-popup-buttons-box
{
    width:200px;
    overflow:hidden;
    min-height: 53px !important;    
    position: relative;
}*/
.modal-popup-change-button.active
{
    text-decoration:underline;
}
.modal-popup .left-arrow
{
   position:absolute;
   top:0px;
   bottom:0px;
   left:-25px;
   cursor:pointer;
   z-index:20;     
   width:20px;
   height:30px;
   display:block;
   margin:auto;
   color:#fff;
   text-align:center;
   background:url(../graphics/prev.png) no-repeat center center;
   background-size:100%;
}

.modal-popup .right-arrow
{
   position:absolute;
   top:0px;
   bottom:0px;
   right:-25px;
   cursor:pointer;
   z-index:20;  
   
   width:20px;
   height:30px;
   display:block;
   margin:auto;
   text-align:center;
   background:url(../graphics/next.png) no-repeat center center;
   background-size:100%;
}