h1 {
    font-size: 3em;
line-height: 1.3em;
text-transform: none;
font-weight: 200;

    color: #337ab7;

    font-family: 'Open Sans';
letter-spacing: 0;
}
h2 {
    font-size:1.3em;
    line-height:1.5em;
    color: #666; font-weight:300;
}
h3 {	
    font-size:1.5em; 
    font-weight:400;
    text-transform:uppercase;
    color:#008ed7;
    line-height:1.3em;
}
h4 {
    font-weight:400;
    font-size:1.3em;
    line-height:2em;
    color:#666;
}
h5 {
    color:inherit;
    font-size:1.1em;
    font-weight:300;
    text-transform:uppercase;
    letter-spacing:5px;
}
h6 {
    font-weight:400;
    font-size:.9em;
    text-transform:uppercase;
    color:#444;
}
p {
    color:#444;
    font-size: 15px;
line-height: 1.8em;
font-weight: 300;
-webkit-font-smoothing: antialiased;
}
body {
    min-height:100%;
    font-family:Roboto, sans-serif;
    overflow-y: scroll;
    overflow-x: hidden;
}
b, strong {font-weight: 500;}
a { color: #008ed7;	}
a:hover {    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;}
hr {border-top: 1px solid #ddd;}

.close {
  display: inline-block;
  margin-top: 0px;
  margin-right: 0px;
  width: 9px;
  height: 9px;
  background-repeat: no-repeat !important;
  text-indent: -10000px;
  outline: none;
  background-image: url("../img/remove-icon-small.png") !important;
}

/*----------navbar-------*/
.nav {height:auto;}
.navbar {
    border-radius:0;
    width:100%;
    min-height:70px;
    font-family: Roboto, sans-serif;
    margin-bottom:0;
    background:#fff;
}
.navbar-brand { 
    margin-top:0px;
    height: 100%;
    margin-right: 10px; padding-top:0px;padding-bottom:0px;
}
.navbar-brand img {
    height: 58px; -webkit-filter:invert(.4);
}
.navbar-phonenumber {
    padding-top:25px; 
    padding-bottom:20px; 
    text-align:center; 
    font-weight: 500;
}
.navbar-phonenumber a {
    color:#444;
}
.navbar-nav li a {
    padding-top: 25px;
    padding-bottom: 20px;
}
.navbar li a {
	text-transform:uppercase;
	font-size:1em;
	letter-spacing:1px;
}
.navbar .nav li a:hover , .navbar .nav li.active a { background:none!important;color:#008ed7; }
.navbar .nav li a { color:#444; }

.navclear { position:absolute; background: rgba(255,255,255,.1);z-index:1000; border-bottom:1px solid #333; }
.navclear .nav li a { color: #999; font-weight: 400;}
.navclear .nav li a:hover , .navclear .nav li.active a { background:none!important; color: #2b9ece; }

#submenu .mpanel {display:none; position:absolute;z-index:10000;background:rgba(253,253,253,1); box-shadow:1px 1px 10px #222;}
.mpanel  a:hover * {color:#2b9ece;}
.mpanel a p {color:#444;margin-bottom:0px; font-weight:400;}
.mpanel  h6 {color:#999;text-transform:none;margin-bottom:15px;margin-top:0px;}
.mpanel  hrsm {margin-top:0;margin-bottom:25px;width:100%;}
/*-------footer----------*/
.footer-wrap {
    font-family:Roboto, sans-serif;
    background-color: #222;
    bottom:0;
}
.footer-main {
    padding-top:40px;
    padding-bottom:15px;
    margin-left:auto;
    margin-right:auto;
}
.footer-main h3 {font-size:1.1em;}

.footer-main li a, .footer-main li {
    color:#787878;font-size:.9em; font-weight:500;
}
.footer-main hr {
    display: block; height: 1px;
    border: 0; border-top: 1px solid #444;
    margin: 1em 0; padding: 0;
}
/*------------custom loading---------*/
.loaderwrap {
/*    width:100%;
    height:100vh;
    position:fixed;
    background:#fafafa;
    z-index:5000;*/
display:none;
}
.loaded .loaderwrap {
    visibility:hidden;
    display:none;
}
.spinner {
  margin: 44vh auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}

.spinner div {
  background-color: orange;
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
/*--------------general classes-------*/
hrsm {
    height: 3px;
    width: 40px;
    display: inline-block;
    margin-top:15px;
    margin-bottom:5px;
}
.px100 {    height:6vh; width:100%;    }
.px50 {    height:3vh; width:100%;    }
.px25 {		height:1.5vh; width:100%;   }
.padded { padding-left:3vw; padding-right:3vw; }

.page-header-center {
text-align:center; margin-bottom:50px;
margin:auto;width:100%;
}
.page-header-center > * { text-align:center; }
.large {
    font-size: 3em;
    line-height: 1.3em;
    text-transform: none;
    color:#444;letter-spacing:0px;
}
.shadowed {
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
  filter: url(#drop-shadow);
  -webkit-filter: drop-shadow(10px 10px 7px rgba(0,0,0,0.5));
  filter: drop-shadow(10px 10px 7px rgba(0,0,0,0.5));
}
.container-fluid {	padding:0; }
.price {font-size:2.1em;color:#444;}
h1.spaced {
    letter-spacing:15px;
    font-size:3em;
}
.tnone { text-transform:none; }
.gray {	color: #777; }
.white, .white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white p { color:#fff; }
.black { color:#222; }
.blue { color:#008ed7; }
.orange { color: #ffb000; }
.dark, .dark h1, .dark h2, .dark p{	color:#444; }
.light {color:#ebf2f5; }
.green {color:#a3fb22; }
.yellow {color:#ffd000; }
.nopad {	padding:0;}
.bpad15 p {padding-bottom:20px;}

.caption {
    background:#ebf2f5;
    padding:1vw; 
}
.caption .btn {min-width:140px;}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 1.1em;
color: inherit;
}
.panel-group .panel {
margin-bottom: 20px;
border-radius: 2px;
}
.border {border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.star {color:red;}
/*----------landings-------------*/
.bluebg {    background-color: #008ed7; } 
.bluebg h1, .bluebg h2, .bluebg > *, .bluebg p, .bluebg h3, .bluebg h4, .bluebg h5, .bluebg h6 { color:#fff; }
.graybg {    background: #444; }
.graybg > *, .blackbg > *, .blackbg h1, .blackbg h2,  .blackbg p, 
.graybg h1, .graybg h2, .graybg h4, .graybg h5, .graybg h6, .graybg p
{ color: #ebf2f5; }
.lgraybg {    background-color:#f5f5f5; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }

.llgraybg {background-color:#fafafa; border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.blackbg {  background-color:#222;}
.whitebg {background-color:#fff;}
.lbluebg {background-color:#77cfd0; }
.greenbg {background:#788e3f;}
.greenbg  h1, .greenbg h2, .greenbg h3, .greenbg h5, .greenbg h4, .greenbg h6 {color:#fff}
.graylanding {background-color:#222;
    background-position:center;
    background-size:cover;}
.graylanding > * {color:#fff;}
.graylanding h1, .bluelanding h1 { color:#fff; font-size:3em; letter-spacing:8px;
                    margin-top:35px; margin-bottom:35px;}
.graylanding h5 {color:#bbb;}
.bluelanding {
    background-color:#008ed7;
    background-position:center;
    background-size:cover;
}
.bluelanding > * {color:#fff;}
.fullpg {
	min-height:100vh;
	padding-top:20vh;
}
.halfpg {
	min-height:50vh;
	padding-top:10vh;
	padding-bottom:5vh;
}
/*----------icons-------------*/
i {color:#008ed7;}
.grayi i { color:#666;}
.mdi li {padding:2vw;}
.mdi li h3 {color:#666;}
.mdi i {font-size:5em;color:#ccc;}
.largei i {font-size:8em;color:#fff;margin-top:5vh;}
.largei a:hover i, .largei a:hover h3, .largei a:hover, .largei a:hover p {
    color:#222; text-decoration:none;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.icons .fa-stack {
    background:#fff;
    border-radius:100px;
    border:2px solid #008ed7;
}
.icons .fa-stack .text-primary{
	color:#008ed7;
        font-size:38px;
}
.icons a:hover {    text-decoration:none;   }
.icons .caption {
    padding:15px;
    padding-top:50px;
    padding-bottom:50px;
}
.grayi.icons .fa-stack {border:1px solid #ccc; }
.grayi.icons .fa-stack .text-primary{font-size:25px;}
/*-------------forms and lists and tables---------*/
form {	font-family: Roboto, sans-serif; }
.checkbox {		margin-bottom:20px; padding-bottom:12px; border-bottom:1px solid #ddd;	}
ul li { font-family:Roboto, sans-serif;}
.list-info li{
    margin-bottom: 20px;
    font-size:1.1em;
    line-height:2em;
    margin: 0 0 10px;
}
table>thead>tr>td, 
table>tbody>tr>td, 
table>tfoot>tr>td {
	padding:1px 10px 5px 10px; 
}


.table>thead>tr>th, 
.table>tbody>tr>th, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>tbody>tr>td, 
.table>tfoot>tr>td {
	padding:14px; 
	/*vertical-align:middle;  */
}
.borderless>thead>tr>th, 
.borderless>tbody>tr>th, 
.borderless>tfoot>tr>th, 
.borderless>thead>tr>td, 
.borderless>tbody>tr>td, 
.borderless>tfoot>tr>td  {
    border: none;
}
/*--------carousel--------*/
.carousel, .carousel .item {
    min-height:60vh;
}
.carousel .item {
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.ccaption {
	text-align:left;
	position:absolute;
        top:10vh;
}
.ccaption > * { color:#fff;     }
.carousel-inner .img1 {
    background: url('../images/img2.jpg') no-repeat bottom; background-size:cover;
}
.carousel-inner .img2 {
    background: url('../images/img2.jpg') no-repeat center; background-size:cover;
}
.carousel-inner .img3 {
    background: url('../images/img2.jpg') no-repeat center; background-size:cover;
}
.carousel-inner .img5 {
    background: url('../images/florida2.jpg') no-repeat bottom; 
    background-size:cover;
}
.carousel-control {   width:10%; opacity:.3;  }
.carousel-control.left {background-image: linear-gradient(to right,rgba(0,0,0,.3) 0,rgba(0,0,0,.0001) 100%);}
.carousel-control.right {background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.3) 100%);}
/*-------------buttons---------------*/
.btn-clear-black {
    background:rgba(255,255,255,0);
    border:1px solid #444;
    color:#444;
}
.btn-clear-black:hover {
    background-color:rgba(0,0,0,1);
    color:#fff;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.btn-clear {
  background: rgba(255,255,255,0);
  border: 1px solid #fff;
  color:#fff;
}
.btn-success {
    background: #788e3f;
    border: #688e3f;
    color:#fff;
}
.btn-clear:hover {
    background-color:#fff;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.btn {
  margin-top:30px;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:13px;
  padding-right:13px;
  min-width:180px;
  letter-spacing:1px;
  font-family: Roboto;border-radius:3px;
}

.btn.green:hover, .btn.green:focus, .btn.green:active, .btn.green.active, .btn.green.disabled, .btn.green[disabled] {
background-color: #1d943b !important;
color: #fff !important;
outline: none !important;
}
.btn.green {
color: white;
text-shadow: none;
background-color: #35aa47;
}
.btn.purple:hover, .btn.purple:focus, .btn.purple:active, .btn.purple.active, .btn.purple.disabled, .btn.purple[disabled] {
background-color: #6d1b81 !important;
color: #fff !important;
outline: none !important;
}
.btn.purple {
color: white;
text-shadow: none;
background-color: #852b99;
}
.btn.yellow {
color: white;
text-shadow: none;
background-color: #ffb848;
}
.btn.red:hover, .btn.red:focus, .btn.red:active, .btn.red.active, .btn.red[disabled], .btn.red.disabled {
background-color: #bb2413 !important;
color: #fff !important;
outline: none !important;
}
.btn.red {
color: white;
text-shadow: none;
background-color: #d84a38;
}
.top-news span {
font-size: 18px;
margin-bottom: 5px;
}
.top-news a, .top-news em, .top-news span {
display: block;
text-align: left;
}
.top-news em {
margin-bottom: 0;
font-style: normal;
}
.top-news a, .top-news em, .top-news span {
display: block;
text-align: left;
}
.top-news {
color: #fff;
margin: 8px 0;
}
.top-news em i {color:#fff;}
.nobtnpadding .btn {margin-top:0px;}

/*-------------all products ----------------*/
.boxes { text-align:center; }
.boxes h3 { color:#777;font-size:1.8em;}
.boxes i {color:#777;}
.boxes .productbox {
  padding:12vh 2vw;
}
.boxes a:hover {text-decoration:none;}
.boxes a:hover .overlay {bottom:6vh;}

.boxes .col-sm-4 {padding:2px; }

.overlay {
  position:absolute; margin:2px;
  top:0;bottom:0;left:0;right:0;
  background-color:rgba(255,255,255,.7);
  z-index:-5;
  -webkit-transition:all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.boxes .bgimg {
  position:absolute;margin:2px;
  top:0;bottom:0;left:0;right:0;
  z-index:-10; background:#444;
}

.boxes .bgimg.b1 {
    background: url('http://static.pexels.com/wp-content/uploads/2015/01/apple-iphone-iphone-6-4152-525x350.jpg');
 background-size:cover;
}
.boxes .bgimg.b2 {
  background:  url('http://static.pexels.com/wp-content/uploads/2014/10/hair-headphone-hearing-3100-528x350.jpg');
   background-size:cover;
}
.boxes .bgimg.b3 {
  background:  url('http://static.pexels.com/wp-content/uploads/2015/03/hand-nokia-outside-4957-525x350.jpg') right;
  background-size:cover;
}
.boxes .bgimg.b4 {
    background: url('http://static.pexels.com/wp-content/uploads/2015/04/apple-coffee-cup-5199-489x350.jpg');
    background-size:cover;
}
.boxes .bgimg.b5 {
    background: url('http://static.pexels.com/wp-content/uploads/2015/04/apple-coffee-cup-5199-489x350.jpg');
 background-size:cover;
}
.boxes .bgimg.b6 {
  background:  url('http://static.pexels.com/wp-content/uploads/2015/03/app-apple-calendar-5103-526x350.jpeg');
   background-size:cover;
}
.boxes .bgimg.b7 {
  background:  url('http://static.pexels.com/wp-content/uploads/2015/03/beach-drink-sand-5006-525x350.jpg') right;
  background-size:cover;
}
.boxes .bgimg.b8 {
    background: url('http://static.pexels.com/wp-content/uploads/2014/09/desk-notebook-notes-3059-525x350.jpg');
    background-size:cover;
}
.boxes .bgimg.b9 {
    background:url('http://static.pexels.com/wp-content/uploads/2015/03/calling-fashion-jacket-4998-525x350.jpg');
    background-size:cover;
}
.boxes .bgimg.b10 {
    background:url('http://static.pexels.com/wp-content/uploads/2015/03/calling-fashion-jacket-4998-525x350.jpg');
    background-size:cover;
}
.boxes .bgimg.b11 {
    background:url('http://static.pexels.com/wp-content/uploads/2014/09/calling-mobile-phone-person-3051-525x350.jpg');
    background-size:cover;
}
.boxes .bgimg.b12 {
    background:url('http://static.pexels.com/wp-content/uploads/2015/03/coffee-hands-mobile-phone-4831-525x350.jpg');
    background-size:cover;
}
.boxes .bgimg.b3 {
    background:url('http://static.pexels.com/wp-content/uploads/2015/03/beach-palms-4988-525x350.jpg');
    background-size:cover;
}

/*----------------product pages new----------*/
#prodlanding {
	background:url('../images/solimgs/dbhome4.png') no-repeat; 
	background-position:right bottom; 
	background-color:#f5f5f5;
        background-size:contain;
}
#questions h3 {
    margin:25px 0 8px 0;
    text-transform:none;
}
#questions h2 {max-width:800px; margin:auto; color:#999; font-weight:300; }
#questions {border-bottom:1px solid #ddd;}

.features h3 { text-transform:none; font-size:2em; }
.features .row p { line-height:2.3em; font-weight:400; }
.features {background-color:#ebf2f5;} 
.textsm h4 {
    font-size:1.1em; line-height:1.3em; padding:0;margin: 20px 0 0 0; color:#00aef0;
}
.features .row .textsm p {line-height:1.5em;}

#allfeats .row {
    margin:25px 0; 
}
#allfeats .col-sm-4 { padding-right:3vw;padding-left:3vw; }
#allfeats h3, #allfeats2 h3 {color: #333;
text-transform: none;
font-size: 1.1em;
line-height: 1.2em;
font-weight: 400;
margin-bottom: 6px;}
#allfeats p, #questions p, .feature p, #allfeats2 p {
    color:#777;
    font-size: 15px;
line-height: 1.8em;
font-weight: 300;
-webkit-font-smoothing: antialiased;
margin-top: 0;}
#allfeats i {font-size:2em; color:#333; margin-top:3vh;}

#allfeats2 p { margin-bottom:4vh;}

.pads {padding-top:15vh;padding-bottom:15vh;}
.padsm {padding-top:8vh;padding-bottom:8vh;}
#pricinginfo {padding-top:8vh;padding-bottom:8vh;}
#pricing  {	padding-top:20vh;padding-bottom:20vh; font-weight:500;text-align:center;}
#pricing .table a.btn {font-size:1.3em;margin: 2vh 1vw; min-width:80px; }
/*-----------------product pages individual---------*/
#tab-navigation { z-index: 100; width: 100%; margin:0; background:rgba(253,253,253,.95); box-shadow: 0 4px 2px -2px rgba(10,10,10,.1);
	border-top:1px solid #ccc; border-bottom:1px solid #ccc;	}
#tab-navigation li {	display:inline-block; margin:0 0px; }
#tab-navigation a {	border:none; font-weight:400; padding:10px 9px; font-size:1em;color:#666;}
#tab-navigation .active, #tab-navigation a:hover { background:#f5f5f5; }
#tab-navigation ul {	border-bottom:0; }
#tab-navigation .nav-tabs > li { float:none; display:inline-block;  *display:inline;  zoom:1;  }
#tab-navigation .nav-tabs {  text-align:right;  padding-right:30px;}
#tab-navigation .navbar-brand {font-size:1em;}
#tab-navigation.affix {
    position: fixed;
    top: 0;
    width:100%;
}
#tab-content .col-xs-1, #tab-content i {
	font-size:23px;
	padding-top:9px;
}
#tab-content p { color:#666; }
#tab-content li {
    font-size:1.3em;
    line-height:2em;
    margin: 0 0 10px;
}
#allfeatures {background:#fafafa;}
#allfeatures {border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#allfeatures i {
        color:#ccc;
	font-size:1em; 
	margin:auto;
        padding-top:2px;
}
#allfeatures table td {padding:1vw;}
#allfeatures td {
    font-weight:400;
    font-size:1.2em;
    line-height:1.5em;
    color:#444;
}
#allfeatures tr {padding:5px 10px;}
#quotelink {  background: #008ed7; }
#quotelink h1, #quotelink h2 {	color:#fff; }
#testimonial {	background:#222;
background-size:cover; background-position:center; }
#testimonial h1 {	color:#ebf2f5; }
#testimonial h6 {	color:#008ed7; font-size:1.3em; line-height:1.5em;}
#testimonial hr {	border-top:1px dashed #ebf2f5;	}
#testimonial i {
	font-size:40px;
	padding-top:20px;
}
#testimonial .col-xs-1 {text-align:center;}
#testimonial h3 {	color:#ddd; font-weight:400; text-transform:none; font-size:1.3em;  }

#productfaq h6 {    margin-top:30px; text-transform:none; color:#008ed7; font-size:1.3em; font-weight:500;    }
#faqlanding {
    background:url('https://ununsplash.imgix.net/photo-1426443177319-df7c639993c8?fit=crop&fm=jpg&h=625&q=75&w=1050') no-repeat;
    background-size:cover;
    background-attachment:fixed;
    padding-top:22vh;
    padding-bottom:22vh;   
}
.imglanding {
    background-color:#008ed7;
    min-height:50vh;background-position:top;
}
.campaignbg {background-image:url('../images/solimgs/gregpowerscampaign.png');}
.reminderbg {  background-image:url('../images/solimgs/apptbg.svg');background-size:contain; }
.inboundbg {background-image:url('../images/solimgs/inboundsolution.svg');background-size:contain;}
.blendedbg {background-image:url('../images/solimgs/blendedsolution.svg');background-size:contain;background-color:#77cfd0;}
.outboundbg {background-color:#ffba00; background-image:url('../images/solimgs/outboundsolution.svg'); background-size:contain;}
.textmsgbg {background-image:url('../images/solimgs/text.png');}
.textbg {background-image:url('../images/solimgs/textbg.svg');}
.phonesurveybg {background-image:url('../images/solimgs/phonesurvey.svg');}
.ivrbg {background-image:url('../../images/ivr/autodialer-outbound-political-poll.png');background-repeat: no-repeat;background-color:#008ed7;}
.pbxbg {background-image:url('../images/solimgs/ivr.png');}
.ccmbg {background-image:url('../images/solimgs/ccm.png');}
.autodialercampbg {background-image:url('../images/solimgs/autodialercampaign.png'); background-position:top left;}
.emailcampbg {background-image:url('../images/solimgs/emailcampaign.png');background-position:top right;}
.predictivecampbg {background-image:url('../images/solimgs/predictivecampaign.png');}
.textcampbg {background-image:url('../images/solimgs/textcampaign.png');background-position:top right;}
.crmbg {background-image:url('../images/solimgs/crmbg.png');}
.dbbg {background-image:url('../images/solimgs/autodialermix.png');background-position:top}
.landing {
    -webkit-box-shadow: 0px -3px 10px -2px rgba(34,34,34,0.9);
    -moz-box-shadow: 0px -3px 10px -2px rgba(34,34,34,0.9);
    box-shadow: 0px -3px 10px -2px rgba(34,34,34,0.9);
    background:#fafafa;
    padding-bottom:2vh;
}
.landing .btn {margin-top:0px; margin-right:20px;}
.landing .top {color:#008ed7;}
.landing h2 {	letter-spacing:1px; line-height:2em;font-size:1.2em; font-weight:400;margin:auto;margin-top:25px; }
.landing p {font-size:1.2em;}
#steps i {
	font-size:4em; 
	color:orange;
}
#steps {text-align:center;}
/*--------demos----------*/
#demovids .col-sm-4 {
	 margin-bottom:30px;
}
#demovids .col-sm-8 p {
	color:#444; font-weight:500;
}
.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


#landinghome h1 { color: #333; font-weight: 300; font-size: 2em; line-height:1.5em;}
#landinghome h1.top { text-transform:uppercase;font-size: 4.5em; line-height:1.3em;  font-weight: 300; padding-top:30vh; }
#landinghome .btn {font-size: 1.1em;padding: 10px 30px;  text-transform: uppercase; }
#landinghome .carousel, #landinghome .carousel .item {  min-height:100vh; }

#landinghome a.btn { padding:2vh 5vw; }
#landinghome a.btn-primary {background-color:#00aef0;border:1px solid #009ed0;}

#landinghome .img10 {
    background:url('../images/hands.jpg') no-repeat; background-size:cover; background-position:right;
}

#landinghome .img13 {
    background-size:cover;
    background:url('../images/allinone.jpg') no-repeat;
}
#landinghome .img14 {
    background:url('../images/solimgs/homepg.svg') no-repeat; background-size:contain; background-position:left;;
}
#landinghome .img11 {background:url('../images/second.jpg') no-repeat; background-size:cover;background-position:top left;}
#landinghome .img12 {background:url('../images/solimgs/mouse.jpg') no-repeat;background-position:bottom right;}
/*---------intelligent communication page -------------padding-top: 22vh;  padding-bottom: 16vh;   */
#whylanding { min-height:80vh; padding-top:12vh;padding-bottom:12vh; }
#whylanding h1{font-size:4em; font-weight:100; }
#whylanding h1.top {font-size:2em;font-weight:500;letter-spacing:5px;text-transform:uppercase;}
#whylanding h2 {font-size: 1.5em; line-height: 2.3em;font-weight: 300;}

.largetext h1{font-size: 36px;font-weight:100;}
.largetext h2 {font-size: 1.5em; line-height: 2.3em;font-weight: 300; }
.homeimg {
    min-height:100vh;
    padding-top:20vh;
    background-attachment:fixed;
}
.homeimg.img1 h1, .homeimg.img2 h1 {color:#fff;}
.homeimg.img1 h2, .homeimg.img2 h2 {
color: #ebf2f5;
}
.newspaper {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    -webkit-column-gap: 3vw; /* Chrome, Safari, Opera */
    -moz-column-gap: 3vw; /* Firefox */
    column-gap: 3vw;
    -webkit-column-rule: 1px solid #ddd; /* Chrome, Safari, Opera */
    -moz-column-rule: 1px solid #ddd; /* Firefox */
    column-rule: 1px solid #ddd;
}

.homeimg.img1 {
    background-image: url('../images/read.jpg');
    background-size: cover;
}
.homeimg.img2 {
    background-image: url('../images/pocket.jpg');
    background-size: cover;
}

.homeimg.img3 h1, .homeimg.img3 h2 {color:#444;}

.homeimg.img4 {
    background-image: url('../images/infinite.jpg');
    background-size: cover;
}

.img8 { background-image:url('../images/solimgs/hand.jpg'); background-size:cover; background-position: center;}
.homeimg #middle i {font-size:4em; padding: 2px 2vw;}

#howto {background:#222;}
#howto i {font-size:2em;margin:3px; color:#ffbb00}
#howto a {color:#ccc;}

/*-------------why voicent/what we offer----------*/
.overview {  background:#fff; font-family: 'Roboto';   padding: 0; }
      .overview .container {background:#fff;}
    .overview h2 { font-size: 1.1em; line-height: 2em; margin-bottom:5vh; }
    .overview ul li{ margin:15px 0px;  font-size:1.1em; }
    
    .infographic h1, .infographic h3, .infographic h5 { color:rgba(182,190,52,1); }
    .infographic h3 {font-size:4em;font-family: "Oswald";font-weight:bold; letter-spacing:0px; }
    .infographic h1 {font-size:2em; font-family: "Oswald"; font-weight:300; }
    .infographic p, .infographic a, .arrows p {font-size: 1em; font-weight:400; font-family: 'Open Sans'; color:#444; }
     .infographic a { line-height:2em; }
    #marketing p, #sales p, #service p {color:#ddd;}

    .infographic i.fa-long-arrow-down, .arrows i.fa-long-arrow-down {padding-top:.3em;}
    .arrows {padding-top:5em; padding-bottom:3em;}

    .infographic i, .arrows i { font-size:3em;margin:3px; color:rgba(182,190,52,1);} 
    .infographic {padding-top: 10vh; padding-left:5vw; padding-left:5vw; padding-bottom:0vh; }
    #marketing, #sales, #service {padding-bottom:10vh; background:#444;}
    #marketing, #service {margin-right:-2px;}
    #background { background-color: #444; }
    #background .container {background:#fff;}
    #background .col-sm-4.infographic {padding-left:3vw;padding-right:3vw;}
    
    .infographic img:hover {  -webkit-filter:hue-rotate(180deg); }


/*--------------about page------------------*/
#contact-form label { font-size:16px;vertical-align:middle; font-family: Roboto, sans serif; font-weight:normal; color:#aaa}
#contact-form input[type=text],#contact-form input[type=email], .contactForm textarea {
	width: 100%;
	background: rgba(240, 240, 240, .5);
	font-family: Roboto, sans serif;
	border: 1px solid #bbb;
    font-weight:normal;
	font-size:16px;
	text-align: left;
	vertical-align: middle;
	padding:0 10px;
	border-radius: .2em;
}
#contact-form input[type=text]:focus,#contact-form input[type=email]:focus, .contactForm textarea:focus {
	background: #eff1ef;
	color: #333;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	transition: background 0.25 ease-in;
	-moz-transition: background 0.25 ease-in;
	-webkit-transition: background 0.25 ease-in;
}
#contact-form input[type=text],#contact-form input[type=email] {
	height: 40px;
	margin-bottom:30px;
}
#contact-form input[type=submit] {	text-align:center; margin: 0 auto;}
#contact-form input[type=submit]:hover, #contact-form input[type=submit]:active {
	background: #43413e !important;
}
#contact-form textarea, #contact-form label {
	padding-top: 1em;
}
/*--------------press page-----------------*/
#news i {
	font-size:40px;
	padding-top:20px;
}
#news .col-xs-2 {text-align:center;}
#news a h3 {	color:#444; font-weight:400; text-transform:none;  }
#news a:hover h6 {
	color:#008ed7;
	-webkit-transition: color 0.2s ease-in-out;
        -moz-transition: color 0.2s ease-in-out;
        -o-transition: color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out;
}
#news a:hover h3 {	color:#008ed7; text-decoration:none;
	-webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}
#news a:hover {	text-decoration:none; }

#whouses .col-md-8 {	border-left:2px solid #008ed7; }
#whouses .col-md-4 h2 {  color:#444;  line-height:2em; }
.userlogos img { height:50px; margin:30px;}

#storieslanding {
	background:url('/newassets/images/stories.jpg') no-repeat;
	background-size:cover;
	background-position:center;
	height:500px;
}
#storieslanding h1, #storieslanding h2 {color:#fff; }
#storieslanding h1 {padding-top:100px;}
#stories .row { padding-top:50px; padding-bottom:50px; }

#presslanding .carousel, #presslanding .carousel .item {  min-height:55vh; }
#presslanding .carousel-inner .container { padding-top:22vh;}
#presslanding .carousel-inner .container {padding-bottom:22vh;}
#featurednews p { color:#222;}
/*---------------support page---------*/
#supportlanding {
  padding-top:20vh;
  padding-bottom:20vh;
}
#supportlanding h1 {
  margin-top:35px;
  margin-bottom:35px;
}
#supportlanding a {
  color:#fff;
  font-size:1.1em;
  font-weight:300;
  text-transform:uppercase;
  letter-spacing:4px;
  }
#supportlanding .list-inline li {
  padding-left: 15px;
  padding-right:15px;
}

#faq h6 {    margin-top:30px; text-transform:none; color:#008ed7;font-size: 1.3em; font-weight: 500;   }
#tutorials {    min-height:300px; text-align:center;   }
#tutorials .btn {    margin-top:30px;   }
#developers li b { color: #008ed7;	}
#contact {	text-align:center;	}
#contact .caption {
    min-height:370px;
}
/*-----------------------download page----------------------*/
#download {
    padding-top:10vh;
    padding-bottom:10vh;
}
#download > * { text-align:center;}

#download h5 {
	font-weight:400;
	color:#bbb;
}
#included b {
	color:#008ed7;
}
/*------------------------actual colum stuff----------------------*/
.container-xs-height {
    display:table;
    padding-left:0px;
    padding-right:0px;
}
.row-xs-height {
    display: table;
    width: 100%;
}
.col-xs-height {
    display: table-cell;
    float: none !important;
}

@media (min-width: 768px) {
    .row-sm-height {
        display: table;
        width: 100%;
    }
    .col-sm-height {
        display: table-cell;
        float: none !important;
    }
}
@media (min-width: 992px) {
    .row-md-height {
        display: table;
        width: 100%;
    }
    .col-md-height {
        display: table-cell;
        float: none !important;
    }
}
@media (min-width: 1200px) {
    .row-lg-height {
        display: table;
        width: 100%;
    }
    .col-lg-height {
        display: table-cell;
        float: none !important;
    }
}
.img-responsive {width: 100%;}
.col-top {vertical-align:top;}
.col-middle {    vertical-align:middle;}
.col-bottom {    vertical-align:bottom;}

/*------------------------------resizes on browsers-----------------*/
@media only screen and (min-width:960px){
    }
    @media only screen and (min-width:1440px){
    }
    @media only screen and (min-width:2000px){
        /* for sumo sized (mac) screens */
    }
    @media only screen and (max-device-width:480px){
       /* styles for mobile browsers smaller than 480px; (iPhone) */
    }
    @media only screen and (device-width:768px){
       /* default iPad screens */
    }
    /* different techniques for iPad screening */
    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
      /* For portrait layouts only */
    }

    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
      /* For landscape layouts only */
    }

@media only screen and (max-width:1200px){
    h1 {  font-size:2.2em;  }
    h1, h2, h3, h4, h5, h6, p {	line-height:1.5em; }
    .graylanding h1, .bluelanding h1, .spaced {letter-spacing:8px; }
    h4 {font-size:1.1em; letter-spacing:.5px;}
    h1.large {
        font-size: 2.2em;
        line-height: 1.3em;
    }
    .largetext h1{font-size:3em;}
    .largetext h2 {font-size: 1.2em; line-height: 2em;}
    #whylanding h1{font-size:3em; }
    #whylanding h1.top {font-size:1.8em;letter-spacing:2px;}
    #landinghome h1 { font-size: 2em; }
    #landinghome h1.top { font-size: 2.4em; letter-spacing:3px; }
    .homeheader h1 {font-size:2em;}
}
@media only screen and (max-width:1080px) {
    p {font-size:1em; line-height:1.3em;}
    h3, .feature h3 {font-size:1.1em;}
    .feature .row p {line-height:1.5em;}
    h2 .price { font-size:1.8em; }
    .list-info li { margin-bottom: 10px; font-size:1.1em;    line-height:1.3em; }
    .home .col-sm-4 {	padding-left:10px;padding-right:10px;}
    .container-fluid .container {	padding-left: 50px; padding-right: 50px; }
    .graylanding h1, .bluelanding h1, .spaced {letter-spacing:2px; }
    .col-sm-8.col-sm-offset-2 { width: 92%;margin-left: 4%;}
    .largetext h1{font-size:2em;}
    .largetext h2 {font-size: 1.1em; line-height: 1.5em;}
    #whylanding h1{font-size:2em; }
    #whylanding h1.top {font-size:1.5em;letter-spacing:1px;}
    #landinghome h1 { font-size: 1.5em; }
    #landinghome h1.top { font-size: 1.8em; letter-spacing:0px; }
    #prodlanding { background: #f5f5f5;    }
}
@media only screen and (max-width:600px){
    #tab-navigation.affix {position:relative; top: 0;width:100%;    }
    .container-fluid .container {	padding-left: 15px; padding-right: 15px; }
    .largetext h1{font-size:1.6em;}
    .largetext h2 {font-size: 1.1em; line-height: 1.3em;}
    .overview ul li {font-size:1em;}
    .padded {padding-left:1vw;padding-right:1vw;}
    #whylanding h1{font-size:1.6em; }
    #whylanding h1.top {font-size:1.3em;letter-spacing:1px;}
    #landinghome h1 { font-size: 1.5em; }
    #landinghome h1.top { font-size: 1.3em; letter-spacing:0px; }
    .homeheader h1 {font-size:1.1em;}
    .img8, #landinghome .img10, #landinghome .img11, #landinghome .img12  { background-image:none; border-bottom:1px solid #ddd;  }
}


@media (min-width:300px) {
    .landing h1.top {font-size:2em;}
    
}
@media (min-width: 960px) {
    .landing h1.top {font-size:3em;}
}

@media (min-width: 1200px) {
    .landing h1.top {font-size:3.2em;}
}

@media (min-width: 1600px) {
    .container {  width: 1400px;  }
    .landing h1.top {font-size:3.4em;}
}

/*--------OS COMMERCE PAGES-------*/
body.lgraybg {background-color:#dedede; }
body.lgraybg .middleLpanel {width:25%;}
body.lgraybg .middleRpanel {width:75%; }

body.lgraybg .cart {height:103px; background:#444;}
body.lgraybg .middlePanel {background:#fff;   }
body.lgraybg .main {padding-top:0; }
body.lgraybg .bottomcont {display:none;}