@charset "utf-8";
/* CSS Document */

/* straing Home banner stylys*/
 body, html{ height:100%;} 
 
 
 .helpdesk-bg {
    background: url(../img/bg/help-desk-bg.png) repeat top center;
    background-color: #1a4176;
}
.header-new { position:absolute; top:0; left:0; z-index:9; background:rgba(0,0,0,0.3); width:100%;  padding:0;}
.header-new .logo{ margin-right:80px; float:left; margin-top:7px;}
.mm-tb-xl { padding:70px 0 70px 0; font-size:25px}
.mm-tb-xxl { padding:80px 0 ; font-size:26px}
.pm-b-xl {margin-bottom: 40px;}
.pm-t-xl { margin-top: 40px; }
.pm-t-xxl {padding:0px 0 100px 0; }
.sm-t-xxl {  margin-top: 50px;}
.sm-t-xxxl { margin-top: 80px;}
.sm-tb-xl { padding:0px 0 20px 0; }
.test-b-p { padding-bottom:40px}
.planshead { display:none}
 .numhigh { background:url(../img/under-line.svg) center bottom no-repeat ; font-size:24px; padding: 5px 0px; }
 .latestupdates hr { border-top: 1px solid #e9eff2; border-bottom:0px; border-right:0px; border-left:0px;
    margin-top: 20px;
    margin-bottom: 0px;
} 

.pridisable { color:#EBEBEB !important}
  .dateblog {
    background: #fff;
    float: left;
    font-size: 22px;
	font-weight:500;
    height: 60px;
     margin: 0px 10px 20px 0;
    text-align: center;
    width: 60px;
    border: solid 1px #ddd;
   padding: 5px 2px;
    border-radius: 4px;
	 color: #403e3e;
}


    .slide-out-div {
      padding: 30px 24px;
      width: 280px;
      background: #FCFCFC;
      border: #a0a1a9 1px solid;
	  border-radius: 4px 4px 0px 0px;
	  z-index: 9;
    }
	a.tts {text-decoration:none; color:#fff; font-size:15px; padding:20px}
	a.tts:hover { text-decoration:none}
	a.sales { float:left; background:#46a959; padding:16px 6px; font-size:14px; font-weight:bold; color:#fff; width:84px; margin-right: 3px; text-align:center; border-radius:4px}
	a.sales:hover { background:#3b944b; }
	
	a.support { float:left; background: #00a1ed; padding:16px 6px; font-size:14px; font-weight:bold; color:#fff; width:100%; margin-right: 3px; text-align:center; border-radius:4px}
    a.support:hover { background: #0790d1; }




.mobilecrm-bg {
	
	  background: url(/img/bg/mobile-bg.png) repeat top center;
     background-color: #095473;
}

.resouces-bg {
	
	  background: url(/img/bg/geometry.png) repeat top center;
     background-color: #3b3462;
}

.team-bg {
	
	  background: url(/img/bg/geometry.png) repeat top center;
     background-color: #1950a1 ;
}


.bloglabel {  position: absolute; border: 0px solid #C9C9C9; padding: 4px 6px; left: -39px; top: 150px; border-radius: 4px 0px 0px 4px;  font-size: 11px; text-align: center; color:#fff;
background: #808080; display:none }

.bloglabel span { font-size:18px; font-weight:700px; }
.bloglabel .month { font-size:14px; font-weight:700px; }
.bloglabel hr { border-bottom: 1px solid #AFAFAF; border-top: 0px solid #fff; border-right: 0px solid #fff; border-left: 0px solid #fff; margin:1px;}

.pulabel {  position: absolute; border: 0px solid #C9C9C9; padding: 4px 6px; right: -53px; top: 150px; border-radius: 0px 4px 4px 0px;  font-size: 11px; text-align: center; color:#fff;
background: #808080 }

.pulabel span { font-size:12px; font-weight:700px; }
.pulabel .month { font-size:12px; font-weight:700px; }
.pulabel hr { border-bottom: 1px solid #AFAFAF; border-top: 0px solid #fff; border-right: 0px solid #fff; border-left: 0px solid #fff; margin:1px;}



.pulabel2 {  position: absolute; border: 1px solid #e9eff2; padding: 4px 6px 1px 6px; right: -59px; top: 213px; border-radius: 0px 4px 4px 0px;  font-size: 11px; text-align: center; color:#403E3E;
background: #EEEEEE;}

.pulabel2 span { font-size:12px; font-weight:700px;  }
.pulabel2 .month { font-size:12px; font-weight:700px; }
.pulabel2 hr { border-bottom: 1px solid #AFAFAF; border-top: 0px solid #fff; border-right: 0px solid #fff; border-left: 0px solid #fff; margin:1px;}


.dateblog span {
    display: block;
    font-size: 10px;
	
    color: #8f8f8f;

}

.media {
    margin-top: 35px !important;
}

.dateblog p {
    margin-bottom: 20px;
}

.dateblog h4 {
    font-weight: 500;
    margin-bottom: 0;
    text-align: left;
}

.pudate { font-size:18px; padding:35px 0 20px 0 ; }
.media-heading { margin-top: 0; margin-bottom: 10px !important;}
.media-heading  a { color: #403E3E; transition: all .5s ease-in-out; line-height:26px }
.media-heading  a:hover { color: #337ab7; }

  ul.pu,  ul.pu li   { list-style:outside; list-style-type:circle; margin-left:10px; margin-bottom:11px;}
  
  .cusspeaks {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 14px;
    border-left: 0px solid #eee;
}

.mm-t-xxxl {margin-top: 50px;}

.txtcahe { font-size:30px}
.txtcap { text-transform:uppercase;}
.compro { font-size: 13px; font-style:italic; position: relative; top: 10px; color: #999;}
.bannerimagenew { margin:0 auto; cursor:pointer; width:1200px; height:auto; padding:65px 0 }
.testbox {border:1px solid #E8E8E8; padding:15px 15px 0px 15px !important; border-radius:4px; background:#fff url(../img/agile-crm-cloud.jpg)  no-repeat  283px 17px ; background-size:20px; margin:10px 0}
.testbg { background-color: #F9F9F9; padding:20px 0 }

.sideline {
    border-left: 1px solid #e9eff2;
    width: 915px; padding-left: 71px;
}

.pubadge {    position: absolute;
    border: 0px solid #c9c9c9;
    padding: 4px 6px;
    left: -90px;
    top: -55px;
    border-radius: 4px 4px 4px 4px;
    font-size: 11px;
    text-align: center;
    color: #fff;
    background: #403E3E;
}

.pubadge hr {
    border-bottom: 1px solid #666666;
    border-top: 0px solid #fff;
    border-right: 0px solid #fff;
    border-left: 0px solid #fff;
    margin: 4px 0px 6px 0px;
}

.pubadge span {
    font-size: 18px;
    font-weight: 700px !important;
}

.pubadge .month {
    font-size: 14px;
    font-weight: 700px !important;
}

/*pricing new*/
.pricing  {
    text-align: center;
    border: 1px solid #f0f0f0;
    color: #777;
    font-size: 12px;
    padding-left: 0;
    
	height: 930px;
	border-radius: 4px; margin-bottom:0px
    
}


.pricing1  {
    text-align: center;
    border: 1px solid #f0f0f0;
    color: #777;
    font-size: 12px;
    padding:40px 20px;
    height: auto;
	border-radius: 4px; margin-bottom:0px
    
}



.shadow  {
   box-shadow: 0px 0px 0px rgba(0, 0, 0, .2);
   border: 2px solid #6CB9EE ; 
    
}



.pricing-fea  {
  
    padding: 20px 0px;
   
}

.pricing-but  {
  
    padding: 10px 0px 14px 0px;
   
}

.pricing1-but  {
  
    padding: 20px 0px 0px 0px;
   
}

.priceline { border-bottom:1px solid #ededed; border-top:0px solid #f0f0f0; border-left:0px solid #f0f0f0;border-right:0px solid #f0f0f0; margin:0px 0px 15px 0px; }

.price-head  {
    text-align: center;
    border: 0px solid #f0f0f0;
    font-size: 13px;
    padding: 10px 0px; background: #F0F0F0;        
}

.fea-head {font-size: 20px; color:#333333!important; padding: 0px 0px 7px 0px!important;}
.pricing-fea li:first-child, .pricing-fea li:last-child {
    padding: 20px 13px;
}
.pricing li:first-child, .pricing li:last-child {
    padding: 0px 13px 0px 13px;
}

.botpad { position: absolute;  bottom: 20px;  left: 0;  right: 0; margin: 0 30px;} 
.pricing li {
    list-style: none;
    padding: 13px;
	color: #979797;
}

.pricing li + li {
    border-top: 1px solid #f0f0f0;
}

.pricing-fea li {
    list-style: none;
    padding: 0px 13px;
	color: #ADADAD;
}
.pricing-fea li + li {
    border-top: 0px solid #f0f0f0;
}
.p-green big, .p-green h3 {
    color: #4c7737;
}
.pricing big {
    font-size: 20px;
	color: #333333;
}

.pricing1 .phead {
    font-size: 22px;
	color:#858585;padding-bottom: 30px;
}

.pricing1 .ppro {
    font-size: 22px;
	color:#4b4b4b;
}

.mostp { padding-bottom:10px; color:#0aa1ec}

.pricing .peragent {
    font-size: 12px;
	color: #333333;
}

.pricing1 .desc {
   font-size: 16px;
    color: #858585;
}

.pricing1 hr {
	border-bottom: 1px solid #ededed;
    border-top: 0px solid #f0f0f0;
    border-left: 0px solid #f0f0f0;
    border-right: 0px solid #f0f0f0;
    
	margin: 30px 0px;
	
}

.pricing small {
    font-size: 14px;
}
.pricing span {
    font-size: 12px;
    color: #999;
    font-weight: normal;
}

.pricing h3 {
    margin-bottom: 0;
    font-size: 36px;
}


.pricing1 h3 {
    margin-bottom: 0;font-family: avenir-regular;
    font-size: 35px; color:#515353;font-weight: 500;-webkit-text-stroke: 0.3px #fff;font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;

}
.pricing button {
    width: 100%;
    margin: 10px auto;
    font-size: 13px;
    font-weight: 400;
    border-radius: 4px;
    color: #777;
    padding: 10px 24px;
    background: #fff;
    opacity: 1;
	text-transform:uppercase;
   
    border: 1px solid #DCDCDC ;
    outline: none;
}

.pricing button:hover {
    
    background: #F1F1F1 ;
	transition: all 0.5s ease-out;
	color: #222; 
	border: 1px solid #D7D7D7 ;
   
}




.pricing1 button.blue {
    width: 100%;
    margin: 10px auto;
    font-size: 15px;
    border-radius: 3px;
    color: #fff;
    padding: 18px 24px 12px 24px;
    background: #0aa1ec;
    opacity: 1;
	text-transform:uppercase;
    border: 1px solid  #0aa1ec ;
    outline: none; 
	transition: all 0.5s ease-in;
}

.pricing1 button.blue:hover {
    
    background: #0e84bf ;
	transition: all 0.5s ease-out;
	color: #fff;
	border: 1px solid #097cb5 ;
   
}

a.compareplans {
    font-size: 14px;
    position: relative;
    top: 20px;
    color: #0aa1ec;float: right;
}

a.compareplans:hover {
    position: relative;
    top: 20px;
    color: #0e84bf ;transition: all 0.5s ease-out;
}

.pricing1 a:focus {
    outline: none ;
    
    outline-offset: 2px;
}

.pricing1 button {
    width: 100%;
    margin: 10px auto;
    font-size: 15px;
    border-radius: 3px;
    color: #0aa1ec;
    padding: 18px 24px 12px 24px;
    background: #fff;
    opacity: 1;
	text-transform:uppercase;
    border: 1px solid  #0aa1ec ;
    outline: none; transition: all 0.5s ease-in; 
}

.pricing1 .circle { border-radius: 50%;
    border: 1px solid #0C80FF;
    color: #0C80FF;
    padding: 1px 3px 0px 3px;
    position: relative;
    bottom: 8px;
    font-size: 10px;
    font-style: normal;
	-webkit-text-stroke: 0px #fff;
	
	}

.pricing1 button:hover {
    
    background: #f5f5f5 ;
	transition: all 0.5s ease-out;
	color: #097cb5;
	border: 1px solid #097cb5 ;
   
}

.pricpad { padding-right: 3px ;padding-left: 3px}

.pricpad2 { padding-right: 0px ;padding-left: 3px}

.pricpad1 { padding-right: 3px; padding-left: 0px}

/*pricing new ends*/
.extrabox big {
    color: #333333;
    font-size: 16px;
    line-height: 42px;
}
.extrabox  {
    text-align: center;
    border: 1px solid #ededed;
    color: #777;
    padding-left: 0;
    padding-bottom: 10px;
	border-radius: 10px; margin-bottom:0px
    
}
.extrabox p  { margin: 20px 0 10px 0px !important ; } 
.pricing2  {
    text-align: center;
    border: 1px solid #ededed;
    color: #777;
    padding-left: 0;
    padding-bottom: 10px;
	height: 265px;
	border-radius: 10px; margin-bottom:0px
    
}
.pricing2 ul {
    list-style: none;
    padding: 0px;
	
}
.pricing2 li {
    list-style: none;
    padding: 0px;
	color: #8f8f8f;
	font-size: 13px !important;
	
}


.pricing2 big {
    font-size: 16px;
	color: #333333;
	line-height: 42px;
}

.pricing2 bighead {
    font-size: 16px;
	color: #0aa1ec;
	line-height: 42px;
}
.pricing2 small {
    font-size: 14px;
}
.pricing2 span {
    font-size: 13px;
    color: #999;
    font-weight: normal;
}

.pricing3 h3 {
    margin-bottom: 0;
    font-size: 36px; display:none;
}
.pricing3 .frice {
    margin-bottom: 0;
    font-size: 36px;
}

.pricing3 a.getstarted {
    width: 190px;
    margin: 0px auto 10px auto;
    font-size: 16px;
    font-weight: 700;
    border-radius: 4px;
    color: #fff;
    padding: 15px;
    background-color: #00a1ed;
    opacity: 1;
	text-transform:uppercase; display:block;   
    border: 0px solid #DCDCDC ;
    outline: none;
}
.nav>li>a:focus {
    text-decoration: none;
    background: none; 
}
.pricing3 a.getstarted:hover {
    
    background: #188cc2; ;
	transition: all 0.5s ease-out;
	color: #fff; 
	border: 0px solid #D7D7D7 ;
   
}

.affileate-bg {
    background: url(/img/bg/geometry.png) repeat top center;
    background-color: #177983;
}



/*pricing new 2 ends*/

.testimonial-item {
    position: relative;
}

.testimonial-text {
    font-size: 18px;
    margin-bottom: 40px;
    line-height: 1.3;
}

.author-info-wrap {
    position: relative;
}


.display-flex.content-center {
    justify-content: center;
}

.display-flex {
    display: flex;
    align-items: center;
}

.testimonial-img-author {
    border-radius: 100%;
    overflow: hidden;
    margin-bottom: 5px;
    float: left;margin-right: 30px;
}

.author-name {
    font-size: 18px;
    color: #515353;
    margin-bottom: 5px;
	margin: 0;line-height: 1.5;
}

.author-company {
    font-size: 12px;
    color: #797676;
}

/*pricing new 2 ends*/

.pluginbor { border:1px solid #BBBBBB; border-radius:4px; padding:15px}
 .navtab > li > a {
    padding: 10px 20px;
    color: #6D6D6D !important;
	border: 1px solid #fff ;
}

.nav-pills>li {
    display: inline-block!important;
    padding: 10px!important; float:none!important;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #0AA1EC!important;
    background-color: #fff;
	border: 1px solid #0AA1EC; border-radius:4px;
}

.navtab > li > a:hover {
    color: #0AA1EC!important;
    background-color: #fff;
	border: 1px solid #0AA1EC; border-radius:4px;
	
}

.videores { width:570px; height:321px } 

.navtab > li.active { color: #1370E0 !important;}

.p-green button {
    background: #4c7737;
}
.nav-main .nav > li > a {  padding:15px 20px; font-size:14px;}
.nav > li > a:hover { color:#0aa1ec !important;}

.tryit-btn{ border:dashed 1px #fff; transition: all 0.3s ease-in-out; border-radius:3px;}
.tryit-btn:hover{ border:dashed 1px #fff;}

.home-banner{ background:url(../img/home-banner.jpg) no-repeat top center/cover; width:100%; height:100%; margin-bottom:40px; position:relative; z-index:2; display:table; background-attachment:fixed; }

.custom1-btn { padding: 12px 30px !important;  word-spacing: 2px;  border-radius: 4px; font-size: 14px; letter-spacing: 1px;}
.topnavheader {background:#34375f; margin-bottom:15px; padding: 0 0}

.topnavheadernew {background:#fff; margin:0px 0px 10px 0px; padding: 0px 0px 5px 0px; border-bottom:1px solid #F3F3F3 ;}

.headerunderline { box-shadow: 0px 1px 3px 0px rgba(130,134,138,0.2); padding-bottom:10px; background:#fff; position: fixed;
    width: 100%; z-index: 1000; top:0}
	
.logohead { margin-right: 248px!important; }	
.label {
    border-radius: 0.25em;
    color: #fff;
    display: inline;
    font-size: 75%;
    font-weight: normal!important;
    line-height: 2;
    padding: 4px 8px 4px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
	letter-spacing: 0.5px;
}
.page-title1 { padding:50px 0 0 }	
.banpadtop {padding-top:50px !important;}	
.preheader-container {
    max-width:1170px;
    margin: 0 auto;
    text-align: right;
    width: 100%;
	padding: 2px 15px 2px 0px;
	}
	
	.fixheader-container {
    max-width:1170px;
    margin: 0 auto;
    text-align: right;
    width: 100%;
	padding: 2px 15px 2px 0px;
	
	}
	
	.fixheader-container a {
    text-decoration: none;
    color: #6D6D6D ;
    font-size: 11px;
    font-weight: normal;
}

.fixheader-container a:hover   { color:#0aa1ec !important;}

	
	.preheader-border-right {
    border-right: 1px solid #555 }
	
	.preheader-container .fa {
    color: #fff;
    padding-right: 5px;
}
 .pad-right {
    padding-right: 15px;
}
 .pad-left {
    padding-left: 7px;
}
.preheader-container a {
    text-decoration: none;
    color: #6bb327;
    font-size: 12px;
    font-weight: bold;
}
.marketing {
    animation-delay: 0.3s;
    margin: 0 auto;
    padding: 3px 0;
    width: 25%;
}
.navbar { padding-top: 10px; background:#fff;}
.text-large { font-size:20px}
.text-xxl {
    font-size: 25px; padding: 33px 10px 10px 10px;
}
.testimonial-box { padding: 0px 0px 30px 0px;}
.emailicon { background:url(../img/email.svg) no-repeat 15px center ; }
	
.topsupportnav { display:inline-block; padding-left: 15px; width: auto;}

.clients{ background:url(../img/clients-bg.jpg) repeat-x  center center; width:100%; height:146px; margin-bottom:0px; position:relative; z-index:2; display:table;  }
.trusted { color:#fff; font-size:20px; line-height:146px; text-align:center}
.home-bannernew { background-color:#535bbd; width:100%; padding-bottom:20px;position:relative; z-index:2; display:table;  }

.threereasons1 {
    background-color: #f6f7fa; color:#fff;
    width: 100%;
    padding-bottom: 65px;
    position: relative;
    
}
.threereasons { background-color:#fbfbfb; width:100%; padding-bottom:65px;position:relative;    }
.bannerimage { margin:0 auto; cursor:pointer; width:1200px; height:auto; padding:30px 0 30px 0 }
.gs-banner1{ background:url(../img/help-bg.jpg) no-repeat top center/cover; width:100%; margin-bottom:0px; position:relative; z-index:2; display:table; }

.scroll-link{  position:absolute; content:''; bottom:0px; left:0; right:0; border-radius:50%; margin:-25px auto; display:table; background:#e48228; width:55px; height:55px;}
 .scroll-link i{ font-size:28px; font-weight:bold; text-align:center; color:#fff; position:relative; vertical-align:middle; display:table-cell;}

.home-banner .heading{ display:table-cell; text-align:center; vertical-align:middle; width:100%;}
.home-banner1 .heading{ display:table-cell; text-align:center; vertical-align:middle; width:100%;}
.heading h1{ font-weight:bold;}


.form-email-group .form-control{ border-radius:4px; height:63px; font-size:13px; padding-left:48px; outline:none}
.form-email-group #form-email{ width:20em;}
.form-email-group .btn{ background-color:#00a1ed; color:#fff; font-size:16px; padding:6px 36px; font-weight:normal; outline:none}
.form-email-group .btn:hover{ background-color:#188cc2; transition:all 0.3s  ease-in; }
.form-email-group .btn-blue{ background-color:#00a1ed; border:0px solid #fff; color:#fff; font-size:24px; padding:6px 50px; font-weight:bold;}
.form-email-group .btn-blue:hover{ background-color:#1889bf; }


.sticky-header {position: fixed !important;  width: 100%; background:rgba(255,255,255,0.8) !important; border-bottom:1px solid #ccc; z-index:999; transition:all 0.3s ease-in-out; }
 
.sticky-header .nav-main .nav > li > a{ color:#000 !important;}
.sticky-header .logo-primary{ display:none;}
.sticky-logo{ display:none;}
.heading { padding-left:25px; padding-right:25px; }
 
 .titlehero { font-size:34px; line-height:15px; color:#fff;} 

.stickynav-right{ right:0px; width:auto; transition:all 0.5s ease; position:absolute; }
.body-right { padding-right:0 !important; overflow:auto; }
.caption-p { font-size:22px; font-weight:bold; }
.tryit { margin-top:5px; }
.stick-anim {
 
    -webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    -webkit-animation-delay: .1s; /* Chrome, Safari, Opera */
    animation-name: example;
    animation-duration: 1s;
    animation-delay: .1s;
}



a.btn-testmonialbtn {background-color: transparent; border: 1px solid #0aa1ec; padding: 10px 40px;color: #0aa1ec; font-size:16px}
a.btn-testmonialbtn:hover {border: 1px solid #0aa1ec; color: #0aa1ec;  background-color:rgba(255, 255, 255, 0.9)!important;
		
		color: #006cb8 !important;
		 transition: all .15s ease-in-out;}




a.btn-testmonial {background-color: transparent; border: 2px solid #4a9c18; padding: 10px 40px;color: #4a9c18; font-size:16px}
a.btn-testmonial:hover {border: 2px solid #4a9c18; box-shadow: 0 0 0 2px #4a9c18; color: #4a9c18; transition: all .15s ease-in-out;}

a.btn-features {background-color: transparent; border: 2px solid #FFF; padding: 10px 40px;color: #FFF; font-size:16px}
a.btn-features:hover {border: 2px solid #fff; box-shadow: 0 0 0 2px #FFF; color: #FFF; transition: all .15s ease-in-out;}


.abtesting {
    position: relative;
    width: 404px;
    height: 68px;
    margin:0 auto;
    padding: 0;
     border: none;
    border-radius: 39px;
    outline: 0;
    color: #7c8a96;
    background-color: #fff;
    -webkit-appearance: none; }
/* Standard syntax */

.txtlft { text-align:left}

.ulbox { border:0px solid #ccc; }
strong { color:#666 }


a.active { color: #8f8f8f; font-size:15px; font-weight:bold }
a.email { color:#fff;}
a.email:hover { color:#00b1f1;}
 .sticky-sidebar{ position: fixed;  top:20px;}
 h3.white { color: #fff!important;   }
 p.white { color: #fff!important;  }

.form-email-group1 .btn {
    background-color: #6BB327;
    color: #fff;
    font-size: 16px;
    padding: 6px 36px;
    font-weight: normal;
    outline: none;
	transition: color .25s ease;
}

.form-email-group1 .btn:hover {
    background-color: #66a728;
    color: #fff;
    font-size: 16px;
    padding: 6px 36px;
    font-weight: normal;
    outline: none;
	
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid  #EBEBEB;
    border-radius: 5px!important;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 0px 0px rgba(0,0,0,.175);
}

.disnone1 { display:none;}
.disnone { display:block;}

.dropdown-menu>li>a:focus {
	background:none !important;
  
}

.navbar-default .navbar-nav>.open>a { background-color: transparent !important;}
.dropdown-menu>li>a {
    display: block;
    padding: 6px 20px !important;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.dropdown-menu>li>a:hover {
    background-color: #fff!important;
	color:#0AA1EC!important;
}


#sbr::-webkit-scrollbar {
    width: 5px;     background-color: #fff;
}
 
#sbr::-webkit-scrollbar-track  {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); 
    border-radius: 10px;     background-color: #f9f9f9;
}
 
#sbr::-webkit-scrollbar-thumb  {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4); background-color:#ececec;
}


#sbrr::-webkit-scrollbar {
    width: 5px;     background-color: #fff;
}
 
#sbrr::-webkit-scrollbar-track  {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); 
    border-radius: 10px;     background-color: #f9f9f9;
}
 
#sbrr::-webkit-scrollbar-thumb  {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4); background-color:#ececec;
}








@keyframes example {
    0%   {  top:0px;}
    25%  {   top:-200px;}
    50%  {   top:2px;}
    75%  {   top:-10px;}
    100% {  top:0px;}
}

@media (min-width: 480px)  {
	
.pric-res { display:none}
.pric-res1 { display:block}

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


.page-title-small {  width: 600px !important;}
.dashshow1 { display: block}		
.heading h1{ font-size:30px; } 
.form-email-group { margin-top:30px; }
}

@media (max-width: 1024px)
{
.navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
       }
}


@media (min-width: 1024px) {
	
.dropdown:hover .dropdown-menu {
    display: block;
}	
.heading h1{ font-size:35px; } 

}
@media (max-width: 1300px) {
	
	.sideline {
    border-left: 1px solid #e9eff2;
    width: 915px; padding-left: 71px;
}

.right1.carousel-control .fa {
    margin-left: 33px;
    font-size: 30px;
}

}

@media (max-width: 1400px) {
	
	

	.screengal { width:100%!important;}
	
	.littlesmall { font-size:13px!important;}
	.pricing  {
  margin-bottom:20px; height: 930px;
    
}
.botpad {
    bottom: 0;
    left: 0;
    margin: 0 30px 40px 30px;
    position: absolute;
    right: 0;
}
     .hpad1 { margin-top: 20px;}
	.hpad { margin-top: -5px; font-size:26px;}
	.page-title-small {  width: 600px !important;}
	.page-title1 { padding:0px 0 0 0 }
	.banpadtop {padding-top:0px}
	.bannerimage { margin:10px auto ; cursor:pointer; width:740px; height:auto; padding:0 }
	
	.bannerimagenew { margin:0 auto; cursor:pointer; width:770px; height:auto; padding:10px 0 50px 0 }
	
	.navbar { padding-top: 10px;}	
	.topnavheadernew { margin:0px 0px 3px 0px;  padding: 0px;}
	.headerunderline { padding-bottom: 0px; }
	
}

@media (min-width: 1170px) {
	
		
	.heading h1{ font-size:48px; } 
.form-email-group{ margin-top:0px;}
.form-email-group1{ margin-top:20px;}


}
@media (min-width: 1800px) {
	.heading h1{ font-size:62px; } 
}


@media (min-width: 1024px) and (max-width: 1650px) {
	
.pricing1  {  padding:20px; }

.pricing1 hr { margin: 20px 0px;}
.pricing1 .phead {
    font-size: 20px;
   padding-bottom: 20px;
}

.pricing1 h3 {
    font-size: 30px;
       }
	   
	.pricing1 .desc {
    font-size: 13px;
    color: #858585;
}

.testimonial-text {
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 1.3;
}

.pricing1 .ppro {
    font-size: 20px;
    color: #4b4b4b;
	padding-bottom: 0px;
}

.mostp { padding-bottom:0px; color:#0aa1ec}

}

@media (min-width: 992px) and (max-width: 1070px) {
.bloglabel {
   
    left: 14px;
    top: 150px;
    border-radius: 0px 4px 4px 0px;
  
}
.pulabel {
    
    right: 16px;
    top: 150px;
    border-radius: 4px 0px 0px 4px;
   
}

}
@media (max-width: 991px) {
 
/*.home-banner { height:570px; }*/
.compro {
    color: #999;
    font-size: 13px;
    font-style: italic;
    padding: 2px 0 20px;
    position: relative;
    text-align: left;
    top: 0;
}


.pricing {
    height: 930px;
    margin-bottom: 0;
}
.topnavheadernew {background:#fff; margin:0px 0px 3px 0px; padding: 0px 0px 5px 0px; border-bottom:1px solid #F3F3F3 ;}
 .marketing {
    animation-delay: 0.3s;
    margin: 0 auto;
    padding: 3px 0;
    width: 100%;
}
.caption-p { font-size:16px; }
.nav-main .nav > li > a {padding: 10px;}
.header-new .logo { margin-right:0; }
.header-new .logo img { width:100px; } 
.header-new { height:50px; }
.tryit { margin-top:3px; }
.form-email-group .form-control {
    border-radius: 50px;
    font-size: 14px;
    height: 63px;
	line-height:34px;
	padding:0 48px;
}
.tryit-started { line-height:normal !important;   }


}

	
@media (max-width: 767px) {
	
	
	.bloglabel {  position: absolute; border: 0px solid #C9C9C9; padding: 4px 6px; left: 17px; top: 150px; border-radius: 0px 4px 4px 0px; font-size: 11px; text-align: center; color:#fff;
background: #808080 }

.bloglabel span { font-size:18px; font-weight:700px; }
.bloglabel .month { font-size:14px; font-weight:700px; }
.bloglabel hr { border-bottom: 1px solid #AFAFAF; border-top: 0px solid #fff; border-right: 0px solid #fff; border-left: 0px solid #fff; margin:1px;}

.pulabel {  position: absolute; border: 0px solid #C9C9C9; padding: 4px 6px; right: 17px; top: 150px; border-radius: 4px 0px 0px 4px;  font-size: 11px; text-align: center; color:#fff;
background: #808080 }

.pulabel span { font-size:18px; font-weight:700px; }
.pulabel .month { font-size:14px; font-weight:700px; }
.pulabel hr { border-bottom: 1px solid #AFAFAF; border-top: 0px solid #fff; border-right: 0px solid #fff; border-left: 0px solid #fff; margin:1px;}

	
	.pricing3 h3, .board .aslowas2 {
   display: inherit;
}
	
	 .feature-column {
    float: none;
    margin-right: 0px;
    padding: 0px; text-align:center; display:inline-block;
}
	.sm-tb-xl { padding:0px; font-size:25px }
	
	.sm-t-xxxl { margin-top: 40px;}
	
	.sm-t-xxl {  margin-top: 15px;}
	
	.test-b-p { padding-bottom:0px}
	
	.mm-tb-xxl { padding:40px 0; font-size:22px; line-height:33px}
	
	.pm-t-xxl {padding:0px 0 40px 0; }
	
	.threereasons {  padding-bottom: 30px;}
	
	.mm-tb-xl { padding:20px 0 ; font-size:25px}
	
	.preheader-container {
    padding-bottom: 0;
    padding-right: 0;
    padding-top: 6px;
    text-align: center;
}
	
	.preheader-border-right {
    border-right: 0px solid #555 }
	.preheader-container { padding:5px 0;
  
	}
.titleherosmall { padding:5px 30px}


.form-register .close {
   
    right: 0;
    top: 0;
   
}
.signuppad { margin-top:30px; display:inline-block; font-size: 20px;}	
.wrapper-section {
    margin: 20px 0;
}	
.marbot1 { padding-bottom:30px !important;}		
.marbot { margin-bottom:30px}	
.pricing-feature-row {
    display: block;
    margin-top: 0px;
}	
.pm-b-xl {margin-bottom: 0;}	
.planshead { display:block; font-size: 20px; background-color:transparent !important; padding:10px 0}
.planheads { display:none}	
.pricing-page-view ul li {
    color: #8f8f8f;
    list-style: none;
}	

.pm-t-xl {
    margin-top: 10px; margin-bottom:10px;
}
.pricing-feature-row > div {
    font-size: 13px;
    padding: 20px 10px 5px ;
}
.p-l-lg {
    padding-left: 15px;
}
	
hr {
    border: 1px solid #e9eff2;
    margin-bottom: 25px;
    margin-top: 25px;
}	

.testimonial-box { padding:20px 0px}
	
 blockquote {
	 border-left: 0px solid #eee;
     margin: 0;
    padding: 10px 0 15px;
}
.text-left {
    text-align: center;
}	
.container {
  
    text-align: center;
}	
.form-email-group { margin-top:20px !important; }
/*.home-banner { height:400px; }*/
 
.caption-p { font-size:14px; }
.heading h1 { font-size:24px; } 
.heading .form-register .form-group { display:inline-block; vertical-align:top; }
.heading br { display:none; }
.scroll-link { width:35px; height:35px; margin:-18px auto;}
.scroll-link i { font-size:18px;  }
.nav-main .navbar-toggle { margin-top:8px; background-color:#fff; }
.ul-mobile .navbar-nav { background-color:rgba(0,0,0,.3); padding-left:15px !important; margin:0;  }
}
@media (max-width: 480px) {
	
	
.pricpad { padding-right: 30px !important;padding-left: 30px!important;}

.pricpad2 { padding-right: 30px!important;padding-left: 30px!important;}

.pricpad1 { padding-right: 30px!important;padding-left: 30px!important;}
	
	.pubadge {
    left: 0;
    position: relative;
    text-align: center;
    top: -10px;
}
	
	
	 .sideline {width: 100%; padding-left: 15px;}
	 .pricing2 ul {padding: 10px 0 !important ; } 
	 .extrabox p  { margin: 20px 0 !important ; } 
	.extrabox  {  padding-bottom: 0px!important; }
	.disnone1 { display:block;}
	.disnone { display:none;}
	.extrlineht { line-height: 18px!important; margin-top:14px!important; }
	.compplans { text-align:center!important; padding: 30px 2px 0 0!important; }
	.extras span {  display: block;  padding:1px 0 !important;}
	span.dvr { display:none !important;}
	.text-view li a:hover  { color:#FAF2D4; font-size: 13px; line-height:18px; }
	.videores {  height: 175px; width: 312px;}
	.right.carousel-control {  right: 3px;}
	.left.carousel-control { left: 0.2em;}
	 .mm-t-xxxl {margin-top: 10px;}
	 h2 { font-size: 24px;}
	 h3 {font-size: 22px; line-height: 34px; }
	.agile-foot-desc h3 { font-size: 20px !important; }
	.hpad1 { font-size: 30px; line-height: 38px; margin-top: 0; padding: 0 20px; }
	.pric-res { display:block}
	.pric-res1 { display:none}
	.screengal { width:100%!important;}
	.pricing2  {height: auto!important; margin-bottom:0px }
	.blogright { text-align:right !important}
	.puleft { text-align:left !important}
		

	
	.botpad {
    bottom: 0;
    left: 0;
    margin: 20px 40px 0;
    position: relative;
    right: 0;
}
	
	.pricing {
    height: auto;
    margin-bottom: 0;
}
	
	.bannerimage { padding: 40px 0 18px; }
	
	.page-title1 { padding: 50px 0 0; }

.page-title-small {  width: 300px !important;}
	
.logohead { margin-right: 100px!important; }	
	
.banpadtop {
    padding-top: 0 !important;
}	
	
.headerunderline {
    box-shadow: 0px 0px 0px 0px rgba(130,134,138,.2);
    padding-bottom: 10px;
    background: #fff;
    position: relative;
    width: 100%;
      
}	
.banpadtop {padding-top:50px}		
.dashshow { display:none !important; }	
.text-view li a { line-height: 18px;
}	
	
.dontshow { display:none}	
	
.form-email-group .form-control { text-align:center;
	
}
.emailicon { background:none; }

.fixheader-container a {   
    padding: 0 7px;
   
}

.fixheader-container {
    padding-bottom: 0;
    padding-right: 0;
    padding-top: 6px;
    text-align: center;
}	
.preheader-container {
    padding-bottom: 0;
    padding-right: 0;
    padding-top: 6px;
    text-align: center;
}

.topsupportnav { padding-left: 0; }
.pad-right { padding-right: 7px; }
.pad-left {  padding-left: 0; }
.header-new .logo{float:none;}
.header-new .logo img{ margin-top:5px;}
.heading h1 { font-size:18px !important; } 
.caption-p { font-size:12px;}
.heading .form-register .form-group { margin-bottom:5px; width:100%; }

.form-email-group #form-email { width:100%  !important; }
.home-banner { min-height:400px; }



}

@media (max-width: 1024px) {
.dropdown-menu { text-align:center!important ;}
}
/* ending Home banner stylys*/