body {
    font-family: LatoRegular;
    -webkit-font-smoothing: antialiased !important;
    font-size:14px;
    line-height:20px;
    margin:0;
    background-color:#fff;
    color:#2d4050;
    overflow-x: hidden; 


}

.sf-menu ul li a:hover{
	color:#0099df;
	background:none;
}

.dropdown.sfHover li{
	background:#f4f4f6 !important;

}
.outer-wrapper {
    width: 100%;
    max-width: 1920px;
    position: relative;
    margin: auto;
    overflow: hidden;
}
.hopixLogo{
    width: 120%;
    position:relative;
    z-index: 999;
}
.logoFooter{
    width: 90%;
}
nav {
    width: 100%;
    left: 0;
    right: 0;
     background-color:transperent;
    padding-top: 2%;
    padding-bottom: 0.7%;
    position: fixed;
    z-index: 9999;
    transition-duration: 0.8s;
  
}

.lang-select{
    display: block !important;
	position:absolute;
	float:right;
	right: 0;
	margin-top: 19px;
        margin-left: 10px;
}
.lang-select li{
	list-style:none;
	font-family:LatoRegular;
	font-size: 20px;
}
.lang-select li img{
    float: left;
    margin-top: 5px;
} 

.navbar-nav .open .dropdown-menu > li > a{
font-family:LatoRegular;
	font-size: 14px;
}
.navbar-nav .open .dropdown-menu > li > a:hover{
	background:none;
	
}
.sf-menu{
    padding-top: 0px;
   margin-right: 30px !important;
}

a#logo {
    width:165px;
    height:42px;
    background:url(../img/uber-desk-logo.png) no-repeat 0 0;
    background-size: 100% 100%;
    text-indent:-9999px;
    display:block;
}

nav.sticky {
    background: #1b2741;
    opacity: 0.8;
     position: fixed !important;width: 100%;top:0;left:0;z-index:99999 !important; padding-top:2%;
}
nav.sticky .hopixLogo{}
nav.sticky .sf-menu{

}
nav.sticky .lang-select{
    
}
/*
nav.sticky .hopixLogo{display:none;}

nav.sticky .stickyLogo{
    background: url(../img/uberdesk-logo2.png);
    background-size: 100% 100%;
    position: relative;
    width: 225px;
    height: 58px;
    right: -5px;
}
*/
nav.sticky ul.sf-menu li a{color: #fff;}
nav.sticky #mobnav-btn:before{
    color: #0099df;
}
.dropdown-toggle{
      color: #0099df;
}
ul.sf-menu li a{
   font-family : LatoRegular;
	font-size : 18px; 
        letter-spacing: 0px;
	color : #1B2741; 
}
.sf-menu li.active a{
    color:#0099df;
}
/*
nav{
    max-width: 100%;
}
*/
nav.sticky ul.sf-menu li.active a{
    color:#0099df;
}
nav.sticky ul.sf-menu li:hover a{
    color:#0099df;
}
.navbar-nav > li > .dropdown-menu{
    background:#232941;
    color: #fff;
    margin-top:10px;
        min-width: 142px;
}
.navbar-nav > li > .dropdown-menu:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 0px 10px 10px;
    border-color: #232941 transparent;
    display: block;
    width: 0;
    z-index: 1;
       margin-left: -9px;
    top: -11px;
    left: 100%;
}

.dropdown-menu > li > a{
    color: #fff;
    padding: 8px 20px;
    border-top:1px solid #323d53;
    text-align: right;
    
}
.dropdown-menu > li > a:hover{
    color: #fff;
   text-decoration: underline;
}
h1 {
    font-family: LatoRegular;

}

h1.indexTitle{
    color: #0099df;
    font-size: 44px;
    font-family: LatoLight;
    margin-left: 6%;
}
h2.pageTitle{
    white-space: nowrap;
    color: #232941;
    font-size: 45px;
    font-family: LatoBlackItalic;
    margin-top: -10px;
    margin-left: 14%;
}

.index{
    background: url(../img/banner-background.jpg) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    padding-top: 145px;
}
.benefits{
    background: url(../img/banner-background.jpg) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 120px; 
}
.index-header{
    padding-top: 1%;

}
.index-header-left{
    padding-top: 50px;

}

.index-header-content{
    position: relative;
    padding-bottom: 100px;
}
.index-desk-plot-mobile{
    width: 100%;
	margin-top: 50px;
}
.index-desk-plot1 {
    position: relative;
	-webkit-animation: index-desk-move1 2.0s linear 0s infinite alternate;
    -moz-animation: index-desk-move1 2.0s linear 0s infinite alternate;
    -o-animation: index-desk-move1 2.0s linear 0s infinite alternate;
    animation: index-desk-move1 2.0s linear 0s infinite alternate;
}
@-webkit-keyframes index-desk-move1 {
	  from { top: 60px; } to { top: -30px; }
	}
	@-moz-keyframes index-desk-move1 {
	  from { top: 60px; } to { top: -30px; }
	}
	@-o-keyframes index-desk-move1 {
	  from { top: 60px; } to { top: -30px; }
	}
	@keyframes index-desk-move1 {
	  from { top: 60px; } to { top: -30px; }
	}
        
.index-desk-plot2 {
    position: relative;
	-webkit-animation: index-desk-move2 2.0s linear 0s infinite alternate;
    -moz-animation: index-desk-move2 2.0s linear 0s infinite alternate;
    -o-animation: index-desk-move2 2.0s linear 0s infinite alternate;
    animation: index-desk-move2 2.0s linear 0s infinite alternate;
}
@-webkit-keyframes index-desk-move2 {
	  from { top: 30px; } to { top: -15px; }
	}
	@-moz-keyframes index-desk-move2 {
	  from { top: 30px; } to { top: -15px; }
	}
	@-o-keyframes index-desk-move2 {
	  from { top: 30px; } to { top: -15px; }
	}
	@keyframes index-desk-move2 {
	  from{ top: 30px; } to { top: -15px; }
	}       
      .index-desk-plot3 { 
          z-index:999;
      } 
        
.index-desk-parallax-absolute{
    position: absolute;
    right: 0;
/*    height: 250px;*/
    width: 60%;
    bottom: 0px;
    overflow:hidden;
    padding-top:20px;
}

.index-desk-parallax{
    position: relative;
    width: 100%;
/*    height: 250px;*/
    margin-top: 11px;
}

.index-desk-parallax img{
/*    position: absolute;
    right: 0;
    bottom: 0;
    width: 60%;*/
    position: absolute;
    /*top: 0px;*/
    left: 0px !important;
    width: 100%;
    text-align: center;
    height: auto;
}

.parallax1 {
    z-index: 5;
    /*top: -56px;*/
}
.parallax2 {
    z-index: 6;
    /*top: -52px;*/
}
.parallax3 {
    z-index: 7;
    top: 0px !important;
}

.index-header-right{
    float: right !important;

    /*margin-top: -8.38%;*/
    position:relative;
    right: 0;
    margin-top: 10px;
    margin-right: -35%;
}
.index-header-right img{
    max-width: 100%;
    position:relative;
    float: right;
    bottom: 0;

} 
p.index-header-text{
    width: 70%;
    margin-top: 15%;
    font-family: LatoRegular;
    letter-spacing: 1px;
    color:#1a253b;
    text-shadow: #edeff1 1px 1px 1px;
    -webkit-text-shadow: #edeff1 1px 1px 1px;
    -moz-text-shadow: #edeff1 1px 1px 1px;
    font-size: 15px;
    line-height: 22px;
}
.index-header-left p{
    width: 80%;
}    
.btn-header{
    background:transparent;
    color: #1a253b;
    border: 1px solid #0099df !important;
    letter-spacing: 1px;
    margin-top: 10px;
    padding: 5px 15px 5px 15px !important;
}
.btn-header:hover{
    background: #0099df;
    color:#fff !important;
}
.index-main-woman-gray{
    margin-top: 3%;
}
.index-main-woman-gray img{
    width: 145%;
    padding-top: 72px;
z-index:5;
}

.index-main-box-gray{
    background:#ececec;
    height: 420px;
   /* z-index:1 !important;*/
    padding: 10px;

    /*margin-left: -32%;*/
}

.index-main-box-gray h2{
    color: #1b273f;
    font-size: 35px;
    font-family: LatoLight;
    margin-left: 32px;
    white-space: nowrap;
     margin-top: 40px;

}
.index-main-box-gray h2 strong{
    font-family:LatoHeavy;
}
.index-main-box-gray p{
    width: 85%;
    font-family:LatoRegular;
    color:#1b273f;
    font-size: 17px;
    margin-top: 30px;
    margin-left: 30px;
    line-height:24px;
}
.index-main-box-gray a span{
    color:#1b273f;
    bottom: -30px;
    position:relative;
    font-size: 18px;
    font-family: LatoBlackBold;
    margin-left: 10px;
    z-index: 9999;
}
.index-main-gray-box{
    padding: 50px;
}
.index-main-box-blue{
    background:#1b2741;
    height: 420px;
    padding: 20px;
    z-index: 999;
}	
.index-main-box-blue h2{
    color: #fff;
    font-size: 25px;
    font-family: LatoThin;
    margin-top: 14%;
    margin-top: 40px;
}
.index-main-box-blue hr{ 
    width: 100%;
    margin: 15px 0 15px -35px;
    height: 1px;
    border: 0;
    background: black;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0099df+0,ffffff+100&1+0,0+100 */
    background: -moz-linear-gradient(left,  rgba(0,153,223,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(0,153,223,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(0,153,223,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099df', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.index-main-box-blue span{
    color: #fff;
    font-family: LatoHairline;
    font-size: 18px;
    margin-left:7%;
}
   .index-main-box-blue i{
       display: none;
   }
/*.index-main-box-blue i{
      color: #fff;
      font-weight: normal;
    font-size: 18px;
    font-style:normal;
    margin-left: 7px;
}*/
.index-main-box-blue b{
    float:right;
    margin-right: 10%;
    color: #fff;
    font-family: LatoSemibold;
    font-weight: normal;
    font-size: 18px;
}

.index-main-slider{
    background: url(../img/index-slider-background.png) no-repeat  center center;
    background-size: 100% 100%;
    width: 100%;
    height: 340px;
}
.index-main-slider h2{
    font-family : LatoThin;
    font-size : 54px;
    line-height : 40.43px;
    color : #1B2741;
    white-space: nowrap;
    margin-top: -35px;
}
.index-main-slider h2 strong{
   font-family : LatoRegular; 
	font-size : 43px; 
	line-height : 32.1px; 
	letter-spacing : 7.74px; 
	color : #009ADD;
        white-space: nowrap;
        margin-top: 5px;
}

.index-main-slider p{
    width: 50%;
    font-family: LatoRegular;
    color: #1b273f;	
    margin-top:2%;
    margin-left: 5%; 
    padding-left: 20px;
  
} 
.index-main-slider strong{
    color:#c2c7cd;
    font-family: LatoBlack;
    font-size: 117px;
    letter-spacing: 3px;
    float: right;
    margin-top: 30px;
    margin-right: -50px;
}
.slide{
    margin-top: -6%
}
.index-main-slider-img{
    margin: 20px;
}
.index-main-suitable-hr{
    width:40px;
    height: 5px;
    background:#0099df;
    left: 0;
    position: absolute;
}
.carousel-control.left, .carousel-control.right{
    display: none;
}
.carousel-control2.left{
    background: url(../img/left-arrow.png) no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    width: 10px;
    height: 15px;
    float:left;
    position:relative;
    left:0;
   margin-top:-370px;
}
.carousel-control2.right{
    background: url(../img/right-arrow.png) no-repeat;
     background-size: 100% 100%;
    display: inline-block;
    width: 10px;
    height: 15px;
    float:right;
    position:relative;
    right:0;
    margin-top:-370px;
    margin-right: -20px;
    padding-right: 0 !important;
}

.picture{margin: 1%; width: 30% !important; float: right !important;}
.picture img{margin:0 auto; width: 100% !important;}

.picture-blog-slider img{margin:0 auto; width: 100% !important; margin-left: 7%;}

.carousel-indicators{
    margin-top: 140px !important;
    position:absolute;
    z-index: 9999;
    bottom: 50px;
    top: 50px;
    left: 90% !important;
}
.carousel-indicators li{
    background-color: #b1b8c0 !important;
    width: 15px !important;
    height: 15px !important;
}
.carousel-indicators .active {
    background-color: #0099df !important;
    width: 15px !important;
    height: 15px !important;
}

.index-main-delivery{
    background: url(../img/europe-map.png) no-repeat center center;
    background-size: 100% 1200px;
    width: 100%;
    height: 360px;
    margin-top: -4px;
} 
.index-main-delivery.man{
    background: url(../img/delivery-man.png) no-repeat;
    background-size: 100% 100%;
    width:362px; 
    height: 602px;
    margin-top: -90%;
    position: relative;
    z-index: 500;
}
.index-main-delivery.arrow{
    background: url(../img/delivery-arrow.png) no-repeat;
    background-size: 100% 100%;
    width:380px; 
    height: 400px;
    margin-top: -10%;
    margin-left: -80% !important;
    position: relative;
    z-index: 400;
}
.index-main-delivery-info h2{
    font-size: 52px;
    font-family: LatoLight;
    color: #1b273f;
    margin-top: 13%;
}
.index-main-delivery-info h2 strong{
    font-family: LatoBlack;
}
.index-main-delivery-info h3{
    font-family: LatoBlackBold;
    color: #0099df;
    margin-top: -2%;
    letter-spacing: 1px;
    font-size: 30px;
}
.index-main-delivery-info p{
    width: 80%;
    font-family: LatoRegular;
    color: #1b273f;	
    margin-top: 5%;
    font-size: 15px;
} 
.index-main-guarantee{
    background: url(../img/guarantee-background.png) repeat-x;
    background-size: 100% 100%;
    width: 100%;
    height: 492px; 
    margin-top: 50px;
}
.index-main-guarantee.years{
    background: url(../img/4-years.png) no-repeat center center; 
    width:348px;
    height:340px;
    position:relative;
}
.index-main-guarantee.clock{
    background: url(../img/clock.png) no-repeat center center; 
    width:230px;
    height:216px;
    margin-top: -135%;
    margin-left: 65%;
    position:relative;
}
.index-main-guarantee h2{
    font-size: 45px;
    font-family: LatoBlackBold;
    color: #1b273f;
    margin-top: 25%;
}
.index-main-guarantee h2 i{
    font-style: normal;
    color:#0099df;
} 
.index-main-guarantee p{
    width: 80%;
    font-family: LatoRegular;
    color: #1b273f;	
    margin-top: 5%;
} 
.index-main-guarantee h3{
    font-size: 30px;
    font-family: LatoBlackBold;
    color: #1b273f;
    margin-top: 45%;
    float:right;
    position:relative;
    vertical-align: top;
}
.index-main-guarantee h3 i{
    font-style: normal;
    color:#0099df;
} 
.index-main-guarantee.line{
    background:  #1b273f;
    width: 50%;
    height: 1px;
    margin-top: 115%;
    margin-left: 80%;
    vertical-align: top;
}
.index-main-info{
    background: #f9f9f9;
}
.index-main-info-img{
    width: 50%;
    float: left;
}
.index-main-info-img img{
    margin-top: -80px;
}
.index-main-info-left img{
    width: 130%;
    float: left;
}
.index-main-info-right{
    margin-top: 5%;
}
.index-main-info-right h3{
    font-size: 24px;
    font-family: LatoHeavy;
    color: #1b273f;
    margin-top: -5px;
    position:relative;
    letter-spacing:2px;
}
.index-main-info-right h3.light{
    color: #0099df;
}
.index-main-info-right p{
    width: 120%;
    font-family: LatoRegular;
    color: #1b273f;	
    margin-top: 5%;
}
.info-circle{
    background: #fff;
    width: 20px;
    height: 20px;
    border: 2px solid #0099df;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
        /*margin-top: -10px;*/
}
.info-vertical-line{
    width: 2px; /* Line width */
    background-color: #0099df; /* Line color */
    height: 100%; /* Override in-line if you want specific height. */
    float: left; /* Causes the line to float to left of content. */
    margin-top: 14%;
    margin-left: 15%;
}
.dl-horizontal{
    margin-left: 10%;
}
.dl-horizontal dt {
    width: 13% !important;
position: absolute;
    height: 20%;
    margin-bottom: 30px;

}
.dl-horizontal dd {
    width: 85% !important;
    margin-left: 50px !important;
    height: 25%;
     margin-bottom: 10px;
}
.space{margin-top: 20px;}

.index-main-using{
    background:url(../img/index-using-background.png) no-repeat center center;
    background-size: 100% 100%;
    width: 100%;
    height: 780px;
    padding-top: 1.5%;
}
.index-main-using h2{
    font-size: 50px;
    font-family: LatoLight;
    color: #1b273f;
    margin-top: 50px;
    margin-bottom: 80px;
}
.index-main-using h2 strong{
    font-size: 45px;
    font-family: LatoBlack;
}

.using-box.blue-box{
    background: #1b273f;
    padding: 1.5% 1.5% 2.5% 2.5%;
    height: 257px;

}
.ubs-h{
    height: 256px !important;
}
.using-box.blue-box h3{
    font-size: 21px;
    font-family: LatoBlackBold;
    color: #fff;
    display: inline-block;
    position:absolute;
    vertical-align: top;
    padding-top: 30px;
    margin-left: 5px;
}	
.using-box.blue-box p{
    width: 85%;
    font-family: LatoLight;
    color: #fff;	
    margin-bottom: 8%;
    position: absolute;
    bottom: 0;
    font-size: 15px;
    margin-left: 5%;
}	
.using-box-size{
    margin: 0 !important;
    padding:0 !important;
}

.using-box-size img{
    width: 100%;
}

.using-img img{
    width: 100%;
    padding-left: 0;
    padding-right: 0;
} 
.align-right{
    text-align: right;
}

.using-box-arrow-right{
    background: url(../img/using-box-arrow-right.png) no-repeat;
    background-size: 100% 100%;
    width: 15px;
    height: 15px;
    position:  absolute;
    left: 0;
    margin-top: 50px;
    margin-left: -0.5% !important;
}
.using-box-arrow-left{
    background: url(../img/using-box-arrow-left.png) no-repeat;
    background-size: 100% 100%;
    width: 15px;
    height: 15px;
    position:  absolute;
    right: 0;
    margin-top: 65px;
    margin-right: -0.5% !important;
}
.using-box-arrow-top{
    background: url(../img/using-box-arrow-top.png) no-repeat;
    background-size: 100% 100%;
    width: 15px;
    height: 15px;
    position:  absolute;
    top: 0;
    margin-top: -0.5% !important;
    margin-left: 40px;
}
.using-box-user{
    background: url(../img/user.png) no-repeat;
    background-size: 100% 100%;
    width: 62px;
    height: 62px;
    display: inline-block;
    position:relative;
    vertical-align: top;
    margin-top: 40px;
    margin-left: 20px;
}
.using-box-lamp{
    background: url(../img/lamp.png) no-repeat;
    background-size: 100% 100%;
    width: 62px;
    height: 62px;
    display: inline-block;
    position:relative;
    vertical-align: top;
    margin-top: 30px;
    margin-left: 30px;
}
.using-box-gear{
    background: url(../img/gear.png) no-repeat;
    background-size: 100% 100%;
    width: 62px;
    height: 62px;
    display: inline-block;
    position:absolute;
    vertical-align: top;
    right: 0;
    top:0;
    margin-top: 45px;
    margin-left: 20px !important;
    margin-right: 7%;
}
.using-gear-h2{
    float: left;
    margin-left: 0;
    padding-left: 0;
    width: 75%;
}
footer{
    background: #f4f4f6;
    padding-bottom: 5%;
    clear:both;
}
.footer-line{
    width: 100%;
    text-align:center;
    margin-top: 55px;
    margin-bottom: 55px;
}
.footer-line img{
    max-width: 100%;
}
.footer-box{
    margin-top: 10px;
    margin-bottom: 10px;
}
.footer-logo{
    width:100%;
    text-align:center;
    margin-top: 15px;
}

.footer-logo img{
    width: 249px;
    height: 64px; 
}

.footer-icon-box{
    margin-top: 20px;
    margin-bottom: 50px;

}
.footer-icon {
    text-align:center;
	margin:2px;
}


.footer-list   {
    list-style: none;
}

.footer-list li:before {
    content: "\00BB \0020";

}
.footer-list li{
    margin: 10px;
}
.footer-list li.active span{
    color:#0099df;
    text-decoration:underline;
}
.footer-list li span{
    color: #4b4e54;	
    font-family: LatoRegular;
    font-size: 15px;
    padding-left:12px;
}
.footer-list li span:hover{
    color:#0099df;
} 
.footer-title{
    font-family: LatoRegular;
    font-size: 18px;
    color:#0099df;
}
.footer-phone{
    color: #4b4e54;	
    font-family: LatoRegular;
    font-size: 24px;
    margin-top: 20px;
    display: block;
}
.footer-bottom-line{
    background: #babbc0;
    width: 100%;
    height: 60px;
    padding-top: 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    font-family: LatoRegular;
    font-size: 16px;
}
.footer-left{
    float: left !important;
}
.footer-left span{
    margin-top: 10px;
    color: #4b4e54;
}
.footer-right span{
    float: right !important;
    right: 0;
    position: absolute !important;
    color: #4b4e54;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0px 0px !important; 

}
.mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 -20px !important;
}
.mCSB_dragger_bar {
    background-image: url(../img/scroll.png) !important;
    background-size: 100% 100%;
    width: 25px !important;
    height: 25px !important;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background:#0099df !important;
    position:absolute !important;
    background-repeat: repeat-y;
    opacity: 0.9 !important;
    filter: "alpha(opacity=100)" !important;
    -ms-filter: "alpha(opacity=100)" !important;
    margin-left: -10px;
}
.mCSB_draggerContainer{
    /*background: red !important;*/
    margin-right: 0px !important;
    margin-left: -10% !important;
}
.products-subheader{
    background: url(../img/subheader-custom.jpg) no-repeat center center; 
    background-size: 100% 100%;
    width: 100%;
    height: 165px;
    z-index: 100;
    position:relative;
}
.products-subheader h1{
    text-align: center;
    color: #fff;
    font-family: LatoThin;
    margin-top:4%;
    padding-bottom:5%;
    font-size: 45px;
}
.products-subheader h1 strong{
    font-family: LatoHeavy;
}

.custom-images-wrapper{
    border: 1px solid #dcdcdc;
    width: 100%;
    float: left;
}

.products-images, .custom-images{
    width: 33.33%;
    float: left;
    position: relative;
    overflow: hidden;
}

.products-images img, .custom-images img{
    max-width: 100%;
}
.custom-image-1{
     width: 38%;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
}
.custom-image-1, .custom-image-3{
    width: 38%;
    border-left: 1px solid #dcdcdc;
    
}

.custom-image-2{
    width: 24%;
}

.uber-custom-text{
    margin-top: 60px;
}

.uber-custom-text h2{
    color: #0099df;
    font-family: LatoBlackBold;
    font-size: 26px;
    height: 70px;
}

.uber-custom-text p{
    font-family: LatoRegular;
}

.custom-button-container{
    padding: 40px;
}

.btn-product{
    background: #0099df;
    color: #fff;
    letter-spacing: 3px;
    border-width: 1px !important;
    border: 0px;
    padding: 10px 80px;
    font-size: 22px;
    font-family: LatoThin;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 18px !important;
    margin: 0 auto !important;
    margin-top: 30px !important;
    display: block !important;
}

.blur{
    display: none;
}

.products-images:hover > .blur{
    display: block !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 1, 0.76);
    z-index:999;
}
.blur h2{
    font-family:LatoThin;
    color:#fff;
    font-size: 38px;
    text-align:center;
    margin-top: 35%;
    display: block;
    z-index:10;
}
.blur h2 strong{
    font-family:LatoBlack;
}
.blur p{
    width: 55%;
    font-family:LatoLight;
    color:#fff;
    font-size: 17px;
    text-align:center;
    margin: 0 auto;
    margin-top: 2%;
    line-height: 24px;
}
.products-images:hover img{

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-filter: blur(1px);
    -moz-filter: blur(5px);
    -o-filter: blur(5x);
    -ms-filter: blur(5px);
    filter: blur(5px);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    z-index:4;
}

.benefits-subheader{
    background: url(../img/subheader.png) no-repeat center center; 
    background-size: 100% 100%;
    width: 100%;
    height: 165px;
}
.benefits-subheader h1{
    text-align: center;
    color: #fff;
    font-family: LatoThin;
    margin-top:4%;
    padding-bottom:5%;
    font-size: 40px;
}
.benefits-subheader h1 strong{
    font-family: LatoHeavy;
} 

.benefits-important{
    background: #fff;
    width: 100%;
}
.benefits-important h1{
    text-align: center;
    color: #0099df;
    font-family: LatoLight;
    margin-top:70px;
    margin-bottom:2%;
    font-size: 42px;
}
.benefits-important p{
    width: 70%;
    font-family: LatoRegular;
    color: #1a253b;	
    text-align: center;
    margin: 0 auto;
    margin-bottom:70px;
    font-size: 18px;
    line-height: 24px;
}	
.benefits-improve-health{

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e4e4e4+50,212121+50 */
    background: rgb(228,228,228); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(228,228,228,1) 50%, rgba(33,33,33,1) 50%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(228,228,228,1) 50%,rgba(33,33,33,1) 50%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(228,228,228,1) 50%,rgba(33,33,33,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#212121',GradientType=1 ); /* IE6-9 */



}
.benefits-improve-health.left{
    background: #e4e4e4;
    padding-right: 45px;
}
.benefits-improve-health.left img{
    clear:both;
    float: right;
    display: block;
    margin-top: 12px;
    margin-right: 55px;
    bottom: 0;
}

.benefits-improve-health.left hr{
    clear: both;
    background: #56555b;
    width: 50%;
    height: 2px;
    float: right;
    margin-top: 80px;
    margin-right: -45px;
}

.benefits-improve-health.right{
    padding: 0;
}
.benefits-improve-health.right img{
    width: 115%;
}
.benefits-improve-health h2{
    text-align: right;
    color: #1b273f;
    font-family: LatoLight;
    margin-top:90px;
    margin-bottom: 30px;
    font-size: 36px;
}
.benefits-improve-health h2 strong{
    font-family: LatoBlackBold;
} 
.benefits-improve-health p{
    font-family: LatoRegular;
    color: #1a253b;	
    text-align: right;
    float:right;
    margin: 0 auto;
    font-size: 16px;
    line-height: 24px;
}



.benefits-risk{
    background: url(../img/risk-bg.png) no-repeat left;
    background-size: 95% 100%;
    width: 100%;
        height: 1225px;
}
.benefits-risk-left{
    margin-top: 90px;
}
.benefits-risk-left img{
    max-width: 980px;	
    margin-left: -27%;
}
.benefits-risk h2{
    color:#1b273f;
    font-family:LatoThin;
    font-size: 40px;
    float:right;
    display:block;
}
.benefits-risk h3{
    clear:right;
    color:#0099df;
    font-family:LatoBlack;
    font-size: 35px;
    float:right;	
    margin-top: -5px;
    display:block;
padding-bottom: 30px;
}
.benefits-risk-titles{
    position: relative;
    float: right;
    padding-top: 200px;
}
.benefits-right-box{
    background: url(../img/benefits-right-box-bg.png) repeat; 
    width: 186%;
    height: 300px;
    margin-left: -90%;
    position:relative;
    position:absolute;
    z-index: 999;
    padding-top: 15px;
}

.benefits-right-box-number{
    height: 100%;
}

.benefits-right-box-number img{
    width: 90%;
    float: right;
    bottom: 0;
    margin-top:53%;
    margin-left: 10%;
    position: absolute;
}
.benefits-right-box p{
    font-family: LatoRegular;
    color: #f7f7f7;
    text-align: right;
    margin: 6%;
    font-size: 17px;
}
.benefits-loss{
    background: #eeeeee;
    width: 100%;
    height: 689px;
    padding-top: 120px;
        display: block;
    float: left;
}
.benefits-loss h2{
    color:#1b273f;
    font-family:LatoThin;
    font-size: 70px;
    float:left;
    letter-spacing:2px;
    margin-bottom: 50px;
}
.benefits-loss h3{
    color: #0099df;
    font-family:LatoBlack;
    font-size: 42px;
    float:left;
}
.benefits-loss h4{
    color: #1a253b;	
    font-family:LatoBlackBold;
    font-size: 30px;
    margin-top: -30px;
    float:left;
}
.benefits-loss p{
    width: 100%;
    font-family: LatoRegular;
    color: #1a253b;
    font-size: 18px;
    float:left;
    margin-top: 15px;
    margin-bottom: 0;
    line-height: 24px;
}
.btn-benefits-loss {
    color: rgb(26, 37, 59);
    letter-spacing: 1px;
    margin-top: 10px;
    background: transparent;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: rgb(0, 153, 223) !important;
    padding: 10px 50px !important;
    font-size: 18px !important;
    font-family: LatoRegular;
    float:left;
    margin-top: 40px;
}
.benefits-loss-number img{ 
    width: 40%;
    float: right;
    top: 40%;
    bottom: 0;
    right: 0;
    margin-top: 272px;
    margin-right: 15%;
    position: absolute;
}
.benefits-loss-man img{
    width: 100%;
    bottom: 0;
    margin-top: 70px;
}
.benefits-energy{
    background: url(../img/energy.png) no-repeat center center;
    background-size: 100% 100%;
    width: 100%;
    height: 723px;
        /*margin-bottom: 40px;*/
   display: block;
   float: left;
}
.benefits-energy-number img{
    width: 45%;
    float: right;
    bottom: 0;
    right: 0;
    top:100%;
    margin-top:22%;
    position: relative;
    display: block;
}
.benefits-energy h2{
    color:#fff;
    font-family:LatoThin;
    font-size: 62px;
    margin-top: 60%;
   /* margin-left: -4%;*/
    letter-spacing:2px;
    white-space: nowrap;
}
.benefits-energy h3{
    color:#fff;
    font-family:LatoBlackBold;
    font-size: 60px;
    letter-spacing:2px;
    text-align:right;
    margin-top: -2%;
    float:right;
}
.benefits-energy p{
    width: 100%;
    font-family: LatoRegular;
    color: #fff;
    font-size: 19px;
    text-align:right;
    margin-top: 18%; 
    margin-right: 5%;
    line-height: 24px;
}
.benefits-better-posture{
    background: #e9e9e9;
    width: 100%;
     padding-top: 40px;
     padding-bottom: 40px;
     float:left;
     display: block;
}
.benefits-better-posture-number img{
      background-size: 100% 90%;
    width: 243px;
    height: 113px;
     position: relative;
    display: block;
        margin-top: 65px;
  
}
.benefits-better-posture h2{
    color:#868a95;
    font-family:LatoLight;
    font-size: 55px;
    letter-spacing:2px;
}
.benefits-better-posture  p{
    width: 90%;
    font-family: LatoRegular;
    color:#868a95;
    font-size: 18px;
    margin-right: 5%;
    line-height: 24px;
}
.benefits-better-posture.image{
    background: url(../img/posture.png) no-repeat;
    background-size: 100% 100%;
    width: 295px;
    height: 453px;
    margin-top: 10px;
    margin-right: 20% !important;
    float:right;
}

.benefits-sport{
    background: url(../img/benefits-sport-bg.png) no-repeat center center;
    width: 100%;
    float:left;
    margin-top: -2px;
}

.benefits-sport .benefits-sport-img{
    max-width:60%;
    left: -2%;
    position:relative;
}
.benefits-sport.left{
    width:100%; 
    float: left;
    margin-left: -2.2%;
}
.benefits-sport.right{
    width: 100%;
    background: none;
    padding-top: 100px;
}
.benefits-sport.right h2{
    color:#868a95;
    font-family:LatoLight;
    font-size: 52px;
    letter-spacing:2px;
    margin-top:  20px; 
    margin-bottom: 20px; 
}
.benefits-sport.right h3{
    color:#1b273f;
    font-family:LatoBlackBold;
    font-size: 30px;
}
.benefits-sport.right p{
    width: 100%;
    font-family: LatoRegular;
    color:#1b273f;
    font-size: 18px;
    margin-right: 5%;
    line-height: 24px;
}
.benefits-spor.number{
    background: url(../img/06.png) no-repeat;
    background-size: 100% 100%;
    width: 242px;
    height: 109px;
    margin-top:5%;
       position: relative;
    display: block;
    margin-bottom: 40px;
}
.benefits-sport-extends-life{
    background: #fff;
    clear:both;
    padding-top: 30px;
}
.benefits-sport-extends-life-img{
    width:100%;
    text-align: center;
}
.benefits-sport-extends-life-img img{
    max-width: 150%;
}
.benefits-sport-extends-life h2{
    color:#4b4e54;
    font-family:LatoThin;
    font-size: 80px;
    letter-spacing:2px;
    margin-top: 40px; 
}
.benefits-sport-extends-life h3{
    color:#8ed107;
    font-family:LatoBlackBold;
    font-size: 45px;
    margin-left: 14%;
    margin-top: -1.5%;
    letter-spacing: 12px;
}
.benefits-sport-extends-life p{
    clear: both;
    width: 90%;
    font-family: LatoRegular;
    color:#4b4e54;
    font-size: 15px;
    margin-top: 5%;
    margin-left: 15%;
    font-size: 18px;
    line-height: 24px;
}

.benefits-extends-life-titles{
    padding-top: 120px;
}
.benefits-sport-extends-life-number{
    width:100%;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
}
.benefits-improves-productivity{
    background: #fff;
    width: 100%;
    padding-top: 4%;
    padding-bottom: 4%;
    clear:both;
}
.benefits-improves-productivity.number{
    background: url(../img/08.png) no-repeat;
    background-size: 100% 100%;
    width:251px;
    height: 127px;

    position: absolute;
    display: block;
    top: 0;
    right: 0;

}
.benefits-improves-productivity-number img{
    float: right;
}
.benefits-improves-productivity-img{
    width:100%;
}
.benefits-improves-productivity-img img{
    margin-top: 55px;
}
.benefits-improves-productivity h2{
    color:#4b4e54;
    font-family:LatoLight;
    font-size: 50px;
    letter-spacing:2px;
    margin-top: 22%; 
    text-align:right;
}
.benefits-improves-productivity h3{
    color:#0099df;
    font-family:LatoBlackBold;
    font-size: 40px;
    margin-left: 14%;
    margin-top: -1.5%;
    letter-spacing: 1px;
    text-align:right;
}
.benefits-improves-productivity p{
    width: 80%;
    font-family: LatoRegular;
    color:#4b4e54;
    font-size: 15px;
    margin-top: 3%;
    text-align:right;
    float:right;
    line-height: 24px;
}
.benefits-business{
    background: url(../img/business.jpg) no-repeat center center;
    background-size: cover;
    width: 100%;
    clear:both;
}
.benefits-business-right{
    margin-top: 20px;
}

.benefits-business-desk{
    max-width: 50%;
}

.benefits-business-desk img{
    max-width: 100%;
    float:left;
    bottom: 0;
    margin-top:147px;
} 
.benefits-business.number{
    background: url(../img/09.png) no-repeat;
    background-size: 100% 100%;
    width:209px;
    height: 116px;
    position: relative;
    display: block;
    top: 0;
    right: 0;
    margin-top: 28%;

}
.benefits-business h2{
    color:#d8dfe9;
    font-family:LatoSemibold;
    font-size: 45px;
    letter-spacing:2px;
}
.benefits-business ul{
    list-style-type: circle;
    margin-top: 5%;
   padding-left: 0;
}
.benefits-business ul li{
    font-size: 17px;
    color: #fff;
	margin-bottom: 15px;
}

.benefits-business ul li span{
    color:#d8dfe9;
    font-family: LatoRegular;
    font-size: 20px;
    margin: 15px;

} 

.benefits-euro{
    background: #34393d url(../img/euro.png) no-repeat right;
    width: 100%;
    height: 632px;
}
.benefits-euro-number img{
    max-width: 100%;
    position: relative;
    display: block;
    left: 0;
    margin-top: 9%;
    margin-left: -2%; 

}
.benefits-euro h2{
    color:#fff;
    font-family:LatoThin;
    font-size: 55px;
    letter-spacing:2px;
    margin-top: 4%;
}
.benefits-euro p{
    width: 50%;
    font-family: LatoLight;
    color:#fff;
    font-size: 18px;
    margin-top: 3%;
    line-height: 24px;
}

.about{
    background: url(../img/about-bg.png) no-repeat top center;
    background-size:100% 100%;
    width: 100%;
    padding-bottom: 3%;
}
.about-uberdesk{
    background: url(../img/uberdesk.jpg) no-repeat top center;
    background-size:100% 100%;
    width: 1053px;
    height: 503px;
}
.about-box{
    background: url(../img/benefits-right-box-bg.png) repeat;
    width: 100%;
    /*height: 500px;*/
    position: relative;
    margin-top: -65%;
    margin-left: 52%;
    padding: 5%;
}
.about-box h1{
    color: #fff;
    font-family:LatoBlackBold;
    font-size: 26px;
    letter-spacing:2px;
    margin-left: 10%;
}
.about-box p{
    width: 100%;
    font-family: LatoRegular;
    color:#fff;
    font-size: 15px;
    margin-top: 5%;
    margin-left: 10%;
}
.about-info-circle{
    background: #fff;
    width: 20px;
    height: 20px;
    border: 2px solid #0099df;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;

}
.about-info-vertical-line{
    width: 2px; /* Line width */
    background-color: #0099df; /* Line color */
    height: 100%; /* Override in-line if you want specific height. */
    float: left; /* Causes the line to float to left of content. */
    margin-top: 6px;
    margin-left: 9px;
    height:190px;
    border-bottom: 20px;
}
.about-dl-horizontal{
    margin-left: 1%;
}
.about-dl-horizontal dt {
    width: 15% !important;
    float:left;
    clear: both;
    margin-bottom: 5px;
        position: absolute;
        height: 40%;
}
.about-dl-horizontal dd {
    width: 85% !important;
    margin-left: 0px !important;
        margin-bottom: 40px;
        margin-top: 20px;
}
.blog-subheader{
    background: #f1f1f1;
    width: 100%;
    height: 1150px;
    padding-top: 12%;
    position:relative;
}
.blog-subheader-news{
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: 40px;
}
.blog-subheader-z{
    z-index: 7;

}
.blog-subheader-n1{
    width: 100%; display:block; 
}
.blog-subheader-img{
    max-width: 100%;
    z-index: 4;
    position: relative;
    margin-top: -25%;
}
.blog-subheader-shadow{
    max-width: 100%;
    width: 480px;
    height: 250px;
    margin-top: -220px;
    margin-left: 30px;
    z-index: 3;
    position: relative;
}
.blog-subheader-img2{
    max-width: 100%;
    z-index: 4;
    position: relative;
    margin-top: -25%;
    margin-left: 12%;
}
.blog-subheader-shadow2{
    max-width: 100%;
    margin-top: -40%;
    margin-left: 5%;
    z-index: 3;
    position: relative;
    width: 480px;
    height: 250px;
}
.blog-subheader-n1 h2{
    font-family: LatoBlack;
    color:#4b4e54;
    font-size: 40px;
    text-align:right;
    margin-top:-120px;
       margin-right: 30px;
}
.blog-subheader-n1 p{
    font-family: LatoRegular;
    height: 160px;
    font-size: 15px;
    margin-top: 5%;
    margin-right: 30px;
    text-align:right;
    float:right;
}
.blog-subheader-n2{
    width: 100%; 
    display:block; 
    margin-top: 25%; 
}
.blog-subheader-n2 h2{
    font-family: LatoBlack;
    color:#4b4e54;
    font-size: 40px;
    text-align:right;
    margin-top:-160px;
    text-align:right;
    margin-top: -20%;
   margin-left: 15px;
}
.blog-subheader-n2 p{
    width: 92%;
    float:right;
    font-family: LatoRegular;
    height: 160px;
    font-size: 15px;
    margin-top: 5%;
    text-align:right;
    /*float:left;*/
}


.btn-blog{
    background:#0099df;
    color: #fff;
    border: 1px solid #0099df !important;
    letter-spacing: 1px;
    padding: 5px 50px 5px 50px !important;
    border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    font-size: 18px !important;
    font-family: LatoLight !important;
    float: right;
    margin-right: 34px;
}
.btn-blog:hover{
    background:#5c636d !important;
    border: 1px solid #5c636d !important;
    color: #fff !important;
}

#canvas1{width:1100px;height: 400px; position: absolute; z-index: 5;margin-top: -10%; margin-left: 8%;}
#canvas2{width:1800px;height: 500px; position: absolute; z-index: 5;margin-top: 5%;  margin-left: 0%;}
#canvas3{width:1100px;height: 500px; position: absolute; z-index: 999;margin-top: 16%; margin-left: -16%; }
#canvas4{width:1400px;height: 300px; position: absolute; z-index: 100 !important;margin-top: 3.5%; margin-left: -16%; }
#canvas5{width:200px;height: 400px; position: absolute; z-index: 999 !important;margin-top: 25%; margin-left: 57%;}
#canvas6{width:200px;height: 400px; position: absolute; z-index: 999 !important;margin-top: 25%; margin-left: -40%;}
#canvas7{width:100px;height: 100px; position: absolute; z-index: 5;right: 40px; bottom: 0;}
.blog-multi-view{
    background: #fff;
    width: 100%;
}
.blog-multi-view img{
    width: 90%;
    margin:0 auto;
}
.blog-multi-view h2{
    color: #0099df;
    font-family: LatoBlackBold;
    font-size: 30px;
    text-align:center;
    margin-top: 80px;
    margin-bottom: 80px;
}
.blog-multi-view h3{
    color: #4b4e54;
    font-family: LatoBlack;
    font-size: 28px;
    margin-top: 6%;
    margin-bottom: 4%;
    height: 60px;
}
.blog-multi-view p{
    font-size: 16px;
    font-family: LatoRegular;
    height: 130px;
}
.blog-multi-view-box{
    padding: 0%;
    padding-left: 20px; 
    padding-right: 0;
    margin-bottom: 60px;
}
.blog-multi-view-box img{
    width: 100%;
}
.btn-multiview{
    background:#0099df;
    width: 50%;
    color: #fff;
    border: 1px solid #0099df !important;
    letter-spacing: 1px;
    margin-top: 5%;
    padding: 10px 15px 10px 15px !important;
    border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    clear: both;
    display: block !important;
}
.standart-subheader{
    background: url(../img/standart-subheader.jpg) no-repeat center center; 
    background-size: 100% 100%;
    width: 100%;
    height: 165px;
}
.standart-subheader h1{
    text-align: center;
    color: #fff;
    font-family: LatoLight;
    margin-top:4%;
    font-size: 43px;
}
.standart-subheader h1 strong{
    font-family: LatoBlackBold;
} 
.standart-desctop-img{
    height: 500px;
    width: 100%;
    margin: 0 auto;
}

.standart-desctop-img img{
    position: absolute;
    vertical-align: top;
    left:0; right:0;
    margin: 0 auto;
}

.standart-desktop{
    background: #fff;
    width: 100%;
}
.standart-desktop h2{
    text-align: center;
    color: #4b4e54;
    font-family: LatoLight;
    margin-top:4%;
    margin-bottom: 5%;
    font-size: 45px;
}
.standart-desktop h2 strong{
    font-family: LatoBlackBold;
    color: #0099df;
} 
.standart-desktop-1{
    background: url(../img/desktop-shadow.png) no-repeat;
    width: 967px;
    height: 355px;
    z-index: 100;
    position:relative;

}
.standart-desktop-2{
    background: url(../img/desktop-2.png) no-repeat;
    width: 967px;
    height: 355px;
    margin-bottom: -32%;
    z-index: 200;
    position:relative;
}
.standart-desktop-shadow-2{
    background: url(../img/desktop-shadow.png) no-repeat;
    width: 967px;
    height: 355px;
    margin-bottom: -27%;
    margin-left: -5%;
    z-index: 250;
    position:relative;
}
.standart-desktop-3{
    background: url(../img/desktop-3.png) no-repeat;
    width: 967px;
    height: 355px;
    margin-bottom: -38%;
    z-index: 300;
    position:relative;
}
.standart-desktop-shadow-3{
    background: url(../img/desktop-shadow.png) no-repeat;
    width: 967px;
    height: 355px;
    margin-bottom: -20%;
    margin-left: -1%;
    z-index: 320;
    position:relative;
}
.standart-desktop-4{
    background: url(../img/desktop-4.png) no-repeat;
    width: 967px;
    height: 355px;
    margin-bottom: -44%;
    z-index: 350;
    position:relative;
}
.standart-desktop-shadow-4{
    background: url(../img/desktop-shadow.png) no-repeat;
    width: 967px;
    height: 355px;
    margin-bottom: -16%;
    margin-left: -4%;
    z-index: 370;
    position:relative;
}
.standart-desktop-5{
    background: url(../img/desktop-5.png) no-repeat;
    width: 967px;
    height: 355px;
    margin-bottom: -48%;
    z-index: 400;
    position:relative;
}
.standart-wood-texture-1{
    background: url(../img/wood-texture-1.png) repeat-x;
    height: 421px;
}
.standart-wood-texture-2{
    background: url(../img/wood-texture-2.png) repeat-x;
    height: 421px;
    z-index:2;
}
.standart-wood-texture-2 h2{
    text-align: center;
    color: #f1f1f1;
    font-family: LatoThin;
    margin-top:63%;
    margin-bottom: 5%;
    font-size: 65px;
    letter-spacing: 2px;
}
.standart-wood-texture-3{
    background: url(../img/wood-texture-3.png) repeat-x;
    height: 421px;
}
.standart-wood-texture-3 h2{
    text-align: center;
    color: #f1f1f1;
    font-family: LatoBlackBold;
    margin-left: 4%;
    margin-top:60%;
    margin-bottom: 8%;
    font-size: 65px;
    text-align: left;
    letter-spacing: 2px;
    border-left: 4px solid #f1f1f1;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 7%;
}
.standart-wood-bg{
    background: #f1f1f1;
    height: 421px;
    padding-top: 3%;
}
.standart-wood-bg img{
    margin: 5px;
    display:block;
    float:left;
}
.standart-wood-bg img:nth-child(8) {
     clear: left;
} 
.standart-wood-bg p{
    width: 80%;
    font-family: LatoRegular;
    color:#4b4e54;
    font-size: 17px;
    padding-top: 40px;
    margin-left: 2%;
    position:relative;
    bottom:0;
    clear:both;
    line-height: 24px;
}

.standart-size{
    background: #676c72;
    width: 100%;
    padding-top:50px;
    padding-bottom:50px;
}
.standart-size img{
    max-width: 100%;
}

.standart-size h2{
    text-align: center;
    color: #ffffff;
    font-family: LatoThin;
    margin-top:6%;
    margin-bottom: 4%;
    font-size: 48px;
}
.standart-size h2 strong{
    font-family: LatoBlackBold;
} 
.standart-size p{
    width: 80%;
    font-family: LatoLight;
    color:#fff;
    font-size: 16px;
    margin-top: 3%;
    margin-left: 1%;
    bottom: 70%;
    position:relative;
    text-align:center;
    margin: 0 auto;
    line-height: 24px;
}
.standart-size-row{
    margin-top: 120px; 
}

.standart-method-of-affixing{
    background: #fff;
    width: 100%;
    padding-top: 130px;
    padding-bottom: 130px;
}
.standart-method-of-affixing img{
    width: 155%;
    margin-left: -150px;
}
.standart-method-of-affixing h2{
    color: #2d4050;
    font-family: LatoLight;
    margin-top:15%;
    margin-left: -5%;
    font-size: 48px;
}
.standart-method-of-affixing h2 strong{
    font-family: LatoBlack;
    color:#0099df;
} 
.standart-method-of-affixing p{
    width: 90%;
    font-family: LatoLight;
    color: #2d4050;
    font-size: 16px;
    margin-top: 3%;
    margin-left: -5%;
    position:relative;
    line-height: 24px;
    text-align: left;
    float: left;
}

.standart-frame{
    width: 100%;
    position:relative;

}
.s-g-bg{
    background:#e4e4e4;
}
.standart-frame-multi{
    padding-top: 80px;
    padding-right: 50px;
}
.frame-bg{
        background: #e3e3e3;
}
.standart-frame > img{
    width: 50%;
    float:left;
    padding-top: 35px;
}

.standart-frame-inner{
    width: 50%;
    height: 100%;
    position:relative;
}

.standart-frame-inner img{
    width: 100%;
}

.standart-frame-border{
    width: 30%;
    margin-left: 25%;
    padding-top: 120px;
    padding-bottom: 10px;
    border-left: 8px solid #6b6b6b;
    border-right: 8px solid #6b6b6b;
    border-bottom: 8px solid #6b6b6b;
}
.standart-frame.frame{
    background: url(../img/frame.png) no-repeat;
    background-size: 100% 100%;

    height: 600px;
    position:relative;
}
.standart-frame.frame2{
    z-index: 99;	
    top: 0; 
    left: 0;
    position:absolute;
}
.standart-frame.frame2 h2{
    color: #f0f0f0;
    font-family: LatoBlackBold;
    text-align: center;
    margin-top:17%;
    font-size: 40px;
    letter-spacing: 6px;
}
.frame2-info{
    left: 40px;
    bottom: 40px;
    position:absolute;
    text-align: left;
    float: left;
    top: 522px;
    left: 55px;
}
.frame2-info.udOne{
    top: 400px;
}

.frame2-info > hr{
    background:#a8a8a8;
    width: 10%;
    height:8px;
    bottom: 200px;
    float:left;
    border-top: 0px;
}
.frame2-info > p{
    clear:both;
    float:left;
    width: 50%;
    font-family: LatoThin;
    color: #fff;
    font-size: 17px;
    line-height: 24px;
}
.standart-frame.frame2 .standart-frame-border p{
    width: 100%;
    color:#ababab;
    position: relative;
    float: right;
    text-align: right;
    margin-top:35px;
    font-family: LatoBlack;
    font-size: 26px;
}

.standart-frame-smoth-motion{	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+100 */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1f1f1+0,f1f1f1+100 */
    background: rgb(241,241,241); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(241,241,241,1) 0%, rgba(241,241,241,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(241,241,241,1) 0%,rgba(241,241,241,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(241,241,241,1) 0%,rgba(241,241,241,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
    width: 100%;

    position:relative;
    height: 670px;

}
.standart-frame-left{
    height: 670px;
    overflow:hidden;
}
.standart-frame-right{
    max-height: 670px;
}
/*.standart-frame-smoth-motion img{
        position: absolute;
        max-width: 100%;
        bottom: -100%;
        left: 0; 
}*/

.testImg{
    position: absolute;
    /*bottom: 0;
    width: 100%;
    height: 100%;*/
    float: left;
    bottom: 0; 
    margin-left:-4px;
    padding-right: 10px;
}
.testImg img {
    max-width: 100%;
}

.testImgOne{
    position: absolute;
    /*bottom: 0;
    width: 100%;
    height: 100%;*/
    float: left;
    bottom: 0; 
    margin-left:10%;
    padding-right: 10px;
}
.testImgOne img {
    max-width: 100%;
}

.standart-frame-smoth-motion h2{
    color: #4b4e54;
    font-family: LatoBlack;
    margin-top:80px;
    margin-left: 20px;
    margin-bottom: 7%;
    font-size: 44px;
    letter-spacing: 3px;
}
.standart-frame-smoth-motion h3{
    color: #0099df;
    font-family: LatoBlackBold;
    margin-top:2.5%;
     margin-left: 20px;
    font-size: 28px;
}
.standart-frame-smoth-motion p{
    width: 50%;
    font-family: LatoRegular;
    color: #4b4e54;
    font-size: 17px;
    margin-bottom: 3%;
    text-align: left;
    line-height: 24px;
     margin-left: 20px;
}
.standart-control-panels{
    background: #fff;
    width:100%;
}
.standart-control-panels img{
    max-width: 100%;
    margin-left: -15%;
} 
.standart-control-panels h2{
    color: #4b4e54;
    font-family: LatoLight;
    margin-top:80%;
    font-size: 48px;
}
.standart-control-panels h2 strong{
    font-family: LatoBlack;
    color:#4b4e54;
} 
.standart-control-panels p{
    width: 100%;
    font-family: LatoLight;
    color: #4b4e54;
    font-size: 15px;
    margin-top: 7%;
    text-align: left;
    line-height: 24px;

}
.standart-control-panels.box-img{
    background:transparent;
    margin-top: 10%;
    float:right;
    z-index: 400;
}
.standart-control-panels.box-img img{
    z-index: 400;
    width: 230px;
    height: 132px;
    display: inline-block;
    border: 8px solid #dedede;
    margin: 2%;
    float:right;

}
.standart-anti-collision{
    background: #fff;
    width:100%;
    padding-top: 5%;
}
.standart-anti-collision iframe{
    z-index: 9999;
}
.standart-anti-collision h2{
    color: #4b4e54;
    font-family: LatoLight;
    margin-top:60px;
    font-size: 50px;
    display: inline-block;
  
}
.standart-anti-collision h2 strong{
    font-family: LatoBlack;
    color:#4b4e54;
} 
.standart-anti-collision p{
    color: #4b4e54;
    font-family: LatoLight;
    font-size: 16px;
    margin-top: 20px;
    margin-left: 30px;
}
.standart-anti-collision.piezo{
    background: url(../img/piezo.png) no-repeat;
    width:111px;
    height:52px;
    display: inline-block;
    margin-right: 6%;
    margin-left: 30px;
    top: 10px;
    position: relative;
}
.standart-cable{
    background: #3d3e40;
    width:100%;
    height: 950px;
    margin-top: 5%;
    padding-bottom: 55px;
}
.cable-text{
    margin-top: 500px;
}
.standart-cable img.bg{
    max-width: 80%;
    position: absolute;
    left:0;
}
.standart-cable h2{
    color: #fff;
    font-family: LatoThin;
    font-size: 45px;
}
.standart-cable  h2 strong{
    font-family: LatoBlackBold;
} 
.standart-cable p{
    width: 70%;
    font-family: LatoThin;
    color: #fff;
    font-size: 17px;
    text-align: left;
    line-height: 24px;
}
.standart-cable-background{
    background:url(../img/cables-bg.png) no-repeat;
    background-size:100% 100%;
    width: 120%;
    height: 660px;
    margin-bottom: -22%;
}
.standart-cable-img-box{
    width: 100%;
    height: 500px;
    margin-top: -25%;
}
.standart-cable{
    height: auto;
}
.standart-cable-img img{
    margin: 0;
    padding: 0;
}
.standart-cable-img-box img{
    margin-bottom: 22px;
} 

.standart-software{
    background:#fff;
    width: 100%;
    height: 880px;
} 
.standart-software-left img{
    float:right;	
}
.standart-software-right{

}
.standart-software h2{
    color: #bebebe;
    font-family: LatoThin;
    font-size: 90px;
    margin-top: -125px;
    display: block;
}
.standart-software h3{
    font-family: LatoBlack;
    font-size: 56px;
    display: block;
    margin-top: -15px;
    margin-left: 155px;
    color: #bebebe;
} 
.standart-software h4{
    color: #0099df;
    font-family: LatoBlack;
    font-size: 50px;
    margin-top: 75px;
    margin-left: 65px;
}
.standart-software p{
    width: 100%;
    font-family: LatoLight;
    color: #4b4e54;
    font-size: 18px;
    margin-left: 65px;
    text-align: left;

}
.standart-software p img{
    margin: 10px;
}
.standart-software-row{
    margin-top: -165px;
}
.standart-mobile-app{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e6e7ec+100 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(230,231,236,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,231,236,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(230,231,236,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e7ec',GradientType=0 ); /* IE6-9 */
    width: 100%;
    height:auto;
   
}
.standart-mobile-app h2{
    color: #808490;
    font-family: LatoThin;
    font-size: 62px;
    float:right;
    margin-top: 15% !important;
    margin-right: 80px  !important;
text-align:right;
}
.standart-mobile-app p{
    width: 70%;
    font-family: Latolight;
    color: #808490;
    font-size: 18px;
    margin-top:0px;
    margin-right: 80px;
    float:right;
    text-align: right;
}
.standart-mobile-app-img{
    margin-left: -120px;
}
.standart-mobile-app-ios{
    margin-top: 25%;
}
.standart-mobile-app-ios > h2{
    width: 100%;
    color: #727375;
    font-family: LatoThin;
    font-size: 50px;
    float:right;
    margin-top: -15%;
    margin-right: -5px !important;
    text-align:right;
}
.standart-mobile-app-ios h3{
    color: #808490;
    font-family: LatoBlackBold;
    font-size: 30px;
    float:right;
    margin-top: -20px;
    margin-right: -35px; 
}
.standart-mobile-app-ios img{
    float:left;
    margin: 10px;
    margin-top: 20px;
}
.standart-mobile-app-android{
    background:url(../img/android.png) no-repeat;
    background-size: 100% 100%;
    width: 84px;
    height:66px;
    display: block;
    padding-top: 5%;
}
.standart-mobile-app-i{
    background:url(../img/ios.png) no-repeat;
    background-size: 100% 100%;
    width: 84px;
    height:66px;
    display: block;

}
.standart-casters{
    background:#f1f1f1;
    width: 100%;
    position:relative;
}
.standart-casters-background{
    max-width: 50%;
    float:left;
}
.standart-casters h2{
    color: #4b4e54;
    font-family: LatoLight;
    font-size: 45px;
    margin-top: 140px;
    margin-left: 35px;
}
.standart-casters p{
    width: 60%;
    font-family: LatoLight;
    color: #4b4e54;
    font-size: 16px;
    margin-left: 35px;
}
.standart-monitors{
    background:#fff;
    width: 100%;
    height: 605px;
}
.standart-monitors h2{
    color: #808490;
    font-family: LatoLight;
    font-size: 50px;
    margin-top: 60px;
    text-align:center;
}
.standart-monitors p{
    width: 45%;
    font-family: LatoLight;
    color: #808490;
    font-size: 16px;
    text-align:center;
    margin: 0 auto;
    margin-top: 3%;
    margin-bottom: 3%;
}
.standart-monitors-img1{
    background: url(../img/Monitor-1.png) no-repeat;
    background-size: 100% 100%;
    height: 273px;
}
.standart-monitors-img2{
    background: url(../img/Monitor-2.png) no-repeat;
    background-size: 100% 100%;
    height: 273px;
}

.standart-uberdesk {
   /* background: #464b51 url(../img/uberdesk-standard.png) no-repeat bottom left;*/
   background: #464b51;
    background-size:crop;
    width: 100%;
    height: 1075px;
    padding-top: 3%;
    position:relative;
}
.standart-uberdesk img{
    width: 90%;
    position: absolute;
    float: left;
    bottom: 0;
}
.one-uberdesk{
    width: 100% !important;
}
.standart-uberdesk-logo{
    background: url(../img/uberdesk-logo2.png) no-repeat;
    background-size: 100% 100%;
    width: 283px;
    height: 72px;
    margin-top: 20px !important;
}
.standart-uberdesk h2{
    color: #f1f1f1;
    font-family: LatoThin;
    font-size: 38px;
    margin-left: 14%;
}
.standart-uberdesk h2 strong{
    color: #fff;
    font-family: LatoBlackBold;
}

.standart-uberdesk h3{
    color: #f1f1f1;
    font-family: LatoThin;
    font-size: 45px;
    margin-top: 6%;
    margin-left: 14%;
}
.standart-uberdesk ul{
    list-style-type: circle;
    margin-top: 10%;
    margin-left: 4%;
}	
.standart-uberdesk ul li{
    background:url(../img/standard-bullet.png) 0 0 no-repeat;
    list-style:none;
    color: #f1f1f1;
    font-family: LatoLight;
    margin: 5%;
    font-size: 18px;
    padding-left: 5%;

}
.uberdesk-defocus-logo{
    width: 130% !important;
    position:absolute;
    top: 0;
    margin-top: 70px;
    margin-left: -120px;
}
.btn-standart-uberdesk {
    background:#0099df;
    color: #fff;
    letter-spacing: 1px;
    margin-top: 145%;
    margin-left: 17%;
    border-width: 1px !important;
    border: 0px;
    padding: 10px 80px !important;
    font-size: 22px;
    font-family: LatoLight;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.blog-single-header{
    background:#4e5460;
    width: 100%;
}

.blog-single-main-image{
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 50px;
    }
    
.blog-single-header-box-left img:nth-child(1) {
       
        width: 100% !important;
        max-width: 1140px;
        height: auto !important;
    }
.blog-single-main-image-background{
    position: absolute;
    bottom: 0;
    z-index: 3;
    background-color: rgba(33, 44, 69, 0.8);
    padding: 40px 10px;
    padding-right:25px;
    padding-left: 25px;
    width: 100%;
}

.blog-single-main-image-background h1{
    color: white;
    text-align: left;
    font-family: LatoBlackBold;
}

.blog-single-main-image-background h1 strong{
    color:#0099df;
}

.blog-single-header-img{
    width: 100%;
    position: relative;
    float: left;
    z-index: 2;
}
.blog-single-box{
    margin-right: 0;
    display: table-row;
}
.blog-single-header-box{
    background:#f4f4f6;
    width: 100%;
}	
.blog-single-header-box-left{
    padding: 0;
    /*background: lime;*/
    height: 100%;    
    display: table-cell;
  float: none;
}
.blog-single-header-box-left p{
    margin: 20px 40px 20px 40px;
    color:red;  
    font-family: LatoLight;
    font-size: 17px;
    color:#4b4e54;
}
.blog-single-header-box-left li{
        margin: 20px 30px 15px 0px;
        font-family: LatoLight;
    font-size: 17px;
    margin-left: 20px;
}
.blog-single-header-box-right{
    background:#e1e4e9;
    margin: 0;
    height: 100%;    
   display: table-cell;
   vertical-align: top;
  float: none;
  padding: 20px;
}
.blog-single-header-box-right h2{
 color: #0099df;
    font-family: LatoBlack;
    font-size: 22px;
    margin-top: 5%;
    border-bottom: 2px solid #bac1c9;
    padding-bottom: 15px;
} 
.blog-single-header-img-title{
    width: 990px;
    height: 25%;
    background:#000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;

    position:absolute;
    bottom: 0;
    float:left;  
}
.blog-single-header-img-title h2{
    color: #fff;	
    font-family: LatoBlackBold;
    font-size: 32px;
    text-align:right;
    margin-right: 10%;
}	
.blog-single-header-l-img{
}
.blog-single-header-l-img img{
    background-size: 100% 100%;
    width: 22%;
    height: 30%;
    display:inline-block;
    margin: 2.2%;
    float:right;
    float:right;
}

.blog-single-header-text{
    width: 90%;
    margin: 0 auto;
      padding-top: 70px;
    
}
.blog-single-header-text p{
font-family: LatoRegular;
color: #4b4e54;
    font-size: 14px;
    overflow: hidden;
}/*
.blog-single-header-text p{
    width: 85%;
    font-family: LatoRegular;
    color: #4b4e54;
    font-size: 14px;
    margin: 0 auto;
    margin-top: 70px;
    margin-bottom: 3%;
}*/
.blog-single-latest-news{
      padding-bottom: 15px;
      border-bottom: 2px solid #bac1c9;
}
.blog-single-latest-news img{
    width: 35%;
    margin: 10px;
     display: inline-block;
}
.blog-single-latest-news h3{
    width:55%;
     display: inline-block;
    text-align: left;
    font-size: 17px;
    color: #000;
    vertical-align: top;
    margin-top: 8px;
    font-family:LatoBlackBold;
}
.blog-single-latest-news p{
    font-size: 15px;
    font-family: LatoLight;
}
.blog-single-latest-news a{
    color: #0099df;
    font-family: LatoBlack;
}
.share-title{
    width:75%;
    margin-top: 0px;
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-family: LatoRegular;
    color:#fff;
    float:right;

}
.blog-single-container{
    width: 1400px;
    margin: 0 auto;
  }
.blog-single-header-share{
   /* width: 100%; */
    padding-top: 15px;
    float:right;
    border-top: 1px solid #d4d4d4;
}
.blog-single-title-line{
    background: #f4f4f6;
    width: 100%;
    height: 340px;
}
.blog-single-title-line h2{
    color: #0099df;
    font-family: LatoBlack;
    font-size: 35px;
    margin-top: 5%;
    text-align:center;
}
.blog-single-slider-bg{
    width: 100%;
    background: #fff;
    height: auto;
    padding-top: 8%;
    padding-bottom: 30%;
}
.blog-single-slider{
    width: 100%;
    margin: 0 auto;
    margin-top: -15%;
}
.blog-single-slider a:hover{
    text-decoration: none;
}

.blog-single-slider h2{
    color: #4b4e54;
    font-family: LatoBlack;
    font-size: 22px;
    margin-top: 5%;
    margin-left: 7%;
    text-decoration: none;
    height: 40px;
}

.blog-single-slider  p{
    font-family: LatoRegular;
    color: #4b4e54;
    font-size: 14px;
    margin-top: 5%;
    margin-left: 7%;
    height: 80px;
}
.btn-blog-single {
    background:#0099df;
    color: #fff;
    letter-spacing: 1px;
    margin-top: 3%;
    margin-left: 7%;
    border-width: 1px !important;
    border: 0px;
    padding: 10px 25px !important;
    font-size: 16px;
    font-family: LatoLight;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
.dealers{
    background: url(../img/bg.jpg) no-repeat top center;
    background-size: 100% 100%;
    width: 100%;
    height: 1055px;
}
.dealers-center{
    text-align:center;
}
.dealers-uberdesk{
    background: url(../img/dealers-uberdesk.png) no-repeat;
    background-size: 100% 100%;
    width: 931px;
    height: 801px;
    position: relative;
    margin-top: 27.2%;
    bottom: 0;
    float: left;
}
.dealers-box{
    background: url(../img/benefits-right-box-bg.png) repeat;
    width: 100%;
    height: 1055px;
}
.dealers-box h1{
    color: #fff;
    font-family: LatoBlack;
    font-size: 22px;
    margin-top: 250px;
    margin-left: 60px;

}
.dealers-box p{
    width: 50%;
    color: #fff;
    margin-left: 60px;
    font-family:LatoLight;
    font-size: 16px;
}

.btn-dealers-box {
    background: #0099df;
    color: #fff;
    letter-spacing: 3px;
    border-width: 1px !important;
    border: 0px;
    padding: 10px 80px !important;
    font-size: 22px;
    font-family: LatoThin;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 22px !important;
    margin-top: 30px;
    margin-left: 60px;
}
.dealers-absolute-img{
    left:0;
            bottom: 0;
    float: left;
        position:relative;
        margin-top: 250px;
    }
    .dealers-absolute{
            position: absolute;
    bottom: 0;
    left: 0;
    }
    .dealers-relative{
        position:relative;
    }
/*** TOOLTIP ***/
/*.ui-tooltip{
    background-color:#503e30 !important;
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important;
    font-size: 16px !important;
    font-family: LatoLight !important;
    letter-spacing: 1px !important;	
    padding: 20px !important;
    -webkit-border-radius: 4px !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -moz-border-radius: 4px !important;
    -moz-border-radius-bottomleft: 0 !important;
    border-radius: 4px !important;
    border-bottom-left-radius: 0 !important;
    margin-left: 50% !important;
    width: 100% !important;
    margin-bottom: 10px !important;
	color: #fff;
}
.ui-tooltip-content {
    position: relative;
    padding: 1em;
}
.ui-tooltip-content::after {
    content: '';
    position: absolute;
    border-style: solid;
    display: block;
    width: 0;
}
.bottom .ui-tooltip-content::after {
    top: -10px;
    left: 72px;
    border-color: #666 transparent;
    border-width: 0 10px 10px;
}*/
/*.ui-tooltip .arrow {
    top: -5px !important;
    margin-left: 0px !important;
    border-top-color: #503e30 !important; 
    border-width: 1em 1em 0 0 !important;
}*/

.ui-widget.ui-widget-content{
	border: 0 !important;
	border-bottom-left-radius: 0;
        /*left: 1000px !important;*/
        margin-left: 40px;
}

.customTooltipBox {
    background-color:#503e30;
    color: white;
    border: none;
    padding: 0;
    opacity: 1;
    padding: 10px;
    display:block;
}
.ui-tooltip-content::after {
    content: '';
    border-color: #503e30 transparent;
    border-style: solid;
    border-width: 5px 5px 0 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 40px;
}

.contacts-subheader{
    background: url(../img/contacts-header-bg.jpg) no-repeat center center; 
    background-size: 100% 100%;
    width: 100%;
    height: 165px;
}
.contacts-subheader h1{
    text-align: center;
    color: #fff;
    font-family: LatoThin;
    margin-top:4%;
    padding-bottom:5%;
    font-size: 45px;
}
.contacts-subheader h1 strong{
    font-family: LatoHeavy;
} 

.contacts-text{
    background: #fff;
    width: 100%;
}
.contacts-text h1{
    text-align: center;
    color: #0099df;
    font-family: LatoLight;
    margin-top:5%;
    margin-bottom:2%;
    font-size: 42px;
}
.contacts-text p{
    width: 70%;
    font-family: LatoRegular;
    color: #1a253b;	
    text-align: center;
    margin: 0 auto;
    margin-bottom:4%;
    font-size: 18px;
}	
.btn-contacts {
    background: #0099df;
    color: #fff;
    letter-spacing: 3px;
    border-width: 1px !important;
    border: 0px;
    padding: 10px 80px !important;
    font-size: 22px;
    font-family: LatoThin;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 22px !important;
    margin: 0 auto !important;
    margin-top: 30px;
}
.contacts-center{
    text-align: center;
}
.contactMap{
    width: 60%;
    height:685px;
    float: left;
}
.contactContainer{
    background:#4b4e53;
    height: 685px;
    margin-top: 50px;
}
.contactMap iframe{
    width: 100%;
    height: 685px;
}

.contactDetails{
    background:#4b4e53;
    width:40%;
    height: 680px;
    padding: 50px;
    font-size: 1em;
    line-height: 1.9;
    font-family: OpenSansRegular;
}
.contactDetails h2{
    font-family:LatoBlackBold;
    color: #e7e8ea;
    font-size: 30px;
    margin-bottom: 40px;
}
.contactDetails p{
    font-family: LatoRegular;
    font-size: 16px;
    color: #d1d2d4;
}

.contactButton{
    font-family: OpenSansBold;
    line-height: 3;
    font-size: 1em;
    background-color: transparent;
    border: 0;
    margin: 20px 0px;
    padding-right: 10px;
    background-color: white;
}

.buttonIcon{
    float: left;
    background-color: #40474f;
    margin-right: 10px;
}

.contacts-form1{
    width: 100%;
}
.contacts-form1 form{
    margin-top: 50px;
    margin-bottom: 50px;
}
.contacts-form1 form label{
    display: block;
    font-family: LatoHairline;
    font-size: 16px;
    color: #4b4e53;
    margin-bottom: 8px;
    text-align:left;
}
.contacts-form1 form select{
    width: 95%;
    padding: 12px 10px;
    border: 1px solid #cccccc;
    color: #cccccc;
    margin-bottom: 25px;
}
.contacts-form1 form select option{
    color: #4b4e53;
    padding: 10px;
}
.input-group{
    width: 92%;
    margin: 0 auto;
}

.contacts-form1 form input{
    width: 95%;
    padding: 12px 10px;
    border: 1px solid #cccccc;
    color: #4b4e53;
    margin-bottom: 25px;
}
.contacts-form1 form textarea{
    width: 100%;
    height: 250px;
    padding: 12px 10px;
    border: 1px solid #cccccc;
    color: #4b4e53;
    margin-bottom: 25px;
}
.btn-contacts-form1 {
    background: #0099df;
    color: #fff;
    letter-spacing: 3px;
    border-width: 1px !important;
    border: 0px;
    padding: 10px 80px !important;
    font-size: 22px;
    font-family: LatoThin;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 22px !important;
    margin: 0 auto;
    margin-bottom:30px;
}
.btn-attach-file {
    background: #0099df;
    color: #fff;
    letter-spacing: 3px;
    border-width: 1px !important;
    border: 0px;
    padding: 5px 20px !important;
    font-family: LatoThin;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 16px !important;
    margin: 0 auto;
    margin-top: 10px;
    bottom: 0 !important;
}
.form1-center{
    text-align:center;
}
.form-control-panel img{
    vertical-align:top;
    width:100%;

}
.form-control-panel span{
    display:block;
    text-align:center;
    margin-top: 15px;
}
#ex1{
    background: rgba(0, 0, 0, .8);
    background: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0%;
    left: 0;
    z-index: 9996;
}
.ex1-box{
    background: white;
    width: 50%;
    height: auto;
    padding: 15px;
    margin: 0 auto;
    margin-top: 10%;
}
.close-modal{
    display:none;
}
.ex1-close{
    background:url(../img/cancel.png) no-repeat;
    width: 24px;
    height: 24px;
    float:right;
    z-index: 999;
    position:relative;
} 
.ex1-last-img{
    margin-top: -25px;
}
.faq{
    margin-bottom: 80px;
}
.faq h1{
    font-family: latoLight;
    font-size: 45px;
    margin-top: 80px;
    margin-bottom: 40px;
    color: #0099df;
}
.faq-accordion h1{
    color:red;
}

.ui-accordion .ui-accordion-content{
    background: #efefef;
    border: 0;
}
.ui-accordion-content-active p{
     font-family : LatoRegular;

 font-size : 17px;
 line-height : 24px;
 color : #000;
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon, .ui-state-default .ui-icon{
    background-image: none !important;
}
.ui-accordion .ui-accordion-header{
    background:none;
    padding: 20px !important;
   border: 1px solid #cccccc;
    font-size: 23px !important;
    font-family: LatoRegular;
    margin-top: 23px;
}
/*
.ui-accordion .ui-accordion-header:hover{
    border: 1px solid #cccccc;
}
*/
.ui-accordion .ui-accordion-header:focus{
    border: 0 !important;
    outline: 1px solid #cccccc;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
    color:#4b4e54 !important;
    border: 1px solid #cccccc !important;
}
.ui-state-default i {
    float: right;
    color: lightgrey;
    
    -webkit-transition: all 300ms ease-in 0s;
    -moz-transition: all 300ms ease-in 0s;
    -o-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    font-size: 25px;
    margin-top: -10px;
}
.ui-state-active i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.brick {
    /*background-color: gray;*/
    float: left;
    cursor: default;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.brick .cover {
    overflow: hidden;
    margin: 20px;
}

.brick .read-more {
    position: absolute;
    display: none;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 12px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.45);
}

.brick:hover .read-more {
    display: block;
    cursor: pointer;
}

.brick .desc {
    display: none;
}

.full-width .float-left {
    display: none;
}

.full-width .desc {
    display: block;
}

.full-width.brick {
    box-shadow: none;
    overflow: visible;
    border: none !important;
    background: none !important;
}

.full-width.brick .cover {
    margin: 0px 20px;
    color: #333;
}

.full-width.brick .cover * {
    text-shadow: none;
}

.full-width.brick .cover code {
    color: #666;
}
.size2-2 {
    width: 80px;
    height: 80px;
}

.size11 {
    height: 160px;
    width: 160px;
}

.size12 {
    width: 160px;
    height: 320px;
}

.size21 {
    width: 320px;
    height: 160px;
}

.size22 {
    height: 320px;
    width: 320px;
}

.size13 {
    width: 160px;
    height: 480px;
}

.size31 {
    width: 480px;
    height: 160px;
}

.size23 {
    width: 320px;
    height: 480px;
}

.size24 {
    width: 320px;
    height: 640px;
}


.size32 {
    width: 480px;
    height: 320px;
}

.size33 {
    width: 480px;
    height: 480px;
}

.size34 {
    width: 480px;
    height: 640px;
}

.size43 {
    width: 640px;
    height: 480px;
}

.size35 {
    width: 480px;
    height: 800px;
}

.size53 {
    width: 800px;
    height: 480px;
}

.size36 {
    width: 480px;
    height: 960px;
}
.free-wall {
    margin: auto;
    text-align:center;
}
.free-wall h3{
    width: 100%;
    background:#f4f4f6;
    margin:0;
    padding:10px;
    font-family: LatoLight !important;
    font-size:25px !important;
    z-index: 999;
    position: absolute;
    color: #1b273f;

}
.brick{
    text-align: center;
    border: 0px solid #dbd8db;
/*    -webkit-box-shadow: 0px 10px 21px -5px rgba(0,0,0,0.27);
    -moz-box-shadow: 0px 10px 21px -5px rgba(0,0,0,0.27);
    box-shadow: 0px 10px 21px -5px rgba(0,0,0,0.27);*/

}
.brick:hover{
    -webkit-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.3);

}
.brick img{
    /*width: 100%; */
  height: 100%;
    position: absolute;
    /*left: 50%;*/
    top: 50%;
    margin:0 auto;
    text-align: center;
    -webkit-transform: translateY(-50%) translateX(-50%);
    z-index: 1;
    cursor:pointer;
}
.free-wall-container{
    margin-top: 50px;margin-bottom: 50px;
}
.gallery-subheader{
    background: #4d535d; 
    background-size: 100% 100%;
    width: 100%;
    height: 100px;
    z-index: 5;
}
.gallery-subheader h1{
    text-align: center;
    color: #fff;
    font-family: LatoThin;
    margin-top:2%;
    padding-bottom:5%;
    font-size: 45px;
}
.gallery-subheader h1 strong{
    font-family: LatoHeavy;
}
.gallery-tabheader{
    background: #f4f4f6; 
    background-size: 100% 100%;
    width: 100%;
    z-index: 5;
}
.gallery-tabheader ul{
    position:relative;
    top: -15px;
    margin-bottom:0;
}
.gallery-tabheader ul li{
    /*border:1px solid #0099df;*/
    margin-right: 10px;
    padding: 5px 10px;
    display:inline-block;
    font-family:LatoRegular;
    font-size: 16px;
    letter-spacing:1px;
}
.gallery-tabheader ul li a{
    color:#0099df;
}
.img-thumbnail, .thumbnail {
    -webkit-box-shadow: 0 0 0 !important;
    box-shadow: 0 0 0 !important;
}
.thumbnail {
    background:none; 
    border: 0px !important; 
}
.alert-success{
    margin-top: 50px !important;
}
@media (max-width: 1700px)  {
    .benefits-business-desk img {
        max-width: 90%;
    }
    .standart-software h2{
        margin-top: 45px;
    }
    .dealers-box p{
        width: 90%;
        font-size: 18px;
    }
    .benefits-sport img{
        width: 93%;
    }
}

@media (max-width: 1600px) {
    .benefits-energy{
        height: 660px;
    }
    .blog-subheader-n1 h2{
        margin-top: -100px;
        margin-left: -50px;
        margin-right: 50px;
    }
    
    .blog-subheader-n1 p{
        margin-left: -50px;
        margin-right: 50px;
    }
    
    .blog-subheader-n1 .btn-blog{
        margin-right: 50px;
    }
	.index-main-info-img img{
		width: 120%; 
	}
        .frame2-info{
            top: auto;
            left: 30px;
        }
        .frame2-info.udOne{
            top: 65px;
            left: 30px;
        }
        
}
@media (max-width: 1650px) {
    .benefits-energy h2, .benefits-energy h3{
        font-size: 50px;
    }
    .benefits-sport.right{
        padding-top: 55px;
    }
     .benefits-business-desk img{
        margin-top: 180px;
    }
    #canvas2{
        margin-top: 9%;
    }
    .blog-subheader-n2 {
    margin-top: 32%;
    }
}
@media (max-width: 1430px) {
    .standart-frame-smoth-motion p{
        width: 70%;
    }
    .standart-wood-texture-2 h2{
        font-size: 50px;
    }
    .standart-wood-texture-3 h2{
        font-size: 50px;
    }
     .benefits-business-desk img{
        margin-top: 210px;
    }
}
@media (max-width: 1350px) {
    
    .index-desk-parallax-absolute{
        width: 65%;
    }
    .index-header, .index-header-left{
        padding-top: 0;
    }
    .benefits-energy{
        height: 600px;
    }
    .benefits-sport.right{
        padding-top: 30px;
    }
     .benefits-business-desk img{
        margin-top: 240px;
    }
    .standart-wood-texture-2 h2{
        font-size: 40px;
    }
    .standart-wood-texture-3 h2{
        font-size: 40px;
    }
    .standart-method-of-affixing{
            padding-bottom:20px;
    }
    .blog-single-slider h2{
        height: 55px;
    }
    
    .blog-single-slider  p{
        height: 70px;
        margin-top: 6%;
    }
    .standart-wood-bg img:nth-child(8) {
     clear: none;
    }
        .benefits-sport img{
        width: 110%;
    }
    .benefits-spor.number {
        width: 170px;
        height: 80px;
    }
    .benefits-sport.right h3{
        font-size: 24px;
    }
   
    .benefits-sport.right p{
        font-size:15px;
    }
    
    .blog-subheader-n1 {
        padding-top: 30px;
            margin-bottom: 50px;
    }
    .index-main-slider h2{
        font-size: 40px;
    }
      .standart-control-panels h2{
        margin-top: 0;
    }
    .standart-control-panels.box-img{
        margin-top:0;
    }
    .standart-uberdesk{
        height: 970px;
    }
}
/* From tablet portrait to mobile */
@media (max-width: 1200px)  {
    
    .index-header-left{
       padding-top: 0;
    }
    .standart-wood-texture-2 h2 {
        font-size:40px; 
    }
    .standart-wood-texture-3 h2{
         font-size:40px; 
    }
    .standart-software{
        height: auto;
    }
    .benefits-loss{
        height: auto;
     
    }
    .benefits-loss-number img{
        margin-top: 0;
    }
    .benefits-energy {
        margin-top:-10px;
    }
    .benefits-loss h2{
        font-size: 50px;
        margin-bottom: 0;
    }
    .benefits-improves-productivity h2{
        margin-top: 28%;
    }
    .benefits-business-desk img{
        margin-top: 250px;
    }
    .ex1-box{
        margin-top: 20%;
    }
    .dealers-box h1{
        margin-left: 0;
    }
    .dealers-box p{
        margin-left: 0;
    }
    .btn-dealers-box{
        margin-left: 0;
    }
    #canvas1{
        bottom: 300px; 
    }
    .standart-wood-bg p{
        padding-top: 0;
        
    }
    .share-title {
    width: 100%;
    }
    .blog-single-latest-news img {
     width: 80%;
    }
    .blog-single-latest-news h3{
        width: 90%;
    }
     #canvas2{margin-top: 60px !important;}
   .menu-resp{width:100%;}
   .menu-resp .sf-menu{float:left;}
    .menu-resp .lang-select{margin-top:-40px; margin-right: 30px;}
    /*body{border: 3px solid red;}*/
    .benefits-improve-health.right img{
    width: 119%;
    }
    .benefits-improve-health.left hr{
        margin-top: 35px;
    }
    .benefits-improve-health h2{
        margin-top: 45px;
    }
    .benefits-sport.right h2{
        font-size: 38px;
    }
    .hopixLogo{
      width: 120%;
    }
    nav{
        width: auto;
    }
    .sf-menu a {
        padding: 1.1em 0.5em !important;
    }
    .index-main-woman-gray img {
        margin-top: 5em;
    }
    .index-main-guarantee.line{
        display: none;
    }
    .index-main-guarantee h3{
        display: none;
    }
    .index-main-info-img img{
        width: 120%;
        margin-top: 5em;
        margin-left: 2em;
    }

	.index-main-box-gray p {
		width: 100%;	  
		margin-top: 15px;
		margin-left: 5px;
	}
    .using-box-size{
        height: 250px;
    }
    .using-box-size img{
        height: 250px;

    }
    .using-box.blue-box{
        height: 250px !important;
    }

    .footer-logo img{
        display:block;
        /*width:100%;*/
    }
    .benefits-risk-titles{
        float: none; 
        padding-top: 0; 
    }
    .benefits-risk-left img {
        margin-left: -10%;
    }
    .benefits-risk-left {
        margin-top: 40px;
    }
    .benefits-right-box{
        margin-top: 250px;
    }
    .benefits-right-box-number img {
        margin-top: 76%;
    }
    .benefits-loss-number img{ 
        margin-top: 280px;
    }
    .benefits-sport.right {
        margin-left: 0; 
    }
    .benefits-spor.number{
        margin-top: 0;
        margin-bottom: 0;
    }
    .benefits-sport-extends-life h2{
        clear:both;
    }
    .benefits-sport-extends-life-img img{
        max-width: 110%;
    }
    .benefits-sport.right h2{
        font-size:40px;
    }
    .benefits-energy h3{
        font-size:40px;
    }
    .benefits-energy h2{
        font-size: 40px;
    }
    .benefits-business-desk img {
        max-width: 100%;
    }
    .benefits-loss-man img{
            margin-top: 125px;
    }
    .standart-frame-border{
        width: 40%;
        margin-left: 55%;
    }

    .standart-frame-smoth-motion p {
        width: 90%;
    }
    .standart-control-panels img{
        margin-left: -5%;
    }
    .standart-frame-smoth-motion h2{
        font-size: 32px;
        margin-top: 20px;
    }
    .standart-frame-smoth-motion h3{
         font-size: 22px;
    }
    .standart-frame-smoth-motion{
        height: 480px;
    }
    .standart-frame-left {
      height: 480px;
    }
    #canvas4{
        display:none;
    }
    .standart-anti-collision iframe{
        max-width: 100%;
    }
    .cable-text {
        margin-top: 300px;
    }
    .standart-software img{
        max-width: 90%;
    }
    .standart-software h2{
        margin-top: 15px;
    }
    .standart-software img{
        margin-top:39px;
    }
    .standart-mobile-app{
        height: auto;
    }
    .standart-casters{
        clear:both;
    }
    .standart-casters h2{
        margin-top: 20px; 
    }
    #canvas1, #canvas2{
        display:none;
    }
    .blog-subheader{
        height: auto;
        padding-bottom: 40px;
    }
    .blog-subheader-n1 h2{
        margin: 0;
        margin-top: -95px;
    }
    .blog-subheader-n1 p {
        margin-left: 0;
        margin-right: 0;
        width: 95%;
    }
    
    .blog-subheader-n1 .btn-blog{
        margin-right: 0;
    }
    
    .blog-single-title-line{
        height: 240px;
    }
    .blog-single-slider-bg{
        padding-bottom: 22%;
    }
    .products-images:hover .blur h2{
        margin-top: 20px;
    }
    .products-images:hover .blur p{
        width: 90%;
    }
	.products-images p{
		display:none;
	}
    .about img{
        width: 100%;
    }
    .about-box{
        margin-left: 0;
    }

    .benefits-business-desk img{
        margin-top: 233px;
    }
    .footer-list li span{
        padding-left: 3px;
            font-size: 12px;
    }
    .footer-phone{
        font-size:22px;
    }
}	

@media (max-width: 1090px){
    .index-main-box-gray h2{
        margin-left: 0;
    }
    .index-main-info-right p {
    width: 100%
    }
    .dealers-size{
        text-align: center;
    }
    #canvas3{
        display:none;
    }

}


@media (max-width: 992px)  {
    .ilightbox-holder.smooth{
        left: 0 !important;
    }
    .ilightbox-container{
        width: 90% !important;
        height: auto !important;
    }
    .ilightbox-holder div.ilightbox-container{
         width: 90% !important;
        height: auto !important;
    }
    .standart-uberdesk{
        height: auto;
    }
    .brick img{
        width: 100%;
        height: auto;
    }
    .mobile-frame{
         position:relative;
         display: block;
        margin:0 auto;
       
    }
    ul.sf-menu li a{
        font-size: 17px;
    }
    .index-main-box-blue i{
        margin-left: 52px;
    }
    nav.sticky .lang-select{
       right: 12.5%;
   }
   .blog-subheader-n1 p{
       height: auto;
   }
   .index-main-box-gray h2{
       margin: 0 auto;
       margin-top: 10px;
       margin-bottom: 10px;
       text-align:center;
   }
   .share-title{
       text-align:right;
   }
  
    .ex1-box{
        margin-top: 30%;
    }
    .sticky {
        padding-top: 15px;
    }
    .sticky .box-vertical-megamenus .hopixLogo{
	 margin-left: 10px;
	}
	.sticky .lang-select{
        margin-top: 25px;
	}
        
     .dealers-uberdesk{
        margin-top: 27.2%;
    }
    .sf-menu{
        width: 105%;
    }
	.lang-select{
		float:right;
		margin-top: auto !important;
		right: 15%;
	}
	.index-main-using{
		height: auto;
	}
        
    .gallery-tabheader ul{
        top:0;
    }
    .gallery-tabheader ul li{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    /*body{border: 3px solid lime;}*/
    .index-main-slider h2{
        width: 100%;
        margin-top: 0;
        white-space:normal;
        display: block;
        margin: 0 auto;
        text-align:center;
    }
    .index-main-slider h2 strong{
        width: 100%;
        white-space:normal;
        display: block;
        float: none;
    }
    .index-main-slider{
        margin-top: 4em;
    }
    .carousel-inner{
        margin-top: 6em;
    }
    .index-main-slider{
        height:auto;
		padding-bottom: 50px;
    }
    .index-main-delivery.man{
        display:none;
    }
    .index-main-delivery.arrow{
        margin-top: 1.5em;	
        margin-bottom: -10em;
        margin-left: -220px !important;
        width: 300px;
        height: 320px
    }
    .index-main-delivery-info p{
        width: 100%;
        padding-bottom: 2em;
    }
    .index-main-guarantee p {
         width: 100%;
         margin: 0 auto;
        text-align:center;
    }
    .index-main-guarantee.clock{
        margin-top: 0;
    }
    .index-main-guarantee{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+100 */
        background:#fff; /* IE6-9 */
        height: auto;
        padding-bottom: 5em;
    }
    .index-main-guarantee h2 {
        margin-top: 0;
        margin-bottom: 20px;
        margin: 0 auto;
        text-align:center;
    }
    .index-main-guarantee.years{
        margin: 0 auto;
    }
    .index-main-delivery{
        height: auto;
        background-size: cover;
    }
    .index-main-woman-gray img{
        margin-top: -3em;
        max-width: 100%;
    }
    .index-main-gray-box{
        padding: 0;
        
    }
    .index-main-guarantee.clock {
        margin-top:-15.5em;
        margin-left: 19em;
    }
    .index-main-info-img{
        width: 100%;
    }
    .index-main-info-img img{
        width: 95%;
    }
    .index-main-suitable-hr{
        display: none;
    }
    .dl-horizontal {
        margin-left: 10%;
    }
    .info-vertical-line {
        margin-left: 10%;
    }
    .footer-logo img{
        /*width:30%;*/
        margin: 0 auto;
    }
    
    .benefits-improve-health{
        background: rgb(228,228,228);
    } 
    .benefits-improve-health p {
        float:none;
        text-align:center;
    }
    .benefits-improve-health h2{
        text-align:center;
        margin-top: 30px;
    }
    
    .benefits-improve-health.left{
        padding-left: 0;
    }
    .benefits-improve-health.left hr{
        margin-top: 20px;
        float: none;
        text-align:center;
        margin-right: auto;
        
    }
    .benefits-improve-health.left img{
        float: none;
        margin: 0 auto;

    }

    .benefits-risk-right h2{
        margin-top:0;
        float:none;
    }
    
    .benefits-risk-right h2{
        margin-top:0;
    }
    .benefits-risk-left img{
        width: 100%;
        margin-left: 0;
    }
    .benefits-right-box{
        width: 70%;
        
        padding: 0; 
        margin: 0 auto;
        margin-top: -180px;
        display: block;
        position: relative;
    }
    .benefits-right-box p {
    margin-left: -20%;
  
    }
    .benefits-right-box-number img {
        width: 100%;

        left: 0;
        margin-top: 44%;
    }
    .benefits-right-box-p{
        padding-top: 10%;
    }
    .benefits-loss{
        height: auto;
        padding-top: 20px;
    }
     .benefits-risk h2{
      text-align: center;
    float: none;

    }
    .benefits-risk h3 {
        text-align: center;
    float: none;
         
    }
    .benefits-improve-health.right img{
        max-width: 85%;
        margin-left: 0;
    }
    .benefits-better-posture h2{
        margin: 0 auto;
        text-align:center;
    }
    .benefits-better-posture p{
        margin: 0 auto;
        
        text-align:center;
    }
    .benefits-better-posture-number img{
        margin: 0 auto;
    }
    .benefits-loss h4 {
        clear:left;
    }
    .benefits-loss p {
        width: 90%;
        margin: 0 auto;
        float: none;
    }
    .benefits-risk{
        height: auto;
    }
    .benefits-energy {
        margin-top: 0;
    }

    .benefits-loss-man img {
        max-width:70%;
       
        float:right;
    } 
    .benefits-loss-number img {
        width: 30%;		
        left: 0;
        margin-top: 668px;
    }
    .benefits-energy {
        height: 450px;
    }
    .benefits-energy h2{
        margin-top: 160px;
        text-align:right;
        margin-left: 0; 
        font-size: 45px;
        letter-spacing: 1px;
    }
    .benefits-energy h3{
        font-size: 40px;
    }
    .benefits-energy p {
        width: 60%;	
        margin-top: 20px;
        margin-right:0;
        float: right;
        clear:both;
    }
    .benefits-energy-number img{
        width: 20%;
        margin-top: 5%;
        text-align:center;
    }
    .benefits-sport{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .benefits-sport img{
        display:none;
    }
    .benefits-sport.left {
        background:none;
        height: auto;
        margin-left: 0;
    }
    .benefits-sport.right{
        padding-top:0;
        margin-left: 0;
    }
    .benefits-spor.number{
        padding-top: 40px;
        margin-bottom: 20px;
        margin: 0 auto;
    }
    .benefits-sport.right h3, .benefits-sport.right h2{
        text-align:center;
    }
    .benefits-sport.right p{
        width:90%;
        text-align:center;
        margin: 0 auto;
    }	
    .benefits-better-posture.image{
        
       margin-right: 10%;
      
    }
    
    .benefits-sport-extends-life h2{
        margin-top:0;
        margin: 0 auto;
        text-align:center;
        font-size: 60px;
    }
    .benefits-sport-extends-life h3{
        margin: 0 auto;
        text-align: center;
    }
    .benefits-sport-extends-life p{
        margin: 0 auto;
        margin-top: 20px;
        text-align: center;
    }
    
    .benefits-extends-life-titles{
        padding-top: 0;
    }
    .benefits-extends-life-titles-size{
        width:100%;
        float:right;
    }
    .benefits-extends-number{
        float: left;
        display: block;
        position:relative;
        margin: 0 auto;
    }
    .benefits-improves-productivity{
        padding-top: 0;
    }
    .benefits-improves-productivity h2{
        margin-top: 30px;
    }
    .benefits-improves-productivity p{
        width: 90%;
        margin: 0 auto;
        text-align: center;
        float: none;
    }
    .benefits-improves-productivity-img{
        margin: 0 auto;
        text-align: center;
    }
    .benefits-improves-productivity-img img{
        margin: 0 auto;
    }
    .benefits-improves-productivity-number img{
            margin-bottom: 30px;
    }
    .benefits-business{
        padding-bottom:30px;
    }
    .benefits-business-desk{
        display:none;
    }
    .benefits-business.number{
        margin-top: 5px;
    }
    .benefits-euro{
        /* background: #34393d; */
    }
    .benefits-euro p {
        width: 100%;
    }
    .btn-product{
        padding: 10px 10px;
    }
    .standart-desctop-img{
        width: 100%;
        height: 300px;
    }
    .standart-desctop-img img {
        max-width: 90%;
    }
    #canvas1,#canvas2,#canvas3,#canvas4,#canvas5,#canvas6{
        display:none;
    }
    .benefits-improve-health.left{
        padding-right: 0;
    }
    .standart-method-of-affixing h2{
        margin-top: 30px;
        margin-left: 0;
        text-align: center;
    }
    .standart-method-of-affixing p{
        margin-left: 0;
        text-align: center;
    }
    .standart-frame-border {
        width: 38%;
        margin-left: 61%;
    }
    .standart-frame-smoth-motion{
        height: auto;
        text-align: center;
    }
    .standart-frame-smoth-motion p {
        width: 80%;
        margin: auto;
        text-align:center;
    }
    .standart-frame-right{
        padding-bottom:45px;
        text-align:center;
    }
    .standart-control-panels h2{
        margin-top:35px;
        text-align:center;
    }
    .standart-control-panels p{
        text-align:center;
        margin: 0 auto;
        margin-top:15px;
    }
    .standart-control-panels img{
        margin: 0 auto;
        margin-left: 0;
    }
    .standart-cable-img-box {
        margin-top: 25px;
    }
    .standart-cable img.bg {
        max-width: 100%;
        position: relative;
    }
    .cable-text {
        margin-top: 0; 
        text-align: center;
    }
    .standart-cable p{
        width: 100%;
        text-align:center;
    }
    .standart-cable-img-box{
        height: auto;
        text-align:center;
    }
     .mobile-center{text-align: center;}
     .standart-mobile-app h2{
         float: none;
         margin: 0 auto;
         text-align: center;
             margin-top: 15px !important;
     }
    .standart-mobile-app{
        height: auto;
    }
    .standart-mobile-app-img{
        margin-left: 0;
    }
    .standart-software{
        height: auto;
    }
    .standart-software h2{
        white-space:nowrap;
       text-align: center;
        position:relative;
        margin-top: 18px;
         margin: 0 auto;
        font-size: 60px;
    }
    .standart-software h3{
        text-align: center;
        position:relative;
           margin: 0 auto;
        font-size: 50px;
    }
    .standart-software h4{
        margin-top: 20px;
    }
    .standart-mobile-app h2{
        font-size: 50px;
        text-align: right;
    }
    .standart-software-left img {
        max-width: 100%;
        float: left;
        padding: 30px;
    }
    .standart-software p {
        width: 90%;
    }	
    .standart-mobile-app-img{
        margin: 0 auto;
        margin-top: 40px;
        max-width: 60%;
        float: none;
        position: relative;
    }
    .standart-mobile-app-ios{
        margin-top: 0;
        float: left;text-align: center;

    }
    .standart-mobile-app-ios img{
        float: none;
        margin-bottom: 30px;
    }
    .standart-mobile-app-ios > h2{
        width: 100%;
        float: none;
        margin: auto;
        text-align: center;
    }
    .standart-mobile-app-ios h3{
        float: none;
        margin: 0 auto;
        text-align: center;
    }
 
    .standart-casters-background{
        max-width: 100%;
    }
    .standart-casters{
        width: 100%;
        text-align: center;
    }
    .standart-casters p{
        width: 90%;
        margin: auto;
        text-align: center;
        margin-bottom: 40px;
    }
    .standart-monitors{
        height: auto;
    }
    .standart-monitors img{
        width: 50%;
        float:left;
    }
    .btn-standart-uberdesk{
        margin-top: 37px;
        margin-left: 0;
    }
    .standart-uberdesk img{
        display: none;
    }
    
    .standart-uberdesk-logo{
        margin: 0 auto;
    }
    .standart-uberdesk h2{
        margin-left: 0;
        text-align:center;
        margin-top: 37px;
    }
    .standart-uberdesk h3{
        margin-left: 0;
        text-align:center;
    }
    .standart-uberdesk ul{
        max-width: 80%;
        margin: auto;
        margin-top: 40px;
    }
    .standart-uberdesk ul li{
        padding-left: 40px;
    }
    .uberdesk-defocus-logo{
        display:none;
    }
    
    .btn-standart-center{
        text-align:center;
    }
    .blog-subheader-img-shadow-n1 {
        background: #d9d9d9;
        width: 481px;
        height: 311px;
        margin-left: 20%;
    }
    .blog-subheader-shadow, .blog-subheader-shadow2{
        margin-top: -32%;
    }
    .blog-subheader-img-shadow-n1 img {
        margin-left: -7%;
        margin-top: -15%;
    }
    .blog-subheader-img{
        margin-top: -6%;
    }
    .blog-subheader-n1 h2{
        margin-top: 20px;
        margin-right: 20px;
    }
    .blog-multi-view-box{
        padding-left: 0;
    }
    .blog-multi-view h3, .blog-multi-view p{
        height: auto;
    }
    .blog-subheader-n1 p{
         margin-right: 20px;
    }
    .blog-subheader-n1 .btn-blog{
        margin-top: 20px;
        margin-right: 20px;
    }
    .blog-subheader-n1 p {
        width: 100%;
    }
    .blog-subheader-img2{
        margin-top: 40px;
    }
    .blog-single-title-line{
        height: 170px;
    }
    .blog-single-main-image{
        margin-right: 30px;
        margin-bottom: 20px;
    }
    .blog-single-slider{
        margin-top: -23%;
    }
    .blog-single-header-box-right{
        display:none;
    }
	.blog-single-header-l-img img{
		margin-top: 40px;
	}
        .blog-single-slider{
            width:90%;
        }
        .dealers-absolute-img{
            max-width: 100%;
        }
    .picture-blog-slider{
        margin: 0;
        width: auto; 
    }
    .carousel-control2.right, .carousel-control2.left{
        position:relative;
    }
    .carousel-control2.left{
        margin-top: -350px;
    }
    .carousel-control2.right{
        margin-top: -350px;
    }
    .picture-blog-slider img{
        margin-top: 5%;
    }
    .dealers{
        background:none;
    }
    .dealers-absolute{
        position:absolute;
    }
     
    .dealers-box h1{
        margin-top: 100px;
        margin-left: 0;
        text-align:center;
    }
    .dealers-box p{
        text-align:center;
        margin-left: 0;
        width:80%;
        margin: 0 auto;
    }
    .btn-dealers-box{
        margin-left: 0 !important;
    }
    .contactContainer{
        display: flex;
        height:100%;
        flex-wrap: wrap;

    }
    .contactMap{
        order: 2;
        width: 100%;
        display:block;
        margin-bottom: 30px;
        position:relative;
    } 

    .contactDetails{
        width: 100%;
        text-align: center;
    }

    footer{
        display:block;
		clear:both;
    }
    .footer-right span{
        margin-right: 20px;
    }
    .standart-method-of-affixing img{
        width: 100%;
        margin-left: 0;
    }
	@-webkit-keyframes index-desk-move1 {
	  from { top: 15px; } to { top: -30px; }
	}
	@-moz-keyframes index-desk-move1 {
	  from { top: 15px; } to { top: -30px; }
	}
	@-o-keyframes index-desk-move1 {
	  from { top: 15px; } to { top: -30px; }
	}
	@keyframes index-desk-move1 {
	  from { top: 15px; } to { top: -30px; }
	}
        
        
    @-webkit-keyframes index-desk-move2 {
	  from { top: 15px; } to { top: -20px; }
	}
	@-moz-keyframes index-desk-move2 {
	  from { top: 15px; } to { top: -20px; }
	}
	@-o-keyframes index-desk-move2 {
	  from { top: 15px; } to { top: -20px; }
	}
	@keyframes index-desk-move2 {
	  from{ top: 15px; } to { top: -20px; }
	} 
}	

@media (max-width: 767px)  {
    .ilightbox-holder div.ilightbox-container{
       width: 90% !important;
             margin: 0 auto;
    }
    .dl-horizontal dd{
        margin-left: 10px !important;
    }
    .index{
        float:left;
        padding-top: 0;
    }
    .index-header{
        margin-bottom: -50px;
    }
    .index-header-content{
        float: left;
            padding-bottom: 35px;
    }
    h2.pageTitle {
        white-space: normal;
        font-size: 35px;
    }
    .index-desk-parallax-absolute{
        width: 96%;
        top:35px;
        position:relative;
        float:right;
        bottom: 0;
    }
    .index-main-box-blue{
        height: 310px;
    }
    .index-main-delivery-info h2{
        margin-top: -15%;
    }
  
     .index-main-delivery.arrow{
         width: 70%;
        min-height: 100%;
            margin: 0 auto;
       margin-top: 40px;
       margin-bottom: 0;
       margin-left: 0 !important;
       display: block;
       position:relative;
   }
   .index-main-info-img img{
       max-width: 85%;
       margin: 0 auto;
       margin-top: 30px;
       display: block;
   }
   .controller-form{
       margin-top: -15px;
       margin-left: 35px;
   }
   .contacts-subheader h1 strong{
       display: block;
   }
   .dealers-size{
       width: 100%;
       margin: 0  auto;
       padding: 0;
       text-align:center;
   }
   .dealers-box p{
       padding: 0;
       margin: 0 auto;
   }
   .gallery-subheader{
       height: auto;
   }
   .gallery-subheader h1{
       padding: 2%;
   }
   .standart-method-of-affixing{
       padding-bottom: 30px;
   }
   .standart-software-right {
        text-align: center;
    }
    .standart-casters h2{
        margin-left:0;
    }
    .standart-monitors p {
        width: 85%;
    }
    .navbar-nav > li > .dropdown-menu:after{
        border: 0;
    }
    .standart-method-of-affixing{
        padding-top: 30px;
    }
   .standart-desctop-img img {
        max-width: 83%;
    }
    .standart-cable-img-box img {
        width: 70%;
    }
      .standart-uberdesk ul {
        max-width: 100%;
        padding-left: 0 !important;
    }
    .benefits-important p{
        width: 97%;
    }
    .uber-custom-text h2{
        text-align: center;
        margin: 0 auto;
    }
    .uber-custom-text p{
        width: 80%;
        margin: 0 auto;
    }
    .faq h1{
        text-align:center;
        margin: 0 auto;
            margin-top: 80px;
    margin-bottom: 40px;
    }
    .ui-accordion .ui-accordion-header{
        width: 90%;
        margin: 0 auto;
    }
    .ui-accordion .ui-accordion-content{
        width: 90%;
        margin: 0 auto;
    }
    .contacts-form1 form label{
        margin-left: 3%;
    }
  .form-group {
    text-align: center;
    margin-bottom: 15px;
    margin-left: 3%;
}
    .contacts-form1 form input{
        margin: 0 auto;
    }
    .contacts-form1 form textarea {
    width: 95%;
    }
    /*body{border: 3px solid orange;}*/
    .box-vertical-megamenus .hopixLogo{
        margin-top: 8px;
        margin-bottom: 8px;
        margin-left: 10px;
        width: 25%;
    }
    .index-main-box-gray{
        height: auto;
        padding-bottom: 40px;
    }
    .index-main-box-gray span{
        float: none;
        bottom: 0;
        top: 20px;
        left:8%;
        position:relative;
        text-align: center;
        margin: 0 auto;
        margin-left: auto;
    }
    .index-main-box-gray p{
        width: 85%;
        margin: 0 auto;    
    }
    .index-main-box-blue h2{
        float: none;
        margin: 0 auto;
        text-align: center;
    }
    .blog-single-slider h2{
        margin-bottom: -50px;
    }

        .index-main-slider h2{
            margin-left: 30px;
        }
        .index-main-slider strong{
            margin-right: 10px;
        }
        .index-main-slider h2 strong{
             margin-right: 30px;
        }
	.lang-select{
		position:relative;
		margin-top: -45px !important;
	}

	.navbar-nav > li > .dropdown-menu{
		margin-top: 50px !important;
		    margin-right: -55px;
	}
	.sticky .lang-select{
		color: #fff;
	}
	.sticky .navbar-nav .open .dropdown-menu > li > a{
		color:#fff;
	}
    .container {
        padding-right: 0; 
        padding-left: 0; 
    }
    nav{
        background: rgb(240,241,245) ; /* Old browsers */
        background: -moz-radial-gradient(center, ellipse cover,  rgba(240,241,245,1) 0%, rgba(176,189,205,1) 100%); /* FF3.6-15 */
        background: -webkit-radial-gradient(center, ellipse cover,  rgba(240,241,245,1) 0%,rgba(176,189,205,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: radial-gradient(ellipse at center,  rgba(240,241,245,1) 0%,rgba(176,189,205,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f1f5', endColorstr='#b0bdcd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        height: auto;
        position:relative; 
        width: 100%;
        top: 0;
        left: 0;
        padding-right: 15px; 
        padding-left: 15px;
    }
    .index-nav-responsive{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    #nav-index-responsive{
        background:transparent;
        margin-bottom: -70px;

    }
    #nav-index-responsive ul.sf-menu{
        background:red;
    }
    .index, .benefits{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f1f5+0,b0bdcd+100 */
        background: rgb(240,241,245) ; /* Old browsers */
        background: -moz-radial-gradient(center, ellipse cover,  rgba(240,241,245,1) 0%, rgba(176,189,205,1) 100%); /* FF3.6-15 */
        background: -webkit-radial-gradient(center, ellipse cover,  rgba(240,241,245,1) 0%,rgba(176,189,205,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: radial-gradient(ellipse at center,  rgba(240,241,245,1) 0%,rgba(176,189,205,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f1f5', endColorstr='#b0bdcd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }
    .benefits{
        height: auto;
    }
    .benefits-improve-health p{
        width: 80%;
        margin: 0 auto;
        text-align:center;
    
    }
    .sf-menu li {
        width: 90%;
        text-align:center;
        border-bottom: 1px solid #c2ccd8;
            line-height: 2px;
    }
    ul.sf-menu li a{
        font-size:13px;
    }
    .index-header-content{
        padding-top: 0;
    }
    .index-header-left{
        padding-top: 0;
    }
	.blog-multi-view-box img {
    max-width: 100%;
	}
	.blog-multi-view img {
    width: 95%;
    margin: 0 auto;
    display: block;
}
    .footer-list li{
        text-align:center;
    }
    .footer-title{
        text-align:center;
    }
    .footer-box{
        text-align:center;
    }
    .footer-icon-box{
        text-align:center;
    }
    .index-main-info-right h3{
        padding-left: 2em;
    }
    .index-main-info-right p{
        padding-left: 3em;
    }
    .benefits-risk-left img{
        width: 100%;
        margin-left: 0;
    }

    .benefits-right-box{
        width: 96%;
    }
     .benefits-right-box p {
    margin-left: -80%;
    }
    
    .benefits-right-box{
        width: 70%;
        margin-top: -180px;
        margin-left: 15%;
        padding: 0; 
    }
    .benefits-right-box-number img{
        bottom: 0;
    }
    .benefits-loss-number{
        text-align: center;
        margin: auto;
        float: none;
        height: 100%;
        position: relative;
        float: left;
        clear: both;
        /* text-align: center; */
        width: 100%;
    }
    .benefits-loss h2,
    .benefits-loss h3,
    .benefits-loss h4{
        width: 100%;
        text-align:center;
    }
    .btn-benefits-loss{
        width: 90% !important;
    margin: 0 auto;
    margin-top: 20px;
    float: none;
    }
    .benefits-loss-number img{
        position:relative;
        float:none;
        margin: 0 auto;
        text-align: center;
        margin-top: 20px;
        width: 50%;
    }
    .benefits-loss-size{
        text-align: center;
    }
    .benefits-loss-man img{
        max-width: 100%;
        margin-left: 0;
        margin-top: 0;
        float:none;
    }
    .benefits-energy {
        background: url(../img/energy-responsive.png);
        background-size:cover;
    }
    .benefits-energy-number img{
        float: none;
        margin:0 auto;
        margin-top: 20px;
    }
    .benefits-energy h2{
        margin-top: 20px;
        float: none;
        text-align:center;
        white-space: normal;
    }
    .benefits-energy h3{
        margin-top: 0;
        float: none;
        text-align:center;
    }
    .benefits-energy p{
        width: 85%;
        margin-top: 30px;
        float: none;
        text-align:center;
        margin: 0 auto;
    }
    .benefits-better-posture.number{
        float: none;
        margin: 0 auto;
            width: 145px;
            height: auto;
            margin-top: 20px;
            margin-bottom: 20px;
    }
    .benefits-better-posture  p{
        float: none;
        margin: 0 auto;
        margin-top: 20px;
       text-align:center;
    }
    .benefits-better-posture.image{
        float:none;
        margin: 0 auto;
        margin-top: 40px;
    }
    .benefits-better-posture h2{
        float: none;
        margin: 0 auto;
        text-align: center;
    }
    .benefits-sport-extends-life-img img{
        float: none;
        margin: 0 auto;
        margin-left: -20px;
    }
    .benefits-sport-extends-life.number{
        float: none !important;
        text-align: center;
    }
    .benefits-sport-extends-life.number img{
        float: none;
       margin: 0 auto;
       text-align: center;
    }
    .benefits-sport-extends-life h2{
        float: none;
        margin: 0 auto;
        text-align: center;
        font-size: 64px;
    }
    .benefits-sport-extends-life h3{     
         float: none;
         margin: 0 auto;
          margin-left: 0;
          text-align: center;
          margin-top: 10px;
          margin-bottom: 30px;
          font-size: 35px;
    }
    .benefits-sport-extends-life p{
        width: 90%;
        text-align: center;
        margin: 0 auto;
        margin-top: 30px;
    }
    .standart-desctop-img {
        height: 340px;
        margin-top: 50px;
    }
    .benefits-improves-productivity-number{
        text-align: center;
        margin-top: 30px;
    }
    .benefits-improves-productivity-number img{
        float: none;
        
        margin-bottom: 0;
        margin-top: 40px;
        margin: 0 auto;
        text-align: center;
    }
    .benefits-improves-productivity h2{
        margin-top: 0;
        text-align: center;
        font-size: 35px;
    }
    .benefits-improves-productivity h3{
        text-align: center;
        margin-left: 0;
    }
    .benefits-improves-productivity p{
        width: 90%;
        float: none;
        margin: 0 auto;
        text-align: center;
    }
    .benefits-improves-productivity-img{
        float: none;
        margin: 0 auto;
        text-align:center;
    }
     .benefits-improves-productivity-img img{
         max-width: 100%;
     }
     .benefits-business.number{
          float: none;
        margin: 0 auto;
     }
     .benefits-business h2{
         text-align: center;
     }
     .benefits-business ul li{
         text-align: center;
         list-style: none;
     }
     .benefits-euro-number img{
         float: none;
         margin: 0 auto;
         margin-top: 40px;
     }
    .standart-wood-texture-2 h2{
        position: absolute;
        z-index: 5;
    }
    .benefits-euro h2{
         text-align: center;
         /*margin-top: 30px;*/
    }
    .benefits-euro p{
        width: 90%;
        text-align: center;
        margin-top: 30px;
        margin: 0 auto;
    }
    .standart-method-of-affixing p{
        width: 90%;
        float: none;
        margin: 0 auto;
        text-align: center;
    }
    .standart-wood-texture-3 h2{
        margin-top: 200px;
    }
    .standart-wood-bg{
        height: auto;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .standart-frame img{
        width: 100%;
    }

    .standart-frame-inner{
        width:100%;
    }
    .standart-frame-left {
        height: 450px;
    }
    .standart-control-panels{
        text-align: center;
    }
    .standart-control-panels p{
        width: 90%;
        float: none;
        margin: 0 auto;
    }
    .standart-control-panels.box-img img{
        width: 80%;
        height: auto;
        float: none;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .standart-anti-collision{	
        text-align: center;
    }
    .standart-anti-collision p{
        width: 90%;
        float: none;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 20px;
    }
    
    .standart-cable-img{
        width: 100%;
        margin: 0 auto;
    }
    .standart-cable-img img{
        width: 60%;
        text-align:center;
        margin: 10px;
    }
    .standart-cable-size{
        text-align:center;
    }
    .standart-cable p{
        width: 90%;
        float: none;
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 30px;
         text-align: center;
    }



    .standart-software p{
        width: 90%;
        float: none;
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 30px;
         text-align: center;
    }
    
    .standart-software-left{
        width: 100%;
        display: block;
    }
        .standart-software-left img {
    max-width: 100%;
    margin-top: 170px;
    display: block;
}
.standart-software h2 {
    white-space: normal;
    text-align:center;
}
.standart-software h3 {
    text-align: center;
}
.standart-software h4{
    margin-top: 30px;
    margin-left: 0;
    text-align: center;
}
.mobile-center{text-align: center;}
.standart-mobile-app{
    width: 100%;
    display: block;
}
    .standart-mobile-app p{
        width: 70%;
        float: none;
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 30px;
         text-align: center;
    }
    .standart-mobile-app-img{
        max-width: 100%;
        float: none;
        margin: 0 auto;
    }

    .blog-subheader-z{
        width: 90%;
        margin: 0 auto;
    }
    .blog-subheader-n1 p{
        width: 90%;
        margin: 0 auto;
        text-align: center;
        display: block;
    }
    .blog-subheader-img-shadow-n1 img{
        max-width: 100%;
    }
    .blog-subheader-img{
        margin-left: 20px;
    }
    .blog-subheader-shadow {
        margin-top: -200px;
        margin-left: 55px;
    }
    .blog-subheader-img2{
        margin-left: 40px;
    }
    .blog-subheader-shadow2 {
        margin-top: -200px;
         margin-left: 5px;
    }
    .blog-subheader-n1 h2{
        margin-top: 20px;
        margin-bottom: 20px;
    }
  
    .blog-multi-view h3{
        width: 80%;
        margin: auto;
        margin-top: 25px;
    }
    .blog-multi-view p{
        width: 85%;
        height: auto;
        text-align:center;
        margin: 0 auto;
        margin-top: 30px;
    }
    .blog-multi-view-box{
        padding-left: 0;
    }
    .btn-multiview{
        float: none;
        margin: 0 auto; 
        margin-top: 30px;
    }
	.blog-single-main-image{
		width: 100%;
	}
	.blog-single-main-image-background h1{
		float:left;
		text-align:left;
	}
	.blog-single-main-image-background{
		padding-left:10px;
	}
       
	.blog-single-header-text p{
            width: 90%;
		position:relative;
		margin-top: 10px;
                margin-left: 10px;
		margin-bottom: 30px;
		float: left;
	}
        .projects-gallery-l-r{
            z-index:9999;
        }
    .carousel-control2.left{
        margin-top: -350px;
    }
    .carousel-control2.right{
        margin-top: -350px;
    }
    .standart-frame-left {
        height: 590px;
    }
    .products-images, .custom-images {
        width: 100%;
    }
    .products-images img, .custom-images img{
        width: 100%;
    }
    .products-images:hover .blur h2{
        margin-top: 50px;
    }
	.products-images p{
		display:block;
	}
        .footer-list{
          margin-left: -55px;
        }
	
	@-webkit-keyframes index-desk-move1 {
	  from { top: 10px; } to { top: -10px; }
	}
	@-moz-keyframes index-desk-move1 {
	  from { top: 10px; } to { top: -10px; }
	}
	@-o-keyframes index-desk-move1 {
	  from { top: 10px; } to { top: -10px; }
	}
	@keyframes index-desk-move1 {
	  from { top: 10px; } to { top: -10px; }
	}
        
        
        @-webkit-keyframes index-desk-move2 {
	  from { top: 10px; } to { top: -10px; }
	}
	@-moz-keyframes index-desk-move2 {
	  from { top: 10px; } to { top: -10px; }
	}
	@-o-keyframes index-desk-move2 {
	  from { top: 10px; } to { top: -10px; }
	}
	@keyframes index-desk-move2 {
	  from{ top: 10px; } to { top: -10px; }
	}  
}
/* Mobile portrait */
@media (max-width: 480px) {
    .benefits-improve-health h2{
        font-size: 28px;
    }
  
   /* .ilightbox-overlay{
        display:none !important;
    }
    .ilightbox-overlay.smooth,.ilightbox-toolbar.smooth{
        display:none !important;
    }
    .ilightbox-image{
        display:none !important;
    }*/
    
    /*body{border: 3px solid blue;}*/
    .btn-header{
        z-index:9999;
        position: relative;
        display:block;
    }
    .box-vertical-megamenus .hopixLogo{
        width: 50%;
    }
    .index-main-guarantee.clock{
            margin-left: 9em;
    }
    h1.indexTitle{
        margin-left: 0;
        font-size: 40px;
    }
    h2.pageTitle{
        margin-left: 0;
        font-size: 30px;
    }
    .index-main-slider h2{
        width: 100%;
        font-size: 40px;
        margin: 0 auto;
        margin-top: 0px;
        margin-bottom: 30px ;
        text-align: center;
        float:left;
    }
    .index-main-slider h2 strong{
          width: 100%;
        float: left;
          margin: 0 auto;
          margin-top: 10px;
         text-align: center;
    }
    .index-main-delivery-info h2{
        text-align:center;
    }
    .index-main-delivery-info h3{
        text-align:center;
    }
    .index-main-guarantee h2{
        text-align: center;
    }
    .index-main-slider strong{
        float:left;
            font-size: 70px;
    }
    .blog-single-main-image-background h1{
        font-size: 28px;
        height: 40px;
    }
    .about-box h1{
        margin-left: 25px;
    }
    .about-box p{
        margin-left: 25px;
    }
    .info-vertical-line {
        margin-left: 15%;
        height:135px !important;
    }
    .index-main-using h2{
        font-size: 55px;
        
    }
    .index-main-using h2 strong{
            white-space: nowrap;
            display: block;
    }
    .about-info-vertical-line {
        min-height: 100% !important;
     }
     .benefits-loss h2{
         font-size: 40px;
         margin-bottom: 0;
     }
    .using-box.blue-box h3{
        font-size: 18px;
    }
    .using-box.blue-box p{
        width: 80%;
        text-align: center;
       
    }
    .frame2-info > p {
        margin-left:-12px;
    }
 .benefits-right-box {
    width: 100%;
    margin-top:0;
    margin-left: 0;
 }
   .benefits-right-box p {
    font-size: 13px;
    margin-right: 0;
}
.standart-wood-texture-2 h2{
    font-size: 50px;
    margin-left: -20px;
}
.standart-wood-texture-3 h2{
    font-size: 50px;
}
    .standart-frame-left {
        height: 300px;
    }
    
    .standart-software{
        height: auto;
    }
    .standart-monitors img{
        width: 100%
    }
    .standart-desctop-img {
    height: 185px;
    }
  
    .standart-cable p{
        width: 70%;
        margin: 0 auto;
    }
    .standart-software p {
    width: 70%;
        margin: 0 auto;
    }
    .standart-mobile-app-img{
        max-width: 40%;
    }
    
    .standart-software h2{
        font-size:50px;
    }
    .standart-software h3{
        font-size:40px;
    }
    .standart-mobile-app h2{
        float: none;
        margin-right: 0 !important;
        margin: 0 auto;
        text-align: center;
        font-size: 50px;
    }
   
    .testImg img {
        max-width: 100%;
    }
    .frame2-info > p{
        width: 100%;
    }

    .standart-frame-border{
        padding-top: 0;
        border: 0;
        margin-left: 0;
    }
    .standart-frame.frame2 .standart-frame-border p{
        display: none;
    }
    .frame2-info > hr{
        display: none;
    }
    .standart-anti-collision{
        margin-top: 30px;
    }
    .standart-anti-collision h2{
        margin-top: 30px;
    }
    .standart-cable h2{
        font-size: 40px;
    }
    
    .standart-frame.frame2 h2{
        display: block;
        margin-bottom: 10px;
    }
   .blog-subheader-n1 h2{
       margin-top: 20px; 
        font-size: 30px; 
    }
    .blog-subheader-n2 h2{
        font-size: 30px; 
    }
    .blog-subheader-n2 p{
        
    }
    .carousel-control2.left{
        margin-top: -250px;
    }
    .carousel-control2.right{
        margin-top: -250px;
    }
    .contactMap,.contactMap iframe{
            height: 300px;
        }
        .blog-single-slider h2{
            margin-bottom:-10px;
        }
    .btn-dealers-box,.btn-contacts{
        margin-left: 0 !important;
        width: 80%;
        padding: 10px !important;
    }
	.blog-subheader-img,.blog-subheader-img2{
        margin-left: 0px;
    }
	.blog-subheader-shadow,.blog-subheader-shadow2 {
		display:none;
	
	}
        .products-images:hover .blur h2{
            margin-top: 15px;
        }
    #canvas7{
		display:none;
	}
    .footer-logo img{
        /*width:80%;*/
    }
        .benefits-risk h3 {
            margin-bottom: 40px;
            font-size: 30px;
        }
        .benefits-loss h4{
            font-size: 30px;
        }
    @-webkit-keyframes index-desk-move1 {
	  from { top: 10px; } to { top: -10px; }
	}
	@-moz-keyframes index-desk-move1 {
	  from { top: 10px; } to { top: -10px; }
	}
	@-o-keyframes index-desk-move1 {
	  from { top: 10px; } to { top: -10px; }
	}
	@keyframes index-desk-move1 {
	  from { top: 10px; } to { top: -10px; }
	}
        
        
        @-webkit-keyframes index-desk-move2 {
	  from { top: 10px; } to { top: -5px; }
	}
	@-moz-keyframes index-desk-move2 {
	  from { top: 10px; } to { top: -5px; }
	}
	@-o-keyframes index-desk-move2 {
	  from { top: 10px; } to { top: -5px; }
	}
	@keyframes index-desk-move2 {
	  from{ top: 10px; } to { top: -5px; }
	}   
        .footer-left span, .footer-right span{
            font-size: 12px;
        }
	
}

/* Mobile Portrait */
@media only screen and (max-width: 320px) {
   
    h1.indexTitle {
        margin-left: 0;
    }
    h1.pageTitle{
        margin-left: 0;
        font-size: 2em;
        white-space: normal;
    }
    .index-header-content img{
        display:none;
    }
    .index-header-left{
        width: 100%;
    }
    .index-main-slider strong{
        
            font-size: 40px;
    }
    p.index-header-text{
        width: 100%;
    }

    .standart-wood-texture-2 h2{
        margin-left: -50%;
    }
    .standart-uberdesk ul {
        max-width: 100%;
    }
    .standart-software-left img{
        max-width: 100%;
        margin-top: 120px;
    }
    .standart-software h2 {
     white-space: normal;
    }
    .blog-single-main-image-background h1{
        margin-top: 40px; 
        font-size: 20px;
    }
}


@font-face {
    font-family: 'LatoBlack';
    src: url('font-lato/Lato-Black.ttf');
}

@font-face {
    font-family: 'LatoBlackItalic';
    src: url('font-lato/Lato-BlackItalic.ttf');
}

@font-face {
    font-family: 'LatoBlackBold';
    src: url('font-lato/Lato-Bold.ttf');
}

@font-face {
    font-family: 'LatoBoldItalic';
    src: url('font-lato/Lato-BoldItalic.ttf');
}

@font-face {
    font-family: 'LatoHairline';
    src: url('font-lato/Lato-Hairline.ttf');
}

@font-face {
    font-family: 'LatoHairlineItalic';
    src: url('font-lato/Lato-HairlineItalic.ttf');
}

@font-face {
    font-family: 'LatoHeavy';
    src: url('font-lato/Lato-Heavy.ttf');
}

@font-face {
    font-family: 'LatoThinItalic';
    src: url('font-lato/Lato-ThinItalic.ttf');
}

@font-face {
    font-family: 'LatoHeavyItalic';
    src: url('font-lato/Lato-HeavyItalic.ttf');
}

@font-face {
    font-family: 'LatoItalic';
    src: url('font-lato/Lato-Italic.ttf');
}

@font-face {
    font-family: 'LatoLight';
    src: url('font-lato/Lato-Light.ttf');
}

@font-face {
    font-family: 'LatoLightItalic';
    src: url('font-lato/Lato-LightItalic.ttf');
}

@font-face {
    font-family: 'LatoMedium';
    src: url('font-lato/Lato-Medium.ttf');
}

@font-face {
    font-family: 'LatoMediumItalic';
    src: url('font-lato/Lato-MediumItalic.ttf');
}

@font-face {
    font-family: 'LatoRegular';
    src: url('font-lato/Lato-Regular.ttf');
}

@font-face {
    font-family: 'LatoSemibold';
    src: url('font-lato/Lato-Semibold.ttf');
}

@font-face {
    font-family: 'LatoSemiboldItalic';
    src: url('font-lato/Lato-SemiboldItalic.ttf');
}

@font-face {
    font-family: 'LatoThin';
    src: url('font-lato/Lato-Thin.ttf');
}