body { 
	background-color: #FFF;
	font-size: 14px;
	font-family: 'Raleway', sans-serif!important; 
}
 
a {transition: all .6s ease 0s;text-decoration: none!important}
a:hover, a:focus, a:active{ outline:none!important;}
img{outline:none; border:none;}
.right-no-padding {padding-right: 0px}
.left-no-padding {padding-left: 0px}    
.hidden-itm{opacity: 0;}
.visible{opacity: 1;}
  

.effct-button{ position:relative; overflow:hidden!important}
.effct-button:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0%;
    height: 100%; border-radius:30px;
    background-color: rgba(255,255,255,0.4);
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    
}
/* on hover we animate the width to
 * 100% and opacity to 0 so the element
 * grows and fades out 
 */
.effct-button:hover:after {
    width: 100%;
    background-color: rgba(255,255,255,0);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.homepage-bg{background: #001c33; /* Old browsers */ width:100%; height:auto; position:relative; z-index:100000}  
 header{width:100%;  position:fixed; top:0px; left:0px;  padding:0px;  z-index:999; } 
 header.sticky{  background:#144484; box-shadow:0 1px 3px rgba(0, 0, 0, 0.2)}
   
 header .navbar-brand{ padding:7px 0px!important; width:140px; position:relative}
 header .navbar-brand .logo-image{ width:38px; display:inline-block}
 header .navbar-brand .tagline{ color: #ebf1f9;  font-family: FutePL-Book;  font-size: 18px;  letter-spacing: 0.5px; display:inline-block; margin:4px 0 0 4px}
  header .navbar-brand .tagline sup{font-family: FutePL-Book; position: absolute;right: -13px; top: 18px;}
 header .navbar{ background:none; margin:0px; padding:0px; position:inherit}
 header .navbar ul.navbar-nav{ float:right;} 
 header .navbar .nav-item{ position:static}
.navbar-nav .nav-link{ color:rgba(256, 256, 256, 1)!important; font-size:13px;  padding:18px 8px 14px; font-family:'Raleway', sans-serif; font-weight:400; transition:none!important}
.navbar-nav .nav-link:hover{color:#fff!important}
.signin-button{ background:#0b356e; border-radius:20px 0px 0px 20px; padding:4px 10px 2px!important; line-height:none; text-transform:uppercase; display:inline-block!important; margin-left:0px!important; letter-spacing:1px} 
.signup-button{ background:#0b356e; border-radius:0; padding:4px 10px 2px!important; line-height:none; text-transform:uppercase; display:inline-block!important;  margin-left:0px!important; 
border-right:solid 1px rgba(256, 256, 256, .1); border-left:solid 1px rgba(256, 256, 256, .1); letter-spacing:1px} 
.currency-button{ background:#0b356e; border-radius:0px 20px 20px 0px; padding:4px 10px 2px!important; line-height:none; display:inline-block!important; margin-left:0px!important; letter-spacing:1px} 
header .group_btn{ margin-top:14px;}
.mega_menu_link:hover { background:#fff;}
.mega_menu_link:hover .nav-link, .mega_menu_link:hover .nav-link i{ color:#144484!important}
.mega_menu_link .nav-link i{vertical-align:middle; color:rgba(256, 256, 256, .70); font-size:12px; padding-left:4px!important;}
.mega_menu_link .nav-link{ cursor:pointer}
.mega_menu_link:hover .mega-menu{ display:block}
.mega-menu{ width:100%; position:absolute; top:51px; z-index:999999; left:0px; border-radius:0px; border-color:rgba(0, 0, 0, 0); padding:20px 0px 20px;box-shadow:0 8px 6px -6px rgba(0, 0, 0, .3); background:#fff; display:none}
.mega-menu .block{ width:20%; text-align:center; padding:20px 10px; float:left; display:inline-block}
.mega-menu .block .menu_title{ font-size:18px; margin:0px 0px 15px; padding:0px; color:#1C66CD; display:block; text-align:center }
.mega-menu .block .menu_title a{color:#1C66CD;  text-align:center}
.mega-menu .block .menu_title:hover a{ color:#144484!important}
.mega-menu .block .menu_title span{ display:block; height:40px; vertical-align:top; font-family:"Raleway",sans-serif !important}
.mega-menu .block .menu_title span img{ width:30px; vertical-align:baseline}
.mega-menu .block p{ font-size:13px; color:#666; font-family:"Raleway",sans-serif !important} 
 
.homepage-content{padding-top:50px!important; padding-bottom:50px; position:relative }
 
.homepage-content h1{ text-align:center; line-height:50px; color:#7986cb; margin:0px; padding:20px 0px; font-size:30px!important; font-family:'Raleway', sans-serif; font-weight:100!important}
.theme-section{/* background:url(../images/img/graph-outline.png) no-repeat center top;*/ text-align:center; padding-top:50px;}
.icon-section{ width:260px; height:260px; margin:0 auto; background:#144484; border-radius:100%; display:inline-block; padding:13px; 
 animation: pulse 2s infinite; 
 }
 
 @-webkit-keyframes pulse {
  0% {-webkit-box-shadow: 0 0 0 0 rgba(58,104,179, 0.4);}
  70% {-webkit-box-shadow: 0 0 0 30px rgba(58,104,179, 0);}
  100% {-webkit-box-shadow: 0 0 0 0 rgba(58,104,179, 0);}
}
@keyframes pulse {
  0% {-moz-box-shadow: 0 0 0 0 rgba(58,104,179, 0.4); box-shadow: 0 0 0 0 rgba(58,104,179, 0.4); }
  70% {-moz-box-shadow: 0 0 0 30px rgba(58,104,179, 0); box-shadow: 0 0 0 30px rgba(58,104,179, 0); }
  100% { -moz-box-shadow: 0 0 0 0 rgba(58,104,179, 0); box-shadow: 0 0 0 0 rgba(58,104,179, 0); }
}
 
.icon-section span{ background:#427ece ; width:100%; height:100%; display:inline-block; border:solid 14px #3A68B3; border-radius:100%; padding-top:43px;}
.icon-section span img{ z-index:10000000;}
.icon-section span img.dark{}
.icon-section span img.light{ display:none}
.theme-section h3{ color:#fff; padding:10px 0px; font-size:26px;  font-family:'Raleway', sans-serif; font-weight:100!important; margin-top:20px;}
.theme-section h3 a{ color:#fff; text-decoration:none}
.theme-section p{ color:rgba(256, 256, 256, .7); font-size:15px; font-weight:400!important; padding:20px 50px; background:rgba(256, 256, 256, .03); display:none}
.theme-section .try-button{ margin-top:40px; text-align:center}
.theme-section .try-button a{ background:#0b356e; color:#fff; border-radius:30px; text-transform:uppercase; padding:8px 40px; font-size:22px; text-decoration:none; border:solid 2px #dc6041}

.feature-section{ background:#fff; padding:50px 0px 70px; overflow:hidden}
.feature-section h2{ text-align:center; line-height:45px; color:#4b4b4b ; margin:0px; padding:15px 0px 0px; font-size:26px!important;}
.feature-section h4{ font-size:16px; display:block; line-height:normal; line-height:30px; padding:15px 0px 0px; margin:0px 0px 30px!important; color:#777; text-align:justify;font-weight:normal;}
.feature-section h4 font{ color:#5183c8}
.feature-section .container{ width:100%; margin:0 auto;}
.feature-section .row{ margin-bottom:40px; padding-bottom:0px;}
.feature-section .row:last-child{ border:none; padding:0px; margin:0px;}
.feature-section  .banner-secd{ padding-top:20px;}
.feature-section h3{ color:#5183c8; font-size:20px; padding:0px; margin:0px 0px 15px; line-height:30px;}
.feature-section ul{ margin:0px; padding:0px; list-style:none;}
.feature-section ul li{ margin-bottom:30px; display:inline-block; float:none; position: relative; padding-left:45px; width:100%}
.feature-section ul li:last-child{ margin-bottom:10px;}
.feature-section ul li img{ position:absolute; left:0px; top:5px; width:32px;}
.feature-section ul li span, .feature-section ul li span a{ color:#5183c8; display:block; font-size:18px;}
.feature-section ul li p{color:#9d9d9d; line-height:24px; display:block;font-size:15px; text-align:justify; margin-top:5px}
.feature-section ul li a{font-size:12px; color:#1C66CD; text-decoration:none;} 

.feature-section .strt_btn{ margin:20px 0px; text-align:center; clear:both}
.feature-section .strt_btn a{background: #1c66cd;  border-radius: 30px;  clear: both;  color: #fff; display: inline-block; font-weight: 500; margin: 0 0 10px;  padding: 10px 50px; font-size:18px;}
 
.product-section{ padding:50px 0px; background:#1c66cd; position:relative; overflow:hidden;  box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .3);}
.product-section .dashborad-banner{ position:absolute; right:0px; top:200px; width:400px; height:600px; }
.product-section h2{text-align:center; line-height:45px; color:rgba(256, 256, 256, .7); margin:0px; padding:20px 0px 20px; font-size:30px!important; font-family:'Raleway', sans-serif!important; 
font-weight:100; position:relative}
.product-section h2:after{ position:absolute; left:0px; right:0px; width:300px; margin:0 auto; content:""; height:1px; background:#92b6e7; top:75px;}
.product-section h2:before{position:absolute; left:0px; right:0px; margin:0 auto; content:""; width:10px; height:10px; background:#92b6e7; top:70px; border-radius:100%; }
.product-section h4{ font-size:14px; display:block; line-height:normal; line-height:25px; padding:20px 0px 0px; margin:0px 0px 20px!important; color:rgba(256, 256, 256, .7); text-align:center; font-family:'Raleway', sans-serif!important; font-weight:100;}
.product-section ul{ margin:0px; padding:0px; list-style:none}
.product-section ul li{ float:left;  text-align:center; height:150px;}
.product-section ul li img{opacity:.7; width:75px; transition: all .2s ease 0s;}
.product-section ul li span{ color:#fff; font-size:14px; padding-top:8px; display:block}
.product-section ul li a{ display:block}
.product-section ul li a:hover{text-decoration:none}
.product-section ul li a:hover img{opacity:1; width:90px }


.marketing-resource{ background:#f2f2f2; padding:50px 0px 70px;}
.marketing-resource h2{ text-align:center; line-height:45px; color:#212128; margin:0px; padding:20px 0px 50px; font-size:30px!important; font-family:'Raleway', sans-serif; font-weight:100!important}
.marketing-resource .col-md-4{ text-align:center}
.marketing-resource .col-md-4 img{ width:60px;}
.marketing-resource .col-md-4 h5{ margin:0px; padding:10px; font-size:20px; color:#212121}
.marketing-resource .col-md-4 p{ color:#9fa3a7; font-size:13px; line-height:22px; padding:0px 50px;}
.marketing-resource .col-md-4 a:hover{ text-decoration:none;} 

.client-review-section{ background:#1c66cd; padding:70px 0px 50px; position:relative; overflow:hidden}
.client-review-section h2{text-align:left; line-height:45px; color:#fff; margin:0px; padding:0px 0px 20px; font-size:30px!important; font-family:'Raleway', sans-serif; font-weight:100!important}
.client-review-section blockquote{  font-size:16px; color:rgba(256, 256, 256, .8); font-style:italic; padding-left:40px;   line-height:25px; font-family:serif;}
.client-review-section blockquote:after{content:"\f10d"; position:absolute; left:0px; top:0px; color:#fff; font-size:24px; font-family:FontAwesome} 
.client-review-section span{ display:block; margin-left:40px; color:rgba(256, 256, 256, 1)}
.client-review-section span i{ vertical-align:top; margin-right:3px;}
.client-review-section a{ margin-top:20px; font-size:20px; color:#fff; text-decoration:none; width:40px; height:40px; line-height:40px;  border-radius:100%; text-align:center; background:#eeb906; margin-left:40px; display:none}

.client-review-section  .carousel{ padding-right:100px;}
.client-review-section .carousel-indicators{ right:0px; left:auto; bottom:auto; width:50px; margin:0px; padding:0px; position:absolute}
.client-review-section .carousel-indicators li{ float:none; display:block; top:0px; text-indent:inherit; width:40px; height:40px; border-radius:100%; margin-bottom:10px; border:solid 5px transparent}
.client-review-section .carousel-indicators li img{ width:100%; border-radius:100%;} 


.action_sec{ background:#f2f2f2; padding:50px 70px;}
.action_sec h2{ text-align:center; line-height:45px; color:#212128; margin:0px; padding:20px 0px 0px; font-size:30px!important; font-family:'Raleway', sans-serif; font-weight:100!important; letter-spacing:1px}
.action_sec h4 {font-size:14px; display:block; color:#212128; line-height:normal; line-height:25px; padding:10px 0px 0px; margin:0 0 40px; font-family:'Raleway', sans-serif; font-weight:100!important; letter-spacing:1px; text-align:center}
.action_sec a.signupbutton{ background:#1C66CD; color:#FFF; padding:10px 30px; border-radius:30px; margin:0px 0px 10px; font-weight:500; clear:both; display:inline-block}
.action_sec a.signupbutton i{margin-left:10px; font-size:18px; padding-top:5px;} 

footer{ background:#1b4987; padding:70px 0px 40px;}
footer ul.footer-link{ margin:0px; padding:0px; list-style:none; border-bottom:solid 1px rgba(256, 256, 256, .1); width:100%; display:inline-block; padding-bottom:25px;}
footer ul.footer-link li{ float:left; display:inline-block;}
footer ul.footer-link li a{color:rgba(256, 256, 256, .7); font-size:13px; padding-right:20px; text-decoration:none; font-family:"Raleway",sans-serif !important}
footer ul.footer-link li a:hover{ color:#fff}
footer .copyright{ color:#c8c8c8; font-size:12px; margin-top:20px; padding-left:0px; font-family:"Raleway",sans-serif !important}

footer ul.social-link{ margin:0px; list-style:none; padding:0px; text-align:right; float:right}
footer ul.social-link li{ float:left; display:inline-block;}
footer ul.social-link li a{ color:rgba(256,256,256, .6); font-size:25px; margin-left:20px;}
footer ul.social-link li a:hover{ color:#fff;}
 
 
.services-slider{ width:1000px; margin:50px auto 0px; position:relative; height:400px; padding-top:125px;}
.services-slider:after{ position:absolute; left:0px; right:0px; top:0px; width:90%; margin:0 auto; height:800px; border:solid 2px rgba(256, 256, 256, .3); border-radius:100%; content:"";}
.services-slider ol{ position:absolute; margin:-119px 0px 0px; padding:0px; left:0px; top:0px; list-style:none; width:100%; bottom:auto;}
.services-slider ol li{ position:absolute; float:left; display:inline-block; width:90px; height:90px; border:solid 5px #1C66CD; background:#1C66CD!important; border-radius:100%; z-index:999; color:#fff; margin:0px; text-indent:0px} 
.services-slider ol li img{ width:80px; opacity:.7; transition: all .2s ease 0s;}
.services-slider ol li.active{ height:90px!important; width:90px!important; background:none; margin:none!important}
.services-slider ol li.active img, .services-slider ol li:hover img{opacity:1; width:90px;}
.services-slider ol li.emailmarketing{ left:23px; top:256px;}
.services-slider ol li.transactionemail{left:99px; top:100px;}
.services-slider ol li.sms{left:447px; top:-47px;}
.services-slider ol li.voiceboradcasting{left:659px; top:-8px;}
.services-slider ol li.ivr{left:247px; top:-8px;}
.services-slider ol li.tollfree{ left:802px; top:100px;}
.services-slider ol li.misscall{left:884px; top:256px;}
 

.services-slider  .carousel-inner{ width:55%; margin:0 auto; text-align:center; background:rgba(256, 256, 256, .1); padding-bottom:70px; border:2px dashed #1c66cd; z-index:999}
.services-slider  .carousel-inner img{ margin:0 auto}
.services-slider .carousel-inner .carousel-item {transition-property: opacity; }
.services-slider .carousel-inner .carousel-item  h3{ color:#fff; font-family:"Raleway",sans-serif !important;   margin:45px 0px 25px; padding:0px; display:block; font-size:30px;}
.services-slider .carousel-inner .carousel-item  h3 a{ color:#fff;}
.services-slider .carousel-inner .carousel-item  p{ color:rgba(256, 256, 256, .8);  font-family:"Raleway",sans-serif !important; padding:0px 70px 15px; font-size:16px; font-weight:100; display:block}
.services-slider .carousel-inner .carousel-item  a.go_btn{ position:relative;  background:#1C66CD; color:#FFF; padding:10px 30px; border-radius:30px; margin:0px; font-weight:500; clear:both; display:inline-block; border:solid 2px rgba(0, 0, 0, .1)}


/*----------------------css for dropdown currencies---------------------------*/

header .currency  { color: rgba(255, 255, 255, .8) !important;font-family: "Raleway",sans-serif;font-size: 13px;font-weight: 400; background:#0b356e;border-radius: 0 20px 20px 0px;
letter-spacing: 1px;margin-left:0px!important;padding:4px 5px 2px 8px !important;text-transform: uppercase; border:0;}
header .currency .caret  { margin-left:-4px;}
header .currency+ul.dropdown-menu {background: #fff!important;border: 0;padding: 5px 10px 0;text-align: center;min-width: 55px;border-radius: 0 0 5px 5px;margin: 0px 0 0 1px;box-shadow: 0 2px 6px 0 rgba(0,0,0,.3); white-space:nowrap}
header .currency+ul.dropdown-menu li a {color: #1552a6!important;padding-bottom: 5px;display: inline-block;font-size: 14px;background: 0 0!important}

h1.pagetopheader{color:#4b4b4b;display: block;font-size:30px;font-weight: 600;margin: 35px 0 15px;}
p.maintopheading{color:#9d9d9d;font-size: 18px;line-height: 30px;margin: 0 auto 30px;text-align: center;width:80%; display:inline-block}
.colorchange{ color:#5183c8!important}

.nav-link.effct-button > i{ display:none!important}
#product-slider .carousel-control{ display:none!important}