:root {
	--input-padding-xl: 0.5rem;
	--input-padding-xr: 1.2rem;
	--input-padding-y: 0.75rem;
}

body {
  overflow-x: hidden;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}
.navbar-brand img {
	/*height: 50px;*/
	max-width: 170px;
	/* put value of image height as your need */
	float: left;
	margin-right: 7px;
}
.cards-row {
	display: flex;
	flex-wrap: wrap;
}

.cards-row > div[class*='col-'] {
	display: flex;
}


@import url(http://fonts.googleapis.com/css?family=Roboto:400,300);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);

/*.card .card-image{
	overflow: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.card .card-image img{
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}*/

/*.card .card-image:hover img{
	-webkit-transform: scale(1.2) rotate(-7deg);
	-moz-transform: scale(1.2) rotate(-7deg);
	-ms-transform: scale(1.2) rotate(-7deg);
	-o-transform: scale(1.2) rotate(-7deg);
	transform: scale(1.2) rotate(-7deg);
}*/
.card {
	overflow: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.card {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.card:hover {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	-o-transform: scale(1.03);
	transform: scale(1.03);
}

.card{
	font-family: 'Roboto', sans-serif;
	border:none;
	margin-top: 10px;
	position: relative;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 4px 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.card .card-content {
	padding: 10px;
	/*background:#1A9AE1;*/
	color:#333333;
}

.card .card-content .card-title, .card-reveal .card-title ,
.card .card-content .card-title, .card-reveal-message .card-title{
	font-size: 1.15rem;
	font-weight: 200;
}

.card .card-reveal,
.card .card-reveal-message
{
	padding: 20px;
	position: absolute;
	background-color: #FFF;
	width: 100%;
	overflow-y: auto;
	left:0;
	bottom:0;
	height: 100%;
	z-index: 1;
	display: none;
}

.card .card-reveal .card-title,
.card .card-reveal-message .card-title
{
	color: rgba(0, 0, 0, 0.71);
	/*margin:10px;*/
	font-size:1.2rem;
}

.card .card-reveal p,
.card .card-reveal-message p{
	color: rgba(0, 0, 0, 0.71);
	/*margin:10px;*/
	font-size:0.8rem;
}

.btn-custom{
	background-color: transparent;
	font-size:18px;
}
.border-line {
	border: none;
	border-bottom: 1px solid #ced4da;
}

/*.select2-container--bootstrap4.select2-container--focus .select2-selection {
	color: #495057;
	border-color: #61061f;
	-webkit-box-shadow: 0 0 0 0.2rem rgba(97, 6, 31, 0.50);
	box-shadow: 0 0 0 0.2rem rgba(97, 6, 31, 0.50);
}*/

.select2-container{
	text-align: left !important;
}

.select2-container--bootstrap4 .select2-selection {
	height: calc(1.5em + 0.5rem + 2px);
	padding-left: var(--input-padding-xl);
	padding-right: var(--input-padding-xr);
	font-size: 0.875rem;
	line-height: 1.5;
	border: none;
	border-bottom: 1px solid #ced4da;
	/*border-radius: 50rem !important;*/
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
	padding-left: 0;
}

.select2-container--default .select2-selection--single {
	border-radius: 50rem !important;
	height: calc(1.5em + 0.5rem + 2px);
	/*padding: 0.25rem 0.5rem;*/
	padding-left: var(--input-padding-xl);
	padding-right: var(--input-padding-xr);
	font-size: 0.875rem;
	line-height: 1.5;
	border: none;
	border-bottom: 1px solid #ced4da;
	/*border-radius: 50rem !important;*/
}

a.activatedLinkCardRcs {
	color: inherit;
	text-decoration: inherit;
}

.contentviewbtn,
.loadcertificatebtn
{
	font-size: .675rem;
	line-height: 1;
}

hr.style7 {
  border-top: 2px solid #8c8b8b;
  border-bottom: 1px solid #fff;
}
hr.style5 {
	border-top: 1px solid #aaaaaa;
	border-bottom: 2px solid #fff;
}
.img-thumbnail_btn {
  border: 0 !important;
}

#main-footer {
  background: #e6e7e8;
}

.rcs-btn {
	color: #ffffff;
	font-weight: bold;
	padding-left: 1.5rem;
	/*padding-right: 2rem;*/
	background: linear-gradient(90deg, #f26a2a 20%, #e61968 20%);
}

.rcs-btn:hover {
	/*padding-right: 2rem;*/
	color: #ffffff;
	font-weight: bold;
	border-color: #dcf5f6;
	background: linear-gradient(to right, #f26a2a 20%, #e61968 20%);
}

.rcs-btn:focus, .rcs-btn.focus {
	border-color: #dcf5f6;
	box-shadow: 0 0 0 0.2rem rgba(179, 196, 205, 0.5);
}

.btn-maroon {
	color: #fff;
	background-color: #76004b;
	border-color: #76004b;
}
.btn-outline-maroon {
	color: #76004b;
	border-color: #76004b; }

.btn-outline-maroon:hover {
	color: #fff;
	background-color: #76004b;
	border-color: #76004b; }

.btn-maroon:hover {
	color: #fff;
	background-color: #5c0036;
	border-color: #5c0036;
}
.btn-maroon:focus, .btn-maroon.focus {
	color: #fff;
	background-color: #5c0036;
	border-color: #5c0036;
	box-shadow: 0 0 0 0.2rem rgba(70, 0, 34, 0.5);
}

.btn-outline-maroon:focus, .btn-outline-maroon.focus {
	box-shadow: 0 0 0 0.2rem rgba(70, 0, 34, 0.5); }

.btn-maroon.disabled, .btn-maroon:disabled {
	color: #fff;
	background-color: #5c0036;
	border-color: #5c0036;
}

.btn-outline-maroon.disabled, .btn-outline-maroon:disabled {
	color: #76004b;
	background-color: transparent; }

.btn-maroon:not(:disabled):not(.disabled):active, .btn-maroon:not(:disabled):not(.disabled).active,
.show > .btn-maroon.dropdown-toggle {
	color: #fff;
	background-color: #5c0036;
	border-color: #5c0036;
}

.btn-outline-maroon:not(:disabled):not(.disabled):active, .btn-outline-maroon:not(:disabled):not(.disabled).active,
.show > .btn-outline-maroon.dropdown-toggle {
	color: #fff;
	background-color: #76004b;
	border-color: #76004b; }

.btn-maroon:not(:disabled):not(.disabled):active:focus, .btn-maroon:not(:disabled):not(.disabled).active:focus,
.show > .btn-maroon.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(70, 0, 34, 0.5);
}

.btn-outline-maroon:not(:disabled):not(.disabled):active:focus, .btn-outline-maroon:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-maroon.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(70, 0, 34, 0.5); }

.btn-pink {
	color: #fff;
	background-color: #e61968;
	border-color: #e61968;
}
.btn-outline-pink {
	color: #e61968;
	border-color: #e61968; }

.btn-outline-pink:hover {
	color: #fff;
	background-color: #e61968;
	border-color: #e61968; }

.btn-pink:hover {
	color: #fff;
	background-color: #b8195c;
	border-color: #b8195c;
}
.btn-pink:focus, .btn-pink.focus {
	color: #fff;
	background-color: #e61968;
	border-color: #e61968;
	box-shadow: 0 0 0 0.2rem  rgba(160, 50, 47, 0.5);
}

.btn-outline-pink:focus, .btn-outline-pink.focus {
	box-shadow: 0 0 0 0.2rem  rgba(160, 50, 47, 0.5); }

.btn-pink.disabled, .btn-pink:disabled {
	color: #fff;
	background-color: #752a2a;
	border-color: #752a2a;
}

.btn-outline-pink.disabled, .btn-outline-pink:disabled {
	color: #752a2a;
	background-color: transparent; }

.btn-pink:not(:disabled):not(.disabled):active, .btn-pink:not(:disabled):not(.disabled).active,
.show > .btn-pink.dropdown-toggle {
	color: #fff;
	background-color: #5c0036;
	border-color: #5c0036;
}

.btn-outline-pink:not(:disabled):not(.disabled):active, .btn-outline-pink:not(:disabled):not(.disabled).active,
.show > .btn-outline-pink.dropdown-toggle {
	color: #fff;
	background-color: #76004b;
	border-color: #76004b; }

.btn-pink:not(:disabled):not(.disabled):active:focus, .btn-pink:not(:disabled):not(.disabled).active:focus,
.show > .btn-pink.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(70, 0, 34, 0.5);
}

.btn-outline-pink:not(:disabled):not(.disabled):active:focus, .btn-outline-pink:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-pink.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(70, 0, 34, 0.5); }