/* common font color and font size changes */
.temp-right-cont .surtemp-comm-h2, .temp-right-cont .surtemp-comm-h4, .temp-right-cont .surtemp-comm-h6{
	color: #082c64;
	font-weight:500;
	text-transform: none;
	text-rendering: optimizeLegibility;
	line-height: 1.34;
}
.temp-right-cont .surtemp-comm-h6{
	font-size: 16px;	
}
.temp-right-cont .surtemp-comm-ptag{
	font-weight: 400;
	color: rgba(0, 0, 0, 0.8);
	font-size: 15px;
}
.survey-template-info-box .surtemp-comm-ptag.inner-ptag{
	color: rgba(0,0,0, 0.8);
	padding-bottom: 14px;
	text-align: justify;
}
.temp-right-cont ol li, .temp-right-cont ol.surtemp-comm-ptag li, .temp-right-cont li > span{
	font-weight: 400;
    color: rgba(0, 0, 0, 0.8);	
	font-size: 15px;
}

@media only screen and (min-width: 768px){
.temp-right-cont .surtemp-comm-ptag, .temp-right-cont ol li, .temp-right-cont ol.surtemp-comm-ptag li, .temp-right-cont li  > span{
	font-size: 16px;
}
.temp-right-cont .surtemp-comm-h6{
	font-size: 17px;	
}	
}

@media only screen and (min-width: 1024px){
.temp-right-cont .surtemp-comm-ptag, .temp-right-cont ol li, .temp-right-cont ol.surtemp-comm-ptag li, .temp-right-cont li  > span{
	font-size: 17px;
}
.temp-right-cont .surtemp-comm-h6{
	font-size: 18px;	
}	
}
@media only screen and (min-width: 1200px){
	.temp-right-cont .surtemp-comm-ptag,  .temp-right-cont p{
		margin-top: 18px;
		font-size: 18px;
		line-height:  1.6;
		color: rgba(0,0,0, 0.8);
		font-weight: 400;		
	}
	.temp-right-cont ol li, .temp-right-cont ol.surtemp-comm-ptag li{
		margin-top: 18px;
	}
	.temp-right-cont .surtemp-comm-ptag, .temp-right-cont ol li, .temp-right-cont ol.surtemp-comm-ptag li, .temp-right-cont li  > span{
	font-size: 18px;
}
	.temp-right-cont .surtemp-comm-h6{
		font-size: 20px;	
	}
}




/*  Signup BAnner on left side of  resources pages.  */

.side-banner {
  background-image: url("https://www.questionpro.com/userimages/site_media/side-banner.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
}
.side-banner .left-signup-banner-wrapper {
  left: 0;
  padding: 14px 6px;
  position: relative;
  text-align: center;
  top: 0;
  width: 100%;
}
.side-banner .side-banner-heading {
  color: #fff;
font-family: Fira Sans;
font-size: 18px;
font-weight: 500;
line-height: 1.28;
padding: 12px 0 0;
position: relative;
}
.side-banner .side-banner-blurb {
  color: #fff;
font-family: "fira sans";
font-size: 16px;
font-weight: 300;
line-height: 1.2;
padding: 18px 6px;
}
.side-banner .side-banner-btn {
  margin-bottom: 18px;
margin-top: 12px;
}
.side-banner .side-banner-btn a {
    background: #ff9f00;
    border-radius: 19px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 16px;
}
.side-banner .side-banner-btn a:hover {
	background: #ffbb33;
}
.side-banner .side-banner-btn {
 margin-bottom: 18px;
margin-top: 12px;
}
.signup-panel-group {
  margin-bottom: 22px;
}

@media only screen and (min-width: 200px) and (max-width: 480px)
{
.signup-panel-group {
  margin: 22px;
}
}
@media only screen and (min-width: 481px) and (max-width: 600px)
{
.signup-panel-group {
  margin: 28px;
}
.side-banner .side-banner-heading
{
	font-size: 26px;
	font-weight: 400;
}
.side-banner .side-banner-blurb
{font-size: 20px;
line-height: 1.36;}
.side-banner .side-banner-btn {
  margin-bottom: 26px;
}

.side-banner .side-banner-btn a {
  font-size: 22px;
  padding: 11px 28px;
}

}

@media only screen and (min-width: 601px) and (max-width: 991px)
{
.signup-panel-group {
  margin: 28px;
}
.side-banner .side-banner-heading
{
	font-size: 30px;
	font-weight: 400;
	padding: 16px 0 0;
}
.side-banner .side-banner-blurb
{font-size: 22px;
line-height: 1.36;}
.side-banner .side-banner-btn {
  margin-bottom: 32px;
  margin-top: 16px;
}

.side-banner .side-banner-btn a {
  font-size: 24px;
  padding: 12px 30px;
}

}

/**************  bottom CTA *************/
.bottom-blue-cta-container {
    z-index: 100;
    width: 100%;
    text-align: center;
    padding: 16px 0;
	color: #FFF;
	font-size: 15px;
	position: relative;
}
.bottom-blue-cta-btn {
    color: #1B87E6;
    font-weight: 400;
    background: #FFF;
    padding: 7px 16px;
    margin-left: 0;
    border-radius: 4px;
	cursor: pointer;
}
.bottom-blue-cta-btn:hover{
 color: #fff;	
  background: #1B87E6;
}
.bottom-blue-cta-btn a, .bottom-blue-cta-btn a:hover, .bottom-blue-cta-btn a:active , .bottom-blue-cta-btn a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

div#social-float {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    background: #0D2C63;
    text-align: center;
    padding: 16px 0;
    color: #fff;
	-moz-box-shadow: -1px -2px 10px #888;
-webkit-box-shadow: -1px -2px 10px #888;
box-shadow: -1px -2px 10px #888;	
	}
	#social-float.hideme{
	transition: all 0.2s ease;
      opacity:0;
	}
	#social-float.showme{
	  transition: all 0.2s ease;
      opacity:1;
	}

	.cta-line
	{
	 display: none;
	}
	.cta-line-btn{
		display: none;		
	}
	.cta-line-btn1{
		display: inline-block;		
	}
	
@media only screen and (min-width: 767px) {
	.cta-line-btn{
		display: inline-block;		
	}
	.cta-line-btn1{
		display: none;		
	}
	
		.cta-line{
			display: inline-block;
		}
		.bottom-blue-cta-btn {
		margin-left: 20px;
		 padding: 8px 14px;
		}
		.bottom-blue-cta-container {
		  font-size: 16px;
		}
		
	}
	@media only screen and (min-width: 1024px) {
		.curve-right-arrow:before {
		/* content: url(/userimages/site_media/arrow_03.png); */
		position: absolute;
		top: 76px;
		left: -30px;
		width: 50px;
		height: 50px;
		/* animation: blinker 1.2s linear infinite; */
		animation: zoomIn;
		animation-iteration-count: 1;
		animation-duration: 0.5s;
		z-index: 1;
		
	}

@keyframes blinker { 
  from { opacity: 1.0; } to { opacity: 0.0; }
}



@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn;
}

	}

	.temp-cont-section .temp-accr-menu .panel-group .panel-default.panel .panel-title a:hover
	{
		color:#0095dc;
	}
	 .temp-cont-section .temp-accr-menu .panel-group .panel-default.panel .panel-title a.active
	{
	 background: #0095dc none repeat scroll 0 0;
	 color: #FFF; 
	}
	
	.temp-right-cont .surtemp-comm-ptag{
		text-align: left;
	}
	.blankurl {
    color: #082c64;
    pointer-events: none;
    cursor: default;
    padding-top: 57px;
    margin-top: -57px;
    display: block;
}
.temp-right-cont .tags-wrap ol {
    margin-top: 0px;
    margin-left: 20px;
    line-height: 1.5;
    font-weight: 400;
}
.temp-right-cont .tags-wrap ol > li > ol {
     padding-left: 0px;
}
.temp-right-cont .tags-wrap  ol li{
	margin-top: 0px;
	font-size: 15px;
	line-height: 1.5;
	margin-bottom: 4px;
}
 .tags-wrap a {
        color: #0645ad;
        font-size: 14px;
        float : none;
        background-color : #EDF8FA;
		font-weight: 400;
    }
	.tags-wrap li{
		font-size: 14px;
		font-weight: 400;
	}
	.tags-wrap .content-index{
		margin-top: 10px;
	}
	.likertscale.temp-right-cont .surtemp-comm-h2, .likertscale.temp-right-cont .surtemp-comm-h4{
		text-transform: none;
	}
	@media only screen and (min-width: 767px) {
	.temp-right-cont .tags-wrap ol {
	margin-left: 30px;
    line-height: 1.7;	
	}
 .tags-wrap a, .tags-wrap li{
	 font-size: 15px;
 }	 
	
	}
	
	.relatedlinks ol > li {
    font-size: 16px !important;
    padding: 0 !important;
    margin: 5px 0 !important;
}

.st-title-h3 {
    background: #0095dc none repeat scroll 0 0;
    border-radius: 6px 6px 0 0;
    box-shadow: 1px 1px 2px #e1e8ee, 0 0 3px #e1e8ee;
    color: #fff !important;
    font-size: 16px;
    font-weight: 400;
	padding: 15px 12px 15px 15px !important;   
    margin-bottom: 0 !important;
}
.temp-cont-section .temp-accr-menu .panel-group .panel-default.panel .panel-title.st-title-h3 a{
background: #0095dc none repeat scroll 0 0;
    border-radius: 0;
    box-shadow: none;
    color: #fff !important;
    font-size: 16px;
    font-weight: 400;
	padding: 0 !important;   
    margin-bottom: 0 !important;
	cursor: default;
}
.temp-cont-section .temp-accr-menu .panel-group .panel-default.panel .panel-title.st-title-h3 a:hover{
 color: #FFF;
 text-decoration: none;
}