/*==========================================================
    Theme Name: 10X There Revenue
    Author: OG Web Solutions
    Author URI: https://www.ogwebsolutions.com/
    Version:  1.0
==========================================================*/


/*==========================================================
	CSS Index 
============================================================
    # Global Styles
        ## Header
        ## Footer
	# Home Page
    # Order Page
    # Day Page
	# Thank You Page
    # Popup
	# Privacy Policy Page
    # Terms & Conditions Page
	# Order Cancelled Page
    # OTO
==========================================================*/


/*==========================================================
    # Global Styles
==========================================================*/

body {
	color: #2c2c2c;
	font-size: 18px;
	background-color: #fff;
	font-family: 'Montserrat', sans-serif;
}

@media (max-width:767.98px) {
	body {
		font-size: 18px;
	}
}

@media (max-width:399px) {
	body {
		font-size: 16px;
	}
}


/*========== Text Colors ==========*/

.text-yellow {
	color: #fff000 !important;
}

.text-green {
	color: #09c712 !important;
}

/*========== Background Colors ==========*/

.bg-grey {
	background-color: #f4f4f4;
}

.bg-yellow {
	background-color: #fff000;
}

.bg-green {
	background-color: #09c712;
}

/*========== Font Size ==========*/

.fz-125{
	font-size: 1.25rem;
}

@media (max-width: 1199.98px){
	.fz-125{
		font-size: 1.125rem;
	}
}

/*========== Font Weight ==========*/

.font-weight-regular {
	font-weight: 400 !important;
}

.font-weight-medium {
	font-weight: 500 !important;
}

.font-weight-semibold {
	font-weight: 600 !important;
}

.font-weight-extrabold {
    font-weight: 800 !important;
}

.font-weight-black {
    font-weight: 900 !important;
}

/*========== Font Family ==========*/

.font-caveat {
	font-family: 'Caveat', cursive;
}

.font-oswald {
	font-family: 'Oswald', sans-serif;
}

/*========== Text Decoration ==========*/

.text-underline {
	text-decoration: underline;
}

.text-linethrough {
	text-decoration: line-through;
}

/*========== Line Height ==========*/

.line-height-1-5 {
	line-height: 1.5 !important;
}

.line-height-1-2 {
	line-height: 1.2 !important;
}

.line-height-1 {
	line-height: 1 !important;
}

/*========== Section Title ==========*/

.section-title {
	margin-bottom: 40px;
	text-align: center;
}

.section-title h2 {
	display: inline-block;
	font-size: 50px;
	font-weight: 900;
	text-transform: uppercase;
}

.section-title p {
	display: inline-block;
	color: #858585;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.5;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.section-title p:after {
	content:'';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	width: 80%;
	height: 1px;
	background-color: #E0E0E0;
}

.section-title p.text-white:after {
	background-color: #fff;
}

.section-title.text-left p:after {
	transform: none;
	left:0;
}

@media (min-width:992px) {
	.section-title {
		margin-left: auto;
		margin-right: auto;
		max-width: 800px;
		width: 100%;
	}
}

@media (max-width:1199.98px) {
	.section-title h2 {
		font-size: 46px;
	}
	.section-title h3 {
		font-size: 36px;
	}
	.section-title p{
		font-size: 20px;
	}
}

@media (max-width:991.98px) {
	.section-title h2 {
		font-size: 38px;
	}
	.section-title p {
		font-size: 18px;
	}
}

@media (max-width:767.98px) {
	.section-title h2 {
		font-size: 28px;
	}
	.section-title h3 {
		font-size: 22px;
	}    
}

@media (max-width:399px) {
	.section-title h2 {
		font-size: 24px;
	}
	.section-title p {
		font-size: 16px;
	}

}


/*========== Buttons ==========*/

.btn {
	border: none;
	border-radius: 5px;
	padding: 15px 30px;
	display: -ms-inline-flexbox;
	display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
	flex-direction: column;
	border: 1px solid #ff6300;
	border-bottom: 4px solid #df5800;;
}

.btn:focus,
button:focus {
	box-shadow: none;
	outline: none;
}

.btn .title {
	text-transform: uppercase;
    font-size: 30px;
	font-weight: bold;
	color: #fff;
}

.btn .sub-title {
	font-size: 16px;
	color: #fffefe;
	opacity: 0.8;
}

.btn-orange {
	background: rgb(255,97,0);
	background: -moz-linear-gradient(0deg, rgba(255,97,0,1) 0%, rgba(255,159,67,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255,97,0,1) 0%, rgba(255,159,67,1) 100%);
	background: linear-gradient(0deg, rgba(255,97,0,1) 0%, rgba(255,159,67,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff6100",endColorstr="#ff9f43",GradientType=1);
}

.btn-orange:hover {
    background: rgb(255,159,67);
	background: -moz-linear-gradient(0deg, rgba(255,159,67,1) 0%, rgba(255,97,0,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255,159,67,1) 0%, rgba(255,97,0,1) 100%);
	background: linear-gradient(0deg, rgba(255,159,67,1) 0%, rgba(255,97,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff9f43",endColorstr="#ff6100",GradientType=1);
}

@media (max-width:767.98px) {
	.btn {
		padding: 15px;
	}
	.btn .title {
		font-size: 20px;
	}
	.btn .sub-title {
		font-size: 14px;
	}
}

/*========== Video ==========*/

video{
	-webkit-box-shadow: 0px 0px 15px 5px rgba(21,21,21,.15);
    box-shadow: 0px 0px 15px 5px rgba(21,21,21,.15);
    border: 4px solid #ffffff;
}
/*========== Section Spacer ==========*/

.section-spacer {
	padding-top: 80px;
	padding-bottom: 80px;
}

.section-alt-spacer {
	padding-top: 70px;
	padding-bottom: 80px;
}

.section-equal-spacer {
	padding-top: 70px;
	padding-bottom: 50px;
}

@media (max-width:991.98px) {
	.section-spacer {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.section-alt-spacer {
		padding-top: 45px;
		padding-bottom: 50px;
	}
	.section-equal-spacer {
		padding-top: 45px;
		padding-bottom: 10px;
	}
}

/*========== Custom List ==========*/

.custom-list-arrow {
	list-style-type: none;
	padding-left: 0;
}

.custom-list-arrow li {
	position: relative;
	padding-left: 45px;
}

.custom-list-arrow li:not(:last-child) {
	margin-bottom: 5px;
}

.custom-list-arrow li:before {
	content:'';
	position: absolute;
	left: 0;
	top: -3px;
	height: 30px;
	width: 50px;
	background-image: url('../img/custom-list-arrow.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 30px 18px;
}


/*========== Forms ==========*/

.form-control {
	background-color: #fbfbfb;
	border: solid 1px #dadada;
	border-radius: 10px;
	font-size: 16px;
	padding: 13px;
	height: auto;
	font-weight: 500;
}

textarea {
	resize: none;
}

select.form-control{
	color: #B7B7B7;
}

.form-control::-webkit-input-placeholder {
	color: #B7B7B7;
}

.form-control::-moz-placeholder {
	color: #B7B7B7;
}

.form-control:-ms-input-placeholder {
	color: #B7B7B7;
}

.form-control:-moz-placeholder {
	color: #B7B7B7;
}

.form-control.error {
    border-color: #f00 !important;
}

/*----------------------------------------------------------
    ## Header
---------------------------------------------------------*/

.navbar-brand {
	margin-right: 50px;
}

.navbar-brand,
.navbar-brand img {
	max-width: 170px;
	width: 100%;
}

.st0{fill:#25A3DD;}
.st1{enable-background:new    ;}
.st2{fill:#ffffff;}
.st3{fill:#ffffff;}

.fixed-top.sticky .st2{fill:#2A2A2A;}
.fixed-top.sticky .st3{fill:#777777;}

.fixed-top .fa-envelope{color: #ffffff;}
.fixed-top.sticky .fa-envelope{color: #2c2c2c;}

}

header p {
	font-size: 16px;
	color: #fff;
}

header a,
header a:hover {
	color: #fff;
}

header {
	width:100%;
	background-color: transparent;
	padding-top: 5px;
	padding-bottom: 5px;
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

header.sticky {
	background-color: #fff;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
	box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.navbar-nav .nav-link {
	color: #fff;
	font-size: 18px;
	font-weight: 500;
}

header.sticky .navbar-nav .nav-link,
header.sticky p,
header.sticky a,
header.sticky a:hover {
	color: #2c2c2c;
}

.navbar-nav li:not(:last-child) {
	margin-right: 25px;
}

.navbar .navbar-toggler{
	border: 2px solid #25A3DD;
	padding: 2px 10px;
}

.navbar .navbar-toggler .navbar-toggler-icon{
	background-image: url('../img/toggler-icon.png');
	background-repeat: no-repeat;
	background-size: 30px 20px;
	background-position: center;
}

@media (max-width:767.99px){
	header{
		background-color: #fff;
	}
	header.fixed-top .st2{fill:#2A2A2A;}
	header.fixed-top .st3{fill:#777777;}
	header .navbar-nav .nav-link{color: #2c2c2c;}
	header a,
	header a:hover {color: #2c2c2c;}
	.fixed-top .fa-envelope {color: #2c2c2c;}
}

@media (max-width:399px){
	.navbar-brand {
		margin-right: 0px;
	}
	.navbar .navbar-toggler .navbar-toggler-icon{
		background-size: 30px 20px;
	}
}

/*----------------------------------------------------------
    ## Banner Section
---------------------------------------------------------*/

.banner-section {
	padding-top: 165px;
	padding-bottom: 120px;
}

.banner-section h1 {
	font-size: 65px;
	font-weight: bold;
}

.banner-section p {
	font-size: 22px;
}

@media (max-width: 1199.98px){
	.banner-section h1 {
		font-size: 50px;
	}
	.banner-section p {
		font-size: 20px;
	}
}

@media (max-width: 991.98px){
	.banner-section h1 {
		font-size: 36px;
	}
}

@media (max-width: 767.98px){
	.banner-section {
		padding-top: 130px;
		padding-bottom: 60px;
	}
	.banner-section h1 {
		font-size: 30px;
	}
	.banner-section p {
		font-size: 18px;
	}
	.navbar-brand {
		margin-right: 0px;
	}
}

@media (max-width: 349.98px){
	.banner-section h1 {
		font-size: 24px;
	}
	.banner-section {
		padding-top: 120px;
		padding-bottom: 40px;
	}
}

/*----------------------------------------------------------
    ## Footer
---------------------------------------------------------*/

footer {
	border-top: solid 5px #09c712 ;
	font-size: 16px;
	background: #292929;
	padding-top: 50px;
	padding-bottom: 45px;
}

footer p,
footer a {
	color: #fff;
	opacity: .5;
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

footer a:hover {
	opacity: 1;
	color: #fff;
	text-decoration: none;
}

footer ul li {
	position: relative;
}

footer ul li:not(:last-child) {
	margin-right: 15px !important;
}

footer ul li:not(:last-child):after {
	content: '';
    position: absolute;
    right: -10px;
    top: 2px;
    width: 2px;
    height: 20px;
	background-color: rgba(255,255,255,.5);
}

footer .logo {
	max-width: 170px;
}

footer p:last-of-type {
	margin-bottom: 0;
}

@media (min-width:768px){
	footer .inner-container{
		padding-left: 100px;
		padding-right: 100px;
	}
}

@media (max-width:767.98px) {
	footer {
		font-size: 14px;
	}
	footer ul li:not(:last-child):after {
		height: 15px;
	}
}

/*----------------------------------------------------------
    ## Parallax
---------------------------------------------------------*/

.jarallax {
    position: relative;
    z-index: 0;
}
.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    /* support for plugin https://github.com/bfred-it/object-fit-images */
    font-family: 'object-fit: cover;';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}


/*==========================================================
    # Home Page
==========================================================*/

/*----------------------------------------------------------
    ## Hero Section
---------------------------------------------------------*/

.hero-section {
    padding-top: 145px;
	background-image: url('../img/hero-bg.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.hero-section .top-content h3{
	font-size: 36px;
}

.hero-section .top-content h1 {
	font-size: 65px;
}

.hero-section .middle-content {
	max-width:790px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.hero-section .middle-content p{
	font-size: 22px;
}

.hero-section .middle-content .deocrator-shape-01 {
	position: absolute;
	left: -50px;
	top: 60px;
}


.hero-section .middle-content .deocrator-shape-02 {
	position: absolute;
	right: -50px;
	top: 60px;
}

.hero-section .bottom-content {
	max-width: 950px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 70px;
}

@media (max-width:1199.98px){
	.hero-section .top-content h3 {
		font-size: 28px;
	}
	.hero-section .top-content h1 {
		font-size: 50px;
	}
	.hero-section .middle-content {
		max-width: 730px;
	}
	.hero-section .middle-content p {
		font-size: 20px;
	}
	.btn .title{
		font-size: 24px;
	}
	.btn .sub-title {
		font-size: 14px;
	}
	.hero-section .bottom-content{
		margin-top: 60px;
	}
}

@media (max-width:991.98px){
	.hero-section .top-content h3 {
		font-size: 24px;
	}
	.hero-section .top-content h1 {
		font-size: 40px;
	}
	.hero-section .bottom-content{
		margin-top: 50px;
	}
}

@media (max-width:767.98px){
	.hero-section{
		padding-top: 120px;
	}
	.hero-section .top-content h3 {
		font-size: 20px;
	}
	.hero-section .top-content h1 {
		font-size: 30px;
	}
	.hero-section .middle-content p {
		font-size: 18px;
	}
	.btn .title {
		font-size: 18px;
	}
	.btn .sub-title {
		font-size: 14px;
	}
}

@media (max-width:399px){
	.hero-section .top-content h1 {
		font-size: 26px;
	}
	.btn .title {
		font-size: 15px;
	}
	.btn .sub-title {
		font-size: 12px;
	}
	.hero-section {
		padding-top: 100px;
	}
	.hero-section .bottom-content {
		margin-top: 30px;
	}
}

/*----------------------------------------------------------
    ## Features Section
---------------------------------------------------------*/

.features-section {
	background-image: url('../img/features-bg.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
}

.features-section.section-alt-spacer{
	padding-bottom: 50px;
}

.features-section .item-single {
	margin-bottom: 30px;
}

.features-section .inner-container {
	background-color: #fff;
	border: solid 1px #E1E1E1;
	padding: 30px 25px;
}

.features-section .item-single h4 {
	font-size: 22px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.features-section .item-single p {
	font-size: 18px;
}

@media (max-width: 1199.98px){
	.features-section .item-single h4 {
		font-size: 20px;
	}
}

@media (max-width: 767.98px){
	.features-section .item-single p {
		font-size: 16px;
	}
}

/*----------------------------------------------------------
    ## Software Features Section
---------------------------------------------------------*/

.software-features-section .right-container .section-title {
	margin-bottom: 10px;
}

.software-features-section .right-container .section-title h2{
	font-size: 48px;
}

.software-features-section .bottom-content {
	margin-top: 60px;
}

.software-features-section .bottom-content .decorator-shape-01 {
	position: absolute;
	left: 100px;
    top: -25px;
}

.software-features-section .bottom-content .decorator-shape-02 {
	position: absolute;
	right: 100px;
    top: -25px;
}

@media (max-width: 1199.98px){
	.software-features-section .right-container .section-title h2 {
		font-size: 40px;
	}

	.software-features-section .bottom-content .decorator-shape-01 {
		position: absolute;
		left: 60px;
	}
	
	.software-features-section .bottom-content .decorator-shape-02 {
		position: absolute;
		right: 60px;
	}
}

@media (max-width: 991.98px){
	.software-features-section .bottom-content {
		margin-top: 40px;
	}
	.software-features-section .right-container .section-title h2 {
		font-size: 38px;
	}
}

@media (max-width: 767.98px){
	.software-features-section .right-container .section-title h2 {
		font-size: 28px;
	}
}

@media (max-width: 399px){
	.software-features-section .right-container .section-title h2 {
		font-size: 24px;
	}
}

/*----------------------------------------------------------
    ## Presentation Section
---------------------------------------------------------*/

.presentation-section:before {
	content: url('../img/presentation-bg.png');
	width: 100%;
    height: 750px;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}

.presentation-section .inner-container {
	max-width: 960px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.presentation-section .inner-container p {
	font-size: 45px;
}

.double-quotes{
	position: relative;
}

.double-quotes::before{
	content: "";
	position: absolute;
	left: -20px;
	top: 0;
	height: 21px;
	width: 30px;
	background-image: url('../img/double-quote-1.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 30px 21px;
}

.double-quotes::after{
	content: "";
	position: absolute;
	right: 105px;
	bottom: 0;
	height: 20px;
	width: 29px;
	background-image: url('../img/double-quote-2.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 29px 20px;
}

@media (max-width:1199.98px){
	.presentation-section .inner-container p {
		font-size: 42px;
	}
	.presentation-section:before{
		height: 700px;
	}
}

@media (max-width: 991.98px){
	.presentation-section .inner-container p {
		font-size: 32px;
	}
	.presentation-section:before{
		height: 545px;
	}
	.double-quotes::after{
		right: -15px;
	}
}

@media (max-width: 991.98px){
	.presentation-section .inner-container p {
		font-size: 28px;
		padding: 0px 10px;
	}
	.double-quotes::before{
		left: -10px;
		width: 20px;
		height: 15px;
		background-size: 20px 15px;
	}
	.double-quotes::after{
		right: -10px;
		width: 20px;
		height: 15px;
		background-size: 20px 15px;
	}
}

/*----------------------------------------------------------
    ## Recommended Section
---------------------------------------------------------*/

.recommended-section .bottom-content {
	margin-top: 50px;
}

.testimonial-single:not(:last-of-type) {
    margin-bottom: 30px;
}

.testimonial-single h4 {
	font-size: 22px;
}

.testimonial-single p {
	font-size: 16px;
}

.testimonial-details {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.testimonial-single .testimonial-details .avatar,
.testimonial-single .testimonial-details .avatar img {
	width:50px;
	height: 50px;
	border-radius: 100px;
}

.testimonial-single .testimonial-details .avatar {
	margin-right: 10px;
}

.testimonial-details .details h3 {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 2px;
}

.testimonial-details .details h4 {
	color: #808080;
    font-weight: 600;
    font-size: 16px;
    font-style: italic;
    margin-bottom: 0;
}

@media (max-width:1199.98px){
	.testimonial-single h4 {
		font-size: 20px;
	}
}

/*----------------------------------------------------------
    ## Screenshot Section
---------------------------------------------------------*/

.screenshot-section {
	background-image: url('../img/screenshot-bg.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

.screenshot-section .inner-container {
	max-width: 928px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.screenshot-section .inner-container.tab-content{
	margin-top: 0px;
}

.screenshot-section .tab-content {
	margin-top: 50px;
}

.tab-content .nav-link {
	font-size: 22px;
	font-weight: 600;
	color: #fff;
	border-radius: 0;
	border: solid 2px #fff;
	padding: 12px 27px;
}

.tab-content .nav-link.active {
	border-color: #FF6300;
	background: rgb(255,97,0);
	background: -moz-linear-gradient(0deg, rgba(255,97,0,1) 0%, rgba(255,159,67,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255,97,0,1) 0%, rgba(255,159,67,1) 100%);
	background: linear-gradient(0deg, rgba(255,97,0,1) 0%, rgba(255,159,67,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff6100",endColorstr="#ff9f43",GradientType=1);
}

@media (max-width:1199.98px){
	.tab-content .nav-link{
		font-size: 20px;
	}
}

@media (max-width:991.98px){
	.tab-content .nav-link {
		font-size: 16px;
		padding: 12px 15px;
	}
	
}

@media (max-width:767.98px){
	.screenshot-section .inner-container.tab-content .nav{
		max-width: 90%;
		margin:0 auto;
	}
	.tab-content .nav-link{
		margin: 10px;
		font-size: 14px;
	}
}

@media (max-width:399px){
	.screenshot-section .nav.nav-pills{
		justify-content: center !important;
	}
	.screenshot-section .inner-container.tab-content .nav{
		max-width: 100%;
	}
	.tab-content .nav-link{
		margin: 7px;
		font-size: 14px;
	}
}

/*----------------------------------------------------------
    ## FAQ Section
---------------------------------------------------------*/

.faq-single h2 {
	font-weight: 500;
	font-size: 22px;
	padding: 15px 0;
	cursor: pointer;
	position: relative;
}

.faq-single h2:after {
	content:"\f0d7";
	font-family: 'FontAwesome';
	font-size: 20px;
	position: absolute;
	right: 20px;
	top: 15px;
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.faq-single h2[aria-expanded="true"]:after {
	color: #09c712 ;
	transform: rotate(-180deg);
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.faq-single h2[aria-expanded="true"] {
	font-weight: bold;
	border-color: #09c712;
}

.faq-single h2,
.faq-single .collapse.show {
	border-bottom: solid 1px #D3D3D3;
}

.faq-single .accordion-body {
	padding: 15px 0;
}

@media (max-width:1199.98px){
	.faq-single h2{
		font-size: 20px;
	}
}
@media (max-width:767.98px){
	.faq-single h2{
		font-size: 18px;
		padding: 15px 20px 15px 0;
	}
	.faq-single h2:after{
		right: 0;
	}
}

/*==========================================================
    # Video Page
==========================================================*/

.video-section {
	padding-top: 95px;
	background-image: url('../img/video-bg.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

.video-section .top-content {
	max-width: 960px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.video-section .top-content h3 {
	font-size: 36px;
}

.video-section .top-content h2 {
	font-size: 65px;
	margin-bottom: 30px;
}

.video-section .top-content .btn {
	margin-top: 30px;
	margin-bottom: -50px;
}

@media (max-width:991.98px){
	.video-section .top-content h3 {
		font-size: 30px;
	}
	.video-section .top-content h2 {
		font-size: 40px;
	}
	.video-playlist-section .item-single h3{
		font-size: 20px;
	}
}

@media (max-width:767.98px){
	.video-section .top-content h3 {
		font-size: 24px;
	}
	.video-section .top-content h2 {
		font-size: 28px;
	}
	.video-section{
		padding-top: 120px;
	}
	.video-section .top-content .btn {
		margin-bottom: -40px;
	}
}

/*----------------------------------------------------------
    ## Video Playlist Section
---------------------------------------------------------*/

.video-playlist-section{
	padding-top: 130px;
}

.video-playlist-section .item-single figure {
	-webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,.1);
	box-shadow: 0 0 10px 5px rgba(0,0,0,.1);
}

.video-playlist-section .item-single figure img{
	width: 100%;
	border: 2px solid #ffffff;
}

.video-playlist-section .item-single h3 {
	font-weight: bold;
	font-size: 24px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.video-playlist-section .item-single p {
	line-height: 1.2;
	margin-bottom: 0;
}

@media (max-width:991.98px){
	.video-playlist-section .item-single h3 {
		font-size: 22px;
	}
	.video-playlist-section {
		padding-top: 100px;
	}
}

@media (max-width:767.98px){
	.video-playlist-section .item-single h3 {
		font-size: 20px;
	}
	.video-playlist-section {
		padding-top: 90px;
	}
}

@media (max-width:349.98px){
	.video-section .btn .title {
		font-size: 13px;
	}
}

/*==========================================================
    # Order Page
==========================================================*/

.order-page .banner-section {
	background-image: url('../img/order-banner-bg.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

.order-form-section .left-container{
	padding: 40px 30px;
    background-color: #F1F1F1;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
}

.order-form-section .left-container .form-title {
    padding-bottom: 20px;
    border-bottom: dotted 2px #BEBEBE;
    margin-bottom: 30px;
}

.order-form-section .left-container .form-title:not(:first-of-type) {
    margin-top: 50px;
}

.order-form-section .left-container label {
	font-size: 16px;
	font-weight: 600;
}

.form-title{
	font-size: 1.4rem;
}

.order-form-section .right-container .btn {
	margin-bottom: 30px;
	cursor: default;
	display: block;
	pointer-events: none;
	border-bottom: 0px;
}

.order-form-section .right-container .btn .title{
	font-size: 24px;
	text-transform: none;
}

.order-form-section .left-container .btn .title {
	font-size: 24px;
}

.order-form-section .left-container .form-status {
	display: none;
}

.order-form-section .right-container .bottom-content {
	padding: 20px;
	padding-bottom: 0;
}

.order-form-section .right-container .custom-list-arrow li:not(:last-child) {
	margin-bottom: 20px;
}

.order-form-section .right-container hr {
	border: dashed 1px #bebebe;
	margin-top: 40px;
	margin-bottom: 40px;
}

.order-form-section table thead{
	border-bottom: 1px solid #e1e1e1;
}

.order-form-section table td{
	color: #757575;
}

@media (min-width: 992px){
	.order-form-section .right-container .btn{
		min-width: 100%;
	}
}

@media (max-width: 1199.98px){
	.order-form-section .left-container .btn .title {
		font-size: 20px;
	}
}

@media (max-width: 767.98px){
	.order-form-section .left-container .btn .title {
		font-size: 16px;
	}
	.order-form-section .right-container .btn .title {
		font-size: 20px;
	}
	.order-form-section .left-container{
		padding: 30px 15px;
	}
}

@media (max-width: 349.98px){
	.order-form-section .right-container .bottom-content {
		padding: 10px;
	}
	.form-title {
		font-size: 1.2rem;
	}
	.order-form-section .left-container .btn .title {
		font-size: 14px;
	}
}

/*==========================================================
    # Thank You Page
==========================================================*/

.thank-you-page .banner-section {
	background-image: url('../img/thankyou-banner-bg.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

.thank-you-page .banner-section h1 {
	font-size: 60px;
}

.thank-you-page .banner-section p {
	max-width: 820px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.thank-you-page-content-section .inner-container {
	padding: 80px 50px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,.1);
    box-shadow: 0 0 10px 5px rgba(0,0,0,.1);
}

.thank-you-page-content-section .order-details {
	background-color: #fff8ed;
	border: solid 2px #ff9d0c;
	padding: 30px;
	margin-top: 30px;
}

.thank-you-page-content-section .order-details .title {
	background-color: #ff9d0c;
	border-radius: 5px;
	padding: 10px 15px;
}

.thank-you-page-content-section .order-details p {
	font-size: 20px;
}

.thank-you-page-content-section .order-details .fa {
	color: #3e4f6a;
	margin-right: 10px;
	font-size: 26px;
}

.thank-you-page-content-section .order-details .table {
	margin-top: 20px;
}

.thank-you-page-content-section .order-details .table thead th {

	font-weight: 400;
	border-top: none;
	border-bottom: solid 1px #aaaaaa;
}

.thank-you-page-content-section .order-details .table thead th:last-child {
	text-align: right;
}

.thank-you-page-content-section h5 {
	font-size: 20px;
	margin-top: 30px;
}

.thank-you-page-content-section .inner-container figure {
	margin-top: 30px;
	margin-bottom: 30px;
}

.thank-you-page-content-section .inner-container .author {
	font-size: 20px;	
}

.thank-you-page-content-section .inner-container .sign {
	font-size: 30px;
}

@media (max-width:1199.98px){
	.thank-you-page .banner-section h1 {
		font-size: 50px;
	}
}

@media (max-width:991.98px){
	.thank-you-page .banner-section h1 {
		font-size: 36px;
	}
}

@media (max-width:767.98px){
	.thank-you-page .banner-section h1 {
		font-size: 32px;
	}
	.thank-you-page-content-section .inner-container{
		padding: 40px 30px;
	}
	.thank-you-page-content-section .order-details{
		padding: 10px;
	}
	.thank-you-page-content-section .order-details p{
		font-size: 15px;
	}
	.thank-you-page-content-section .order-details .fa{
		font-size: 20px;
	}
	.thank-you-page-content-section .order-details .fa{
		margin-right: 5px;
	}
	.thank-you-page-content-section .order-details .title{
		padding: 10px;
	}
	.thank-you-page-content-section .order-details .table thead th{
		font-size: 15px;
	}
}

@media (max-width:399.98px){
	.thank-you-page .banner-section h1 {
		font-size: 28px;
	}
}


@media (max-width:349.98px){
	.thank-you-page-content-section .inner-container{
		padding: 30px 20px;
	}
	.thank-you-page .banner-section h1 {
		font-size: 24px;
	}
}

/*==========================================================
    # Order Cancelled Page
==========================================================*/

.order-cancelled-page .banner-section {
	background-image: url('../img/order-banner-bg.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

/*==========================================================
    # Privacy Policy Page
==========================================================*/

.privacy-policy-page .banner-section {
	background-image: url('../img/order-banner-bg.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

.privacy-policy-page .banner-section p {
	max-width: 600px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.counter {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border-radius: 100px;
    font-size: 20px;
}

.privacy-policy-content-section .inner-container .custom-list-arrow li:not(:last-child) {
	margin-bottom: 20px;
}

@media (max-width:767.98px){
	.h3, h3 {
		font-size: 1.4rem;
	}
}
@media (max-width:349.98px){
	.h3, h3 {
		font-size: 1.2rem;
	}
}