.btn-solid-reg {

	display: inline-block;

	padding: 1.1875rem 2.125rem 1.1875rem 2.125rem;

	border: 0.125rem solid #E56A00;

	border-radius: 2rem;

	background-color: #E56A00;

	color: #fff;

	font: 700 0.875rem/0 "Open Sans", sans-serif;

	text-decoration: none;

	transition: all 0.2s;

}



.btn-solid-reg:hover {

	border: 0.125rem solid #E56A00;

	background-color: transparent;

	color: #E56A00;

	text-decoration: none;

}



.btn-solid-lg {

	display: inline-block;

	padding: 1.5rem 2.375rem 1.5rem 2.375rem;

	border: 0.125rem solid #E56A00;

	border-radius: 2rem;

	background-color: #E56A00;

	color: #fff;

	font: 700 0.875rem/0 "Open Sans", sans-serif;

	text-decoration: none;

	transition: all 0.2s;

}



.btn-solid-lg:hover {

	border: 0.125rem solid #E56A00;

	background-color: transparent;

	color: #E56A00;

	text-decoration: none;

}



.btn-solid-lg .fab {

	margin-right: 0.5rem;

	font-size: 1.25rem;

	line-height: 0;

	vertical-align: top;

}



.btn-solid-lg .fab.fa-google-play {

	font-size: 1rem;

}



.btn-outline-reg {

	display: inline-block;

	padding: 1.1875rem 2.125rem 1.1875rem 2.125rem;

	border: 0.125rem solid #333;

	border-radius: 2rem;

	background-color: transparent;

	color: #333;

	font: 700 0.875rem/0 "Open Sans", sans-serif !important;

	text-decoration: none;

	transition: all 0.2s;

}



.btn-outline-reg:hover {

	border: 0.125rem solid #333;

	background-color: #333;

	color: #fff;

	text-decoration: none;

}



.btn-outline-lg {

	display: inline-block;

	padding: 1.5rem 2.375rem 1.5rem 2.375rem;

	border: 0.125rem solid #333;

	border-radius: 2rem;

	background-color: transparent;

	color: #333;

	font: 700 0.875rem/0 "Open Sans", sans-serif;

	text-decoration: none;

	transition: all 0.2s;

}



.btn-outline-lg:hover {

	border: 0.125rem solid #333;

	background-color: #333;

	color: #fff;

	text-decoration: none;

}



.btn-outline-sm {

	display: inline-block;

	padding: 1rem 1.5rem 1rem 1.5rem;

	border: 0.125rem solid #333;

	border-radius: 2rem;

	background-color: transparent;

	color: #333;

	font: 700 0.875rem/0 "Open Sans", sans-serif;

	text-decoration: none;

	transition: all 0.2s;

}



.btn-outline-sm:hover {

	border: 0.125rem solid #333;

	background-color: #333;

	color: #fff;

	text-decoration: none;

}



/* Form Success And Error Message Animation - Animate.css */

@-webkit-keyframes tada {

	from {

		-webkit-transform: scale3d(1, 1, 1);

		-ms-transform: scale3d(1, 1, 1);

		transform: scale3d(1, 1, 1);

	}

	10%, 20% {

		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

		-ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

	}

	30%, 50%, 70%, 90% {

		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

	}

	40%, 60%, 80% {

		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

	}

	to {

		-webkit-transform: scale3d(1, 1, 1);

		-ms-transform: scale3d(1, 1, 1);

		transform: scale3d(1, 1, 1);

	}

}



@keyframes tada {

	from {

		-webkit-transform: scale3d(1, 1, 1);

		-ms-transform: scale3d(1, 1, 1);

		transform: scale3d(1, 1, 1);

	}

	10%, 20% {

		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

		-ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

	}

	30%, 50%, 70%, 90% {

		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

	}

	40%, 60%, 80% {

		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

	}

	to {

		-webkit-transform: scale3d(1, 1, 1);

		-ms-transform: scale3d(1, 1, 1);

		transform: scale3d(1, 1, 1);

	}

}

.check_list {

  display: flex;

  justify-content: space-between;

  align-content: center;

  border-bottom: 1px solid #ccc;

  padding-top: 20px;

  padding-bottom: 20px;

  text-align: left;

}

.tada {

	-webkit-animation-name: tada;

	animation-name: tada;

}



.animated {

	-webkit-animation-duration: 1s;

	animation-duration: 1s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

}

/* end of form success and error message animation - Animate.css */



/* Fade-move Animation For Details Lightbox - Magnific Popup */

/* at start */

.my-mfp-slide-bottom .zoom-anim-dialog {

	opacity: 0;

	transition: all 0.2s ease-out;

	-webkit-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);

	-ms-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);

	transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);

}



/* animate in */

.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {

	opacity: 1;

	-webkit-transform: translateY(0) perspective(37.5rem) rotateX(0);

	-ms-transform: translateY(0) perspective(37.5rem) rotateX(0);

	transform: translateY(0) perspective(37.5rem) rotateX(0);

}



/* animate out */

.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {

	opacity: 0;

	-webkit-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);

	-ms-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);

	transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);

}



/* dark overlay, start state */

.my-mfp-slide-bottom.mfp-bg {

	opacity: 0;

	transition: opacity 0.2s ease-out;

}



/* animate in */

.my-mfp-slide-bottom.mfp-ready.mfp-bg {

	opacity: 0.8;

}

/* animate out */

.my-mfp-slide-bottom.mfp-removing.mfp-bg {

	opacity: 0;

}

/* end of fade-move animation for details lightbox - magnific popup */



/* Fade Animation For Image Lightbox - Magnific Popup */

@-webkit-keyframes fadeIn {

	from {

		opacity: 0;

	}

	to {

		opacity: 1;

	}

}



@keyframes fadeIn {

	from {

		opacity: 0;

	}

	to {

		opacity: 1;

	}

}



.fadeIn {

	-webkit-animation: fadeIn 0.6s;

	animation: fadeIn 0.6s;

}



@-webkit-keyframes fadeOut {

	from {

		opacity: 1;

	}

	to {

		opacity: 0;

	}

}



@keyframes fadeOut {

	from {

		opacity: 1;

	}

	to {

		opacity: 0;

	}

}



.fadeOut {

	-webkit-animation: fadeOut 0.8s;

	animation: fadeOut 0.8s;

}

/* end of fade animation for details lightbox - magnific popup */





/*************************/

/*     02. Preloader     */

/*************************/

.spinner-wrapper {

	position: fixed;

	z-index: 999999;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	background: #f7fafd;

}



.spinner {

	position: absolute;

	top: 50%; /* centers the loading animation vertically one the screen */

	left: 50%; /* centers the loading animation horizontally one the screen */

	width: 3.75rem;

	height: 1.25rem;

	margin: -0.625rem 0 0 -1.875rem; /* is width and height divided by two */

	text-align: center;

}



.spinner > div {

	display: inline-block;

	width: 1rem;

	height: 1rem;

	border-radius: 100%;

	background-color: #E56A00;

	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;

	animation: sk-bouncedelay 1.4s infinite ease-in-out both;

}



.spinner .bounce1 {

	-webkit-animation-delay: -0.32s;

	animation-delay: -0.32s;

}



.spinner .bounce2 {

	-webkit-animation-delay: -0.16s;

	animation-delay: -0.16s;

}



@-webkit-keyframes sk-bouncedelay {

	0%, 80%, 100% { -webkit-transform: scale(0); }

	40% { -webkit-transform: scale(1.0); }

}



@keyframes sk-bouncedelay {

	0%, 80%, 100% {

		-webkit-transform: scale(0);

		-ms-transform: scale(0);

		transform: scale(0);

	} 40% {

		-webkit-transform: scale(1.0);

		-ms-transform: scale(1.0);

		transform: scale(1.0);

	}

}



/*********************/

/*    04. Header     */

/*********************/

.header {

	position: relative;

	overflow: hidden;

	padding-top: 3rem;

	padding-bottom: 3rem;

	text-align: center;

  min-height: 100%;

 *display: table; /* For IE7 Hack */

 *height: 100%; /* For IE7 Hack */

}

.header .container {

	overflow:auto;

}



.header .text-container {

	margin-bottom: 3rem;

}



.header h1 {

	margin-bottom: 1rem;

}



.header .p-heading {

	margin-bottom: 2rem;

}



.header .btn-solid-lg {

	margin-right: 0.5rem;

	margin-bottom: 1.125rem;

	margin-left: 0.5rem;

}

.header ol {

  color: #777;

}



/**********************************************/

/*     07. Description 1 Details Lightbox     */

/**********************************************/

.lightbox-basic {

	position: relative;

	max-width: 71.875rem;

	margin: 2.5rem auto;

	padding: 3rem 1rem;

	background-color: #fff;

	text-align: left;

}



.lightbox-basic .image-container {

	margin-bottom: 3rem;

	text-align: center;

}



.lightbox-basic h3 {

	margin-bottom: 0.5rem;

}



.lightbox-basic hr {

	width: 2.75rem;

	margin-top: 0.125rem;

	margin-bottom: 1rem;

	margin-left: 0;

	border-top: 0.125rem solid #e0e0e0;

}



.lightbox-basic h4 {

	margin-top: 1.75rem;

	margin-bottom: 0.625rem;

}



.lightbox-basic .list-unstyled {

	margin-bottom: 1.5rem;

}



.lightbox-basic .list-unstyled .far {

	color: #19ca94;

	font-size: 1.125rem;

	line-height: 1.75rem;

}



.lightbox-basic .list-unstyled .media-body {

	margin-left: 0.625rem;

}



.lightbox-basic .list-unstyled {

	margin-bottom: 1.5rem;

}



/* Action Button */

.lightbox-basic .btn-solid-reg.mfp-close {

	position: relative;

	width: auto;

	height: auto;

	color: #fff;

	opacity: 1;

}



.lightbox-basic .btn-solid-reg.mfp-close:hover {

	color: #E56A00;

}

/* end of action Button */



/* Back Button */

.lightbox-basic .btn-outline-reg.mfp-close.as-button {

	position: relative;

	display: inline-block;

	width: auto;

	height: auto;

	margin-left: 0.375rem;

	padding: 20px 30px;

	border: 0.125rem solid #333;

	color: #333;

	opacity: 1;

}



.lightbox-basic .btn-outline-reg.mfp-close.as-button:hover {

	color: #fff;

}

/* end of back button */



/* Close X Button */

.lightbox-basic button.mfp-close.x-button {

	position: absolute;

	top: -0.125rem;

	right: -0.125rem;

	width: 2.75rem;

	height: 2.75rem;

	color: #555;

}

/* end of close x button */







/**********************************/

/*     16. Back To Top Button     */

/**********************************/

a.back-to-top {

	position: fixed;

	z-index: 999;

	right: 0.75rem;

	bottom: 0.75rem;

	display: none;

	width: 2.625rem;

	height: 2.625rem;

	border-radius: 1.875rem;

	background: #333 url("../images/up-arrow.png") no-repeat center 47%;

	background-size: 1.125rem 1.125rem;

	text-indent: -9999px;

}



a:hover.back-to-top {

	background-color: #555;

}



	/* Header */



@media (min-width: 769px) {

  .header {

    padding-top: 12rem;

  }



  .header h1 {

    font-size: 4rem;

    line-height: 4.875rem;

    letter-spacing: -1px;

  }

}

@media (max-width: 768px) {



  .header {

    padding-top: 9rem;

  }



  .header h1 {

    font-size: 2.5rem;

    line-height: 4.875rem;

    letter-spacing: -1px;

  }

}

	.header .btn-solid-lg {

		margin-bottom: 0;

		margin-left: 0;

	}

	/* end of header */



	/* end of header */





	/* Description 1 */

	.basic-1 .image-container {

		margin-bottom: 0;

	}

	/* end of description 1 */





	/* Description 1 Details Lightbox */

	.lightbox-basic {

		padding: 3rem 3rem;

	}



	.lightbox-basic .image-container {

		margin-bottom: 0;

		text-align: left;

	}

	/* end of description 1 details lightbox */





/* end of min-width 992px */





/* Min-width 1200px */

@media (min-width: 1200px) {



	/* Header */

	.header .image-container {

		width: 58.0625rem;

		height: 36.125rem;

		margin-right: auto;

		margin-left: auto;

	}









	/* Dscription 1 Details Lightbox */

	.lightbox-basic .image-container {

		margin-right: 1.5rem;

	}

	/* end of description 1 details lightbox */







}

/* end of min-width 1200px */