/* carousel */
#quote-carousel 
{
  padding: 0 30px 0 30px;
  margin-top: 0 0 0 0;
  text-align: center;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -70px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -70px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
/* End carousel */

blockquote {
    border-left: none; 
    margin: 0;
    font-weight: 600;
	border: none;
	font-style: italic;
}

blockquote img {
    margin-bottom: 10px;
}
blockquote footer:before, blockquote small:before, blockquote .small:before {
	content: none;
}
blockquote footer {
	color: #000;
	font-weight: normal;
	margin: 30px 0 0 0;
	font-style: normal;
}

/*.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
.item blockquote p:after {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: right;
    margin-right: 10px;
}*/
/*blockquote p {
    quotes: "\201C" "\201D" "\2018" "\2019";
}
blockquote p:before {
    content: open-quote;
    font-size: 20px;
}
blockquote p:after {
    content: close-quote;
    font-size: 20px;
}*/

.software {
	padding:20px 0 20px 0;
}
.downArrow {
	border-bottom: 30px solid #CB5599;
	border-left: 35px solid transparent;
	border-right: 35px solid transparent;
	top: -15px;
	z-index: 10;
	width: 20;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	/* filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5); */
	-ms-transform: rotate(180deg);
	padding:0; 
}

/**
  MEDIA QUERIES
*/

/* Extra Small and up) */
@media (max-width: 767px) { 
	blockquote {
		padding: 10px 0px;
	}    
}
.scroll-down {
  position: absolute;
  left: 50%;
  bottom: 40px;
  border: 2px solid #fff;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  margin-left: -15px;
  display: block;
  padding: 7px;
  text-align: center;
  z-index:-1
}

.scroll-up {
  position: fixed;
  display: none;
  z-index: 999;
  bottom: 2em;
  right: 2em;
}

.scroll-up a {
  background-color: rgba(135, 135, 135, 0.5);
  display: block;
  width: 35px;
  height: 35px;
  text-align: center;
  color: #fff;
  font-size: 15px;
  line-height: 30px;
}
.carousel-control.left, .carousel-control.right {
	background: none;
	display: table-cell;
	width: 28px;
	position: relative;	
}
.right-block {
	display: block;
	margin-left: auto;
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 767px) { 

	/*
	body {
		padding-top:20px;
	}
	*/
	
	.header .container a.btn {
		color: #fff;
	}
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    .dropdown-menu > li {
		text-align: left;
	}
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 10px 10px 10px;
      display: table-cell;
/*      margin-top: 30px;*/
    }
    #quote-carousel .carousel-indicators {
        top: 20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
	.footer .navbar-nav {
		margin:0;
	}
	.footer .navbar-inverse {
		background-color: transparent;
		border:none; 
	}
	#resources .right-block {
		margin:0;
		margin-bottom: 20px;		
	}
	#resources .center-block {
		margin:0;
		margin-bottom: 20px;		
	}	
}
#resources h2 {
	line-height: 34px;
	margin-bottom: 40px;
	font-weight: bold;
}
.panel-heading {
	padding: 0;
}
.panel-default {
	display: inline-block;
	text-align: left;
}
.resource-wrap {
  position: relative;
  width: 100%;
  margin: 20px 0 20px 0;
  padding: 0;
}
.resource-wrap img {
	width: 100%;
}
@media (max-width: 767px) { 
	.resource-wrap {
	  width: 302px;
	  height: 325px;
	}
}
.resource-wrap .panel-body {
	background-color: #FFF;
}
.resource-wrap a {
	color: #5B5B5B;
	display: block;
	border-radius: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;	
	transition: all 0.3s ease 0s;	
	text-decoration: none;
}
.resource-wrap a:hover, .resource-wrap a:focus {
	background-color: #FF0000;
	border-radius: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;	
	transition: all 0.3s ease 0s;	
	display: block;
	color: #5B5B5B;
	text-decoration: none;
}
.resource-wrap .panel-heading {
	border: none;
}
.resource-wrap .panel-footer {
	background-color: transparent;
}
.resource-wrap .panel-footer .footer {
	width: 100%;
	text-align: left;
	border-radius: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	background-color: transparent;
	color: #ffffff;
	border: none;
	font-weight: bold;
	padding: 16px 16px 16px 16px;
	font-size: 18px;
}
.software-guide a:hover, .software-guide a:focus {
	background-color:#CB5599;	
}
.case-study a:hover, .blog-link a:hover, .case-study a:focus, .blog-link a:focus {
	background-color:#49C6B7;	
}
.ebook a:hover, .ebook a:focus {
	background-color:#4F8D9D;	
}

#resources .panel-body {
	width: 100%;
	height: 100px;
	overflow: hidden;
}
#resources .panel-footer, .resources .panel-footer {
	padding: 0;
	position: relative;
}
#resources .panel-footer .footer, .resources .panel-footer .footer {
	width: 100%;
	text-align: left;
	border-radius:0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
#resources .panel-footer .footer i, .resources .panel-footer i {
	position: absolute;
	top: 18px;
	right: 12px;
	float: right;
}
#resources strong {
	font-weight: 600;
	font-style: italic;
}
.socialtree {
/*	background: url("../images/pages/home/homepage-software-tree.png") no-repeat;
	height: 218px;
	width: 100%;
	background-size: cover;*/
	padding-bottom:20px;
}
.buttonHolder {
	margin-bottom: 15px;
}
a.tryItWithoutAccount {
	text-decoration: underline;
}
.learnMore {
	max-width: 220px;
	text-align: center;
	margin: 0 auto;
}
.learnMore h2 {
	line-height: 34px;
	font-weight: normal;
	margin: 50px 0 30px 0;
}
.learnMore p {
	margin: 0 0 30px 0;
}
.learnMore .btn-primary {
	width: 220px;
}
.img-circle {
	box-shadow: 1px 2px 5px 1px #979797;
}
.padding-none {
	padding: 0;
}
@media (max-width: 768px) {
	.learnMore {
	  max-width: 768px;
	  width: 100%;
	  height: 300px;
	}
	.home-circle-image {
		width: 50%;
		float: left;
	}
	.img-circle {
		margin: 0 auto;
		display: block;
		width: 60%;
		height: auto;
	}
	.home-circle-image-content {
		width: 50%;
		float: left;
	}
	.learnMore h2 {
		margin: 0 0 20px 0;
	}
	.learnMore p {
	  margin: 0 0 20px 0;
	}
	.home-circle-title {
		font-size: 24px;
		font-weight: bold;
		text-align: left;		
	}
	.home-circle-text {
		font-size: 14px;
		text-align: left;
	}
	.learnMore .btn-primary {
		width: 50%;
		padding: 10px 0 10px 0 !important;
		display: block;
		font-size: 13px;
	}
}
@media (max-width: 480px) {
	.img-circle {
		margin: 15px auto 0;
	}
	.learnMore {
	  height: 250px;
	}
	.img-circle {
		width: 80%;
	}
	.learnMore .btn-primary {
		font-size: 13px;
		width: 90%;
	}
	.header .container a.btn {
	  /* width: 166px; */
	}
	.margin-none {
		margin: 0
	}
}
@media (max-width: 370px) {	
	.resource-wrap {
		width: 100%;
		margin: 0;
	}
	.quotes-padding-none {
		padding: 0;
	}
}
#quotes .carousel-control .comm-icon {
	position: absolute;
	top: 50%;
	width: 100%;
	z-index: 5;
	display: table-cell;
	margin:0;
	margin-top: -10px;
	font-size: 28px;
	vertical-align: middle;
}
#quotes .container {
	padding: 70px 0 70px 0;
	display: table;
}
#quotes.container-fluid {
	padding: 0;
}

#signupIFrame {
	padding-top: 30px;
	width: 100%;
	height: 570px;
}

@media (max-width: 694px) {
	#signupIFrame {
		height: 760px;
	}
}