/*Banner*/
body{background: #fcfcfc}
#banner h1, #banner .h1{margin-top:120px; font-size:30px; color:#fff; line-height:50px}
#banner h1 b, #banner .h1 b{color:#1b4459; font-size:40px; display: block}
h1 b span{color:#0197cb}
#banner p span{color:#1b4459;}

/*carousel css*/
.bs-slider{overflow:hidden;position:relative;background:#000; z-index: 0}.bs-slider .bs-slider-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4)}.bs-slider>.carousel-inner>.item>a>img,.bs-slider>.carousel-inner>.item>img{margin:auto;width:100%!important}.fade{opacity:1}.fade .item{top:0;z-index:1;opacity:0;width:100%;position:absolute;left:0!important;display:block!important;-webkit-transition:opacity ease-in-out 1s;-moz-transition:opacity ease-in-out 1s;-ms-transition:opacity ease-in-out 1s;-o-transition:opacity ease-in-out 1s;transition:opacity ease-in-out 1s}.fade .item:first-child{top:auto;position:relative}.fade .item.active{opacity:1;z-index:2;-webkit-transition:opacity ease-in-out 1s;-moz-transition:opacity ease-in-out 1s;-ms-transition:opacity ease-in-out 1s;-o-transition:opacity ease-in-out 1s;transition:opacity ease-in-out 1s}.control-round .carousel-control{top:47%;opacity:0;width:45px;height:45px;z-index:100;color:#fff;display:block;font-size:24px;cursor:pointer;overflow:hidden;line-height:43px;text-shadow:none;position:absolute;font-weight:400;background:0 0;-webkit-border-radius:100px;border-radius:100px}.control-round:hover .carousel-control{opacity:1}.control-round .carousel-control.left{left:1%}.control-round .carousel-control.right{right:1%}.control-round .carousel-control.left:hover,.control-round .carousel-control.right:hover{color:#fdfdfd;background:rgba(0,0,0,.5);border:0 transparent}.control-round .carousel-control.left>span:nth-child(1){left:45%}.control-round .carousel-control.right>span:nth-child(1){right:45%}.indicators-line>.carousel-indicators{display: none;right:0;bottom:5%;left:0;margin:auto;width:90%;height:20px;font-size:0;overflow-x:auto;overflow-y:hidden;padding-left:10px;padding-right:10px;padding-top:1px;white-space:nowrap}.indicators-line>.carousel-indicators li{padding:0;width:15px;height:15px;border:1px solid #9e9e9e;text-indent:0;overflow:hidden;text-align:left;position:relative;letter-spacing:1px;background:#9e9e9e;-webkit-font-smoothing:antialiased;-webkit-border-radius:50%;border-radius:50%;margin-right:5px;-webkit-transition:all .5s cubic-bezier(.22,.81,.01,.99);transition:all .5s cubic-bezier(.22,.81,.01,.99);z-index:10;cursor:pointer}.indicators-line>.carousel-indicators li:last-child{margin-right:0}.indicators-line>.carousel-indicators .active{margin:1px 5px 1px 1px;box-shadow:0 0 0 2px #fff;background-color:transparent;position:relative;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease}.indicators-line>.carousel-indicators .active:before{transform:scale(.5);background-color:#fff;content:"";position:absolute;left:-1px;top:-1px;width:15px;height:15px;border-radius:50%;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease}.slide_style_left{text-align:left!important}.slide_style_right{text-align:right!important}.slide_style_center{text-align:center!important}.slide-text{left:0;top:25%;right:0;margin:auto;position:absolute;text-align:left;padding:10px 85px}.slide-text>h1{font-size:51px;margin-top:40px;letter-spacing:3px;display:inline-block;font-weight: 700;-webkit-animation-delay:.7s;animation-delay:.7s}.slide-text>p{padding:0;color:#fff;font-size:20px;line-height:24px;font-weight:300;margin-bottom:40px;letter-spacing:1px;-webkit-animation-delay:1.1s;animation-delay:1.1s}.slide-text>a.btn-default,.slide-text>a.btn-primary{font-weight:400;font-size:13px;line-height:15px;text-align:center;padding:17px 30px;white-space:nowrap;letter-spacing:1px;display:inline-block;text-transform:uppercase;border:none}.slide-text>a.btn-default{color:#000;margin-right:10px;-webkit-animation-delay:2s;animation-delay:2s;-webkit-transition:background .3s ease-in-out,color .3s ease-in-out;transition:background .3s ease-in-out,color .3s ease-in-out}.slide-text>a.btn{color:#fff;cursor:pointer;margin-left:10px;background:#00bfff;text-decoration:none;-webkit-animation-delay:2s;animation-delay:2s;-webkit-transition:background .3s ease-in-out,color .3s ease-in-out;transition:background .3s ease-in-out,color .3s ease-in-out}.slide-text>a:active,.slide-text>a:hover{color:#fff;background:#222;-webkit-transition:background .5s ease-in-out,color .5s ease-in-out;transition:background .5s ease-in-out,color .5s ease-in-out}.headerLine{z-index: 3}
.regDiv{position: absolute; margin:0; bottom:80px; left:0; right:0; text-align:center; z-index: 2}
/*Custom buttons*/
.btn{font-weight:600; transition:.3s all}
.btn-lg{padding:10px 22px; font-size: 20px}

/*Main Page*/
h4 + span {width: 50px; margin: 30px 0; border-color:rgba(256,256,256,.3)}

/*Tally integration*/
.tally #banner{background: #fff url(../img/bg-plugins.jpg) no-repeat center top / cover;}

.autoHeight1{background: #fff url(../img/bg_slider_image1.png) no-repeat center top / cover ! important;}
.autoHeight2{background: #fff url(../img/bg_slider_image2.png) no-repeat center top / cover ! important;}
.autoHeight3{background: #fff url(../img/bg_slider_image3.png) no-repeat center top / cover ! important;}
.autoHeight4{background: #fff url(../img/voice_bg_banner.png) no-repeat center top / cover ! important;min-height: 532px;}
.autoHeight5{background: #fff url(../img/email_bg_banner.png) no-repeat center top / cover ! important;min-height: 532px;}
.autoHeight6{background: #fff url(../img/missed_bg_banner.png) no-repeat center top / cover ! important;min-height: 532px;}
.autoHeight7{background: #fff url(../img/logecode_bg_banner.png) no-repeat center top / cover ! important;min-height: 532px;}
.autoHeight8{background: #fff url(../img/dnd_bg_banner.png) no-repeat center top / cover ! important;min-height: 532px;}
.autoHeight9{background: #fff url(../img/hlr-lookup_bg_img.png) no-repeat center top / cover ! important;min-height: 532px;}

.tally #banner h1, .tally #banner .h1{font-size:34px; font-weight:300;}
.tally #banner h1 b, .tally #banner .h1 b{color:#fff; font-size:34px;}
.tally #banner p{font-size:18px; line-height: 32px; margin: 38px 0 50px}


/*bluk sms*/
.fixhd2 #want_we_offer ul{position:fixed; top:60px; width:100%;}
.autoHeight3 .col-md-5{padding-right:0px !important;}
.paddingleft1{padding-left: 120px; padding-top:60px; padding-right:80px;}
.tally #banner .pic{margin-top: 80px;float: right;}
.tally #banner .pic1{margin-top: 130px;float: right;}
.vl {border-left: 1px solid #ebf0f3;height: 1500px;position: absolute;left: 31px;top: 188px; z-index: -2}

.want_we_offer1{margin-bottom:70px;}
#want_we_offer a{display: block; padding:12px 12px 6px; background-color:#1b4459; top:150px; z-index: 2; transition: all .3s ease; position: fixed; right: 0; border-radius:4px 0 0 4px; color:#fff; text-align: center; text-decoration: none; box-shadow: 0 0 10px rgba(0,0,0,.1)}
#want_we_offer a i{color:#F8706E; font-size: 20px; transition: all .2s ease;}
#want_we_offer a:hover{background:#0c2a39}
#want_we_offer a:hover i{transform: rotate(-360deg)}
#want_we_offer .con_new{padding: 0;width: 100%;}
#want_we_offer img{width:100%}

#header_contant .div_style{background-color: #1976d2;width:100%; max-width: 370px;border-radius: 100px;padding: 0px; position: relative;  box-shadow: 0 4px 1px rgba(0,0,0,.1); margin:60px auto;}
#header_contant h3{font-size: 20px;font-weight: 700;color: white;line-height: 72px; position: relative; text-transform: uppercase}
#header_contant .div_style.btn_bg_color1{background-color: #1976d2;}
#header_contant .div_style.btn_bg_color2{background-color: #26c6da;}
#header_contant .div_style.btn_bg_color3{background-color: #1b4459; }
#header_contant .div_style.btn_bg_color4{background-color: #fbbc3e; margin-top: 23px;padding: 0px;}

#alert_massage .con_new{margin: auto;}
.col-sm-offset-1{margin-left: 5.333333%;}
#alert_massage h3{font-size: 30px; margin-bottom: 0px;color: #1b4459;padding-top: 60px; font-weight: 400; text-transform:capitalize;}
#alert_massage h3 a {display: inline-block; border-bottom: 2px dotted; text-decoration: none;}
#alert_massage p{font-size: 18px;margin-bottom: 0px;color: #85888c;margin-top: 26px;padding: 0px 24px; line-height: 30px}
#alert_massage img{margin:auto;}
#alert_massage .container {
    padding: 0px 40px;
}
.rocket{position: absolute;top: -140px;left: 1px; z-index: -1}
.rocket.rfix{position: fixed; top: 0; left: 0; right: 0; transition: all .5s ease;}
.rocket.gone{opacity: 0; top:1000px; transition: all .5s ease;}

#section3.container, #section4.container{padding:40px}
#section3 p{color:#85888c;padding-top: 10px;}
.pull_left{float:left;}
#section3 h3{font-size: 29px;font-weight: 200;margin-bottom: 0px;padding-top: 36px;color: #1b4459;padding-right: 0px;font-weight: 500;text-transform: capitalize;}
#section3 .col-sm-offset-1{margin-left: 10.333333%;}
#section3 .display{display:none;}

#sendCamp{color:#333; background: #f9f8f7; border-bottom: 1px solid #f7f3ef}
#promoBd{color:#333; border-bottom: 1px solid #f7f3ef}
#promoBd .col-md-6 .clearfix{min-height: 160px; padding:0 30px 30px;}
#resFac{text-align: left;}
#resFac .clearfix{line-height: 30px; margin-bottom: 20px}
#resFac img.pull-left{width:30px; margin-right:15px}
#sendCamp h3{font-size: 26px; padding-top: 30px; font-weight: 400;}
#sendCamp p{font-size:18px; margin-top: 20px; color: #85888c}

.line{position: relative; height:100px; padding: 48px 50px 0; z-index: -2}
.line hr{margin:0; padding:0; border-color:#e5ecef;}
.circ{position:relative;}
.circle{border-radius: 100%; transition: 5s ease; position: absolute; margin-top:-8px}
.circle.wdht{height: 16px; width: 16px;}
.circ.blue .circle{background: #26c6da; right:0}
.circ.orange .circle{background: #ff8e33;}
.circ.red .circle{background: #f8706e; right:0}
.circ.purple .circle{background: #8d6ba0;}

.delay1 {
    animation: waves 2.5s infinite;
    animation-delay: .1s;
  }
.delay2 {
    animation: waves 2.5s infinite .7s forwards,
  }  
.delay3 {
    animation: waves 2.5s infinite 1.3s forwards;
  }  
.delay4 {
    animation: waves 2.5s infinite 1.9s forwards;
  }

@-webkit-keyframes waves {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  
  100% {
    transform: scale(3);
    opacity: 0;
  }
}

@keyframes bloop {
  0% {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    transform: scale3d(1, 1, 1);
  }
}


#section4 .col-sm-offset-1{margin-left: 10.333333%;}
.pull_right{float:right;}
#section4 h3 {font-size: 29px;font-weight: 200;margin-bottom: 0px;padding-top: 36px;color: #1b4459;padding-right:0px;font-weight: 500;text-transform: capitalize;}
#section4 p{color: #85888c;padding-top: 10px;}
#section4 .display{display:none;}

#section5{position: relative; z-index: -2}
#section5 .centerimg{position: absolute;top: 262px;right: 506px;}
#section5 p{color: #85888c;}
#section5 .conimg{padding-top: 5px;}
#section5 h3{margin-bottom: 0px;color: #1b4459;font-size:21px;text-transform:capitalize;}
#section5 .imglogo1{position: relative;left: -88px;}
#section5 .imglogo2{position: absolute;left: 105px;top: 206px;}
#section5 .display{display: none;}
#section5 .responsivecode .col-sm-12{position: absolute;}
#section5 .newpo{top: 55px;left: -21px;}
#section5 .newpo11{top: 190px;left: -64px;}
#section5 .newpo12{top: 325px;left: -14px;}
#section5 .newpo13{top: 450px;left: 86px;}
#section5 .newpo1{float:left;padding-left:30px;}
#section5 .newnewimg{float: left;margin-right: 12px;padding-top: 5px;}
#section5 .newpo2{top: -25px;right: 75px;}
#section5 .newpo21{top:100px;right: -30px;}
#section5 .newpo22{top: 250px;right: -71px;}
#section5  .newpo23{top: 374px;right: -75px;}
#section5 .newpo21{float:left;padding-left:0px;}



#section6{margin-top: 92px;background: #fff url(../img/bg-img-cont.png) no-repeat center top / cover; min-height: 695px;}


#section6 .bg-co1 h3{font-size: 20px;font-weight: 700;color: black;padding-top: 4px; margin-bottom: 20px;}
#section6 h4{padding-top: 110px;}
#section6 p{margin-top: 42px;font-size:16px;}
#section6 .mrT4{margin-top: 40px;}
#section6   span{  font-size: 26px;font-weight: lighter;}


#section7 .btncomman.white a {border-color: #999999;color: #999999 !important;}
#section7 p{color: #85888c;padding: 0px 33px;}
#section7 h3{font-size: 29px;font-weight: normal;margin-bottom: 20px;color: #1b4459;margin-top: 35px;text-transform:capitalize;}
#section7 .mrT4{margin-top: 35px;}
.bluksmsheader1{margin-top: -112px;}



/*voice sms*/
.voice_sms h3{padding-top: 12px ! important;}
.voicesmsleft{    position: relative;top: -102px;right: 51px;}
.voicesmsright1{position: relative;top: -102px;right: -46px;}
.voicesmscenter{    padding-right: 25px;}
.voiceh3_p .voice_smsimg{float:left;padding-top: 19px;}
.or{position: absolute;left: 147px;top: 32px;color: #26c6da ! important;}
.voiceh3_p .voice_sms_setting{float:right;padding-top: 12px;}
.voiceh3_p .margint{margin-top: 25px;}
.voiceh3_p .margint1{margin-top: 25px;position: relative;left: -191px;}
#section3 .color1{color:#00aae1;font-size: 24px;}
#section3 .color2{color:#0082d2;font-size: 24px;}
#section3 .color3{color:#0082d2;font-size: 24px;}
    
/*missed call*/

#missedcall .con_new{margin: auto;margin-top: 66px;}
.col-sm-offset-1{margin-left: 5.333333%;}
#missedcall h3{font-size: 29px;font-weight: 200;margin-bottom: 0px;color: #1b4459;padding-top: 72px;text-transform:capitalize;}
#missedcall p{font-size: 20px;margin-bottom: 0px;color: #85888c;margin-top: 26px;padding: 0px 0px;line-height: 32px;padding-right:62px;}
#missedcall .Pro p{margin-bottom: 0px;margin-top: 21px;padding: 0px 0px;line-height: 17px;}    
#missedcall .Pro {margin-top: 21px;}

#missedcall .Pro h3{margin-bottom: 34px;}
#medium_contant h3{color: #1b4459;margin-bottom: 0px;padding: 25px 0px;font-size: 24px;font-weight: normal;text-transform:capitalize;}
#medium_contant p{color: #85888c;padding: 0px 29px;margin-bottom: 34px;}
#medium_contant {
    padding: 0px 40px;
}

/*loge code*/
#section3 .logocode_medium .col-sm-3{position:relative;}
#section3 .logocode_medium .voice_draft{top: -315px;left: 55px;}
#section3 .logocode_medium .download_reports{top: 2px;left: -132px;}
#section3 .logocode_medium .keyboardmangement{ top: -115px; right: 160px;}
#section3 .logocode_medium .webhookurl{  top: -219px;left: -146px;}
#section3 .logocode_medium .callbyapi{   top: -318px;left: -94px;}
#section3 .logocode_medium .col-sm-3 h3{font-size:24px;}
#section3 .logocode_medium .col-sm-3 p{padding-top:17px;} 
#section3 .logocode_medium .keyboardmangement1{ top: -122px;right: -117px;} 
#section3 .logocode_medium .keyboardmangement2{ top: -133px;right: -680px;}
.logecodesecion{padding:0; margin-top: -60px}  
  

 /*filter dnd*/
#filter_dnd p{color: #85888c;margin-top: 50px;padding: 0px 40px;}  


@media only screen and (min-width: 1367px){
.tally #banner .pic{margin-top: 140px}
}

@media only screen and (max-width: 768px)
 {
#header_contant .div_style {background-color: #1976d2; border-radius: 100px;padding: 0px;margin: auto;}
.paddingleft1 {padding-left: 42px;padding-right: 37px;padding-top: 71px;}
#alert_massage p {margin-bottom: 40px;margin-top: 26px;padding: 0px 0px;}
#want_we_offer ul.fixhd2{top: 55px}
#want_we_offer li a {margin: 0px 0px; padding: 9px 11px;}
#section6 h4 {padding-top: 25px;}
#section7 p {padding: 0px 0px;}
#want_we_offer li a:hover {padding: 4px 11px;}
.displayoff{display: none;}
#section3 .display{display:block;}
.pull_left {float: none;}
#section3 h3 {font-weight: 200;margin-bottom:36px;padding-top: 0px;padding-right: 0px;text-align: center;}
#section3 .col-sm-offset-1 {margin-left: 0.333333%;}
.pull_right {float: none;}
#section4 h3 {margin-bottom: 37px;}
#section4 .col-sm-offset-1 {margin-left: 0.333%;}
#section5 .responsivecode .col-sm-12{position: static;text-align: center;margin-bottom: 35px;}
#section5 .display{display: initial;margin-bottom: 21px;}
#section5 .newpo1 {float: none;padding-left: 0px;}
#section5 .newnewimg {float: none;margin-bottom: 20px;}
#section5 p {margin-top: 7px;font-size:13px;}
.magic{height: auto;width: 100%;}
#section5 h3 {font-size: 16px;}
#section4 .display{display:block;}
.tally #banner h1, .tally #banner .h1 {	font-size:22px ! important;margin-top: 50px;font-size: 30px;line-height: 36px;}
.tally #banner h1 b, .tally #banner .h1 b {font-size: 22px;}
.tally #banner p {font-size: 15px; margin-top:15px}
.tally #banner .mrT4 {margin-top: -29px;}
#section6 .con123{padding:16px;}
#section3.container, #section4.container{padding:10px}
	 #header_contant .div_style.btn_bg_color3{margin-top: 60px !important}
/*voice sms*/
.voicesmsleft{position: static;}
.voicesmsright1{position:static;}
.voice_sms p {text-align: center ! important;}
.voice_sms h3{text-align: center ! important;margin-bottom: 10px ! important;}
.voice_sms_setting{margin-bottom: 6px;margin-top: 40px;}


/*Missed call*/
#missedcall p {padding-right: 0px;text-align: center;}
#missedcall h3 {text-align: center;}
#medium_contant p {margin-bottom: 54px;}


/*loge code*/
#section3 .logocode_medium .col-sm-3{position:static;}
#section3 .logocode_medium .voice_draft{top: 0px;left: 0px;}
#section3 .logocode_medium .download_reports{top: 0px;left: 0px;}
#section3 .logocode_medium .keyboardmangement{top: 0px;right: 0px;}
#section3 .logocode_medium .webhookurl{top: 0px;left: 0px;}
#section3 .logocode_medium .callbyapi{top: 0px;left: 0px;}
   
/*dnd filter*/
#filter_dnd p {padding:0;}
#filter_dnd p {margin: 42px 0;}
.logecodesecion{margin-top: 0}
}