@import url(https://fonts.googleapis.com/css?family=Roboto:200,300,400,500,700);

html body {
	font: 100% "Roboto", sans-serif;
  	font-weight:300;
  	margin-top: 100px;
  	font-size: 18px;
  	line-height:26px;
  	color:#444;
  	margin-bottom:0px;
}
@media screen and (max-width: 992px) {
  	html body {
  	margin-top: 70px; } }

body a {
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
    color:#ff9300;
}
body a:hover {
    color:#da6114;
}  
body, body p, body li {
    font-family:"Roboto", sans-serif ;
    font-weight: 300 ;
    font-size: 18px ;
    line-height: 26px ;
    margin: unset ;
    text-transform: unset ;
    margin-bottom:15px;
}
body li {
    margin-bottom:6px;
}
body .font-16, body p.font-16 {
    font-size: 16px ;
    line-height: 25px;
}

body strong {
font-weight: 500;
}

body h1 {
    font-family:"Roboto", sans-serif ;
    font-weight: 300 ;
    font-size: 38px ;
    line-height: 46px ;
    margin: unset ;
    text-transform: unset ;
    margin-bottom:10px;
}



body h2 {
    font-family:"Roboto", sans-serif ;
    font-weight: 400 ;
    font-size: 26px ;
    line-height: 32px ;
    margin: unset ;
    text-transform: unset ;
    color:#444;
}
body h2.white {
  color:#fff;
}

body h3 {
    font-family:"Roboto", sans-serif ;
    font-weight: 500 ;
    font-size: 20px ;
    line-height: 28px ;
    text-transform: uppercase ;
    margin: unset ;
    color:#444;
}
body h4 {
    font-family:"Roboto", sans-serif ;
    font-weight: 600 ;
    font-size: 18px ;
    line-height: 22px ;
    margin: unset ;
    text-transform: unset ;
    color:#444;
}
body h5 {
    font-family:"Roboto", sans-serif ;
    font-weight: 600 ;
    font-size: 16px ;
    line-height: 24px ;
    margin: unset ;
    text-transform: unset ;
}

  
@media screen and (max-width: 767px) {
body, body p, body li {
    font-family:"Roboto", sans-serif ;
    font-weight: 300 ;
    font-size: 16px ;
    line-height: 23px ;
    margin: unset ;
    text-transform: unset ;
    margin-bottom:8px;
}
body li {
 
    margin-bottom:5px;
}

	body h1 {
    font-size: 32px ;
    line-height: 38px ;
  }
  body h2 {

    font-size: 24px ;
    line-height: 29px ;

  }
  body h3 {
    font-family:"Roboto", sans-serif ;
    font-size: 18px ;
    line-height: 24px ;

}
body h4 {
    font-family:"Roboto", sans-serif ;
    font-weight: 500 ;
    font-size: 16px ;
    line-height: 21px ;
    margin: unset ;
    text-transform: unset ;
}
}

h2.title,  .product-container .overview-text h2 {
font-family: "Roboto", sans-serif;
font-weight: 300;
font-size: 38px;
line-height: 46px;
margin: unset;
text-transform: unset;
margin-bottom: unset;
 margin-bottom:10px;
}

@media screen and (max-width: 991px) {
h2.title,  .product-container .overview-text h2 {
font-size: 36px;
line-height: 42px;
}
}

@media screen and (max-width: 767px) {
h2.title,  .product-container .overview-text h2 {
font-size: 32px;
line-height: 38px;
}
}

h2.fake-h1  {
font-family: "Roboto", sans-serif;
font-weight: 300;
font-size: 38px;
line-height: 46px;
margin: unset;
text-transform: unset;
margin-bottom: unset;
}

@media screen and (max-width: 991px) {
h2.fake-h1 {
font-size: 36px;
line-height: 42px;
}
}

@media screen and (max-width: 767px) {
h2.fake-h1 {
font-size: 32px;
line-height: 38px;
}
}

.fake-h1 h2 {
font-family: "Roboto", sans-serif;
font-weight: 300;
font-size: 38px;
line-height: 46px;
margin: unset;
text-transform: unset;
margin-bottom: unset;
}

@media screen and (max-width: 991px) {
.fake-h1 h2 {
font-size: 36px;
line-height: 42px;
}
}

@media screen and (max-width: 767px) {
.fake-h1 h2 {
font-size: 32px;
line-height: 38px;
}
}

body .col-xs-5ths,
body .col-sm-5ths,
body .col-md-5ths,
body .col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

body .col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    body .col-sm-5ths {
        width: 20%;
        float: left;
    }   
}

@media (min-width: 992px) {
    body .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
     body .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
body .col-centered{
float: none;
margin: 0 auto;
}

.buttons {  	
  	-webkit-transition: background 0.2s ease-in-out;
  	-khtml-transition: background 0.2s ease-in-out;
  	-moz-transition: background 0.2s ease-in-out;
  	-ms-transition: background 0.2s ease-in-out;
  	-o-transition: background 0.2s ease-in-out;
  	transition: background 0.2s ease-in-out;
	padding:7px 22px;
	font-weight:500;
	margin:30px 25px 0 25px;
	display: inline-block;
	cursor: pointer;
  	font-size: 15px;
  	line-height: 19px;
  	border: 2px solid transparent;
}
.buttons.m-0 {  	
	margin:30px 0px 0px;
}
 @media (max-width:767px) {
	.buttons {
     	margin-left:7px;  
      	margin-right:7px; 
	}
}
.buttons.home {
	margin:30px 0px 0 0px;
}
.buttons.orange {
	background-color: #f69921;
	color:#fff !important;
}
.buttons.orange:hover {
	background-color: #e97f16;
	color:#fff !important;
}
.buttons.blue {
	background-color: #1c2e54;
	color:#fff !important;
}
.buttons.blue:hover {
	background-color: #2d4373;
	color:#fff !important;
}
.buttons.lt-blue {
	background-color: #1a76a3;
	color:#fff !important;
	border: 2px solid transparent;
}
.buttons.lt-blue:hover {
	background-color: #449fd7;
	color:#fff !important;
}
.buttons.outline-orange {  	
  	color:#f7981d !important;
  	border-color:#f7981d;
}
.buttons.outline-orange:hover {
	background-color:#f7981d;
	color:#fff !important;
}
.buttons.outline-white {  	
  	color:#fff;
  	border-color:#fff;
}
.buttons.outline-white:hover {
	background-color:#fff;
	color:#f7981d; !important;
}
.buttons.contact-white {  	
  	color:#fff;
  	border-color:#fff;
  	margin-top:30px;
  	margin-bottom:20px;
}
.buttons.contact-white:hover {
	background-color:#fff;
	color:#449dd5; !important;
}
.wistia_responsive_padding {
position:relative;
}
.wistia_responsive_wrapper {
left:0;position:absolute;top:0;
}
.wistia_responsive_wrapper span {
display:inline-block;height:100%;position:relative;width:100%;
}
.carousel-control{
height:85%;

}

.after-arrow-orange {
	color: #f69921;
}
.after-arrow-orange:hover {
	color: #e97f16;
}

.after-arrow-white::after {
    display: inline-block;
    content: "";
    font-size: 0;
    margin-left: 8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #fff;
  }
  .after-arrow-orange::after {
    display: inline-block;
    content: "";
    font-size: 0;
    margin-left: 8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #f69921;

  }
  .after-arrow-orange:hover::after {
    
    border-color: transparent transparent transparent #e97f16;

  }

.after-arrow-down-orange::after {
  display: inline-block;
  content: "";
  font-size: 0;
  margin-left: 5px;
  margin-bottom:1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 6px 0 6px;
  border-color: #f69a21 transparent transparent transparent;
}

.after-arrow-down-orange:hover::after {
    border-color: #e97f16 transparent transparent transparent;
}
/* image pop overs code */

/* modal code */

/* Used to make sure modals dont jump */
body.modal-open {
	overflow-y: auto;
	padding-right: 0px !important;
}

/* Used for white modal backdrop */
.modal.white .modal-backdrop {
	background-color: #fff;
	opacity:0.7 !important;
}

/* modal pop ups */
 
/* 
 .modal-win-content .modal-xl img {
	border: 2px solid #ddd;
	box-shadow: 1px 1px 11px #888;
}
 */
.modal-win-content .modal-xl .glyph-link {
	color: #ff9e14;
}
.mod-close {
	float: right;
	margin-bottom: 10px;
}
@media (min-width: 768px) {
	.modal-win-content .modal-xl {
		width: 100%;
		max-width: 1000px;
		padding-left: 20px;
		padding-right: 20px;
		margin-top: 80px;
	}
}

/* 6/5 md cols to 3 sm cols to 2 xs cols images with text, so they break even if there is more text. */

@media (min-width: 768px) and (max-width: 991px) {
 .grid632 .col-sm-4:nth-child(3n+1) {
    clear: left;
  }
}
@media (min-width: 200px) and (max-width: 767px) {
  .grid632 .col-xs-6:nth-child(2n+1) {
    clear: left;
  }
}
.grid632 img {
	margin:15px;
}
/* keep 4 cols for all but turn to 2 at 600 ( class="col-xs-3") is the only col code */
@media (max-width: 600px) {
	.grid442 .col-xs-3:nth-child(2n+1) {
    	clear: left;
  	}
	.grid442 .col-xs-3 {
		width:50%;
	}
}
.grid442 img {
	margin:15px;
}

/* Use for 3 items - md+ 3 cols / sm 2 cols / xs 1 cols but turn to 1 at 600 ( class="col-md-4 col-sm-6 col-xs-12") col code */
@media (min-width: 1200px) {
 .product-container .grid321 .col-lg-4:nth-child(3n+1) {
    clear: left;
  }
}


@media (min-width: 991px) and (max-width: 1200px) {
 .grid1321 .col-md-4:nth-child(3n+1) {
    clear: left;
  }
}
@media (min-width: 768px) and (max-width: 990px) {
 .grid1321 .col-sm-6:nth-child(2n+1) {
    clear: left;
  }
}

@media (max-width: 767px) {
  .grid1321 .col-xs-12 {
   width:60%;
  float: none;
  margin:auto;
  }  
}
@media (max-width: 600px) {	
	.grid1321 .col-xs-12 {
		width:100%;
	}
}
.grid1321 img {
	margin:15px;
}

/* Use for 6 items - md+ 3 cols / sm 2 cols / xs 2 cols but turn to 1 at 600 ( class="col-md-4 col-sm-6 col-xs-6") col code */
@media (min-width: 992px) and (max-width: 1200px) {
 .grid321 .col-md-4:nth-child(3n+1) {
    clear: left;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
 .grid321 .col-sm-6:nth-child(2n+1) {
    clear: left;
  }
}

@media (min-width: 600px) and (max-width: 767px) {
  .grid321 .col-xs-6:nth-child(2n+1) {
    clear: left;
  }
  
}
@media (max-width: 600px) {	
	.grid321 .col-xs-6 {
		width:100%;
	}
}
.grid321 img {
	margin:15px;
}
/* about */

.about-container {
padding:50px 20px;

}
.about-container h2 {
	margin-top:0px;
	margin-bottom:20px;
}
.about-container h4 {
	margin-bottom:10px;
}
.about-container .img-responsive {
	margin:auto;

}
.about-veeva {
margin-top:30px;
}
.about-veeva h2{
margin-top:20px;
}

.about-veeva img{
margin-bottom:16px;
margin-top:15px;
}

@media screen and (max-width: 991px) {
.about-veeva {
margin-top:10px;
}	
.about-veeva.who-we-are{
text-align:center;
}

}      

/* for cursor over thumb image */
.product-container .thumb1 {
cursor:pointer;
}

/* for cover backgrounds */

.product-container.cover {
background-position:center center;
  	background-size: cover !important;
  	background-repeat: no-repeat;
}
/* for captions */
.product-container .click {
	font-size: 14px;
	padding-top: 10px;
	color: #666;
}
/* for flex align vertical */
.product-container .flex-align {
	display: flex;align-items: center; 
}
.product-container .flex-align .img-responsive {
	margin:auto;
}
@media screen and (max-width: 767px) {
	.product-container .flex-align {
		display: block;
	}
	.product-container .flex-align .img-responsive {
	margin:auto;
	margin-top:15px;
	margin-bottom:15px;
}
}

/* for flex make columns even height */

.row-eq-height {
	display: flex;
}
@media screen and (max-width: 991px) {
	.row-eq-height {
	display: block;
	}
}

.row-eq-height-sm {
	display: flex;
}
@media screen and (max-width: 767px) {
	.row-eq-height-sm {
	display: block;
	}
}

/* banner */

.product-banner-hero .banner-flex-align {
    display: flex;
    align-items: center;
	height: 350px;
}
@media screen and (max-width: 600px) {
.product-banner-hero .banner-flex-align {
	display:block;
	height: auto;
	width: auto;
	}
}

.product-banner-hero .breadcrumbs, .product-banner-hero .breadcrumbs a{
    color: #fff;
    margin-top: -22px;
    margin-bottom: 0px;
    font-size: 14px; 
    line-height:19px;
    font-weight:400;
} 
.product-banner-hero {
	height:450px;
   	background-position:center center;
  	background-size: cover !important;
  	background-repeat: no-repeat;
  	padding: 40px 20px 60px 20px; 
	color: #fff;
}
.product-banner-hero .table-row {
        display: table;
        height:350px;
        width:100%;
        margin:0px;
}
.product-banner-hero .table-row [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: middle;
}
.product-banner-hero h1{
    font-family:"Roboto", sans-serif ;
    color:#fff;
    font-weight: 300 ;
    font-size: 49px ;
    line-height: 62px ;
    margin: unset ;
    margin-bottom: 24px ;
    text-transform: unset ;
}
.product-banner-hero h2{
    font-family:"Roboto", sans-serif ;
    color:#fff;
    font-weight: 300 ;
    font-size: 53px ;
    line-height: 62px ;
    margin: unset ;
    margin-bottom: 24px ;
    text-transform: unset ;
}
.product-banner-hero p {
    font-family:"Roboto", sans-serif ;
    color:#fff;
    font-weight: 300 ;
    font-size: 23px ;
    line-height: 32px ;
    margin: unset ;
    text-transform: unset ;
}
.product-banner-hero p.author {	
    font-weight: 500 ;
    font-size: 19px ;
    line-height: 25px ;
 
    text-transform: unset ;
    margin-top:9px;
}

@media screen and (max-width: 767px) {
	.product-banner-hero {

		background-position:center left;
	}
	.product-banner-hero h1 br, .product-banner-hero h2 br, .product-banner-hero p br {
		display:none;
	}
	
}      
@media screen and (max-width: 600px) {
	.product-banner-hero {
		height:auto;
		padding: 40px 20px 50px 20px; 
		background-position:center left;
	}
	.product-banner-hero .table-row {
	 	height:auto;
	 	width:auto;
	}
	.product-banner-hero h1 br, .product-banner-hero h2 br, .product-banner-hero p br {
		display:none;
	}
	.product-banner-hero h1{
   	 	margin-top:25px;
    	font-size: 44px ;
    	line-height: 48px ; 
  	}
	.product-banner-hero h2{
   	 	margin-top:25px;
    	font-size: 44px ;
    	line-height: 48px ; 
  	}
  	.product-banner-hero p {
   		font-size: 20px ;
    	line-height: 26px ;  
  	}
}

/* sub banner */

.product-sub-banner .sub-content.link-only {
font-weight:400;
}
.product-sub-banner .sub-content img  {
margin-right:20px;height:40px;
}
.product-sub-banner .sub-content a  {
white-space:nowrap;margin:0 10px;
font-weight:400;
}
.product-sub-banner .sub-content {
min-height:60px;display: flex;align-items: center;  justify-content: center;padding:10px;
line-height:24px;
}
@media screen and (max-width: 767px) {
.product-sub-banner .sub-content.link-only {
padding-top: 17px;
font-weight:400;
}


.product-sub-banner .sub-content img {
margin-right:0px;
margin:0 0 10px 0;
}
.product-sub-banner .sub-content {
min-height:60px;display: block;
line-height:24px;
font-size:16px;
}
}
.product-sub-banner {
background-color:#444;color:#fff;
}

/* product nav without drop down */



.product-nav {
	background-color:#ff9300;
	color:#fff;
	font-size:16px;
	line-height:20px;
	font-weight:500;
}

.product-nav a.prod-link, .product-nav a.prod-link:visited{
	display: flex;
	align-items: center;  
	justify-content: center;
	background-color:#ff9300;
	height:60px;
	color:#fff;
	padding:0 15px;
	cursor:pointer;
}

@media screen and (max-width: 767px) {

	.product-nav a.prod-link{
	height:45px;
	color:#fff;
	padding:0 15px;
	border-bottom:1px solid #fff;
	}
	.product-nav a.prod-link br{
	display:none;
	}
}

.product-nav a.prod-link:hover {
	background-color:#e97f16;
	color:#fff;
	cursor:pointer;
}
.product-nav a.active, .product-nav a.active:hover, .product-nav a.active:visited{
	background-color:#fff;
	color:#000;
	cursor:pointer;
}
.product-nav [class*="col-"] {
    padding:0px;
    text-align:center;
}

.dropdown-menu {
  background-color: #e6e6e6;
 border:none;
  border-radius: 0;
  text-align:center;
  padding-top:0px;
  padding-bottom:0px;
  margin-top:0px;
}
.dropdown-menu li a{
  height:50px;
 
  display: flex;
	align-items: center;  
	justify-content: center;

}
.dropdown-menu li a:hover{
  background-color: #cccccc;
}

/* application nav with drop down */
.application-nav {
	background-color:#369bd0;
	color:#fff;
	font-size:16px;
	line-height:20px;
	font-weight:500;
}

.application-nav a.prod-link, .application-nav a.prod-link:visited {
	display: flex;
	align-items: center;  
	justify-content: center;
	background-color:#369bd0;
	height:60px;
	color:#fff;
	padding:0 15px;
	cursor:pointer;
}

@media screen and (max-width: 767px) {

	.application-nav a.prod-link{
	height:45px;
	color:#fff;
	padding:0 15px;
	border-bottom:1px solid #fff; 
	}
	.application-nav a.prod-link br{
	display:none;
	}
}

.application-nav a.prod-link:hover {
	background-color:#308dbc;
	color:#fff;
	cursor:pointer;
}
.application-nav a.active, .application-nav a.active:hover, .application-nav a.active:visited{
	background-color:#fff;
	color:#000;
	cursor:pointer;
}
.application-nav [class*="col-"] {
    padding:0px;
    text-align:center;
}

.application-nav  .dropdown-menu {
  background-color: #e6e6e6;
  width:100%;
 border:none;
  border-radius: 0;
  text-align:center;
  padding-top:0px;
  padding-bottom:0px;
  margin-top:0px;
  -moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;

}
.application-nav  .dropdown-menu li {
  margin-bottom:0px;
}
.application-nav  .dropdown-menu li a{
  height:50px;
  display: flex;
	align-items: center;  
	justify-content: center;
	width:100%;
	font-size:16px;
	 white-space: normal; 

}
.application-nav  .dropdown-menu li a:hover, .application-nav  .dropdown-menu li a.active, .application-nav  .dropdown-menu li a.active:visited{
  background-color: #cccccc;
height:50px;
}
@media screen and (max-width: 767px) {

.application-nav  .dropdown-menu li a{
  height:40px;
 
}
.application-nav  .dropdown-menu li a:hover, .application-nav  .dropdown-menu li a.active, .application-nav  .dropdown-menu li a.active:visited{
  background-color: #cccccc;
height:40px;
}
}

 
.application-nav  .dropdown-toggle:focus{
background: #308dbc !important ;

}
.application-nav a.active.dropdown-toggle:focus {
background: #fff !important ;

}
@media screen and (max-width: 767px) {

.application-nav  .dropdown-toggle:focus{
border-bottom:1px solid #fff;

}
}


/* benefits and features */

.product-container {
	padding:60px 20px;
	text-align:center;

}

@media screen and (max-width: 1200px) {

.product-container .overview-text br {
display:none;
}
}

/* 
.product-container  {
	margin-bottom:50px;
}
 */
.product-container h2 {
	margin-top:0px;
	margin-bottom:30px;
}
.product-container h2.title, .product-container .overview-text h2 {
	margin-top:0px;
	margin-bottom:15px;
}
.product-container h3 {
font-family: "Roboto", sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 24px;
margin: unset;
text-transform: unset;
color: #444;
margin-bottom:10px;
}
.product-container h4 {
	margin-bottom:10px;
}
.product-container .benefits h3,.product-container .veeva-features h3 {
font-family: "Roboto", sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 22px;
margin: unset;
text-transform: unset;
color: #444;
margin-bottom:10px;
}
@media screen and (max-width: 767px) {
.product-container h3 {

font-size: 18px;
line-height: 24px;

}
.product-container .benefits h3,.product-container .veeva-features h3 {
font-size: 16px;
line-height: 21px;
font-weight: 500;
}
}
.product-container .img-responsive {
	margin:auto;

}
.product-container .veeva-features h2 {
	margin-top:0px;
	margin-bottom:30px;
}

.product-container .suite-features {
	display: flex;align-items: center;  justify-content: center;
	padding-top:10px;
	padding-bottom:20px;
}
.product-container.product-list {
	padding-top:0px;
}
.product-container .suite-features p{
	margin-bottom:5px;
}
.product-container .suite-features img {

margin-top:8px;
margin-bottom:8px;
}
@media screen and (max-width: 767px) {

.product-container .suite-features {
	display: block;
padding-bottom:30px;
}
}
@media screen and (max-width: 767px) {
.product-container .suite-features img {
margin-top:0;
margin-bottom:15px;
}
}
.product-container .suite-features h2 {
	margin-top:0px;
	margin-bottom:16px;
}
.product-container .suite-features a {
	font-weight:300;
}
.product-container .suite-features a.after-arrow-orange {
	font-weight:500;
}
@media screen and (max-width: 767px) {
.product-container .suite-features a {
	font-size:16px;
}
}
.product-container h2.benefits-title {
margin-top:35px;
}
.product-container .benefits p, .product-container .veeva-features p {
    font-family:"Roboto", sans-serif ;
    font-weight: 300 ;
    font-size: 16px ;
    line-height: 25px ;
    margin: unset ;
    text-transform: unset ;
    margin-bottom:30px;
}
.product-container .benefits ul, .product-container .veeva-features ul {
   margin-top:-15px;
    margin-bottom:30px;
    margin-right:30px;
  }
.product-container .benefits ul li, .product-container .veeva-features ul li{
    font:"Roboto", sans-serif ;
    font-weight: 300 ;
   font-size: 16px ;
    line-height: 24px ;
    margin: 6px 0 ;
  }
 .product-container .benefits ul li:last-child, .product-container .veeva-features ul li:last-child{
    font:"Roboto", sans-serif ;
    font-weight: 300 ;
   font-size: 16px ;
    line-height: 24px ;
    margin: 6px 0 ;
    margin-bottom:0px;
  }
   
.product-container .benefits a, .product-container .veeva-features a {
    font-weight: 500 ;
}

.product-container .benefits p:last-child, .product-container .veeva-features p:last-child  {
  margin-bottom:0px;
}
.product-container .img-shadow, .suite-features .img-shadow {
box-shadow: 1px 1px 10px #bbb;
}
@media screen and (max-width: 1100px) {

.product-container .benefits br, .product-container .veeva-features br {
display:none;
}
}
@media screen and (max-width: 767px) {
.product-container {

	padding:40px 10px;
	text-align:center;
}
.product-container .benefits br, .product-container .veeva-features br {
display:none;
}
.product-container .benefits ul, .product-container .veeva-features ul {
   margin-top:-10px;
    margin-bottom:30px;
    margin-right:0px;
  }

.product-container .veeva-features p {

    margin-bottom:20px;
}

.product-container .veeva-features p:last-child {
  margin-bottom:20px;
}
.product-container h2 {
margin-top:0px;
margin-bottom:20px;
}

	.product-container .img-responsive {
margin:auto;
margin-bottom:30px;
}
}

.product-container p.site-vault {
margin-bottom:18px;
font-weight:400;
font-size:16px;
}
/* commercial accordion */
.features-group hr {
margin:15px 0;
}
		
.features-group .row-hide {
display:none;
}
.features-group .panel-title > a{
  color:#444;
  font-weight:600;
}
.features-group .panel-title > a.collapsed:hover, .panel-title > a:hover {
     color:#f5961d;
}
.features-group .panel-title > a.collapsed {
   color:#444;
}
.features-group .panel-title > a:before {
    font-family: 'Glyphicons Halflings';
    content:"\2212"; 
    font-size:13px;
    margin-right:5px;
     color:#f5961d;
     font-weight:400;
}
.features-group .panel-title > a.collapsed:before {
   content: "\2b"; 
   font-weight:400;
}
			
.features-group .panel-title {
text-align:left;
font-size:18px;
line-height:22px;
font-weight:600;
position:relative;

}

.features-group .features-text {

margin-left:22px;
margin-top:10px;
margin-right:22px;
}
.product-container .features-text ul{

    margin-bottom:20px;
 
  }
.features-group .features-img {
margin:22px 10px 10px 10px;
}
.features-group  .features-text a {
     color:#f5961d;  
}	
	
.features-group  .features-text > a:hover
 {
     color:#444;  
}	
.features-group {
padding:0px 20px 60px 20px;
}
.features-group .shadow-box {

	padding:40px 70px 60px 70px;
	text-align:left;

	width:100%;box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2);
	background-color:#fff;
	
	
}
@media (max-width: 991px) {
.features-group {
padding:0px 0px 60px 0px;
}
.features-group .shadow-box {

	padding:40px 30px 60px 30px;


}

.features-group .features-img {
margin:22px 0px 10px 0px;
}

.features-group .features-text {

margin-right:0px;
}
}
@media (max-width: 600px) {
.features-group .panel-title > a:before {
	font-size:12px;
	margin-right:3px;
}
.features-group .panel-title {
font-size:16px;


}
.features-group .features-img {
margin:22px 20px 0 20px;
}
}
/* at at a glance */

.veeva-glance p {

margin-bottom:0px;

}
.veeva-glance img {
margin-bottom:15px;
}
.veeva-glance span {
font-size:24px;line-height:31px;display:block;margin-top:15px;
}

.veeva-glance .text-spacing {
margin-bottom:20px;
}
.veeva-glance .text-spacing p {
margin-top:10px;
font-size:16px;font-weight:400;
}
@media (max-width:1200px) {
 	.veeva-glance br {
 display:none;
}
}
@media (max-width:767px) {
.veeva-glance span {
font-size:20px;line-height:28px;margin-top:10px;margin-bottom:5px;
}
.veeva-glance p {
margin-top:0px;
margin-bottom:0px;
}
}


/* proof - suite page */
.proof-container {
padding:50px 0 40px 0;
color:#fff;
	background-position:center center;
  	background-size: cover !important;
  	background-repeat: no-repeat;
}
.proof-container h2 {
margin-bottom:10px;
}
.proof-container .proof-facts {
font-size:110px;
line-height:120px;
font-weight:500;
}
.proof-container .proof-facts p {
font-size:18px;line-height:26px;font-weight:300;
margin-top:8px;margin-bottom:20px;
}
@media screen and (max-width: 991px) {

.proof-container .proof-facts {
font-size:80px;
line-height:80px;

}
}
@media screen and (max-width: 767px) {

.proof-container .proof-facts {
font-size:70px;
line-height:70px;
margin-top:10px;
}
.proof-container .proof-facts hr {
margin-bottom:20px;
border-top: 1px solid rgba(255, 255, 255, .6);
}

.proof-container .proof-facts p {
font-size:16px;line-height:22px;font-weight:300;
margin-top:5px;
}
.proof-container .proof-facts br {
display:none;
}
}
/* customer logos - suite page */
.customer-logos h2 {
margin-bottom:10px;
}
.customer-logos p {
margin-bottom:25px;
}
.customer-logos img {
margin:5px;
height:70px;
}
  @media screen and (max-width: 767px) {
  .customer-logos img {
margin:3px 2px;
height:50px;
}
}

/* quote */

.quote-container {
	background-color:#f3f4f4;
	padding:60px 20px;
	text-align:center;
	background-position:center center;
  	background-size: cover !important;
  	background-repeat: no-repeat;
}

.quote-link, .quote-link:hover, .quote-link:visited {
font-size:18px;font-weight:600;color:#ffff;cursor:pointer;
}
  .quote-txt {
  font-size:26px;line-height:34px;color:#fff;margin:30px 0 20px 0;padding:0 20px;
  }
  .quote-company {
  font-size:26px;line-height:34px;font-weight:500;color:#fff;
  height:56px;padding-top:20px;
  }
  .quote-author {
  font-size:26px;line-height:34px;font-weight:500;color:#fff;
  }
  .quote-title {
  margin-bottom:25px;font-size:15px;line-height:21px;color:#fff;font-weight:500;
  }
  #carousel-quote {
  height:360px;
  padding-bottom:60px;
/* 
  display: flex;
	align-items: center;  
	justify-content: center;
 */
  }

.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
top:40%;left:0%; 
}
  
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
top:40%;right:0%; 
}



    @media screen and (max-width: 1200px) {
  .quote-txt br {
 display:none;
  }
  }
  
  
  @media screen and (max-width: 767px) {
  .quote-container {

	padding:50px 0px 20px;

}
.quote-txt {
  font-size:18px;line-height:24px;color:#fff;margin:20px 0 10px 0;
  }
  .quote-txt br {
 display:none;
  }
  .quote-author {
  font-size:18px;line-height:24px;font-weight:500;color:#fff;
  }
  .quote-title {
  margin-bottom:20px;font-size:14px;color:#fff;font-weight:500;
  }
}


/* resources */

.product-resources {

	padding:0px 0 60px 0;
	font-size:16px;
	line-height:25px;
	 font-weight:300;
}

.shadow-box {
	width:100%;box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2);
	background-color:#fff;
	padding:40px 50px 60px 50px;
	text-align:center;

}
.shadow-box  .comm-box-text {
	padding-top:5px;
	margin-bottom:15px;
	font-size:15px;
	line-height:18px;
}
.shadow-box  a.com-link {
	color:#aaa;
}
.shadow-box  a.com-link:hover{
	color:#888;
}
@media (max-width: 991px) {
	.shadow-box {
		padding:40px 60px 60px 60px;
	}
}
@media (max-width: 600px) {
	.shadow-box {
		padding:40px 20px;
	}
}
.product-resources .product-resource-txt {
padding:15px 0 25px 0;
text-align:left;
font-size:16px;
line-height:25px;
}
.product-resources  .product-resource-txt a {
 font-weight:600;
 display:block;
 font-size:18px;
 margin-bottom:5px;
}



@media (max-width: 991px) {

.product-resources .product-resource-txt {
padding:16px 0 25px 0;
text-align:left;
max-width:340px;
margin:auto;
}
.product-resources img {
margin:auto;
}
}
@media (min-width: 991px) {
.product-resources  .listing .col-md-4:nth-child(3n+1) {
    clear: left;
  }
}


@media (min-width: 768px) and (max-width: 990px) {
.product-resources  .listing .col-sm-6:nth-child(2n+1) {
    clear: left;
  }
}
@media screen and (max-width: 767px) {
.product-resources .product-resource-txt {
padding:12px 0 25px 0;

max-width:340px;

}
  .product-resources .img-responsive {
margin-bottom:0px;
}

}

/* contact us box at bottom */
.products-contact-us {
	background-color: #449dd5;
	padding-top:55px;
	padding-bottom:40px;
	text-align:center;
}
.buttons.contact-white {  	
  	color:#fff;
  	border-color:#fff;
  	margin-top:30px;
  	margin-bottom:20px;
}
.buttons.contact-white:hover {
	background-color:#fff;
	color:#449dd5; !important;
}
.products-form-shadow {
      background-color: #fff;
      border: 1px solid #eee;
      box-shadow: 1px 1px 11px #888;
      padding: 40px 40px 20px 40px;

   clear:right;
    }

/* FAQS */

.faqs .panel-title > :after {
    font-family: 'Glyphicons Halflings';
    content:"\f106";
    font-size:36px;
    margin-right:5px;
    color:#f5961d;
    float:right;
    font-family: "FontAwesome"
}
.faqs .panel-title > div.collapsed:after {
   	content: "\f107";
}
.faqs .panel-title > div {
   	font-weight:400;
     color:#f5961d;
     cursor:pointer;
     font-size:18px;
	line-height:25px;
}
.faqs .panel-title > div > div{
   display:inline-block;
   width:90%;
}
.faqs .panel-title > div.collapsed{
   	content: "\f107";
   	color:#222;
    display:block;
   	width:100%;
}
.faqs .panel-title > div.collapsed:hover, .panel-title > div:hover {
   	color:#f5961d;
}

.faqs hr {
   	margin:15px 0;
	border-bottom:1px solid #eee;
}
.faqs .faq-text {
	 padding-right:20px;
}

.faqs .faq-text, .faqs .faq-text p {
	margin-top:5px;	
}
.faqs .faq-text li {
	font-size:18px;
	line-height:26px;
}

body .mt-0 {
margin-top:0px !important;
}
body .mt-5 {
margin-top:5px !important;
}
body .mt-10 {
margin-top:10px !important;
}
body .mt-15 {
margin-top:15px !important;
}
body .mt-20 {
margin-top:20px !important;
}
body .mt-25 {
margin-top:25px !important;
}
body .mt-30 {
margin-top:30px !important;
}
body .mt-40 {
margin-top:40px !important;
}
body .mt-50 {
margin-top:50px !important;
}

body .mb-0 {
margin-bottom:0px !important;
}
body .mb-5 {
margin-bottom:5px !important;
}
body .mb-10 {
margin-bottom:10px !important;
}
body .mb-15 {
margin-bottom:15px !important;
}
body .mb-20 {
margin-bottom:20px !important;
}
body .mb-25 {
margin-bottom:25px !important;
}
body .mb-30 {
margin-bottom:30px !important;
}
body .mb-40 {
margin-bottom:40px !important;
}
body .mb-50 {
margin-bottom:50px !important;
}

body .margin-auto {
margin:auto !important;
}
/* footer */



.veeva-footer {
	background-color:#1f242b;
	padding:50px 0 35px 0;
	font-size:15px;color:#fff;
	line-height:28px;
}

.veeva-footer a {
	color:#fff;
}
.veeva-footer a:hover {
	color:#db6015;
	text-decoration:none;
}
.veeva-footer .social img{
	margin:5px 5px 0 0;
}
.veeva-footer .footer-btm { 
	border-top:2px solid #3c4046;
	margin-top:40px;
	padding-top:25px;
}


