@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
img{max-width:100%;}
ul{list-style:none;}
/*html,body,#container,section.banner,section.features,section.pricing,section.security,section.about,section.support{height:100%;}*/
a:hover, a:focus{text-decoration:none; outline:none;}
body{font-family: 'Roboto', sans-serif;}
.container-fluid{padding-left:40px; padding-right:40px;}section{overflow:hidden;}
.btn-hd{margin:8px 2px;}
.btn:hover,.btn:active, .btn:focus{color:#fff; outline:none;}

.btn{ -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #005E99;
    border-color: -moz-use-text-color -moz-use-text-color #002F4D;
    border-image: none;
    border-radius: 3px;
    border-style: none none solid;
    border-width: medium medium 2px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin: 6px 6px 7px 0;
    padding: 5px 12px 7px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
    transition: all 0.4s ease-in-out 0s;}
/***********header & nav*********************/
header.head{background:#fff; box-shadow:0 0px 2px rgba(0, 0, 0, 0.6);-moz-box-shadow:0 0px 2px rgba(0, 0, 0, 0.6);-webkit-box-shadow:0 0px 2px rgba(0, 0, 0, 0.6);-o-box-shadow:0 0px 2px rgba(0, 0, 0, 0.6);}
nav.navbar{margin-bottom:0;}
nav.navbar ul li:last-child{margin-right:10px;}
.navbar-fixed-top{background:#fff; border-bottom:1px solid #ccc;}
.navbar-brand{padding:8px 15px;}
.navbar-toggle span{background:#106A82;}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: underline;
  background-color: rgba(0,0,0,0);
}
#login-form{    background: none repeat scroll 0 0 #FFFFFF;
    padding: 15px; z-index:9999; width:270px;
    position: absolute; right:0; display:none; top:40px;}
#login-form	label{display:block; margin:3px 0;}
#login-form	input{ margin:3px 0;}
.rem{margin-top:10px !important;}
.lloo{position:relative;}
.for{font-size:12px;}
.for:hover{cursor:pointer;}	
.navbar-header{margin-left:0 !important; margin-right:0 !important;}
.navbar-brand img{margin-left:6px;}
/***********header & nav*********************/
/*************banner*****************/	
.banner{background:url(../images/banner-bk.jpg) no-repeat; background-size:cover; padding-top:120px; padding-bottom:50px;}
.banner-image{margin-left: 163px;}
.banner-cont h2{color:#fff; font-size:35px; line-height:40px;font-family: 'Roboto', sans-serif;}
.banner-cont p{color:#fff; font-size:15px; line-height:160%;font-family: 'Roboto', sans-serif; font-weight:300;}
.btn-ban1{background-color: #E28620;border-bottom: 2px solid #A15E15;}
.btn-ban2{background-color: #005E99;border-color: -moz-use-text-color -moz-use-text-color #002F4D;}
.btn-lg{padding:15px 10px;  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); font-weight:bold; font-size:20px; width:45%;}/*************banner*****************/	
/*************banner bottom*****************/	
.btn-banner-bot{ -moz-box-sizing: border-box;
    background-color: #FFFFFF;
    border: 1px solid #005E99;
    border-radius: 3px;
    display: table;
    font-size: 20px;
    font-weight: 300;
    height: 80%;
    margin: 0 auto;
    padding: 5px 70px;
    position: relative;
    transition: all 0.4s ease-in-out 0s; margin-top:20px;margin-bottom:20px;   font-size: 20px;
    font-weight: 300;}
.btn-banner-bot:hover, .btn-banner-bot:focus{background-color: #005E99;
    color: #FFFFFF;
    text-decoration: none;}
/*************banner bottom*****************/	


/********************features******************/
.features h3{   color: #005E99;
    font-size: 34px;
    font-weight: 500;
    line-height: 45px;
    margin: 50px 0 0;
    padding: 0;
    text-align: center;}
.headline{  color: #000000;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.1;
    text-align: left;
	margin-bottom: 20px;
	}
.headline_img{ text-align:center;}	
.headline span{ background-color: #005E99;
    border-radius: 50%;
    color: #FFFFFF;
    display: inline-block;
    float: left;
    font-size: 24px;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    margin-right: 15px;
    position: relative;
    text-align: center;
    top: -10px;
    width: 40px;}
	ul.feat{padding-top:25px; margin-bottom:0;}
	ul.feat li{  display: inline-block;
    /*height: 200px;*/
    margin: 0;
    padding:0px;
    vertical-align: top;}
	
/*	div.image{margin-top:50px; clear:left; display:inline-block;}
li.step.one div.image{  background-image: url("../images/Usersnap_record_v3.gif");
    background-repeat: no-repeat;
    height: 193px;
    left: 0px;
    position: relative;
    width: 263px;}
li.step.two div.image{background-image: url("../images/element.png");
    background-position: left 0;
    background-repeat: no-repeat;
    height: 198px;
    left: 0px;
 
    position: relative;
    width: 316px;}
	
	
li.step.three div.image {
    background-image: url("../images/integrations.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 203px;
    margin-top: 35px;
    position: relative;
    width: 363px;
}
		
li.arrow{ background-image: url("../images/info_arrow.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 85px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 160px;
    width: 85px}
*/
#box1 {
    display:none;
}
#box1:target {
    display:block;
}
li.arrow{ background-image: url("../images/info_arrow.png"); background-repeat:no-repeat; vertical-align:middle;height: 70px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 115px !important;
    width: 68px; float:left; display:inline-block;}
div.image{padding:0 ;/* margin-top:25px;*/}
li.step_one .image{  background-image: url("../images/Usersnap_record_v3.gif");
    background-repeat: no-repeat; width:363px; height:203px; transform:scale(0.6);-moz-transform:scale(0.6);-webkit-transform:scale(0.6);-o-transform:scale(0.6); margin-left:-30px;
   }
  li.step_two .image{  background-image: url("../images/cloud.png");
    background-repeat: no-repeat; height:193px; transform:scale(0.6);-moz-transform:scale(0.6);-webkit-transform:scale(0.6);-o-transform:scale(0.6); width:320px;
   } 
li.step_three .image{  background-image: url("../images/integrations.png");
    background-repeat: no-repeat;  height:193px; transform:scale(0.7);-moz-transform:scale(0.7);-webkit-transform:scale(0.7);-o-transform:scale(0.7); width:363px;
   }
 
 
.step_three div.image a {
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 3px;
    display: block;
    height: 30px;
    position: absolute;
    transition: all 0.5s ease-in-out 0s;
    width: 110px;
}
  .step_three div.image a:hover{background:rgba(255,255,255,0.6);}
.step_three div.image a.email {
    left: 15px;
    top: 15px;
    width: 50px;
}
.step_three div.image a.basecamp {
    left: 95px;
    top: 15px;
    width: 115px;
}
.step_three div.image a.ontime {
    left: 230px;
    top: 15px;
}
.step_three div.image a.asana {
    left: 12px;
    top: 67px;
}
.step_three div.image a.redmine {
    left: 135px;
    top: 67px;
    width: 130px;
}
.step_three div.image a.jira {
    left: 270px;
    top: 67px;
    width: 85px;
}
.step_three div.image a.tfs {
    left: 15px;
    top: 115px;
    width: 125px;
}
.step_three div.image a.intercom {
    left: 147px;
    top: 115px;
}
.step_three div.image a.trac {
    left: 265px;
    top: 110px;
    width: 90px;
}
.step_three div.image a.fogbugz {
    left: 15px;
    top: 155px;
    width: 95px;
}
.step_three div.image a.activecollab {
    left: 120px;
    top: 155px;
    width: 120px;
}
.step_three div.image a.more {
    left: 251px;
    top: 158px;
    width: 100px;
}
.step_three div.image a span {
    display: none;
}  
   
   
   .feat-text{/*-moz-column-count: 2;-webkit-column-count: 2;
    -moz-column-gap: 40px;*/
    text-align: justify; font-size:18px; color: #525252; font-weight:300;
    font-family: 'Roboto', sans-serif;
    line-height: 160%;}
 .feat-text h4{   color: #005E99;
    font-size: 20px;
    font-weight: 500;
    margin-top: 20px;}  
	.feat-but{padding:35px 0 35px 0;}
   .btn-feat{padding:10px 50px;font-size: 20px;
    font-weight: 400; text-transform:none;}
/********************features******************/
/***************************pricing*****************************/
.pricing{/*padding-top:50px;*/ background:#fff;padding-bottom: 77px;}

.phone {
    background-image: url("../images/element.png");
    background-position: left -198px;
    background-repeat: no-repeat;
    float: left;
    height: 600px;
    margin: 50px 20px 0 -80px;
    width: 426px;
}
.price {
 /*   background-image: url("../images/dm-pricing-1.jpg");*/
    background-repeat: no-repeat;
    float: left;
    height: 273px;
    margin: 93px 20px 0 -80px;
    width: 426px;
}
.pricing .text{ padding-top:30px; }
.pricing .text h3{color: #005E99;
    font-size: 34px;
    font-weight: 500;
    line-height: 45px;
    margin: 50px 0 0;}
.pricing .text h4{color: #005E99;
    font-size: 16px;
    font-weight: 500;
    margin-top: 20px;}
.pricing .text p{color: #525252;
    font-size: 14px;
    font-weight: 300;
   }
   .price-but{margin-top:35px;}
   
.thum_icon{}
.thum_icon h4 {
    color: #005E99;
    font-size: 20px;
    font-weight: 500;
    margin-top: 20px;
}   
.thum_icon p{   color: #525252;
    font-family: 'Roboto',sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 160%;}
/***************************pricing*****************************/
/***************************security*****************************/
.security{background:#F6F7F7; border-bottom: 1px solid #CED3D3;border-top: 1px solid #CED3D3;}
.browsers {
    background-image: url("../images/element.png");
    background-position: left -997px;
    background-repeat: no-repeat;
    float: right;
    height: 578px;
    margin: 0px 0 0 30px;
    position: relative;
    width: 835px; margin-right:-250px;
}
.track{
	    /*background-image: url("../images/dm-lock-1_do.jpg");*/
    background-repeat: no-repeat;
    float: right;

    margin: 0px 0 0 30px;
    position: relative;
    width: 835px; margin-right:-250px;
	max-height:578px;
}

.browsers a {
    display: inline-block;
    height: 60px;
    left: 180px;
    position: absolute;
    top: 380px;
    width: 120px;
}
.browsers a span {
    display: none;
}
.browsers a.wordpress {
    left: 302px;
    width: 150px;
}
.browsers a.joomla {
    left: 454px;
    width: 160px;
}
.browsers a.django {
    left: 616px;
    width: 140px;
}

.security h3{color: #005E99;
    font-size: 34px;
    font-weight: 500;
    line-height: 45px;
   /* margin: 50px 0 0;*/
   margin:21px 0 19px;
    padding: 0;
    text-align: center;}


.security div.text {
    margin-top: 0px;
    text-align: right;
}
.security div.text h4 {
    color: #005E99;
    font-size: 16px;
    font-weight: 500;
    margin-top: 20px;
}


.security div.text p {
    font-size: 16px;
    margin-top: 5px;
	font-family: 'Roboto', sans-serif;
	font-weight:300; color:#525252;
}

.security div.text a {
    border-width: 0;
    color: #005E99;
    text-decoration: none;
}.security div.text a:hover {
    
    text-decoration: underline;
}
/***************************security*****************************/
/***************************about*****************************/
.about{
    background-color: #F6F7F7;
    border-bottom: 1px solid #CED3D3;
    border-top: 1px solid #CED3D3;
	padding-bottom: 55px;
}
.about h3 {
    color: #005E99;
    font-size: 34px;
    font-weight: 500;
    line-height: 45px;
    margin: 50px 0 0;
    padding: 0;
    text-align: center;
}

.about ul.flags {
    margin-bottom: 50px;
    text-align: center;
}

.about ul.flags li span {
    display: none;
}
.about ul.flags li.us {
   
    background-position: left -1831px;
}
.about ul.flags li.de {
    background-position: left -1575px;
}
.about ul.flags li.cz {
    background-position: left -1639px;
}
.about ul.flags li.dk {
    background-position: left -1703px;
}
.about ul.flags li.nl {
    background-position: left -1767px;
}
.about ul.flags li.us {
    background-position: left -1831px;
}
.about ul.flags li.hu {
    background-position: left -1895px;
}
.about ul.flags li.it {
    background-position: left -1959px;
}
.about ul.flags li.jp {
    background-position: left -2023px;
}
.about ul.flags li.kr {
    background-position: left -2087px;
}
.about ul.flags li.no {
    background-position: left -2151px;
}
.about ul.flags li.pl {
    background-position: left -2215px;
}
.about ul.flags li.pt {
    background-position: left -2279px;
}
.about ul.flags li.tr {
    
    background-position: left -2343px;
}
.about ul.flags li {
    cursor: pointer;
    display: inline-block; background-image: url("../images/element.png");
    height: 64px;
    margin-right:5px;
    padding: 0;
    width: 64px;
}


.about div.world {
    background-image: url("../images/element.png");
    background-position: left -2407px;
    float: left;
    height: 315px;
 	left: -250px ;
    margin-right: -240px;
    margin-top: 30px;
    position: relative;
    width: 701px;
}


.about h4 {
    color: #005E99;
    font-size: 20px;
    font-weight: 500;
    margin-top: 20px;
}
.about p{
font-family: 'Roboto', sans-serif;
	font-weight:300; color:#525252;
    font-size: 18px;
    line-height: 160%;

}
.about i {
    color: #747474;
    display: inline-block;
    font-size: 13px;
    padding: 10px 0 0 10px;font-family: 'Roboto', sans-serif;
	font-weight:300;
}
.btn-about{padding:10px 16px;font-size: 20px;
    font-weight: 400; text-transform:none;}
/***************************about*****************************/
/***************************support*****************************/

.support h3 {
    color: #005E99;
    font-size: 34px;
    font-weight: 500;
    line-height: 45px;
    margin:21px 0 19px;
    padding: 0;
    text-align: center;
}
.support ul.faces {
    list-style-type: none;
    margin: 50px 0 0;
    padding: 0;
    position: relative;
    text-align: center;
    z-index: 500;
}
.tab label{
    background-color: #F6F7F7;
    background-repeat: no-repeat;
   
    border: 2px solid #E28620;
    border-radius: 50%;  background-size: cover !important;
    cursor: pointer;
    display: inline-block;
    /*height: 164px;*/
    margin-right: 20px;
    transition: border-color 0.4s ease-in-out 0s;
   /* width: 164px;*/
   width: 129px;
   height: 127px;
}

.face_1 {
    background-image: url("../images/dm-about-1-michael.jpg") !important;
}

.face_2 {
    background-image: url("../images/dm-about-2-paul.jpg") !important;
}

.face_3 {
    background-image: url("../images/dm-about-3-anirudh.jpg") !important;
}

.face_4 {
    background-image: url("../images/dm-about-4-dutt.jpg") !important;
}
.face_5 {
    background-image: url("../images/dm-about-5-nicole.jpg") !important;
}
.support ul.faces li span {
    display: none;
}

.support .quotewrap {
    background-image: url("../images/info_quote_shadowTOP.png");
    background-position: center top;
    background-repeat: no-repeat;
    height:84px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 23px;
    position: relative;
    width: 793px;
}
.support .quotewrap .triangle {
    background-image: url("../images/element.png");
    background-position: left -2850px;
    height: 12px;
    left: 60px;
    margin-bottom: -12px;
    position: relative;
    top: -4px;
    transition: left 0.5s ease-in-out 0s;
    width: 65px;
}

.support .bottomshadow {
    background-image: url("../images/info_quote_shadowBTN.png");
    background-position: center top;
    background-repeat: no-repeat;
    height: 32px;
    margin: 0px auto 10px;
    overflow: hidden;
    width: 793px;
}
 blockquote {
    font-size: 21px;
    font-style: italic;
    line-height: 26px;
    margin: 0;font-family: 'Roboto', sans-serif;
	font-weight:300; 
    padding: 0px 80px 20px;border-left:none;
}
.content span {
    color: #005E99;
    display: block;
    font-size: 18px;
    font-weight: 500;
    padding: 0 80px 0 0;
    text-align:left;
	margin-left: 80px;
}
span.hh {
    bottom: -30px;
    color: #005E99;
    left: 0;
    margin-top: 0;
    position: relative;
    text-align: center;
    width: 100%;
}
/*.support .quotewrap ul li blockquote {
    font-size: 21px;
    font-style: italic;
    line-height: 26px;
    margin: 0;font-family: 'Roboto', sans-serif;
	font-weight:300; 
    padding: 55px 80px 20px;border-left:none;
}
.support .quotewrap ul li span {
    color: #005E99;
    display: block;
    font-size: 18px;
    font-weight: 500;
    padding: 0 80px 0 0;
    text-align: right;
}*/
.support .quotewrap ul li span:before {
    content: "– ";
}
.support .quotewrap ul {
    height: 250px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    transition: left 0.5s ease-in-out 0s;
    width: 3202px;
}
.support .quotewrap ul li {
    display: inline-block;
    height: 250px;
    margin: -30px 0;
    padding: 0;
    transition: opacity 0.5s ease-in-out 0s;
    width: 793px;
}
.support ul.faces li:hover {
    border-color: #005E99;
}
.nav-tabs > li.active > a:after{background:#000; display:block; }
.nav-tabs a{width:150px; height:150px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{background:rgba(51,51,51,0); border:0 !important;}
.nav-tabs.nav-justified > li > a{border:0;}
.nav-tabs.nav-justified > li > a{}

/*.support .container{overflow:hidden;}*/
/***************************support*****************************/
/***************************foot up*****************************/
.foot_up{background-color: #F6F7F7;
    border-top: 1px solid #C1C1C1;
    padding:40px 0 47px;}
.foot_up h3 {
    color: #005E99;
    font-size: 34px;
    font-weight: 500;
    line-height: 45px;
    margin: 0px 0px 20px;
    padding: 0;
    text-align: center;
}
.foot_up p{
	   color: #525252;
    font-family: 'Roboto',sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 160%;
	}
.foot_up .or {
    font-size: 20px; padding:0 20px; font-family: 'Roboto', sans-serif;
	font-weight:300; color:#919191;
}


/***************************foot up*****************************/
/***************************footer*****************************/
footer.foot{  background-color: #E2E4E4;
    border-top: 5px solid #C1C1C1; }
footer ul.footmenu{padding:50px 0 40px;}
footer ul.footmenu li {
    display: inline-block;
    font-size: 22px;
    font-weight: 500;
    margin: 0;
    padding: 0;

    vertical-align: top;
    width: 19.5%;
}	
	
footer ul.footmenu li a {
    border-width: 0;
    color: #005E99;
    text-decoration: none;
}
footer ul.footmenu li a:hover{text-decoration:underline;}
footer .copynotice {
    border-top: 1px solid #A5A5A5;
    color: #626262;
    font-size: 12px;
    margin: 0 auto;
    padding: 20px;
    position: relative;
    text-align: right;

}

footer .copynotice ul.socialmedia {
    display: inline-block;
   
    list-style-type: none;
    margin: 0;
    max-width: 50%;
    padding: 0;
  float:left;
    text-align: left;
   
}
footer .copynotice ul.socialmedia li{margin:0 5px; display:inline-block; float:left; }
.up{background:#E28720; width:45px; height:45px; border-radius:50%; border:2px solid rgba(0,0,0,0.2); position:fixed; right:15px; bottom:40px; display:block; transform:rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg); z-index:9999; color:#fff; font-size:24px; padding-left:13px; line-height:34px; font-weight:600; opacity:0; transition:all ease-in-out 0.6s;}
.up:hover{border-color:rgab(0,0,0,0.8); background:#EFA24F; color:#ccc;}
.socialmedia li:hover{opacity:0.8;}

.chataa{-moz-box-sizing: content-box;
    -moz-user-select: none;
    background-color: #005E99;
    background-position: 10px 7px;
    background-repeat: no-repeat;
    border-radius: 3px 3px 0 0;
    border-top: 2px solid #006EB3;
    bottom: 0;
    color: #FFFFFF;
    cursor: pointer;
    font-family: 'Roboto',sans-serif;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0 10px 0 44px;
    position: fixed;
    right: 30px;
    text-align: left;
    text-shadow: none;
    transition: background-color 0.2s ease-in-out 0s;
    width: auto;
    z-index: 2147483636;}
#chat-bod{}

#panel,#flip
{
padding:5px;
text-align:center;
cursor:pointer;
}
#panel
{

display:none;
}
.chhaatt{position:fixed; bottom:0; right:40px;text-align: left; margin: 0;
    padding: 0 10px 0 10px; background-color: #005E99;
    z-index:999999;
    
    border-radius: 3px 3px 0 0;
    border-top: 2px solid #006EB3;
   
    color: #FFFFFF;
    text-shadow: none;
    transition: background-color 0.2s ease-in-out 0s;}
	.btn-success {
  color: #ffffff;
  background-color: #5cb85c !important;
  border-color: #4cae4c !important;
}
/***************************footer*****************************/


  .tabs {
      position: relative;   
      /*min-height: 250px;*/ /* This part sucks */
	  min-height:239px;
      clear: both;
    /*  margin: 25px 0;*/
	padding-left: 105px;
    }
    .tab {
      float: left; margin-left:0%;
    }
    .tab label {
      background: #eee; 
      padding: 10px; 
      border: 1px solid #ccc; 
      margin-left: -1px; 
      position: relative;
      left: 1px; 
    }
    .tab [type=radio] {
      display: none;   
    }
    .content {
      position: absolute;
      
      left: 0;
      background: white;
      right: 0;
     /* bottom: -160px;*/
	/* top: 168px;
      padding: 45px 20px 20px 20px;*/
	   background-image:url(../images/info_quote_shadowTOP.png); background-position:center top; background-repeat:no-repeat;
    
      
      overflow: hidden;
	  
	  

    padding: 30px 20px 20px;
    top: 149px;
	  
	  
	  
	  
    }
    .content > * {
      opacity: 0;
      
      -webkit-transform: translate3d(0, 0, 0);
    
      -webkit-transform: translateX(-100%);
      -moz-transform:    translateX(-100%);
      -ms-transform:     translateX(-100%);
      -o-transform:      translateX(-100%);
      
      -webkit-transition: all 0.6s ease;
      -moz-transition:    all 0.6s ease;
      -ms-transition:     all 0.6s ease;
      -o-transition:      all 0.6s ease;
    }
    [type=radio]:checked ~ label {
      background: white;
      border-bottom: 1px solid white;
      z-index: 2;
    }
    [type=radio]:checked ~ label ~ .content {
      z-index: 1;
    }
    [type=radio]:checked ~ label ~ .content > * {
      opacity: 1;
      
      -webkit-transform: translateX(0);
      -moz-transform:    translateX(0);
      -ms-transform:     translateX(0);
      -o-transform:      translateX(0);
    }
	.readmore_button{ display:none;}
/*********************responsive****************************/
@media screen and (max-width:1025px)
{
.btn-lg{font-size:14px;}
.row{margin-left:0; margin-right:0;}
}
@media screen and (max-width:980px)
{
.banner-image{margin-left:0; text-align:center;}	
.arrow{display:none !important; }	
.step_three{margin-left:25% !important;}
ul.feat li{margin-top:10px; margin-bottom:40px;}
.browsers{width:100%; margin-right:0; margin-left:0; margin-bottom:15px;}
.text:after,.text:before{line-height:0; display:table; content:"";}	
.text:after{clear:both;}
.text:before{clear:both;}
.about div.world{width:100%; float:none; margin-left:0; margin-right:0; margin:0 auto; left:0;}
.about{text-align:center;}
.text{text-align:center !important;}.world
.world:after,.world:before{line-height:0; display:table; content:"";}	
.world:after{clear:both;}
.support ul.faces li{width:130px; height:130px;}
.phone{margin:0 auto; width:100%;text-align:center; left:0;}
.foot_up .or{display:block; width:100%;}
ul.feat{margin:15px 0 35px;}
.tab label{width:80px; height:80px;  margin-left: 30px;}
span.hh {}
}
@media screen and (max-width:800px)
{
.container-fluid{padding:0; width:98%;}	
.feat-text{margin-left:0; margin-right:0;}
.tab label{width:80px; height:80px;  margin-left: 20px;}
	.track{ width: 100%; margin:0;text-align:center;}
.track img{ text-align:center;}
.price{ width: 100%; margin:0;text-align:center;}
.price img{ text-align:center;}
.thum_pic_two{ text-align:center;}
.thum_pic_two img{ width:200px; text-align: center;}
.navbar-brand img {
    margin-left: 79px;
}
}
@media screen and (max-width:768px)
{
.nav{text-align:center;}
.tab label{width:80px; height:80px;  margin-left: 20px;}
.tabs{min-height:245px;}
blockquote{padding:0;}
.navbar-collapse{border-top:1px solid #ccc;}
#login-form{left: 30%;
    position: absolute;
    right: 30%;}
	.support .bottomshadow{width:100%;}
	
	.track{ width: 100%; margin:0;text-align:center;}
.track img{ text-align:center;}
.price{ width: 100%; margin:0;text-align:center;}
.price img{ text-align:center;}
.thum_pic_two{ text-align:center;}
.thum_pic_two img{ width:200px; text-align: center;}
}
@media screen and (min-width:481px) and (max-width:680px)
{
	.step_one{margin-left:25% !important;}.step_two{margin-left:25% !important;}.step_three{margin-left:25% !important;}
}
@media screen and (max-width:480px)
{
.btn-lg{width:80%; margin:10px auto; margin-left:10%;}
.row{margin-left:0; margin-right:0;}
.step_three{margin-left:0 !important;}
.feat-text{-moz-column-count:1;}
.btn-feat{width:80%; margin:10px auto; margin-left:10%;}
.btn{font-size:13px;}
.phone{transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);-webkit-transform: scale(0.8);}
.browsers{transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);-webkit-transform: scale(0.8);}
.about div.world{transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);-webkit-transform: scale(0.8);}
.support .quotewrap ul li{margin:15px 0; width:100%;}
.support .quotewrap ul li blockquote{padding:10px 0 0 ; font-size:13px; }
.triangle{display:none;}.support .quotewrap ul{width:100%; height:220px; margin-top:10px; overflow:hidden;}
.quotewrap{width:100% !important;}
.support .quotewrap ul li span{font-size:13px;}
.foot_up h3{font-size:20px; line-height:normal;}
footer ul.footmenu li{display:block; float:none; width:100%;}
.support h3{font-size:20px; line-height:normal;}
.about h3{font-size:20px; line-height:normal;}
.security h3{font-size:20px; line-height:normal;}
.pricing .text h3{font-size:20px; line-height:normal; margin-top:0px;}
.features h3{font-size:20px; line-height:normal;}
.banner-cont h2{font-size:22px; line-height:normal; text-align:center;}
.banner-cont p{ text-align:center;}
.feat-text h4{ text-align:center;}
.content span{ margin-left:2px;}
.thum_icon h4{ text-align:center;}
.thum_icon p{ text-align:center;}
div.image{margin:0 !important;}
ul.feat {margin: 0 0 35px;}
.browsers{margin-top:0px;}
.support .bottomshadow{width:100%;}	
.about i{font-size:10px;}
.up{display:none;}
ul.feat li{width:100%;}
li.step_one .image{width:100%;}
.tabs {
    min-height: 350px;
}
blockquote{font-size:14px; }
.content span{padding:0; font-size:12px;}
.support .quotewrap{height:0;}
#login-form{left: 10%;
    position: absolute; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);-o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);-ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    right: 10%;}
.chhaatt{display:none;}	
.track{ width: 100%; margin:0;text-align:center;}
.track img{ text-align:center;}
.price{ width: 100%; margin:0;text-align:center;}
.price img{ text-align:center;}
.thum_pic_two{ text-align:center;}
.thum_pic_two img{ width:200px; text-align: center;}
/*#Features{ height:auto!important;}
#Security{ height:auto!important;}
#Pricing{height:auto!important;}*/
.readmore_button{ display: block;margin:10px auto  !important;width: 91px; }
}
@media screen and (max-width:360px)
{
.readmore_button{ display: block;margin:10px auto  !important;width: 91px; }
.navbar-brand img {margin-left: 65px;width: 173px;}
}
@media screen and (max-width:320px)
{
.readmore_button{ display: block;margin:10px auto  !important;width: 91px; }	
.step_three	.image{margin-left:-35px !important;}
	.btn-about{padding:10px;}
	.navbar-brand img {
    margin-left: 79px;
	width:100px;
}

}


#container{
	position: relative;
	
}

/* Menu Button */

.menu-btn{
	width: 75px; 
/*	margin-bottom:0px; 
	margin-top:5px; */
/*	float:left; */
/*	margin-right:15px;*/
	padding: 10px;
	margin: 5px 15px 0 5px;
	background: #000; /*position:fixed;*/
	color: #FFF;
	text-align: center;
	cursor: pointer; z-index:99999;
	position: fixed !important;
	z-index:9999;
}

.menu-btn:hover{
	background: #00b4ff;
	color: #FFF;
}
html{overflow-x:hidden;}

.pushy{
    position: fixed;
    width: 280px;
    height: 100%; padding:25px 40px;
    top: 0;
    z-index: 9999;
    background: #333332;
    font-size: 0.9em;
    font-weight: bold;
    -webkit-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
    -moz-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
    box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
    overflow: auto;
    -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */
}
/*.pushy ul{padding-top:35px;}*/
.pushy a{
    display: block;
    color: #91A8BA; font-size:16px; font-weight:400;
    padding: 15px 30px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
/*    border-top: 1px solid rgba(255, 255, 255, .1);*/
    text-decoration: none;
}

.pushy a:hover{
  /*  background: #00b4ff;*/
    color: #FFF;
}

/* Menu Movement */

.pushy-left{
    -webkit-transform: translate3d(-280px,0,0);
    -moz-transform: translate3d(-280px,0,0);
    -ms-transform: translate3d(-280px,0,0);
    -o-transform: translate3d(-280px,0,0);
    transform: translate3d(-280px,0,0);
}

.pushy-open{
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.container-push, .push-push{
    -webkit-transform: translate3d(280px,0,0);
    -moz-transform: translate3d(280px,0,0);
    -ms-transform: translate3d(280px,0,0);
    -o-transform: translate3d(280px,0,0);
    transform: translate3d(280px,0,0);
}

/* Menu Transitions */

.pushy, #container, .push{
    -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
    -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
    -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
    transition: transform .2s cubic-bezier(.16, .68, .43, .99);
    /* improves performance issues on mobile*/
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}

/* Site Overlay */

.site-overlay{
    display: none;
}

.pushy-active .site-overlay{
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 280px;
    z-index: 9999;
}

/* Example Media Query */

@media screen and (max-width: 768px){
    .pushy{
        font-size: 1.0em;
    }
}

.cclose{margin-top:-15px !important; background:rgba(0,0,0,0); font-size:18px; padding:0px !important; width:20px; float:right !important; position:relative !important;}

@media screen and (min-width:1800px){
.container-fluid{width:1400px; margin:0 auto; padding:0;}	
	
}