

/*affiliate flow starts */
.center-affiliate { color: #888; cursor: pointer; border: 1px solid #eee; display: block; padding: 5px 10px; position: absolute; z-index: 1024; background-color: #fff; margin-top: 15px; margin-left: 15px;}
.center-affiliate .c-dropdown { }
.center-affiliate .dropdown-name { color: #000; padding: 10px 5px 10px 5px; display: block; font-size: 21px; font-weight: 500; background: #fff; }
.center-affiliate .dropdown-menu { padding: 15px; min-width: 400px; }
.center-affiliate .dropdown-menu ul { max-height: 250px; overflow: auto; }
.center-affiliate .dropdown-menu li { padding: 5px 0; }
.loading-gif { position: relative; top: 50%; left: 50%; margin: -6px -22px; display: none; }
.affiliate-link { text-transform: uppercase; text-decoration: underline; color: #3093e7; display: inline-block; margin-top: 10px; }
.triple-offline { margin-top: 45px; margin-bottom: 10px; }
.four-offline { margin-bottom: 10px; }
.offline-modal-content { width: 450px; }
.offline-modal-body { padding: 20px !important; }
.offline-modal-header { padding: 8px 0 !important; }
.offline-modal-title { margin: 0; line-height: 1.42857143 !important; font-size: 18px !important; font-weight: 400 !important; color: #777 !important; padding: 0; }
.enter-offline-details { height: 40px; font-size: 15px !important; margin-bottom: 5px; }
.form-offline-radio { padding-left: 20%; margin-bottom: 20px; }
.offline-modal-footer.btn { margin-left: -5%; min-width: 100px; }
body, html { height: 100%; }

.bg-blue { background-color: #3e8dfb; }
.bg-white { background-color: #fff; }
.pcv { background-color: #f3f3f3; position: relative; height: 662px; width: 100%; }
.pcv-content { position: relative; width: 70%; left: 15%; top: 10%; height: 80%; bottom: 10%; box-shadow: 0px 0px 5px #6d6d6d; }
.pcv .no-gutter, .pcv .no-gutter>div { height: 100%; }
.content { padding: 20px 60px; }
.content.statistics { padding: 20px 30px; color: #fff; font-size: 18px; font-weight: 400; }
.statistics .block { padding: 45px 40px; border-bottom: 1px solid #79b0fc; }
.statistics .block:last-child { border-bottom: 0px; }
.statistics .block .count { font-size: 36px; font-weight: 100; }
.detail .block { border-bottom: 1px solid #ebebeb; padding: 40px 0px; }
.detail .block:last-child { border-bottom: 0px; padding: 40px 0px; }
.detail .name { font-size: 52px; color: #585858; font-weight: 100; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.detail .book-your { font-size: 28px; color: #8d8d8d; }
.detail .lable, .detail .discrip { min-height: 40px; }
.detail .lable { color: #525252; font-size: 18px; }
.detail .discrip { color: #9a9a9a; font-size: 14px; }
.detail .discrip.price { color: #ff3939; font-size: 22px; font-weight: 500; }
.detail .discrip .emial { color: #4390fb; font-size: 18px; font-weight: 500; margin-bottom: 5px; }
.detail .blue-btn { border-radius: 2px; background-color: #2c82fb; font-size: 15px; color: #fff; display: inline-block; padding: 10px 15px; min-width: 250px; }

@media only screen and (min-width:1200px) and (max-width:1365px) {
	.pcv { height: auto; width: 100%; padding: 30px 0; }
	.pcv-content { width: 972px; height: 532px; left: auto; top: auto; bottom: auto; margin: 0 auto; }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.pcv { height: auto; width: 100%; padding: 30px 0; }
	.pcv-content { width: 972px; height: 532px; left: auto; top: auto; bottom: auto; margin: 0 auto; }
	.content { padding: 15px 30px; }
	.content.statistics { padding: 15px 20px; }
	.statistics .block { padding: 30px 15px; }
	.detail .block { padding: 30px 0px; }
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.pcv-content { width: 100%; height: 100%; left: auto; top: auto; padding: 15px; bottom: auto; }
	.content { padding: 15px 30px; }
	.content.statistics { padding: 15px 20px; }
	.statistics .block { padding: 30px 15px; }
	.detail .block { padding: 30px 0px; }
	.detail .name { font-size: 42px; }
	.detail .book-your { font-size: 20px; }
	.detail .lable { font-size: 16px; }
}