@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Roboto+Condensed:300,300i,400,400i,700,700i');
body{font-family: 'Open Sans', sans-serif; font-size:16px;}
ul{list-style:none; padding:0; margin:0;}
a:hover{text-decoration:none;}
header{width:100%; float:left; background: #000; position: relative;}
p{margin:0 0 20px 0; font-size:16px; line-height:24px;}

h1,h2{margin:0 0 30px 0; font-family: 'Roboto Condensed', sans-serif;}
.text-white{color:#fff!important;}
hgroup h2{display:inline-block; font-family: 'Roboto Condensed', sans-serif; font-size:40px; position:relative; font-weight:700; margin-bottom:50px;}
hgroup h2 hr{width:110px; height:3px; background:#F60; position:absolute; left:50%; bottom:-15px; margin:0; border:none; margin-left:-55px;}
hgroup h2 hr.white-bg{background:#fff;}


header{width:100%; float:left; clear:both;}


.hd-top{width:100%; float:left; height:4px; background:url(../images/hd-top.png) #444; clear:both;}

.navbar{margin-bottom:0; width:100%; float:left; position:relative; z-index:9999;}
.navbar-default{background:#000; -webkit-border-radius:0;  border-radius:0; border:none;}
.navbar-default.trans{background-color:rgba(0,0,0,.8); border-bottom:1px solid rgba(255,255,255,.1);}
.navbar-default .navbar-nav > li > a{color:#fff; padding:10px 20px; font-size:20px; font-family: 'Roboto Condensed', sans-serif; letter-spacing:1px;}
.navbar-default .navbar-nav > li > a:hover{color:#FEFE01;}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover{background-color:rgba(255,255,255,.1); color:#fff;}

.dropdown-menu > li > a{padding:10px 15px; border-bottom:1px solid #ddd; font-size:16px;}
.dropdown-menu > li:last-child > a{border:none;}

.navbar-default .navbar-nav{margin-top: 29px;    margin-right:35px;}
.navbar-toggle{display:block;}
.togged{float:right; border-left:2px solid rgba(255,255,255,.1); padding-left:10px; padding-top:24px; padding-bottom:24px;         }

.ontime-right-menumain{    position: fixed;    width: 100%;    height: 100%;    background: #000000c4;    z-index: 9999; display: none;}
.ontime-right-menu{width: 260px;    background:rgb(41, 41, 41);     height: 100%; position:absolute; right: -280px;}
.rytmenu-head{background: rgb(41, 41, 41); color: #fff;}
.rytmenu-head img{    width: 120px;    margin: 10px;}
.rytmenu-head button{border: none;    float: right;    padding: 15px 29px;    font-size: 27px;
    cursor: pointer;    height: 100%;    background: #d70000;    color: #fff;}
.my-collapse {margin: 1px 0;}
.my-collapse a{color: rgb(255, 255, 255);    display: block;    padding:12px;    background: #2a4154;    font-size: 17px;}
.my-collapse a:hover{color: rgb(7, 7, 7);  background: #ffc107;}
.acitverytmneu{color: rgb(7, 7, 7) !important;  background: #ffc107 !important;}
.my-collapse ul li a{background: #3c5c77;    padding: 8px;    font-size: 15px;}
.my-collapse ul li a:hover{color: rgb(7, 7, 7);  background: #ffa807;}
.my-collapse.collapse-open{ -webkit-animation-duration: 0.4s; animation-duration: 0.4s; 
                           -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-name: fadeInRight; animation-name: fadeInRight;}					   

.mobileview-more{display: none;}


.togged .my-toggle{border:none;  padding:15px 10px; width:44px; height:40px; margin-top:5px; background:none; } 

.navbar-brand{height:auto;padding: 15px 0;}
.navbar-brand img{max-width:300px;}


.togged b{display:inline-block; vertical-align:middle; padding-right:8px; color:#fff; font-family: 'Roboto Condensed', sans-serif; letter-spacing:1px; font-size:20px;}
.togged .my-toggle span{height:2px; background:#fff; width:26px; position:relative; display:block; -webkit-transition:all ease-in-out .50s; 
                        transition:all ease-in-out .50s;}
.togged .my-toggle span:before,
.togged .my-toggle span:after{position:absolute; height:2px; width:26px; background:#fff;  left:0; content:""; top:-6px; -webkit-transition:all ease-in-out .50s; transition:all ease-in-out .50s;}
.togged .my-toggle span:after{top:6px;}

.togged .toggle-close span{width:0;}
.togged .toggle-close span:before{-webkit-transform:rotate(-45deg); transform:rotate(-45deg); top:0; }
.togged .toggle-close span:after{-webkit-transform:rotate(45deg); transform:rotate(45deg); top:0;}

.navbar-collapse{position:relative;}	
.user-tab{float: right; margin: 35px 38px 0 0;}
.user-tab.user-open{display:none;}
.user-tab > li{display:inline-block; border-right:1px dashed rgba(255,255,255,.3);}
.user-tab > li:last-child{border:none; position:relative;}
.user-tab > li > a{display:block; padding:0px 16px; color:#fff; letter-spacing:1px; font-size:16px;
               font-family: 'Roboto Condensed', sans-serif; text-decoration:none;}		   
.user-tab > .dropdown > .dropdown-menu > li{display:block;}			   
.user-tab > .dropdown > .dropdown-menu > li > a{color:#666; display:block;} 	

.mobile-user{display:none!important;}

.menutoggle-pos{position: absolute;    right: 10px; top: 0; cursor: pointer;}

.banner{width:100%; float:left; clear:both; }
/*.banner .item{position:relative; widows:100%; float:left;}*/
.banner .caption{position:absolute; z-index:9999;  top:inherit;}
.banner .caption h3{color:#fff; font-size:52px; line-height:60px; font-weight:700; text-align:center; font-family: 'Roboto Condensed', sans-serif; margin-top:0; margin-bottom:30px;}
.banner .caption span{color:#fff; font-size:24px; display:block; margin-top:20px; margin-bottom:15px; text-align:center;}
.banner .caption .oprate{text-align:center; margin-bottom:50px;}
.banner .caption .oprate li{display:inline-block; margin-right:15px;}
.banner .caption .oprate li a{width:50px; height:50px; border:3px solid #fff; display:table; color:#fff; -webkit-border-radius:100%; border-radius:100%; text-align:center;
                         font-size:28px;}
.banner .caption .oprate li a i{display:table-cell; vertical-align:middle; }

.banner .caption .user-login{text-align:center;}
.banner .caption .user-login li{display:inline-block; margin-right:15px;}	
.banner .caption .user-login li a{border:2px solid #fff; color:#fff; font-size:20px; display:block; padding:8px 25px; text-transform:uppercase;}			

.banner .caption.cloud{top:inherit; top:30%; left:23%;
     -webkit-animation-name: example-3; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
    animation-name: example-3;
    animation-duration: 3s;
}					
					
.banner .caption.out-site{left:10%; top:18%; }

.banner .caption.multiple{left:55%; top:15%; padding:4px 25px;
     -webkit-animation-name: example-2; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
    animation-name: example-2;
    animation-duration: 3s;}

.banner .caption.multiple h3{font-size:52px; color:#ffff; text-align:left;}
.banner .caption.multiple .manage{margin-bottom:30px;}
.banner .caption.multiple .manage li{color:#fff; font-size:22px; line-height:30px; display:block; }
.banner .caption.multiple .manage li:first-child span i{font-size:20px;}
.banner .caption.multiple .manage li span {display:inline-block; margin:0 15px 15px 0; font-size:24px;}
 
.banner .mobile{position:absolute; left:60%; bottom:14%;    
     -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 3s;}
	
.banner .mobile-bottom{position:absolute; left:60%; bottom:0%;    
     -webkit-animation-name: example-6; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
    animation-name: example-6;
    animation-duration: 3s;}	
 
 .down-bottom{width:50px; height:50px; position:absolute; left:50%; margin-left:-25px; bottom:13%; color:#fff; font-size:36px; border:2px solid #fff; -webkit-border-radius:100%; border-radius:100%;} 
 .down-bottom a{color:#fff; text-align:center; display:block; }
   
    
.carousel-indicators.doted li{width:40px; height:8px;}
.carousel-indicators.doted li.active{width:40px; height:9px;}
/*** machine ***/

section{width:100%; float:left; padding:70px 0 40px 0; position:relative; clear:both;}
.no-padd{padding:0;}
.padd-bot{padding-bottom:100px;}
.off-white{background:#f4f4f4;}
.no-padd-bottom{padding-bottom:0;}

.machine{position:relative; padding-bottom:0; background:url(../images/gradient.jpg) top left repeat; background:linear-gradient(160deg,#FB4834,#e73b28); 
         background:linear-gradient(#23afea 20%,#fbf7d2 80%); overflow:hidden; display:none;}

				
section .cloud-bar{width:100%; float:left; position:absolute; top:0;}
section .cloud-bar span{color:#fff; font-size:80px; position:absolute; right:0; top:30px;  animation-name: cloud; 
    animation-duration: 70s; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear;}
section .cloud-bar span:nth-child(1){animation-duration: 90s;}	
section .cloud-bar span:nth-child(2){ right:30%;  animation-name: cloud-2;}
section .cloud-bar span:nth-child(3){ right:60%;  animation-name: cloud-3;}
section .cloud-bar span:nth-child(4){ right:90%;  animation-name: cloud-4; animation-duration: 90s;}


@-webkit-keyframes cloud {
    0%   {right:0; opacity:1;}
	10%   {right:0; opacity:1;}
    100% {opacity:.5; right:100%;}
}

@keyframes cloud {
    0% {right:0; opacity:1; }
	60%{right:100%; opacity:.7; }
	70% {right:100%; opacity:0; }
	85% {right:0; opacity:0; }
	90% {right:5%; opacity:1; }
    100% {opacity:.5; right:20%;}
}

@-webkit-keyframes cloud-2 {
    0%   {right:30%; opacity:1; }
    100% {opacity:.5; right:100%;}
}

@keyframes cloud-2 {
    0%   {right:30%; opacity:1; }
    100% {opacity:.5; right:100%;}
}	

@-webkit-keyframes cloud-3 {
    0%   {right:60%; opacity:1; }
    100% {opacity:.5; right:100%;}
}

@keyframes cloud-3 {
    0%   {right:60%; opacity:1; }
    100% {opacity:.5; right:100%;}
}

@-webkit-keyframes cloud-4 {
    0% {right:90%; opacity:1;}
	20%{right:100%; opacity:.0;}
	40%{right:0%; opacity:.0;}
	50%{right:5%; opacity:.5;}
    60% {opacity:.6; right:15%;}
	70%{opacity:.7; right:30%;} 
	80%{opacity:.8; right:50%;}
	90%{opacity:.7; right:75%;}
	100% {opacity:1; right:90%;}
}

@keyframes cloud-4 {
    0% {right:90%; opacity:1;}
	20%{right:100%; opacity:.0;}
	40%{right:0%; opacity:.0;}
	50%{right:5%; opacity:.5;}
    60% {opacity:.6; right:15%;}
	70%{opacity:.7; right:30%;} 
	80%{opacity:.8; right:50%;}
	90%{opacity:.7; right:75%;}
	100% {opacity:1; right:90%;}
	
}				

section .strip-run{background-color:rgba(0,0,0,1);}
section .strip-run ul{padding:8px;}
section .strip-run ul li{display:inline-block; padding-left:10px; padding-right:10px; border-right:1px solid rgba(255,255,255,1); color:#fff;}
			
section .time-head h2{color:#D12847; text-shadow:2px 2px 0px #fff; font-size:36px; font-weight:700; margin:0 0 20px 0; display:inline-block;
                      font-family: 'Roboto Condensed', sans-serif;}
section .time-head h3{color:#fb7e04; font-size:24px; line-height:30px; margin:0;  font-weight:700; vertical-align:middle; display:inline-block; margin:0 0 15px 0;}
section .time-head h3 span{background:url(../images/cloud.png) no-repeat 3px 0; display:inline-block; padding:20px 20px 10px 20px; color:#fff; margin-top:-20px;}

section .time-head.white h2{text-shadow:1px 1px 1px rgba(0,0,0,.3); color:#fff;}
section .time-head.white h3{text-shadow:1px 1px 1px rgba(0,0,0,.3); color:#FBFB04;}

section .time-pic{background:#fff; padding:20px; border:1px solid #ddd; min-height:370px; margin-bottom:30px;}
section .time-pic img{width:100%; margin-bottom:20px; border-bottom:1px dashed #999; padding-bottom:30px;}
section .time-pic h3{font-size:20px; line-height:28px; font-weight:700; text-align:center; margin:0;}

section .time-pic{background:none; border:none; text-align:center; transition:all ease-in-out .30s; min-height:inherit; padding:0; margin-bottom:30px;}
section .time-pic img{border:none; margin-bottom:0px; padding-bottom:20px; width:100%; max-width:200px; }
section .time-pic img.screen-device{max-width:320px;}
section .time-pic h3{color:#F30;}
section .time-pic:hover{-webkit-transform:scale(1.1); transform:scale(1.1);}

section .time-pic.last{margin-top:-100px;}
section .time-pic.last img{width:100%; max-width:360px;}

section .live-tracking{margin-bottom:30px; background:#047ace; -webkit-background:linear-gradient(#047ace,#015a9a); -moz-background:linear-gradient(#047ace,#015a9a); -o-background:linear-gradient(#047ace,#015a9a); background:linear-gradient(#047ace,#015a9a); 
                       padding:25px; border:1px #015a9a solid;}
section .live-tracking ul li{color:#fff; line-height:30px; font-size:22px;  font-family: 'Roboto Condensed', sans-serif; padding-bottom:5px; position:relative; padding-left:36px;}
section .live-tracking ul li:before{font-family:FontAwesome; vertical-align:middle; display:inline-block; content:"\f178";
                                    position:absolute; left:0; top:0;}

/*** end of cloud ***/
section
section .out-side{}
section .out-side .my-out-side{ background-color:rgba(0,0,0,.2); position:relative; min-height:420px; padding-top:20px; padding-bottom:10px; position:relative; margin-bottom:30px;}
section .out-side .my-out-side h3{font-family:'Roboto Condensed', sans-serif; letter-spacing:1px; font-size:70px; line-height:70px; font-weight:700; text-align:center; color:#fff; margin-top:21%;   text-shadow:2px 2px 2px rgba(0,0,0,.8);}
section .out-side .my-out-side span{color:#fff; display:block; text-align:center; font-size:66px;}

section .out-side .my-out-side ul li{display:block; padding:13px 20px 13px 40px; border-bottom:1px solid rgba(255,255,255,.1);
                                   color:#fff; font-size:16px; position:relative; line-height:24px;}
section .out-side .my-out-side ul li:before{content:'\f178'; font-family:FontAwesome; position:absolute; left:15px; top:12px; font-size:16px; color:#FF6600;}					   
section .out-side .my-out-side ul li:last-child{border-bottom:none;}

section .out-side .my-out-side.effect{position:relative;}
section .out-side .my-out-side.effect:after{content:""; position:absolute; left:10px; right:10px; top:10px; bottom:10px; 
                                           -webkit-box-shadow:0 0 0 0px rgba(255,255,255,.2)inset; box-shadow:0 0 0 0px rgba(255,255,255,.2)inset; -webkit-transition: box-shadow .1s ease; transition: box-shadow .1s ease;}
section .out-side .my-out-side.effect:hover:after{-webkit-box-shadow:0 0 0 10px rgba(255,255,255,.2)inset; 
                                                  box-shadow:0 0 0 10px rgba(255,255,255,.2)inset; }
		   					   
section figure{margin-bottom:30px; position:relative; overflow:hidden;}
section figure a{display:block; padding:7px; border:1px solid rgba(0,0,0,.2); position:relative;}
section figure a em{overflow:hidden; display:block; background:#ECF0F3;}
section figure a em img{max-width:100%; width:100%;  -webkit-transition:all ease-in-out .50s; transition:all ease-in-out .50s;}
section figure a:hover em img{-webkit-transform:scale(1.1); transform:scale(1.1);}
section figure a figcaption{background-color:rgba(0,0,0,.5);  color:#fff; width:97.5%; height:60px; position:absolute; left:7px; bottom:7px; right:7px; overflow:hidden;}


section figure a:hover figcaption{ height:95.5%;  -webkit-transition:all ease-in-out .50s; transition:all ease-in-out .50s;}
section figure a figcaption .text{ position: absolute; white-space: nowrap; 
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);}
  
section figure a figcaption.inner-pro{width:96.5%; background-color:rgba(0,0,0,.9); height:50px;}
section figure a:hover figcaption.inner-pro{height:94.5%;}
section figure a figcaption.margin-40{margin-top:-40px;}
section figure a figcaption .text b{display:block; text-align:center; font-weight:370; font-size:24px; line-height:30px; font-family: 'Roboto Condensed', sans-serif; letter-spacing:1px; }
section figure a figcaption .text b span{display:none; text-align:center;}
section figure a figcaption .text b span addr{ display:inline-block; color:#fff; font-size:16px; padding:6px 25px; margin-top:20px; text-transform:uppercase;
                                    border:2px solid rgba(255,255,255,1); text-align:center;  font-weight:400; 
									}
section figure a:hover figcaption .text b span{display:block;}						   

section .time{margin-bottom:30px; position:relative; padding-left:46px; }
section .time em{position:absolute; left:0; top:0; -webkit-border-radius:100%; border-radius:100%;}
section .time em img{max-width:50px;}
section .time strong{display:block; margin-bottom:10px; font-weight:600; font-size:16px; text-transform:uppercase;}
section .time span{display:block; font-size:14px; line-height:24px; color:#666; padding-bottom:10px; }
section .time hr{height:4px; margin:0;}
section .time hr.orange-bg{background:#F48020;}
section .time hr.green-bg{background:#0FBA9E;}
section .time hr.blue-bg{background:#2B9AD9;}


section .employee h3{font-size:28px; line-height:36px; font-weight:bold; margin-top:0;}
section .employee span{font-size:18px; line-height:28px; display:block;}
section .employee p{font-size:18px; line-height:28px;}
section .employee .easy{position:relative; padding-left:50px; text-align:left;}
section .employee .easy img{position:absolute; left:0; top:0; width:30px; height:30px;}
section .front .easy {color:#000;}
section .front .easy p{color:#000;}

.margin-40{margin-top:40px;}
.margin-60{margin-top:60px;}
.no-margin{margin:0!important;}

section.dashboard-bg{background:url(../images/dashboard-bg.jpg) center center no-repeat; background-attachment:fixed;
 -webkit-background-size:cover; background-size:cover;}
 
.bg-cover{position:relative;}
.bg-cover:before{position:absolute; left:0; top:0; background-color:rgba(0,0,0,.8); width:100%; height:100%; content:"";}
.bg-cover.meet-bg:before{ background-color:rgba(0,0,0,.9);}

section.fun-banner{background:url(../images/fun-banner.jpg) no-repeat; padding:0; background-attachment:fixed;
                -webkit-background-size:cover; background-size:cover;}
section .filter{background-color:rgba(0,0,0,.7); width:100%; float:left; padding:100px 0 70px 0; }

section .trust{background:#F9CB10; color:#121212; font-weight:700; font-size:20px; margin-bottom:30px; position:relative;
               padding-top:35px; padding-bottom:35px;}
section .trust:after{content:''; width:0; height:0; border-top: 13px solid transparent; 
                     border-bottom: 13px solid transparent; border-left:13px solid #F9CB10; position:absolute; right:-13px;     bottom:38px;}
section .trust h3{font-weight:700; font-size:30px; line-height:36px; text-align:center;  -webkit-transition:all ease-in-out .50s; transition:all ease-in-out .50s; margin:0;}
section .trust:hover h3{-webkit-transform: translate(50px); transform: translate(50px);}			 
section .trusted{margin-bottom:30px; text-align:center;}
section .trusted strong{color:#fff; font-size:48px; line-height:54px; display:block; margin-bottom:30px; }
section .trusted span{color:#fff; display:block; font-size:20px; line-height:24px;}
section .trusted small{color:#fff; display:block; font-size:16px; line-height:24px; margin-bottom:30px;}


section .clients{display:block;  text-align:center; margin-bottom:30px;}
section .clients ul li{display:inline-block;}
section .clients img{-webkit-filter: grayscale(0);  filter: grayscale(0); border:1px solid #ccc; margin-right:5px; margin-bottom:9px;
                      -webkit-border-radius:2px; border-radius:2px; }
section .clients img:hover{-webkit-filter: grayscale(100%);  filter: grayscale(100%);}

section.testimonial-bg{background:url(../img/test-2.jpg) no-repeat; position:relative; background-attachment:fixed;
                        -webkit-background-size:cover; background-size:cover;}
section.testimonial-bg:before{content:''; position:absolute; left:0; top:0; width:100%;  height:100%; background-color:rgba(0,0,0,.8);}
section .testimonial{margin-bottom:30px; color:#fff; position:relative;
                     min-height:320px;  /*border:3px dashed rgba(255,255,255,1);*/} 
section .testimonial:before{position:absolute; width:50px; height:50px; top:0; left:-50px; content:""; z-index:10; 
                             background:url(../images/quote-Icon.png) no-repeat center center; -webkit-border-radius:100%; border-radius:100%;}	
section .testimonial:after{position:absolute; width:50px; height:50px; bottom:0px; right:-50px; content:""; z-index:10; 
                           background:url(../images/quote-Icon.png) no-repeat center center; -webkit-transform:rotate(180deg); transform:rotate(180deg);
						   -webkit-border-radius:100%; border-radius:100%;}				 
section .testimonial h3{margin:0; color:#fff; font-size:26px; letter-spacing:1px; padding-bottom:10px; line-height:36px; font-weight:700; 
                        font-family:'Roboto Condensed', sans-serif;}
section .testimonial em{font-size:16px; line-height:24px; display:block; text-align:justify; margin-bottom:15px; }
section .testimonial b{text-align:right; display:block; font-size:18px;}
section .clients-slide{width:auto; color:#000;}

section.pocket-mobile-bg{background:url(../images/vintage-wall.jpg) no-repeat center center; background-attachment:fixed; webkit-background-size:cover; background-size:cover;}
section .pocket{margin-bottom:30px;}
section .pocket.margin{margin:0;}

section .pocket .cloud{background:#fff; padding:25px; outline:4px solid #fff; outline-offset:4px; margin-top:4%;}
section .pocket .cloud h3{margin-top:0; font-size:29px; font-weight:600; color:#444;}
section .pocket .cloud span{margin-bottom:0;}

section .pocket.margin-top{margin-top:8%;}
section .pocket.margin-middle{margin-top:12%;}
section .pocket h3{ margin-bottom:10px; font-size:48px; line-height:60px; font-weight:300;}
section .pocket span{font-size:18px; line-height:28px; margin-bottom:20px;display:block;}
section .pocket ul li{display:inline-block; margin-right:15px;}
section .pocket ul li a{border:2px solid #fff; display:block;  padding:10px 20px; color:#fff; font-size:20px;}
section .pocket ul li a.normal{border-color:#333; color:#333}
section .pocket ul li a.normal:hover{color:#fff; background:#000;}
section .pocket ul li a:hover{background-color:rgba(0,0,0,.3);}
section .pocket ul li a.anroid,
section .pocket ul li a.apple{-webkit-border-radius:100%; border-radius:100%; padding:12px 17px;}
section .pocket ul li a i{font-size:28px;}

section.pop-up{background-color:rgba(0,0,0,.9); position:fixed; left:0; top:0; display:none; z-index:99999; 
                width:100%; height:100%;}
section .watch-video{border:4px solid #fff;}
section.pop-up .close{position:absolute; right:15px; top:15px; color:#fff; z-index:1000; font-size:40px; opacity:1;}

section.trail-sec{background:url(../images/trial-sec.jpg) no-repeat center center;  webkit-background-size:cover; background-size:cover; background-attachment:fixed;}
section .trial{ margin-bottom:5%;}
section .trial h3{font-size:42px; line-height:50px; margin-bottom:20px; font-weight:500; color:#fff;  font-family: 'Roboto Condensed', sans-serif; }
section .trial a{ background:#F60; color:#fff; font-size:16px; padding:12px 20px; display:inline-block; width:200px; letter-spacing:1px; margin-bottom:20px;}
section .trial small{color:#fff; font-size:16px; display:block;}

section .trial .form{margin-bottom:20px;}
section .trial .form input{border:none; height:44px; background:#fff; padding:3px 10px; width:100%;}
section .trial .form input[type="submit"]{ background:#F60; color:#fff; font-family: 'Roboto Condensed', sans-serif; font-size:16px; height:44px; padding:10px 20px; }

section .industry{margin-bottom:30px;}
section .industry ul li{width:25%; float:left; position:relative;  overflow:hidden;}
section .industry ul li img{width:100%; -webkit-transition:all ease-in-out .50s; transition:all ease-in-out .50s;}
/*section .industry ul li:hover img{-webkit-transform:scale(1.1);  transform:scale(1.1);}*/
section .industry ul li .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color:rgba(0,0,0,.8);  
  width: 100%;
  height: 44px;
  transition: .5s ease;
}
/*section .industry ul li .overlay .text:before{content:''; position:absolute; width:0; height:0; border-bottom:10px solid rgba(0,0,0,.8); border-right:10px solid transparent; border-left:10px solid transparent; left:50%; top:-18px; margin-left:-5px; z-index:10;}*/
/*section .industry ul li:hover .overlay .text:before{display:none;}*/

section .industry ul li .overlay .text {
  white-space: nowrap; 
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

/*section .industry ul li:hover .overlay{height:100%;}*/


footer{width:100%; float:left; padding-top:50px; background:url(../images/map-2.png) no-repeat center right #1C1F2D;}
footer .footer{margin-bottom:30px;}
footer .footer strong{color:#F9BE0C; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted rgba(255,255,255,.2); pointer-events:none;
                    display:block; font-size:20px; line-height:26px; font-weight:400;  font-family:'Roboto Condensed', sans-serif; letter-spacing:1px;}
footer .footer ul li a{color:#d6d6d6; display:block; line-height:30px; font-size:15px;}
footer .footer > ul > li > a:before{content:'\f105'; font-family:FontAwesome; vertical-align:top; display:inline-block; padding-right:10px; }
footer .footer ul li a:hover{color:#F9BE0C; }

footer .footer span{color:#d6d6d6; display:block; padding-bottom:10px;}
footer .footer form{margin-top:25px;}
footer .footer .form-control{background-color:rgba(255,255,255,.0); border-color:rgba(255,255,255,.5); color:#fff;}
footer .footer .btn{-webkit-background:linear-gradient(#f9cb10,#fdad02); background:linear-gradient(#f9cb10,#fdad02); border:1px solid #fdc502;
                    -webkit-box-shadow:0 1px 0 rgba(255,255,255,.3) inset; box-shadow:0 1px 0 rgba(255,255,255,.3)inset; width:100%; font-family:                   'Roboto Condensed', sans-serif; font-size:16px; letter-spacing:1px;}
footer .footer .social{display:inline-block;}
footer .footer .social-icon li{display:table; margin-right:10px; float:left;}
footer .footer .social-icon li a{display:block; width:40px; height:40px; border:1px solid rgba(255,255,255,.5); display:table-cell; text-align:center; vertical-align:middle;}
footer .footer .social-icon li a:hover{color:#F9BE0C; border-color:#F9BE0C;}					

footer .copy-right{color:#d6d6d6;}
footer .copy-right span{ padding:10px 0; line-height:24px; display:block;}
footer .footer-bottom{border-top:1px solid rgba(255,255,255,.1); background-color:rgba(0,0,0,.1);}

/*** inner pages ***/

.about-banner{ background:url(../img/about-us.jpg) center center no-repeat; background-attachment:fixed;
           -webkit-background-size:cover; background-size:cover; padding:0;}

section .buy{border:3px solid rgba(255,255,255,.7); border-top:none; padding:3%; position:relative;}
section .buy:before,
section .buy:after{width:120px; height:3px; background-color:rgba(255,255,255,.7); position:absolute; left:0; top:0; content:"";}
section .buy:after{left:inherit; right:0;}
section .inner.buy h2{text-align:center; margin-top:-66px; margin-bottom:32px;}
section .inner.buy h3{margin:0 0 10px 0; font-size:26px;}

section .inner{color:#fff; margin-top:5%; margin-bottom:5%;}
section .inner h2{ margin-bottom:10px; font-size:44px; font-weight:300;}	
section .inner span{line-height:24px;}
section .inner.text-black h2{color:#000;}
section .inner.text-black span{color:#000;}
section .inner.text-black em a{color:#000; border-color:#000;}
section .inner span b{color:#ffff00; line-height:30px;}	
section .inner em{display:block; text-align:center; margin-top:25px;} 
section .inner em a{width:50px; height:50px; display:inline-block; color:#fff; -webkit-border-radius:100%; border-radius:100%; font-size:28px; border:3px solid #fff;} 
section .inner.help{background-color:rgba(255,255,255,.7); outline-offset:5px; outline:solid 5px rgba(255,255,255,.7); padding:25px;}
section .inner.help span{display:block; text-align:justify;} 
 
.news-events-banner{ background:url(../images/bg1.jpg) no-repeat;
                   background-attachment:fixed; -webkit-background-size:cover; background-size:cover;}
				   
section figure.speaker{margin:0 0 30px 0; text-align:center;}
section figure.speaker img{ border-right-color:#ddd;  border:3px solid #FB7E04; margin-top:0; padding:7px;}
section article.speak{-webkit-border-radius:5px; border-radius:5px; padding:21px 25px; background:url(../images/wave.png) repeat; 
                      border:1px solid #ddd; margin-bottom:30px;  border-left:3px solid #D42848; min-height:158px;}
section article.speak strong{font-size:22px; font-family:'Roboto Condensed', sans-serif; margin-bottom:15px; padding-bottom:5px; border-bottom:1px solid #ddd; display:block; cursor:pointer;}
section article.speak strong a{color:#D42848; 
	-webkit-animation-name: news;  -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite;
	animation-name: news;  animation-duration: 2s; animation-iteration-count: infinite;}
section article.speak small a{color:#D42848; margin-top:7px; display:block; font-size:16px;}	 
	 
	 
-webkit-@keyframes news {
    from {color:#444;}
    to {color:#D42848;}
}

@keyframes news {
    from {color:#444;}
    to {color:#D42848;}
}	
	

section article.speak strong a img{max-width:50px; display:inline-block; vertical-align:middle; padding-right:15px;   }

section article.speak span{font-size:16px; font-weight:600;}

section .events{margin-bottom:30px;}
section .events h3{font-size:26px; font-family:'Roboto Condensed', sans-serif; font-weight:700; color:#121212;
                   border-bottom:3px solid #D42848; padding:0; padding-bottom:10px; display:inline-block; margin:0;}
section .events hr{margin:0; height:1px; background:#ccc; padding:0; margin-bottom:20px;  margin-top:-1px;}				   
				   

section .event-box{margin-bottom:30px; padding:10px; border:1px solid #ddd; background:#fff;}
section .event-box > img{margin-bottom:10px; border:1px solid #ddd; width:100%;}
section .event-box .date{border-bottom:1px solid #ddd; padding:15px;}
section .event-box .date:last-child{border:none;}
section .event-box .date span{display:block; color:#999; padding-bottom:5px; font-size:16px;}
section .event-box .date span img{max-width:15px; margin:0; }


.careers-bg{background:url(../img/background-header.jpg) no-repeat left top; background-attachment:fixed; 
            background-size:cover;  background-size:cover; padding-bottom:100px;}
					
section .box{width:100%; float:left;}			
section .careers{color:#fff; width:50%; float:left; line-height:0; margin:0; padding:0;}
section .careers img{width:100%; line-height:0; margin:0; padding:0;}
section .careers span{color:#fff; font-size:20px; line-height:28px; margin-bottom:15px; display:block;}
section .careers strong{color:#fff; font-size:22px; line-height:30px; display:block; padding-bottom:10px; font-family:'Roboto Condensed', sans-serif;}

section .careers.cp{padding:5%;}
section .careers.team-1{padding-top:7%;}
section .careers.team-2{padding-top:11%;}
section .careers.team-3{padding-top:13%;}

.happy{background:url(../img/employees.jpg) center center; -webkit-background-size:cover; background-size:cover; background-attachment:fixed;}
section .happy-team {padding:17% 15px;}
section .happy-team h3{font-size:42px; line-height:50px; color:#fff; font-weight:bold; font-family:'Roboto Condensed', sans-serif; letter-spacing:1px;}

section .desigination{margin-bottom:30px; text-align:center;}
section .desigination img{-webkit-border-radius:5px; border-radius:5px; margin-bottom:15px; }
section .desigination strong{display:block;font-weight:700; color:#444; font-size:15px; text-transform:uppercase;}
section .desigination em{color:#666; display:block; line-height:24px; font-size:15px; margin-bottom:10px; padding-bottom:7px; 
                   border-bottom:1px solid #ddd; text-align:justify;  min-height:215px;}
section .desigination p{font-size:15px; line-height:24px; color:#666;}


section .our-team{margin-bottom:30px; background:#fff; border-top:4px solid #1275BB; padding-bottom:30px; padding-left:15px; padding-right:15px;
          box-shadow:0 2px 5px rgba(0,0,0,.1);}
section .our-team strong{ display:block; font-size:16px; color:#1275BB; line-height:32px; padding-top:10px; padding-bottom:10px;
                   border-bottom:1px dashed rgba(0,0,0,.4);}
section .our-team strong img{max-width:40px; vertical-align:middle;}				   
section .our-team .join-detail{padding-top:8px; padding-bottom:8px; border-bottom:1px dashed rgba(0,0,0,.4);}
section .our-team .join-detail:last-child{border:none;}
section .our-team .join-detail b{font-size:15px; line-height:24px; color:#666;}
section .our-team .join-detail span{color:#666; font-size:15px; display:block;}

section .our-team.sec{border-color:#0FBA99;}
section .our-team.third{border-color:#FF6600;}
section .our-team.four{border-color:#D42848;}

section .our-team.sec strong{color:#03937B;}
section .our-team.third strong{color:#FF6600;}
section .our-team.four strong{color:#D42848;}

aside{position:fixed; right:-166px; top:35%; background:#1275BB; z-index:1000;
-webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; color:#fff; padding:10px 20px;
-webkit-transition:all ease-in-out .50s; transition:all ease-in-out .50s; border-color:#0280c8;
-webkit-background:linear-gradient(#2B9AD9,#0280c8); background:linear-gradient(#2B9AD9,#0280c8);
-webkit-box-shadow:0 1px 0 rgba(255,255,255,.4) inset; box-shadow:0 1px 0 rgba(255,255,255,.4) inset;
}

aside a{display:block; color:#fff;}
aside a:hover{color:#fff;}
aside a img{max-width:44px;  vertical-align:middle;}
aside a span{display:inline-block; text-transform:uppercase; border-left:1px solid rgba(255,255,255,.5); padding-left:15px; margin-top:4px;       line-height:24px; font-size:18px;}
aside:hover{right:0;}

.resume-banner{ padding:0; background:url(../img/resume-banner.jpg) no-repeat center center; background-attachment:fixed; background-size:cover;}
.resume-filter{background-color:rgba(0,0,0,.3); padding-bottom:5%;}

section .form-area{padding:3%; border:1px solid #ccc; -webkit-background: rgba(0, 0, 0, 0) repeating-linear-gradient(-50deg, #fff 1px, #f4f4f4 4px) repeat scroll 0 0;  background: rgba(0, 0, 0, 0) repeating-linear-gradient(-50deg, #fff 1px, #f4f4f4 4px) repeat scroll 0 0; margin-top:50px; margin-bottom:50px;}
section .form-area.up{margin-top:0;}
section .form-area.margin-top{margin-top:0; -webkit-box-shadow:0 0 10px rgba(0,0,0,.1);  box-shadow:0 0 10px -5px rgba(0,0,0,.7);}
section .form-area.margin-top textarea{margin-bottom:15px;}

.max-width-800{max-width:800px; margin:0 auto; padding-left:15px; padding-right:15px;}
section .form-area a{margin-top:-65px; display:block; text-align:center;}
section .form-area a img{display:inline-block;}
section .form-area .form-group input[type="submit"]{width:200px; height:50px; line-height:24px; padding:8px; color:#fff; font-size:22px; line-height:28px; -webkit-border-radius:5px; border-radius:5px; font-weight:300; font-family:Calibri; 
border:1px solid #0280c8; -webkit-background:linear-gradient(#2B9AD9,#0280c8); background:linear-gradient(#2B9AD9,#0280c8);
-webkit-box-shadow:0 1px 0 rgba(255,255,255,.4) inset; box-shadow:0 1px 0 rgba(255,255,255,.4) inset;
 cursor:pointer;  font-family:'Roboto Condensed', sans-serif; letter-spacing:1px; text-transform:uppercase;}

section .form-group{ position:relative;}
section .form-group label{display:block; padding-bottom:2px; font-size:16px; line-height:24px; font-weight:400;}
section .form-group label strong:after{content:'*'; color:#ff6600;}
section .form-group textarea{width:100%; min-height:150px; border:1px solid #ccc; padding:15px;}
section .form-group img{max-width:300px;}
section .form-group input[type="file"]{opacity: 0; width:100%; height:40px; cursor:pointer;}
section .form-group b{position:absolute; left:0; top:0; font-size:20px; background:#2B9AD9; color:#fff; margin-left:15px; padding:15px 15px; width:90%; font-weight:300;}
section .form-group b img{max-width:40px; vertical-align:middle;}
section > .form-group > input[type="submit"]{width:200px; height:50px; line-height:24px; padding:8px; color:#fff; font-size:22px; line-height:28px;
                                   -webkit-border-radius:5px; border-radius:5px; font-weight:300; font-family:Calibri; border:1px solid #0280c8;
								   -webkit-background:linear-gradient(#2B9AD9,#0280c8); background:linear-gradient(#2B9AD9,#0280c8);
								   -webkit-box-shadow:0 1px 0 rgba(255,255,255,.4) inset; box-shadow:0 1px 0 rgba(255,255,255,.4) inset;
								   cursor:pointer;  font-family:'Roboto Condensed', sans-serif; letter-spacing:1px; text-transform:uppercase;
								   }
section .form-group select{width:100%; height:34px; line-height:28px; padding:6px 12px; border:1px solid #ddd; font-size:14px;}
section .form-group select option{width:100%; height:34px; font-size:14px; line-height:24px; padding:6px 12px; border-bottom:1px solid #ddd;}

.input-group{border-collapse: separate; display:table ;position: relative; margin-bottom:15px;}
.input-group .input-group-addon{background-color:#1A8FD2; border:none; color:#555; font-size:14px;
    font-weight: normal;
    line-height: 1;
    padding: 6px 12px;
    text-align: center; color:#fff;
	}
.input-group .input-group-addon.top-img img{top:-160px;}	
.input-group .input-group-addon img{display:none; position:absolute;  top:-200px; right:-420px; z-index:100; max-width:400px;}	
.input-group .input-group-addon:hover img{display:block;}
.input-group .form-control{float:left; margin-bottom:0; position:relative; width:100%; z-index:2; display:table-cell; -webkit-border-radius:0!important; border-radius:0!important; }
.input-group-addon{-webkit-border-radius:0!important; border-radius:0!important;}
section .form-area.more-padd{padding:50px 30px 30px 30px; border:5px solid rgba(255,255,255,.3); -webkit-background-origin:border-box; 
                             background-origin:border-box; background-color:rgba(0,5,24,.5); background-image:none;}	
section .form-group .radio-btn{ margin-bottom:15px;}
section .form-group .radio-btn input[type="radio"]{display:inline-block;}
section .form-group .radio-btn label {display:inline-block; color:#ff0; padding-left:10px;}
section .form-area.more-padd .form-group .form-control{-webkit-box-shadow:none!important; box-shadow:none!important; -webkit-border-radius:0; border-radius:0; border:none;}
								   
section .productivity{margin-bottom:30px; box-shadow:0 0 10px rgba(0,0,0,.2); background:#fff; padding:25px;}
section .productivity h2{font-size:36px; line-height:44px; color:#444; margin-bottom:20px; font-weight:700;}
section .productivity h3{font-size:22px; line-height:30px; color:#D42848; margin-bottom:15px; text-transform:uppercase; font-weight:700;}
section .productivity h3 img{display:inline-block; vertical-align:middle; padding-right:20px; max-width:85px;}
section .productivity ul li{line-height:30px; padding-bottom:15px; font-size:18px; line-height:24px;}
section .productivity ul li:before{content:'\*'; padding-right:25px; display:inline-block; vertical-align:middle; font-weight:bold; color:#121212;}
section .productivity p{padding-bottom:20px; font-size:16px; line-height:24px;}								   
								   
section.contact-us{background:url(../images/bg-page-title.jpg) no-repeat; background-attachment:fixed;
                   -webkit-background-size:cover; background:cover; padding:0;}
section address{display:block; margin-bottom:30px; padding:25px; border:1px solid rgba(0,0,0,.2); background:#fff; min-height:250px;}
section address b{background:#03937b; color:#fff; display:block; padding:10px; font-size:20px; line-height:26px; margin-bottom:15px;}
section address em{font-size:40px; text-align:center; display:block; color:#D12847; margin-bottom:15px;}
section address em small{display:inline-block;  border:2px solid #D12847; -webkit-border-radius:100%;
                           border-radius:100%; width:57px; height:57px;}				   
section address span{display:block; font-size:16px; line-height:24px; margin-bottom:8px;}
section address ul li{display:table; margin-right:10px; float:left; margin-top:15px;}
section address ul li a{display:table-cell; text-align:center; width:50px; height:50px; background:#03937b; color:#fff;  vertical-align:middle; font-size:24px;  -webkit-border-radius:100%; border-radius:100%; border:2px solid rgba(255,255,255,.7);}
section address ul li a:hover{color:#fff;}
section address ul li:nth-child(1) a{background:#3B5998;}
section address ul li:nth-child(2) a{background:#E31D1C;}
section address ul li:nth-child(3) a{background:#28A9E0;}
section address ul li:nth-child(4) a{background:#007FB2;}

.bottom-padd-off{padding-bottom:0;} 
section .office{margin-bottom:0;}
section .office img{width:100%;}	
section .office:first-child{border-right:3px solid #fff;}
section .office:last-child{border-left:3px solid #fff;}

section.map{padding:0;}

.faq-banner{padding:0; background:url(../images/paragliding-in-mountains.jpg) no-repeat; padding:0; background-attachment:fixed;}
.faq-bg{background:#E0E5E9; padding-top:70px; padding-bottom:40px;}
.panel-group .panel{-webkit-border-radius:0; border-radius:0; border-color:#dcdcdc;  }
.panel-default > .panel-heading{background:none; padding:0px 15px 0px 0;}
.more-less{font-family:'Roboto Condensed', sans-serif; font-size:30px; line-height:40px; padding:6px 20px; background:#1275BB; margin-top:-1px; color:#fff; margin-right:15px;}

.panel-title{font-size:20px; overflow:hidden;}
.panel-body{border-left:3px solid #1275BB;}
.panel-body h3{font-size:18px; line-height:24px; border-bottom:1px dashed #c1c1c1; padding-bottom:10px; font-weight:700; color:#333;}
.panel-body p{font-size:15px; line-height:26px;}

section .question{margin-bottom:30px; background:#1275BB; padding:20px;}	
section .question h3{color:#fff;  font-family:'Roboto Condensed', sans-serif; margin-top:0;}
section .question span{color:#fff; display:block; margin-bottom:15px;}
section .question .form-group .form-control{height:40px;}
section .question textarea{margin-bottom:15px;}
section .question input[type="submit"]{background-color:rgba(0,0,0,.3); border:1px solid rgba(0,0,0,.1); color:#fff; font-size:20px; font-family:'Roboto Condensed', sans-serif; width:200px; height:44px; -webkit-border-radius:5px; border-radius:5px; text-transform:uppercase;}

.download-center{background:url(../images/download-center.jpg) no-repeat  0px -150px; -webkit-background-size:cover; background-size:cover; background-attachment:fixed; padding:0;}

.panel-group{margin-bottom:50px;}
.panel-group h1{ font-family:'Roboto Condensed', sans-serif; font-size:40px; letter-spacing:1px; font-weight:700;
     text-transform:uppercase; color:#fff; padding:6px; margin-bottom:40px; position:relative; border:5px solid #dc510c;}
.panel-group #software{ background:url(../images/soft-bg.jpg) repeat-x; }
.panel-group #datasheet{background:url(../images/hardware-bg.jpg) repeat-x;}
.panel-group h1:before{position:absolute; left:50%; margin-left:-50px; bottom:-20px; width:0; height:0; 
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #DC510C; z-index:1000; content:"";}  
.panel-body .dwn_hdng{background:#4399D7!important; color:#fff; font-size:20px; border-color:#4399D7; }
.panel-body .dwn_hdng td{padding-top:10px; padding-bottom:10px; padding-left:15px;}

.panel-body tr{font-size:16px; line-height:22px; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.panel-body tr:nth-child(odd){background:#E0E5E9;} 
.panel-body tr td{ padding-left:15px; padding-top:4px; padding-bottom:4px;font-size: 14px;}
.panel-body tr td .tooltip > .tooltip-inner {
      background-color: #4399D7; 
      color: #FFFFFF; 
      border: 1px solid #4399D7; 
      padding: 7px;
      font-size: 16px;
  }
.panel-body tr td .tooltip.right > .tooltip-arrow {
      border-right: 5px solid #4399D7;
  }

.panel-group h1 img{margin-right:25px; max-width:46px; display:inline-block; vertical-align:top;}

section .mobile-app h1{font-family:'Roboto Condensed', sans-serif; font-size:40px; letter-spacing:1px;
    font-weight:700; text-transform:uppercase; color:#fff; padding:4px; margin-bottom:40px; position:relative; border:10px solid #dc510c; background:url(../images/soft-bg.jpg) repeat-x #DC510C; }
section .mobile-app h1:before{position:absolute; left:50%; margin-left:-50px; bottom:-20px; width:0; height:0; 
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #DC510C; z-index:1000; content:"";} 
section .mobile-app .mobile a{position:static; z-index:100;}   
section .mobile-app .mobile a img{position:relative; z-index:10;}  
section .mobile-app .mobile a img:hover{opacity:.7;}  
section .mobile-app .mobile a:before,
section .mobile-app .mobile a:after
{content:''; max-width:300px; width:50%; height:110px; position:absolute; left:7%; bottom:25px; 
                                     -webkit-transform:rotate(-10deg); transform:rotate(-10deg);  z-index:1;
                                     -webkit-box-shadow:0px 35px 20px rgba(0,0,0,.1); box-shadow:0px 35px 20px rgba(0,0,0,.1);
                    }
section .mobile-app .mobile a:after{left:auto; right:7%; -webkit-transform:rotate(10deg); transform:rotate(10deg); }

section .mobile-app .mobile.last a:before,
section .mobile-app .mobile.last a:after{bottom:50px;}					
  
section .aside-menu{display:block; background:#DC510C; padding:15px;}
section .aside-menu h3{color:#fff;  font-family:'Roboto Condensed', sans-serif;}
section .aside-menu ul li{margin-bottom:15px;}
section .aside-menu ul li a{display:block; color:#fff; background-color:rgba(255,255,255,.1); font-size:20px; border:1px solid rgba(255,255,255,.0);}
section .aside-menu ul li a img{max-width:40px;}
section .aside-menu ul li a:focus,
section .aside-menu ul li a:active,
section .aside-menu ul li a:visited,
section .aside-menu ul li a:hover{background-color:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.5);}




.video-tutorial{background:url(../images/maxresdefault.jpg); background-attachment:fixed; 
                -webkit-background-size:cover; background-size:cover; padding:0;} 
section .video{margin-bottom:30px;}	
section .video span{background:#1275BB; color:#fff; font-size:16px; padding:10px 15px; display:block;}

.help-us{background:url(../images/help-banner.jpg) no-repeat left top;   -webkit-background-size:cover; background-size:cover; padding:0;}
								   
section .product-finger{background:url(../images/bioi-device-1.jpg) no-repeat center center; -webkit-background:cover;
                       background:cover;}	
section .product-finger em {text-align:center; display:block; margin:22.4% 0; font-style:normal;}
section .product-finger em strong{font-weight:600; color:#fff; font-size:32px; display:block;  text-shadow: 2px 2px 1px #000;
                                   font-family:'Roboto Condensed', sans-serif; letter-spacing:1px;}

section .product-face{background:url(../images/boi-device-2.jpg) no-repeat center center; }	
section .product-face em {text-align:center; display:block; margin:24.2% 0; font-style:normal;}
section .product-face em strong{font-weight:600; color:#fff; font-size:32px; display:block; font-family:'Roboto Condensed', sans-serif; letter-spacing:1px; text-shadow: 2px 2px 1px #000;}
section .product.face ul li{height:198px; padding-top:10px;}
section .product.face ul li em{margin-bottom:10px;}

section .product{margin-bottom:0; border-top:1px solid #ddd;}	
section .product ul li{border-right:1px solid #ddd; border-bottom:1px solid #ddd; width:50%; float:left; height:184px; text-align:center; padding-top:14px;}
section .product ul li em{display:block; margin-bottom:15px; color:#F30; }
section .product ul li em img{max-width:140px;}
section .product ul li span{display:block; color:#F30; display:block; margin-bottom:5px; font-size:14px;}	
section .product ul li a{display:inline-block;}	
section .product.my-finger ul li em{margin-bottom:10px;}
section .product.my-finger ul li span{margin-bottom:2px;}


.sub-menu{display:block; text-align:center; padding-top:30px; width:100%; float:left;}	
.sub-menu ul{display:inline-block; -webkit-border-radius:25px; border-radius:25px;  border:1px solid #01104b; -webkit-box-shadow:0 1px 0 rgba(255,255,255,.1) inset; box-shadow:0 1px 0 rgba(255,255,255,.5) inset; -webkit-background:linear-gradient(#01a2f6,#01104b); background:linear-gradient(#01a2f6,#01104b);}
.sub-menu ul li{float:left; background:url(../images/divider-menu.png) center right no-repeat;}
.sub-menu ul li:last-child{background:none;}
.sub-menu ul li a{ padding:10px 25px; color:#fff; font-size:20px; display:block;}	
.sub-menu ul li a.active{color:#FFFF00; position:relative;}
.sub-menu ul li a.active:after{width:0; height:0; border-top:15px solid #01104b; border-left:15px solid transparent; 
                               border-right:15px solid transparent; position:absolute; left:50%; bottom:-14px; margin-left:-5px; content:"";}


section.abstract{background:url(../images/pro-pattern.png)repeat top center; background-attachment:fixed; padding-top:50px; padding-bottom:70px;}
section.abstract.padd-50{padding-top:40px; padding-bottom:30px;}
section figure{margin-bottom:30px; position:relative; overflow:hidden;}
section figure a{display:block; padding:7px; border:1px solid rgba(0,0,0,.2); position:relative; -webkit-transition:all ease-in-out .50s; transition:all ease-in-out .50s;}
section figure a em{overflow:hidden; display:block; background:#ECF0F3;}
section figure a em img{max-width:100%; width:100%; }
section figure a:hover em img{-webkit-transform:scale(1.1); transform:scale(1.1);}
section figure a figcaption{background-color:rgba(0,0,0,.5);  color:#fff; width:97.5%; height:60px; position:absolute; left:7px; bottom:7px; right:7px; overflow:hidden;}

section .pro-figure h3{font-family:'Roboto Condensed', sans-serif; font-size:32px; line-height:40px; text-align:center; 
                       color:#FB7E04; font-weight:700;}
section .pro-figure em{display:table; height:300px;  width:100%;}
section .pro-figure em span{display:table-cell;  vertical-align:middle; text-align:center;}
section .pro-figure em span img{display:inline-block; -webkit-box-shadow: 0 10px 10px -10px rgba(0,0,0,.7); 
                                box-shadow: 0 10px 10px -10px rgba(0,0,0,.7); transition:all ease-in-out .50s; transition:all ease-in-out .50s;}
section .pro-figure:hover em span img{-webkit-transform:scale(1.1); transform:scale(1.1);}
section .pro-figure attr{display:block; text-align:center;}	
section .pro-figure attr a{display:inline-block; padding:10px 40px; font-size:18px; line-height:24px; color:#fff; -webkit-border-radius:5px; border-radius:5px;
                           background:#052e6c; -webkit-background:linear-gradient(#0166fe,#052e6c); background:linear-gradient(#0166fe,#052e6c); font-family:'Roboto Condensed', sans-serif;
							-webkit-box-shadow:0 1px 0 rgba(255,255,255,.1) inset; box-shadow:0 1px 0 rgba(255,255,255,.1) inset; letter-spacing:1px; 
							border:1px solid #052e6c;}
section .pro-figure attr a:hover{-webkit-background:linear-gradient(#064199,#044cb8); background:linear-gradient(#064199,#044cb8);}	

section figure .app-bar{margin-bottom:30px; text-align:center;}
section figure .app-bar ul li{display:inline-block; margin-right:10px;}
section figure .app-bar ul li:last-child{margin-right:0px;}
section figure .app-bar ul li a{ padding:0; border:none;}
section figure .app-bar ul li a img{max-width:160px;}						
														
section .detail{margin-bottom:30px; background:#fff;}
section .detail .divider{border:4px solid #fff; padding-top:30px;}
section .detail h3{color:#fb7e04; font-size:32px; line-height:40px; margin:0; font-family:'Roboto Condensed', sans-serif; padding-bottom:15px; font-weight:600;}
section .detail ul{margin-bottom:30px;}
section .detail ul li{color:#333; font-size:20px; line-height:30px; padding-bottom:7px; position:relative; padding-left:30px;}
section .detail ul li:nth-child(even){padding-right:25px;}
section .detail ul li:before{font-family:FontAwesome; vertical-align:middle; display:inline-block; content:"\f178"; 
                             position:absolute; left:0; top:1px; color:#F93;}

section .detail .anchor ul li{display:inline-block; margin-right:15px; padding:0;}
section .detail .anchor ul li:before{content:"";}
section .detail .anchor ul li a{display:block; background:#FB7E04; box-shadow:0 0 5px rgba(0,0,0,.1); color:#333; padding:10px 15px; font-size:18px; color:#fff; -webkit-border-radius:5px; border-radius:5px;}

#web-up{width:50px; height:50px; color:#fff; font-size:36px; background-color:rgba(0,0,0,.5); position:fixed; z-index:2000; bottom:20px; right:20px; cursor:pointer; text-align:center; display:inline-block; }
#web-up:hover{background-color:rgba(0,0,0,1);}
#web-up.webup{opacity:0;}
#web-up.webup.affix{opacity:1;}

/*** software page ***/

.big-background{background:none;}
section .soft-content{margin-bottom:30px; color:#fff;}
section .soft-content.last{margin-top:-40px;}
section .soft-content h3{font-size:34px; line-height:42px; margin-bottom:60px;}
section .soft-content h2{ font-size:46px; line-height:54px;color:#FFFF00; margin-bottom:20px; font-weight:700;}
section .soft-content span{color:#fff; font-size:20px; line-height:28px; margin-bottom:20px; display:block;}
section .soft-content ul li{display:inline-block; margin-right:10px;}
section .soft-content ul li a{background:#FFFF00; color:#000; display:block; padding:10px 15px;}
section .soft-content ul li:last-child a{background:none; border:1px solid #FFFF00; color:#FFFF00;}
section .soft-content img{ margin-top:20px;}

section .soft-content .tracking-list{margin-bottom:30px;}
section .soft-content .tracking-list li{line-height:24px; display:block; position:relative; }
section .soft-content .tracking-list li:before{content:'\f192';  display:inline-block; font-family:FontAwesome; padding-right:10px; color:#FFFF00;}


section.bg-pink{background:url(../images/pattren.png) no-repeat top center #D12847;}
.pattern-polygen{background:url(../images/pattern-bg.jpg) repeat #fff; background-attachment:fixed; border-bottom:1px dotted #e4e9eb; padding:7% 0;}
.moblie-app-bg{background:url(../images/moblie-app-bg.jpg) no-repeat center center; background-attachment:fixed;  -webkit-background-size: cover;  background-size: cover;}
.dashboard-bg{background:url(../images/dashboard-bg.jpg) no-repeat center center; background-attachment:fixed;  -webkit-background-size: cover;  background-size: cover;}
.meet-bg{background:url(../images/meet-bg.jpg) no-repeat center center; background-attachment:fixed;  -webkit-background-size: cover;  background-size: cover;}
.meet-bg:before{content:''; border-top:}
.calculate-bg{background:url(../images/calculate-bg.jpg) no-repeat center center; background-attachment:fixed;  -webkit-background-size: cover;  background-size: cover;}
.calculate-bg{background:url(../images/calculate-bg.jpg) no-repeat center center; background-attachment:fixed;  -webkit-background-size: cover;  background-size: cover;}
.real-time-tracking{background:url(../images/real-time-tracking.jpg) center center; background-attachment:fixed; -webkit-background-size:cover;  background-size:cover;}
.out-side-bg{background:url(../images/out-side-bg.png) no-repeat center top #fff;}
.data-access{background:url(../images/data-access.jpg) no-repeat center center; background-attachment:fixed; -webkit-background-size:cover;  background-size:cover;}
.location{background:url(../images/location-2.jpg) no-repeat center center; background-attachment:fixed; -webkit-background-size:cover;  background-size:cover;}
/*.mobile-bg{background:url(../images/mobile-bg.png) repeat center center; background-attachment:fixed;}   -webkit-background:linear-gradient(-45deg,#1a2b35,#166c6e); background:linear-gradient(-45deg,#1a2b35,#166c6e);*/
.mobile-bg{background:url(../images/mobile.png) no-repeat center center #1a2b35;}
.parallax{background:url(../images/parallax.jpg) repeat center center; background-attachment:fixed;}

section .time{margin-bottom:30px; position:relative; padding-left:46px; }
section .time em{position:absolute; left:0; top:0; -webkit-border-radius:100%; border-radius:100%;}
section .time em img{max-width:50px;}
section .time strong{display:block; margin-bottom:10px; font-weight:600; font-size:16px; text-transform:uppercase; color:#121212;}
section .time span{display:block; font-size:16px; line-height:24px; color:#333; padding-bottom:10px; }
section .time hr{height:4px; margin:0;}

.no-padd{padding:0;}

section .employee{margin-bottom:30px;}
section .employee small{display:block; text-align:center; color:#fff; margin-top:15px; font-size:16px;}
section .employee h3{font-family:'Roboto Condensed', sans-serif; letter-spacing:1px;}
section .employee h3.send{margin-top:0;}
section .employee span{color:#fff; font-size:18px; line-height:28px; margin-bottom:15px; font-weight:400;  display:block;}
section .employee span b{font-weight:700;}
section .employee ul li{display:block; line-height:28px; font-size:22px; padding-left:20px; background:
url(../images/arrow-right.png) no-repeat 0px 9px; text-align:left;}
section .employee ul.list-none li{background:none;}
section .employee addr{margin-top:30px; display:block;}
section .employee ul.tik li{ font-size:16px; line-height:24px; padding-top:5px; padding-bottom:5px;}
section .employee ul.tik li:before{content:"\f00c"; font-family:FontAwesome; display:inline-block; vertical-align:middle; color:#E22C48; padding-right:10px;}

section .employee a{cursor: url(../images/zoom-icon.png), auto; display:inline-block;}
section .employee a img{}
section .employee a img.box-shadow{-webkit-box-shadow:10px 10px 0px rgba(0,0,0,.2); box-shadow:10px 10px 0px rgba(255,255,255,.1);}


section .employee .easy{position:relative; padding-left:50px; color:#fff; text-align:left;}
section .employee .easy img{position:absolute; left:0; top:0; width:30px; height:30px;}
section .employee .easy strong{font-size:24px; font-weight:700; display:block; padding-bottom:15px; color:#333;
                               padding-bottom:10px; letter-spacing:1px; font-family:'Roboto Condensed', sans-serif;}
section .employee .easy span{display:block; color:#fff; font-size:18px; line-height:28px;}
section .employee .easy.screen{padding-left:80px;}
section .employee .easy.screen img{width:50px; height:50px;}
section .employee .easy.screen span{font-size:16px; line-height:24px;}
section .employee.front p{font-size:16px; line-height:24px; color:#000;}

section .employee.front span{color:#000;}
section .employee.front small{color:#000;}
section .employee.radius img{-webkit-border-radius:100px 100px 0 0; border-radius:100px 100px 0 0; border:1px solid #000;}

section .employee .my-anroid li{display:inline-block; padding-left:0; padding-right:10px;}
section .employee .my-anroid li a{ cursor:pointer;}
section .employee .my-anroid li a img{max-width:160px; -webkit-box-shadow:none; box-shadow:none;}
section .employee .my-anroid li:last-child a{color:#68B445; border-color:#68B445;}

section .employee.muti-lo{background-color:rgba(0,0,0,.8); outline:4px solid rgba(0,0,0,.8); outline-offset:4px; padding:30px;}								 
.digital-spark{background:url(../images/digital-spark.jpg) no-repeat; -webkit-background-size:cover; background-size:cover;
               background-attachment:fixed; padding:0;}			   	   
section .accuracy{max-width:768px; margin:0 auto;}
section .accuracy h3{color:#fff; margin-bottom:30px; font-size:36px; line-height:42px;}
section .accuracy .accuracy-content{background-color:rgba(0,0,0,.7); border:5px solid rgba(255,255,255,.1);
                                           padding:25px 15px; margin-bottom:30px;}
section .accuracy .accuracy-content span{color:#fff; font-size:18px; line-height:28px; display:block; padding-bottom:30px;}
section .accuracy .accuracy-content a{display:inline-block; padding:15px 25px; background:#F88101; color:#fff; text-transform:uppercase;
                                            -webkit-transition:all ease-in-out .20s; transition:all ease-in-out .20s;}
section .accuracy .accuracy-content a:hover{-webkit-border-radius:10px; border-radius:10px;}

.grid-5{width:20%; float:left; padding-left:15px; padding-right:15px;}
section .add-more{margin-bottom:30px;}
section .add-more em {text-align:center; display:block; color:#E22C48; font-size:64px;}
section .add-more span{display:block; font-size:17px; font-weight:700; text-align:center;}

section.app-pattern{background:url(../images/app-strip.png) no-repeat top center #fff; }
section .app-store{display:block; margin-bottom:30px;}
section .app-store strong{display:block; margin-bottom:10px; font-size:20px; line-height:26px; color:#ff6600;}
section .app-store span{font-size:18px; line-height:24px; display:block;}

section.app-pattern{ background: url(../images/app-strip.png) no-repeat scroll center top #fff;}

section.head-office{}
section.head-office:before{max-width:2200px; width:100%; float:left; border:}
section.skew-left{ background-attachment:fixed; position:relative;
                overflow:hidden; z-index:10;}
section.skew-left:before{content:""; position:absolute; left:13%; top:-10%; z-index:-1; width:50%; float:left; height:230%;  
           -webkit-transform: skewX(-44deg);  -moz-transform: skewX(-44deg);  transform: skewX(-44deg);
		    background-color:rgba(255,255,255,.2);}
			
section.skew-right{background:#fff; background-attachment:fixed; position:relative;
                overflow:hidden; z-index:10;}
section.skew-right:before{content:""; position:absolute; right:-5%; top:-10%; z-index:-1; width:50%; float:left; height:230%;  
           -webkit-transform: skewX(44deg);  -moz-transform: skewX(44deg);  transform: skewX(44deg);
		    background-color:rgba(244,244,244,1);}			




/*** buy now ***/

.buy-now{background:url(../images/pricing.jpg) no-repeat 50% 50%; background-attachment:fixed; -webkit-background-size:cover;  background-size:cover;}
.hero-bg{background:url(../img/hero-bg.png) no-repeat; background-attachment:fixed; -webkit-background-size:cover; background-size:cover;}
section .price-box{margin-bottom:30px;}

section .price-box h1{font-size:48px; padding:15px 10px; text-align:center; color:#fff; background:#06C; margin-bottom:0; border-bottom:1px solid rgba(255,255,255,.2);}
section .price-box h3{font-size:20px; line-height:30px; padding:15px 0px; text-align:center; color:#fff; background:#06C; margin-top:0; margin-bottom:0; position:relative;}
section .price-box h3:before{content:''; position:absolute; z-index:10; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #06C; left:50%; margin-left:-5px; bottom:-10px;}
section .price-box .inner-box{border-left:1px solid #ddd; border-right:1px solid #ddd; padding-top:30px; background:#fff;}
section .price-box a{background:#009688; padding:8px 20px; -webkit-border-radius:5px; border-radius:5px; font-size:18px; color:#fff; display:inline-block;
                     margin-bottom:25px; text-transform:uppercase;}
section .price-box ul{margin-bottom:30px; }
section .price-box ul li{display:block; line-height:28px; font-size:20px;}
section .price-box .dropdown{margin-bottom:30px;}
section .price-box .dropdown .btn{-webkit-background:radial-gradient(#147BD8,#053C6F);background:radial-gradient(#147BD8,#053C6F); -webkit-border-radius:100%;  border-radius:100%; font-size:36px; padding:1px 16px; border:1px solid #053C6F; -webkit-box-shadow:0 1px 0 rgba(255,255,255,.1) inset; box-shadow:0 1px 0 rgba(255,255,255,.1) inset; color:#fff;}
section .price-box .dropdown .dropdown-menu{border:4px solid #ddd;}								  
section .price-box .dropdown .dropdown-menu li{padding:10px; line-height:18px;}
section .price-box .dropdown .dropdown-menu li b{display:block; padding-bottom:10px;}	
section .price-box .dropdown .dropdown-menu li span{font-size:14px; line-height:18px;}							  							  
section .price-box .price-value{background:#06C;  padding:10px 15px; position:relative;}
section .price-box .price-value:before{position:absolute; left:50%; top:0; margin-left:-5px; width:0; height:0; border-right:10px solid transparent;
                                       border-left:10px solid transparent; border-top:10px solid #fff; content:"";}
section .price-box .price-value h4{font-size:26px; color:#fff;}	
section .price-box .price-value h4 small{color:#fff;}

section .price-box.bg-purple h1,
section .price-box.bg-purple h3,
section .price-box.bg-purple .price-value
{background:#009688;}
section .price-box.bg-purple h3:before{border-top:10px solid #009688;}
section .price-box.bg-purple a{background:#0066CC;}

section .price-box.bg-purple .dropdown .btn{-webkit-background:radial-gradient(#009688,#115e57); 
                                             background:radial-gradient(#009688,#115e57); 
											 border:1px solid #0e7f74;}

section .compare-sheet{margin-bottom:30px;  box-shadow:0 0 10px rgba(0,0,0,.2); }
section .compare-sheet h3{font-size:30px; margin-bottom:0; line-height:30px; padding:15px 0px; text-align:center; color:#fff; background:#06C;}
section .compare-sheet ul{border-left:1px solid #ddd; border-right:1px solid #ddd; background:#fff;}
section .compare-sheet ul li{padding:10px 15px; border-bottom:1px solid #ddd; line-height:22px; font-size:16px;}

section .compare-sheet a{display:inline-block; padding:10px 25px; color:#fff; border:2px solid #fff; font-size:18px; text-transform:uppercase;}						  

.price-suport p{font-size: 19px;    margin: 30px;    color: #5A5A5A;}

.order-now{background:url(../images/order.jpg) no-repeat center center; background-attachment:fixed;  -webkit-background-size:cover; background-size:cover; padding:0;}

section .order{margin-bottom:55px; text-align:center; }
section .order strong{color:#fff; font-size:30px; font-weight:500; letter-spacing:1px; line-height:38px; display:block; margin-bottom:50px; font-family:'Roboto Condensed', sans-serif; }
section .order a {color:#fff; border:2px solid rgba(255,255,255,.8); display:inline-block; padding:10px 10px; width:180px; font-size:18px;}
section .order small{color:#fff; font-size:15px;}	

section .plans{margin-bottom:30px;}	
section .plans h2{ text-align:center;  position:relative; font-size:30px; line-height:36px; color:#1275BB;} 
section .plans h2 span{background:#fff; display:inline-block; padding:10px 15px;}
section .plans h2:before{width:31%; border-bottom:3px dashed #ccc; content:""; float:left;  left:0;} 
section .plans h2:after{width:31%; border-bottom:3px dashed #ccc; content:""; float:left; right:0;} 
section .plans h2:before,section .plans h2:after{position:absolute; top:30px;}

section .plans{margin-bottom:50px;}
section .plans em{display:block; text-align:center; margin-bottom:70px;}
section .plans p{font-size:18px; line-height:26px; text-align:center;}
	   
.sea-blue{background:linear-gradient(315deg,#00A0C3,#20B1AA)}

section .login{padding:5%; float:left; }
section .login.bg{float:right; margin-right:22%;}
/*section .login.bg{background:url(../images/soft-slit-separator.png) no-repeat left top; margin-top:5%; padding-top:5%;
                  border:1px solid rgba(0,0,0,.1);}*/
section .login h3{font-size:30px; line-height:30px; font-weight:600; padding-bottom:10px; margin:0; border-bottom:1px dashed rgba(0,0,0,.1); margin-bottom:15px; font-family:'Roboto Condensed', sans-serif; }
section .login .form-group .form-control{height:42px;}
section .login .form-group input[type="submit"]{width:200px; height:50px; line-height:24px; padding:8px; color:#fff; font-size:22px; line-height:28px; -webkit-border-radius:5px; border-radius:5px; font-weight:300; font-family:Calibri; 
border:1px solid #0280c8; -webkit-background:linear-gradient(#2B9AD9,#0280c8); background:linear-gradient(#2B9AD9,#0280c8);
-webkit-box-shadow:0 1px 0 rgba(255,255,255,.4) inset; box-shadow:0 1px 0 rgba(255,255,255,.4) inset;
 cursor:pointer;  font-family:'Roboto Condensed', sans-serif; letter-spacing:1px; text-transform:uppercase;}	
 
section .tilde{position:relative; } 
section .tilde1{position:absolute; right:inherit; left:15px; top:86px; z-index:160; -webkit-transition:ease-in-out all .50s; transition:ease-in-out all .50s;}
section .tilde2{position:absolute; right:183px; top:52px; z-index:130; -webkit-transition:ease-in-out all .50s; transition:ease-in-out all .50s;}
section .tilde3{position:absolute; right:24px; top:20px; z-index:100; -webkit-transition:ease-in-out all .50s; transition:ease-in-out all .50s;}

section .tilde2:hover{right:102px;}
section .tilde3:hover{right:-50px;}

.licence-registration{background:url(../images/licence-registration.jpg) no-repeat; 
                      -webkit-background-size:cover; background-size:cover; padding-top:30px;}
.my-footer{width:100%; float:left; background-color:rgba(0,5,24,.9); position:fixed; left:0; bottom:0; z-index:10; padding:10px;}	

						   
.bg-blue{background:#28649A;}
.bg-light-blue{background:#1275BB;}
.bg-pink{background:#D12847;}
.bg-green{background:#50B22F;}
.bg-yellow{background:#F9CB10;}
.bg-orenge{background:#F16929;}

.bg-blue-2{background:#2B9AD9;}
.bg-orenge-2{background:#F48020;}
.bg-green-2{background:#0FBA9E;}
.bg-green-22{background:#03937b;}

.bg-pink{background:#cc3333;}
.bg-green{background:#567715;}
.bg-yellow{background:#e88c02;}
.bg-orenge{background:#dc510c;}
.bg-white{background:#fff;}
.bg-d-blue{background:#1275BB;}
.bg-purple{background:#663c90;}
.bg-lignt-green{background:#618e07;}
.bg-brun{background:#67002a;}
.bg-nab-blue{background:#11004c;}
	
				   	  

@-webkit-keyframes example {
    from {left:0%;}
    to {left:60%;}
}

/* Standard syntax */
@keyframes example {
    from {left:0%;}
    to {left:60%;}
}

@-webkit-keyframes example-6 {
    from {left:0%;}
    to {left:60%;}
}

/* Standard syntax */
@keyframes example-6 {
    from {left:0%;}
    to {left:60%;}
}

@-webkit-keyframes example-2 {
    from {left:0%;}
    to {left:55%;}
}

/* Standard syntax */
@keyframes example-2 {
    from {left:0%;}
    to {left:55%;}
}

@-webkit-keyframes example-3 {
    from {top:0%; }
    to {top:30%; }
}

/* Standard syntax */
@keyframes example-3 {
    from {top:0%;}
    to {top:30%;}
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img{width:100%;}
.carousel-control.left{background:none;}
.carousel-control.right{background:none;}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev{font-size:60px; margin-top:-30px;}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
} 
.clients-logo{bottom:-50px;}
.clients-logo li{border-color:rgba(0,0,0,.3);}
.clients-logo li.active{background-color:rgba(0,0,0,.3); border-color:rgba(0,0,0,.1);}



@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
} 



@keyframes fadeOutRight {
0% {
    opacity: 1;
	filter: alpha(opacity=100);
}
100% {
    opacity: 0;
	filter: alpha(opacity=0);
    transform: translate3d(100%, 0px, 0px);
    visibility: hidden;
}
}
@keyframes fadeOutRight {
0% {
    opacity: 1;
	filter: alpha(opacity=100);
}
100% {
    opacity: 0;
	filter: alpha(opacity=0);
    transform: translate3d(100%, 0px, 0px);
    visibility: hidden;
}
}
.fadeOutRight {
    animation-name: fadeOutRight;
}


-webkit-@keyframes fadeInRight {
0% {
    opacity: 0;
	filter: alpha(opacity=0);
    transform: translate3d(100%, 0px, 0px);
}
100% {
    opacity: 1;
	filter: alpha(opacity=100);
    transform: none;
}
}
@keyframes fadeInRight {
0% {
    opacity: 0;
	filter: alpha(opacity=0);
    transform: translate3d(100%, 0px, 0px);
}
100% {
    opacity: 1;
	filter: alpha(opacity=100);
    transform: none;
}
}
.fadeInRight {
    animation-name: fadeInRight;
}

.registration-btn-frm{width: 200px;
    height: 50px;
    line-height: 24px;
    padding: 8px;
    color: #fff;
    font-size: 22px;
    line-height: 28px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-weight: 300;
    font-family: Calibri;
    border: 1px solid #0280c8;
    -webkit-background: linear-gradient(#2B9AD9,#0280c8);
    background: linear-gradient(#2B9AD9,#0280c8);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.4) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.4) inset;
    cursor: pointer;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 1px;    margin: 0 auto;
    text-transform: uppercase;}

/*** media screen for responsive  ***/

@media screen and (max-width: 799px) {
	.user-tab{top:0; margin-bottom:0; position:static; text-align:center; display:block;}
	.user-tab li a{padding:0 10px; font-size:15px;}
	.navbar-brand img{max-width:240px;}
	.navbar-default .navbar-nav{margin-top:0;}
	.navbar-nav > li{float:none; border-bottom:1px solid rgba(255,255,255,.1); background-color:rgba(0,0,0,1); display:block;}
	.navbar-nav .open .dropdown-menu{background:#fff;}
	.navbar-nav .open .dropdown-menu .dropdown-header,
	.navbar-nav .open .dropdown-menu > li > a{padding-top:10px; padding-bottom:10px;}
	.navbar-collapse{position:fixed; top:100px; right:-100%; width:100%; float:left; z-index:1000; overflow:hidden;}
	.navbar-collapse.slide{right:0; position:absolute;}				 
	.navbar-nav.navbar-right{float:none!important; margin-right:0!important;}
	.navbar-default .navbar-nav > li > a{display:block;}
	.dropdown-menu{float:none;
	    
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
	
	}
	.open .dropdown-menu{ max-height:180px; opacity:1; position:static;}
	.mobile-user{display:block!important;}
	
	.banner .caption h3{font-size:30px; line-height:36px; margin-bottom:10px;}
	.banner .caption.multiple h3{font-size:30px;}
	.banner .caption.out-site{left:3%;}	
	.banner .caption .oprate{margin-bottom:10px;}
	.banner .caption .user-login li a{font-size:15px; padding:8px 15px;}
	.banner .caption.multiple .manage{margin-bottom:10px;}
	.banner .caption.multiple .manage li a{font-size:14px;}
	.banner .caption span{font-size:13px;}
	.banner .caption.multiple .manage li{font-size:16px; line-height:22px;}
	.banner .caption.multiple .manage li span{font-size:18px; margin-bottom:8px;}
	section .pocket.margin-top{margin-top:0;}
	section .trust::after{border-top: 13px solid #F9CB10; border-left: 13px solid transparent;
    border-right: 13px solid transparent; border-bottom:none; bottom:-13px; left:50%; margin-left:-7px;}
	section .pocket h3{font-size:42px;}
	section .tilde{width:100%; float:left; height:500px;}
	section .my-download{padding:15px;}
	.download-center{background:url(../images/download-center.jpg) no-repeat  0px 0px; -webkit-background-size:100%;     background-size:100%; background-attachment:fixed; padding:0;}
	
	.panel-group h1{text-align:center;}
	section .mobile-app h1{text-align:center;}
	section .mobile-app .mobile{margin-bottom:30px; text-align:center;}
	section .mobile-app .mobile a:before,section .mobile-app .mobile a:after{display:none; 
	 -webkit-box-shadow:none; box-shadow:none;}
	 .panel-group .panel-body{overflow:auto;}
	 section .login{width:100%;}
	 section .login.bg{margin-right:0;}
	 .help-us{background-size:cover; background-position:center center;}
	 aside{right:-185px;}
	 section .mobile-app .mobile a img{max-width:80%;}
	
}

@media screen and (max-width: 767px) {	
section .clients img{max-width:94px;}
.navbar-header{float:left;}
.navbar-nav.navbar-right{ margin-right:-15px!important}
.banner .caption.multiple{left:40%;}
.carusel-style ul li a span{font-size:13px;}

@-webkit-keyframes example-2 {
    from {left:0%;}
    to {left:40%;}
}

.navbar-collapse{display:block; border:none!important; margin-right:0!important;  margin-left:0!important;}
.navbar-collapse{-webkit-box-shadow:none!important; box-shadow:none!important; top:81px;}	
section .pocket ul{text-align:center;}
section .pocket.margin img{}
.togged{padding-top:20px; padding-bottom:15px;}
.banner .caption h3,
.banner .caption.multiple h3{font-size:20px; line-height:26px;}
.banner .caption .user-login li a{padding:4px 10px; font-size:13px;}
section .pocket h3{font-size:36px; line-height:44px;}
.carousel-indicators{display:none;}
section .soft-content.last{margin-top:100px;}
section .soft-content h2{font-size:46px;}
.grid-5{width:50%;}
section .careers{width:100%;}
section .form-group textarea{float:none;}
section .form-group img{width:100%; float:left; margin-bottom:15px; max-width:100%;}
section .happy-team{padding-top:1%; padding-bottom:1%;}
section .happy-team h3{font-size:24px; line-height:30px;}
section .office:first-child{border-right:none; border-bottom:3px solid #fff;}
.caret{float:right; margin-top:7px; border-width:5px;}

section .product ul li{height:200px;}
section .product.face ul li{height:250px;}
section{padding:30px 0 10px 0;}
.out-side-bg.padd-bot{padding-bottom:20px;}
section .pocket.pull-right{float:none!important;}
footer .footer strong{cursor:pointer; position:relative; pointer-events:inherit;}
footer .footer strong:after{ content:'+'; position:absolute; top:0; right:0; font-size:30px;}
footer .footer strong:hover:after,
footer .footer strong:focus:after,
footer .footer strong:visited:after{content:'-';}
footer .footer strong i{display:block;}
footer .footer .bottom{display:none;}


}

@media screen and (max-width: 639px) {
section .clients img{max-width:81px;}
.navbar-header{float:left;}
section .industry ul li{width:50%;}
.user-tab{display:none!important;}
.banner .caption.multiple{top:3%;}
.banner .caption.out-site{top:2%;}
section .employee .my-anroid li a img{max-width:118px;}
section .soft-content.last{margin-top:0;}
.sub-menu ul li{float:none; border-bottom:1px solid rgba(0,0,0,.25); background:none;}
.sub-menu ul li:last-child{border:none; border-top:1px solid rgba(255,255,255,.2);}
section .product-finger,
section .product-face{padding-top:5px; padding-bottom:5px; background-size:100%;}
section .product-finger em,
section .product-face em{margin:10% 0;}
section .product-face em img,
section .product-finger em img{max-width:64%;}
section .product-face em strong,
section .product-finger em strong{font-size:20px;}

section .product.face ul li{height:235px;}
section .product-finger ul li em img,
section .product.face ul li em img{max-width:100%;}
section .tilde2{right:110px;}
section .tilde2:hover{right:0px;}
section .buy::before, section .buy::after{width:63px;}
section .inner.buy h2{margin-top:-40px;}
section .plans h2::before,section .plans h2::after{width:7%;}


}

@media screen and (max-width: 479px) {
section .clients img{max-width:88px;}
.togged b{display:none;}
.navbar-brand img{max-width:220px;}
section .tilde1{left:0;}
section .tilde2{right:40px;}
section .tilde3{right:0;}


.banner .caption h3, .banner .caption.multiple h3{font-size:16px; line-height:22px; margin-bottom:5px;}
.banner .caption span{margin-top:0; margin-bottom:0;}
.banner .caption .oprate li a{font-size:18px; height:30px; width:30px; border-width:1px;}

.banner .caption.multiple{left:0%; width:100%;}
@-webkit-keyframes example-2 {
    from {left:0%;}
    to {left:00%;}
}

.banner .caption.multiple .manage li{display:inline-block; font-size:13px; line-height:18px;}
.banner .caption.multiple .manage li span i{font-size:16px;}
section .pocket ul li{margin-right:10px;}
section .pocket ul li a{font-size:16px;}
section .out-side .my-out-side{background-color:rgba(0,0,0,.6);}
.carusel-style ul li a span{display:none;}
.carusel-style ul li a .caro-icon em {width:75px; height:75px;}
.carusel-style ul li a .caro-icon em img{width:38px;}
section figure .app-bar ul li{margin-right:0; margin-bottom:15px;}
section .buy::before, section .buy::after{width:40px;}
section .inner.buy h2{margin-top:-30px; font-size:34px;}
section .inner.buy h3{font-size:16px;}
section .pocket img.lady{max-width:70%;}
section .out-side .my-out-side.effect{min-height:240px;}
section .out-side .my-out-side h3{margin-top:5%;}
section .mobile-app .mobile a img{max-width:100%;}

section .employee .easy strong{font-siz:20px;}
section .out-side.pull-right{float:none!important;}
section .out-side .my-out-side{min-height:auto; padding:0; margin-bottom:0; display:none;}
section .out-side .my-out-side.open{display:block;}
section .out-side .my-out-side.effect{ display:block;  min-height:auto; margin-bottom:30px;}
section .out-side .my-out-side.effect h3{ cursor:pointer; padding-top:10px; padding-bottom:10px;}
section .out-side .my-out-side.effect h3:after{content:'\f0c9'; font-family:FontAwesome; padding-left:10px;}
section .out-side .my-out-side.effect:after{display:none;}
section .out-side .my-out-side h3{font-size:32px; line-height:40px; margin:0;}
section .out-side .my-out-side span{display:none;}
section .out-side .my-out-side ul li{padding-top:6px; padding-bottom:6px;}
section .out-side .my-out-side ul li::before{top:5px;}
section .industry ul li .overlay{height:30px;}
section .industry ul li .overlay .text{font-size:16px;}
section .pocket h3{font-size:28px; line-height:34px;}
hgroup h2{font-size:32px; line-height:40px; margin-bottom:30px;}
section .filter{padding-top:30px; padding-bottom:10px;}
section .trusted{margin-bottom:15px;}
section .trust{padding-top:15px; padding-bottom:15px;}
section .trust h3{font-size:24px;}
section .trusted small{margin-bottom:0;}
section .trusted span{font-size:16px; line-height:22px;}
section .trial h3{font-size:24px; line-height:30px;}
section .trusted strong{font-size:32px; line-height:40px; margin-bottom:0;}
section .trial a{padding:10px 20px; font-size:16px; width:auto;}
footer{padding-top:30px;}
footer .footer{margin-bottom:10px;}
section .industry ul li{width:25%;}
section .industry ul li .overlay .text{font-size:14px;}
.half-img{width:50%;}
footer .copy-right span{font-size:15px;}
}

@media screen and (max-width: 359px) {
.banner .caption.multiple .manage li span i{font-size:16px;}
.banner .caption.multiple .manage li:first-child span i{font-size:14px}
.banner .caption.multiple .manage li span{margin-right:2px;}
.sub-menu ul li a{font-size:17px;}
section .tilde2{right:25px;}

}









.customCalloutStyle div, .customCalloutStyle td{
border: solid 1px white;
background-color: #ccc;
font-family: Arial;
font-size: 11px;
font-weight:bold;
color:White;

}

.customCalloutStyle td img
{
    padding-right:10px !important;
    }




ajax__validatorcallout_close_button_cell
{
    padding:10px !important;
    }
    


.customCalloutStyle div, .customCalloutStyle td
{
    border: solid 1px Black;
    background-color: Silver;
}
.customCalloutStyle .ajax__validatorcallout_popup_table
{
    display: none;
    border: none;
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_popup_table_row
{
    vertical-align: top;
    height: 100%;
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_cell
{
    width: 20px;
    height: 100%;
    text-align: right;
    vertical-align: top;
    border: none;
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_table
{
    height: 100%;
    border: none;
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_table_row
{
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell
{
    padding: 8px 0px 0px 0px;
    text-align: right;
    vertical-align: top;
    font-size: 1px;
    border: none;
    background-color: transparent;
}
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv
{
    font-size: 1px;
    position: relative;
    left: 1px;
    border-bottom: none;
    border-right: none;
    border-left: none;
    width: 15px;
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div
{
    height: 1px;
    overflow: hidden;
    border-top: none;
    border-bottom: none;
    border-right: none;
    padding: 0px;
    margin-left: auto;
}
.customCalloutStyle .ajax__validatorcallout_error_message_cell
{
    font-family: Verdana;
    font-size: 10px;
    padding: 5px;
    border-right: none;
    border-left: none;
    width: 100%;
    color :Red ;
}
.customCalloutStyle .ajax__validatorcallout_icon_cell
{
    width: 20px;
    padding: 5px;
    border-right: none;
}
.customCalloutStyle .ajax__validatorcallout_close_button_cell
{
    vertical-align: top;
    padding: 0px;
    text-align: right;
    border-left: none;
}
.customCalloutStyle .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv
{
    border: none;
    text-align: center;
    width: 10px;
    padding: 2px;
    cursor: pointer;
}


.formWrapper
{
    outline: none;
    border: 3px solid white;
    border-color: #929292;
    cursor: pointer;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background-color: Black;
}
.formOuterDiv
{
    background-color: #6F6E6E;
    background-image: -moz-linear-gradient(#4D4C4C, #4D4C4C);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4D4C4C), to(#4D4C4C));
    background-image: -webkit-linear-gradient(#4D4C4C, #4D4C4C);
    background-image: -o-linear-gradient(#4D4C4C, #4D4C4C);
    text-shadow: 1px 1px 1px #0A0A0A;
    background-color: #454545;
}
.formInnerDiv
{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: Black;
    border-top: 1px solid #3D3B3B;
    border-bottom: 1px solid #202020;
}
.formHeaderDiv
{
    background-color: #6F6E6E;
    height: 20px;
    padding: 5px 5px 5px 10px;
    background-image: -moz-linear-gradient(#070707, #2C2B2B);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#070707), to(#2C2B2B));
    background-image: -webkit-linear-gradient(#070707, #2C2B2B);
    background-image: -o-linear-gradient(#070707, #2C2B2B);
    text-shadow: 1px 1px 1px #0A0A0A;
    background-color: #454545;
}
.formFooterDiv
{
    background-image: -moz-linear-gradient(#070707, #2C2B2B);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#070707), to(#2C2B2B));
    background-image: -webkit-linear-gradient(#070707, #2C2B2B);
    background-image: -o-linear-gradient(#070707, #2C2B2B);
    text-shadow: 1px 1px 1px #0A0A0A;
    background-color: #454545;
    height: 30px;
    margin: 0 auto !important;
}

.formHeaderText
{
    font-size: 12px !important;
    color: white !important;
    font-family: Arial !important;
   
}

.formContainer
{
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
}
.formContainer table
{
    margin: 0 auto !important;
}

.formCloseButton
{
    background: url('../images/fancybox.png') repeat scroll -40px 0 transparent;
    cursor: pointer;
    display: block;
    height: 32px;
    width: 30px;
    z-index: 1103;
    border: none;
    float: right;
    margin-top: -15px;
    margin-right: -15px;
}




.modalBackground
{
    background-color: rgb(20, 20, 20);
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.PogressBackground
{
    background-color: rgb(20, 20, 20);
    filter: alpha(opacity=90);
    opacity: 0.9;
    position: fixed; 
    vertical-align: middle; 
    text-align: center;               
    z-index: 1000;
    top: 0px; 
    left: 0px;  
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: 100%; 
    min-height: 100%;
    min-width: 100%;
}
.modalPopup
{
    background-color: Yellow;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}




.myStrong
{
    color: White !important;
    font-size: 12px !important;
    font-family: Arial !important;
    font-style: normal !important;
    font-weight: 200 !important;
}

.ModelPopUp
{
    padding-left: 20px;
    border-color: Black;
    background-color: white;
    background-size: auto 100%;
    width: 490px;
    height: 350px;
}
.myradio
{
    color: White !important;
    font-weight: normal;
    font-size:12px !important;
    font-family: Arial !important;
    line-height: normal !important;
 
    
}
.inputbox
{
    position: relative;
    background-color: rgb(34,34,34);
    font-size: 12px !important;
    font-family: Arial !important;
    
    margin-top: 2px;
    border: 1px solid rgb(60,60,60);
    color: #CCCCCC;
    -moz-box-shadow: inset 0px 1px 10px rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0px 1px 10px rgba(0, 0, 0, .2);
    box-shadow: inset 0px 1px 10px rgba(0, 0, 0, .2);
    top: 0px;
    left: 0px;
    resize:none;
   
}


.inputbutton
{ 
   
    position: relative;
    background-color:#1E90FF;
    font-size: 12px !important;
    font-family: Arial !important;
    padding: 2px 10px 2px 10px;
    border: 1px solid rgb(60,60,60);
    color: White;
    -moz-box-shadow: inset 0px 1px 10px rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0px 1px 10px rgba(0, 0, 0, .2);
    box-shadow: inset 0px 1px 10px rgba(0, 0, 0, .2);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    text-decoration:none !important;
    top: 0px;
    left: 0px;
}
.inputbutton:hover
{
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
    cursor: pointer;
}
.WhiteSpan
{
    color: White !important;
    font-size: 12px !important;
    font-family: Arial !important;
    text-shadow: 1px 1px 1px #0A0A0A;
}



.spinner {
    opacity: 0;
    display:none;
    width: 30px;
    height:15px;
    -webkit-transition: opacity 0.25s, max-width 0.45s;
    -moz-transition: opacity 0.25s, max-width 0.45s;
    -o-transition: opacity 0.25s, max-width 0.45s;
    transition: opacity 0.25s, max-width 0.45s;
   
    /* Duration fixed since we animate additional hidden width */
}
.has-spinner.active {
    cursor:progress;
      
}
.has-spinner.active .spinner {
    display:inline-block;
    opacity: 1;
    max-width: 50px;
      /* More than it will ever come, notice that this affects on animation duration */
}



.viewcont-main-free {
    position: relative;
    float: right;
    margin-right: 16px;
}
.view-userbuy-free {
    padding: 7px;
    background: #444;
    border: 0;
    color: #fff; margin-left:10px;
}
.viewdtls-user-free {
    display: none;
    position: absolute;
    top: -33px;
    background: #696969;
    width: 300px;
    padding: 5px;
    color: #fff;
    border-radius: 4px;
    left: 62px;
    z-index: 10; font-size:13px;
}
.viewdtls-user-free h3 {
    margin: 0;
    font-size: 20px;
    margin-bottom: 9px;    background: #333;
    padding: 6px;
}

    .loadinggif {    background:url('../../emp manager/web/images/ajax-loader.gif') no-repeat right center;}
    .viwe-dtlsbtn{ visibility:hidden;}

    @media (max-width:1300px){
        .user-tab {            margin: 35px 100px 0 0;}
        .user-tab > li > a {            padding: 0px 10px;}
    }
    @media (max-width:1200px){
        .user-tab {          margin: 35px 30px 0 0; }
        .user-tab > li > a {   font-size:14px;         padding: 0px 10px;}
    }
  
    @media (max-width:1100px){
        .user-tab {          margin: 35px 100px 0 0; }
        .user-tab > li > a  {    font-size: 13px;
            padding: 0px 6px;}
    }
    @media (max-width:1000px){
        .user-tab {          margin: 35px 80px 0 0; }
        .user-tab > li > a {    font-size: 10px;    padding: 0px 2px;}
    
    }
    @media (max-width:800px){
        .user-tab {          margin: 35px 100px 0 0; }
        .user-tab > li > a {    font-size: 10px;    padding: 0px 2px;}
    
    }
    @media (max-width: 767px){
        .mobileview-more{display: block;}
        .my-collapse a {padding: 9px; font-size: 15px;}
        .rytmenu-head button {    padding: 9px 20px;}
            .rytmenu-head img {      width: 90px;  }
    }