/* PLACE YOUR STYLES HERE */
.logo img, .logo-affix img {width:60%;}

/*
 * Digital Payment Content Slider
 */
#digital-payments-content ul.nav-tabs { border-bottom: 0px; display: flex;}
#digital-payments-content ul.nav-tabs li { width: 100%; flex-wrap: nowrap;}
#digital-payments-content .nav-tabs>li>a { background: #f7f7f7; border:1px solid #e1e1e1; color:#e1694e; margin-right: 0px; line-height: 1.42857143; border-radius: 0px; font-family:Raleway; padding: 15px 5px; width:100%; }
#digital-payments-content .nav-tabs>li:hover>a { color: #ffffff; background-color: #e1694e; border: 1px solid #eb3458; border-bottom-color: transparent; }
#digital-payments-content .nav-tabs>li.active>a, #digital-payments-content .nav-tabs>li.active>a:hover, #digital-payments-content .nav-tabs>li.active>a:focus { color: #ffffff; background-color: #e1694e; border: 1px solid #eb3458; border-bottom-color: transparent; cursor: default; }
#playlist1,#playlist2,#playlist3,#playlist4,#playlist5 { display:table; text-align:left; margin:10px 0; width:97%;}
#playlist1 li, #playlist2 li, #playlist3 li, #playlist4 li, #playlist5 li{ cursor:pointer; padding:5px; clear:both; min-height:85px; }
#playlist1 li:hover, #playlist2 li:hover, #playlist3 li:hover, #playlist4 li:hover, #playlist5 li:hover{ background-color:#ececec; }
#videoarea1, #videoarea2, #videoarea3, #videoarea4, #videoarea5 { float:left; width:100%; margin:15px 0 0 0; }
.scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; }
.scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important; }
.scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; }
.scroll-element { display: none; }
.scroll-element, .scroll-element div { box-sizing: content-box; }
.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; }
.scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default; }
.scroll-textarea { border: 1px solid #cccccc; border-top-color: #999999; }
.scroll-textarea > .scroll-content { overflow: hidden !important; }
.scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important; }
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0; }
.scroll-wrapper {max-height: 345px;}
.scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div{ border: none; margin: 0; padding: 0; position: absolute; z-index: 10; }
.scrollbar-inner > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; }
.scrollbar-inner > .scroll-element.scroll-x { bottom: 2px; height: 8px; left: 0; width: 100%; }
.scrollbar-inner > .scroll-element.scroll-y { height: 100%; right: 2px; top: 0; width: 8px; }
.scrollbar-inner > .scroll-element .scroll-element_outer { overflow: hidden; }
.scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.4; }
.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }
.scrollbar_content {overflow: auto;}
				
#video-gallery1, #video-gallery2, #video-gallery3, #video-gallery4, #video-gallery5 {background-color:#f7f7f7; border:1px solid #dddddd; margin:0px;}
.download-video {font-family:Raleway; font-size:14px;}
.download-video a:hover {text-decoration:underline;}
.playlist-thumb {float:left; margin:0px 10px 5px 0px; width:120px;}
.playlist-thumb-title {vertical-align:top; font-size:12px; font-family: Raleway; font-weight:500;}
.playlist-thumb-desc {font-size: 12px; font-family: Raleway; line-height: unset;}
.lang-brochure {width:100%; margin:0px; margin-top:20px;}
.lang-brochure-merchant {background-color:#f7f7f7; border:1px solid #dddddd; border-collapse:collapse; padding-bottom:20px;}
.lang-brochure-merchant .col-xs-5 {padding-right:40px;}
.lang-brochure-merchant .col-xs-5 img {border:1px solid #dddddd; max-width:90px; float:right;}
.lang-brochure-merchant .col-xs-6 {font-size:17px; text-align:left; padding-left:0px; font-family:'Raleway';}
.lang-brochure-merchant .col-xs-6 a:hover {text-decoration:underline;}
				
.lang-brochure-customer {background-color:#f7f7f7; border:1px solid #dddddd; border-collapse:collapse; padding-bottom:20px;}
.lang-brochure-customer .col-xs-5 {padding-right:40px;}
.lang-brochure-customer .col-xs-5 img {border:1px solid #dddddd; max-width:90px; float:right;}
.lang-brochure-customer .col-xs-6 {font-size:17px; text-align:left; padding-left:0px; font-family:'Raleway';}
.lang-brochure-customer .col-xs-6 a:hover {text-decoration:underline;}
				
.lang-poster {width:100%; margin:0px; margin-top:20px;}
.lang-poster .content {margin:20px 0px;}
.lang-poster .poster {position: relative; max-width: 270px;}
.lang-poster .overlay {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease;background-color: #e1694e;}
.lang-poster .poster:hover .overlay {opacity: 0.9;}
.lang-poster .text {color:#ffffff;font-size: 16px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.lang-poster .text a {color:#ffffff;}
.lang-poster .text a:hover {color:#ffffff; text-decoration:underline;}
/*
** Digital Payment Content Slider
**/


/*
** Photo Gallery
*/
.slick-current.slick-center {margin:0px !important; -webkit-filter: blur(0px); filter: blur(0px); z-index:5; width:700px;}
.slick-slide {margin:0px !important; -webkit-filter: blur(2px); filter: blur(2px); width:600px;}
.slide {position: relative;}
.slide__caption {bottom: 0; left: 0; position: absolute; width: 100%; z-index: 50; background:#000; color:#fff; opacity:0.7; }
/*
** Photo Gallery
*/


/*
** Partners
*/
#partners .logoset1 div {padding:10px;}
#partners .logoset2 div {padding:10px;}
#partners .logoset1 img {max-width:200px;}
#partners .logoset2 img {max-width:200px;}
/*
** Partners
*/


/*
** Contact
*/
#contact-form-block div.contactform-name {padding:0px; padding-right:5px;}
#contact-form-block div.contactform-name input {margin:0px;}
#contact-form-block div.contactform-email {padding:0px; padding-left:5px;}
#contact-form-block div.contactform-email input {margin:0px;}
#contact-form-block div.contactform-message {padding:0px;}
#contact-form-block div.contactform-message textarea {margin:0px;}
#contact-form-block div.contactform-submit {padding:0px;}
/*
** Contact
*/

@media screen and (min-width: 1024px) {
	header {
	background-color:#ffffff;
	background: url("../img/backgrounds/digital-payment-suraksha-banner.png") no-repeat center center fixed;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	height:740px;
	position: relative;
}
}
@media screen and (max-width: 1023px) {
	.logo img, .logo-affix img {width:25%;}
	#about .content p { max-width: unset; margin: 0 auto; }
}
@media screen and (max-width: 768px){
	#contact .col-md-6, #contact .col-md-4 { padding-right: 15px; padding-left: 15px; }	
	#digital-payments-content .content p.download-video {max-width:706px !important;}
	#contact-form-block div.contactform-email {padding: 0px; padding-left: 0px; padding-right: 5px;}
	#contact-form-block div.contactform-message {padding: 0px; padding-right: 5px;}
	#contact-form-block .inside .address {padding-top:0px;}
}
@media screen and (max-width: 767px) {
	header {
		background: url("../img/backgrounds/digital-payment-suraksha-banner.png") no-repeat center center fixed;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		height:450px;
	}
	.content { margin: 30px 0px; text-align: center; }
	#newsletter.cta h3 { font-size: 4rem; margin-bottom: 20px; }
	#partners .logoset2 img {max-width:120px;}
}
@media screen and (max-width: 500px) {
	header {
		background: url("../img/backgrounds/digital-payment-suraksha-banner-mobile.png") no-repeat center center fixed;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		height:450px;
	}
	#newsletter.cta h3 { font-size: 3rem !important; margin-bottom: 20px; }
	#newsletter form input[type=email] {max-width: 250px;}
	#newsletter form input[type=submit] {margin-top: 0px; margin-left: 10px;}
}
@media screen and (max-width: 480px) {
	header {
		background: url("../img/backgrounds/digital-payment-suraksha-banner-mobile.png") no-repeat center center fixed;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		height:450px !important;
	}
}

.text-danger {color:#FF2600; font-family:Raleway;}
#contact-form .success h2 { color: green; }


/* user download form */
.modal-header {background-color: #f0f0f0;}
.modal-body {background-color: #fafafa;}
#user-download-form .form-group {margin-bottom:0px;}
#user-download-form input[type="email"], #user-download-form input[type="text"] {width: 100%; height: 45px; padding: 10px; font-size: 16px; font-weight: normal; line-height: 20px; color: #252525; border: 1px solid #ddd; margin: 10px 0px 0px; background-color: #fff; resize: none;}
#user-download-form .form-group .help-block.with-errors {font-size:14px;}
#user-download-form .form-group.userdownload-submit {margin:10px 0;}
#userdownload-submit {width:100%; height:45px;}
#user-download-results {padding:0px 15px; font-size:14px;}