/*affiliate page*/
.affiliate{
	min-height:470px;
}
.affiliate > .free-holder > .title{
	color: #454d57;
	font-weight: 600;
	letter-spacing: 2px;
	font-size: 96px;
	text-shadow: 3px 3px 20px rgba(238, 238, 238, 0.5);
}
.bg-affiliate{
	background: url(../../assets/images/img-banner-affiliate.jpg) top right;
	background-size: cover;
	min-height: 700px;
}
.dock-bottom {
	right: -50px;
}
.px-affiliate-02{    
	background: url('../../assets/images/bg-pattern-03.jpg');	
	background-size: cover;
}
.feature-holder{
	display: inline-block;
	float: right;
	padding-right: 60px;
}
.text-affiliate {
	text-align: right;
	margin-right: -200px;
}

/*affiliate faq page*/
.panel-faq > .panel-heading{
	padding:0;
	background: transparent;
	border-color: #1083b5;
}
.panel-faq{
	position: relative;
	background: transparent;
	margin-bottom: 15px!important;
	border: 0;
	border-bottom: solid 1px #cdeaf7;
	border-radius: 0;
	font-style: inherit;
}

.panel-faq .panel-title a{
	padding: 15px;
	border-radius: 4px;
	letter-spacing: 1px;
	background: #fff;
	/* font-weight: 600; */
	font-style: normal;
}

.panel-faq p{
	margin-bottom: 0;
	text-align: left;
}

.icon-round{
	padding:8px;
	width: 33px;
	text-align: center;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.1);
}

.icon-tr{
	top: 7px;
	right:8px;
}

.link-qa{
	display:block;
	width: 100%;
}

.link-qa:hover, .link-qa:focus{
	text-decoration: none!important;
}

.panel-active{
	background: #4baff1!important;
	color:#fefefe!important;
	border-color:#4baff1!important;

}

.panel-faq > .panel-body, 
.panel-faq > .panel-collapse{
	background: #4baff1;
    color: #fff;
}

.panel-faq .panel-body{
	border-color:#4baff1!important;
}

.panel-faq > .panel-collapse{
	margin-top:-3px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}

.icon-rotate{
	transform: rotate(180deg);
}
.text-left{
	text-align: left!important;
}
.px-faq{
	background: url(../../assets/images/img-faq-1.jpg);
	background-size: cover;
	height: 100vh;
}
.sample-banner{
	width:100%;
	position: relative;
	height: 275px;
	background: #74ebd5;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #ACB6E5, #74ebd5);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #ACB6E5, #74ebd5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-afiliate-faq{
	/* background: transparent; */
	position: relative;
}

.faq-content{
	padding:60px 0;
}

.panel-group{
	margin-bottom: 0;
}

.btn-holder{
	margin-top: 80px;
}
.title-holder{
	margin-bottom: 20px;
}
.sub-title{
	text-align: left;
	margin-bottom: 0;
	font-size: 30px;
	font-weight: 600;
	font-style: normal;
}
.title{
	color:#333;
	margin-bottom: 0;
	text-align: left;
	padding: 0;
	font-size: 73px;
	font-weight: 600;
	text-transform: uppercase;
}

.top-space {
    padding-top: 124px;
}


.accordion-holder{}
.accordion-holder > .accordion-title{
	font-weight: 600;
	font-size: 17px!important;
	padding: 15px!important;
	border: 0;
	letter-spacing: 1px;
	background: #fff;
	margin-top: 15px!important;
	outline: 0;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}
.accordion-holder > .ui-state-active{
	background: #4baff1;
	color:#fff;
	/*box-shadow: none!important;*/
}
.accordion-holder > .accordion-body{
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	outline: 0;
	border: 0;
	padding: 0 15px!important;
	background: #4baff1;
	color: #fff;
}

.accordion-holder .ui-icon{
	float: right;
}
.ui-icon-triangle-1-s,.ui-icon-triangle-1-e{
	background-position:unset!important; 
}
.ui-state-active .ui-icon, .ui-button:active .ui-icon {
    background-image: url(../../version.3.0/images/caret-down.png)!important;
}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(../../version.3.0/images/caret-right.png)!important;
       background-size: 10px;
    margin-top: 4px!important;
}

.img-center{
	display: block;
	margin: 0 auto;
}
.indent{
	text-indent: 22px;
}
blockquote{
	border-left: 5px solid #4baff1;
}

@media only screen and (max-width:1500px){
	.text-affiliate {
		text-align: right;
		margin-right: 0;
	}
}
@media only screen and (max-width:1400px){
	.text-affiliate{
		text-align: center;
	}
	.feature-holder{
		padding-right: 20px;
	}
	.affiliate > .free-holder > .title{
		font-size: 60px;
	}
}
@media only screen and (max-width:1199px){
	.box-holder{
		min-height:382px; 
	}
	.bg-affiliate{
		background-position: top center;
	}
	.feature-holder{
		padding:20px;
	}
	.feature-content{
	width: 100%;
	display: block;
	float: none;
	text-align: center;
	}
	.affiliate{
		min-height: auto;
		display: block;
		width: 100%;
	}
	.feature-holder{
		float: none;
		display: inline-block;
	}
	.block-title{
		text-align: left;
	}
}
@media only screen and (max-width:991px){	
	.feature-holder{
		padding:0;
	}	
	.dock-bottom{
		right:0;
	}
	.panel-faq .panel-title a{
		padding-right: 38px;
	}

}
@media only screen and (max-width:767px){	
	.icon-before-text > li{
		width: 100%!important;
		display: block;
	}
	.img-icon-96{
		margin: 0 auto;
	}
	.block-title{
		text-align: center
	}
	.referral-steps > .step-holder {
		width: 100%;
	}
	.box-holder{
		min-height:auto; 
	}
	
}
@media only screen and (max-width:600px){
	.affiliate > .free-holder > .title{
		font-size: 44px;
	}
}
@media only screen and (max-width: 500px){
	.content-holder {
	    padding: 20px;
	}
	.title {
    font-size: 44px;
	}
	.sub-title {
	    font-size: 18px;
	    margin-top: 20%;
	}
	.btn-register {
	    font-size: 17px;
	}
	.btn-holder {
	    margin-top: 50px;
	}
}
@media only screen and (max-width: 767px){
	.top-space {
	    padding-top: 80px!important;
	}
}