/*--------------
All Contents
--------------*/

/*-----------------
1. Reset.css
2. Helper Classes
3. Main and Hero Section Stylings
4. Services Styling
5. Features Split
6. Feature with BG
7. Feature Big
8. Testimonial Stling
9. Pricing Section
10. Call To Action Subscribe
11. Download Section
12. Back to top
------------------*/


/*----- 1. Reset.css -----*/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	color:#000;
}
.font-style strong {
    font-weight: 700;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font-family: "Roboto", Arial, sans-serif;
	line-height: 1.5;
	color:#3A3838;
	font-size: 16px;
}

ol, ul {
	list-style: none;
	color:#000;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	color:#000;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	color:#000;
}

.por-style-section {
    display: flex;
}
.por-style-section li {
    display: inline-block;
    margin-right: 17px;
}
.pic-img img {
    border-radius: 50%;
    width: 140px;
    height: 140px;
    object-fit: cover;
    object-position: top center;
}
.pic-use {
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-items: center;
    align-items: center;
    padding: 8px;
}
.name-style p {
    text-align: center;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 1px;
    margin-bottom: 15px;
}
.por-style-section .name-style {
    margin: 20px 0 0 0px;
}
.name-style p name {
    font-size: 17px;
    font-weight: 500;
    line-height: 19px;
    margin-bottom: 5px;
    display: block;
}
.por-style-section li:first-child {
    border-right: 1px solid #c5c2c2;
}
/* --- Common Styles ---*/

h1 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  color:#000;
}
.hero-content h4 {
    font-weight: 600;
    line-height: 23px;
}
/*----- Helper Classes -----*/

html * {
	text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	color:#000;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#000;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*
::-webkit-scrollbar {
	display: none;
}
*/

::-moz-selection {
    color: #1106CC;
    background: #FFFFFF;
}
.addResult {
    color: green;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
}
::selection {
    color: #1106CC;
    background: #FFFFFF;
}

.nopadding {
	padding: 0;
}

.custom-padding {
	padding-left: 10px;
	padding-right: 10px;
}

.no-margin {
	margin-right: 0;
	margin-left: 0;
}


.sup-title {
	display: inline-block;
	font-size: 1em;
	padding: 4px;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFFFFF;
	background: #000000;
	margin: 0 0 20px 0;
}

.spacer {
	width: 100%;
	height: 50px;
}

#loading {
   width: 100%;
   height: 100%;
   top: 0px;
   left: 0px;
   position: fixed;
   opacity: 1;
   background-color: #F2F2F2;
   z-index: 9999;
   text-align: center;
}

#loading-image {
	display: inline;
    top: 40%;
    position: relative;
  z-index: 9999;
}

.spacer {
	width: 100%;
	height: 50px;
}

.spacer-big {
	width: 100%;
	height: 100px;
}

.error-message {
	color: #FF3333;
	font-family: "Roboto", Arial, sans-serif;
	margin-top: 5px;
}

.success-message {
	color:#33cc33;
	font-family: "Roboto", Arial, sans-serif;
	margin-top: 5px;
}
form.serviceForm .text-danger {
    color: #FF5722;
    margin-bottom: 0 !important;
    font-weight: 600;
}

form.serviceForm p.text-danger {
    margin-top: 0;
}

.btn-fill {
	background: #FFFFFF;
	color: #88C2C0;
	border: 2px solid #88C2C0;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	transition: 200ms;
}

.btn-fill:hover, .btn-fill:focus {
	color: #88C2C0;
	background: transparent;
	border: 2px solid #88C2C0;
}


/* ------ Navbar Styling Starts ----- */


.navbar {
	font-size: 14px;
	font-family: "Roboto", Arial, sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	padding: 10px 0px;
	letter-spacing: 1px;
	height: 80px;
}

.navbar-default {
  transition: all 0.6s ease;
	border-color: transparent;
  background-color: rgba(58, 56, 56, 0.95);
}

.navbar-default .navbar-toggle {
  border-radius: 0px;
  border-color: transparent;
}

.navbar-default .navbar-toggle:hover {
  background-color: transparent;
}

.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #111111;
}

.navbar-default .navbar-brand .navbar-toggle .collapsed {
    padding: 4px 6px;
    font-size: 16px;
    color: #111111;
  }

.navbar-default .navbar-brand {
	padding: 0 0;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	transition: 200ms;
}

.navbar-default .navbar-brand:hover {
  transition: 1s;
}

.navbar-default .navbar-nav > li > a {
  color: #444444;
  -webkit-transition: all 0.5s;
	-moz-transition: all 0.5;
  transition: all 0.5s;
}

.navbar-default .navbar-nav > li > a:hover {
  color: #000000;
}

.navbar-default .navbar-nav > li > a.contact{
	position:relative;
	color:#88C2C0;
	background-color: transparent;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 12px;
	border:2px solid #88C2C0;
	letter-spacing: 1px;
	text-transform:none;
	webkit-border-radius: 5px 5px;
    -moz-border-radius: 5px 5px;
    border-radius: 5px 5px;
}

.navbar-default .navbar-nav > li > a.contact:hover{

	color:#fff !important;
	background-color: #88C2C0;
	border:2px solid #88C2C0;
}


.navbar-default .navbar-nav > .active > a {
  background: transparent;
  color: #FFFFFF;
  }


.navbar-default .navbar-nav > .active > a:hover {
    background: transparent;
    color: #FFFFFF;
}

.navbar-default .navbar-nav > .active > a:focus {
	background: transparent;
  color: #FFFFFF;
}

.navbar-default .navbar-collapse {
	border-color: transparent;
  background-color: transparent;
}

.navbar-default .navbar-nav .open .dropdown-toggle {
  color: #111111;
}

.navbar-default .nav-white > li > a {
	color: #FFFFFF;
}

.navbar-default .nav-white > li > a:hover {
	color: #999999;
}
.ul-style li {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 1px;
    margin-bottom: 3px;
}
.who-we-are {margin-bottom: 50px;}

.who-we-are-text {
    padding: 25px 30px;
    border: 1px solid #000;
}

.who-we-are-text h2 {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 10px;
}

.who-we-are-text p {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 1px;
    margin-bottom: 15px;
}




.who-we-are.who-we-are-text {}
/*---------- Media Queries ---------*/
@media only screen and (max-width: 991px) {
	.cta-contact {
    margin-top: 30px;
    margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.lnk{
	font-family: "Roboto", Arial, sans-serif;
	padding :1px;
}
	.navbar {
		padding-top: 5px;
		height: 60px;
	}

  .navbar-default {
    border: 0px;
    background-color: transparent;
  }

	.navbar-default .navbar-collapse {
		text-align: center;
		border-color: transparent;
	  background-color: #FFFFFF;
	}

  .navbar-default .navbar-collapse {
    border: 0;
    border-color: transparent;
  }

  .navbar-default .navbar-nav > li> a {
    color: #222222;
		margin-top: 10px;
  }

	.navbar-default .navbar-nav > li> a:hover {
		color: #222222;

	}
  .navbar-default .navbar-brand {
    color: #FFFFFF;
		padding: 8px 8px !important;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #111111;
  }
}

@media only screen and (min-width: 240px) {

.navbar.past-main {
  transition: all 0.6s ease;
  height: auto;
  background-color: rgba(58, 56, 56, 0.95);
}

.navbar.effect-main:active {
  -webkit-transition: height 0.6s; /* For Safari 3.1 to 6.0 */
  transition: height 0.6s;
  height: 60px;
}

.navbar.past-main {
	font-size: 14px;
	padding-top: 5px;
	-webkit-box-shadow: 0 1px 5px 0 rgba(96, 96, 96, 0.3);
	-moz-box-shadow: 0 1px 5px 0 rgba(96, 96, 96, 0.3);
	box-shadow: 0 1px 5px 0 rgba(96, 96, 96, 0.3);
	-webkit-transition: height 0.6s; /* For Safari 3.1 to 6.0 */
	transition: height 0.6s;
}

.navbar-default.past-main .navbar-brand {
	padding: 8px 0;
}

.navbar-default.past-main .navbar-toggle .icon-bar {
	background-color: #111111;
}

.navbar-default.past-main .navbar-nav > li > a {
  color: #606060;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}

.navbar-default.past-main .navbar-nav > li > a:hover {
  color: #111111;
}

.navbar-default.past-main .navbar-nav > .active > a {
  background: transparent;
  color: #88C2C0;
  }


.navbar-default.past-main .navbar-nav > .active > a:hover {
    background: transparent;
    color: #222222;
}

.navbar-default.past-main .navbar-nav > .active > a:focus {
	background: transparent;
  color: #222222;
}

}



/* ------ Navbar Styling Ends ----- */

#main {
  height: auto;
}


/* ----- Hero Section Styling Starts ----- */
.lnk{
	font-family: "Roboto", Arial, sans-serif;
	padding :5px;
}
.hero-section {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	background-position: 50% 60%;
}

.jarallax {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
@media only screen and (max-width: 766px) {
.hero-content {
	font-family: "Roboto", Arial, sans-serif;
	width: 100%;
	padding: 30px 0 30px 20px !important;
	overflow: hidden;
	color:#333;
}
.hero-content h1 {
	font-size: 18px !important;
}
}

.hero-content {
	font-family: "Roboto", Arial, sans-serif;
	width: 100%;
	padding: 100px 0 100px 0;
	overflow: hidden;
	color:#333;
}

.hero-content h1 {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 34px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -1px;
	margin-bottom: 10px;

}
.hero-content h2 {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 18px;
	letter-spacing:2px;
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 10px;

}
.hero-content h3 {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 14px;
	letter-spacing:2px;
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 10px;

}
.underline--handwriting {
text-decoration: none;
background-size: 100% auto;
padding-bottom: 6px;

}
.hero-content p {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 1px;
	margin-bottom: 15px;
}
.content-div{
	font-family: "Roboto", Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	margin-bottom: 15px;
}
.btnmain-div {
	margin-top:60px;
}

.btnmain-div a{
	text-decoration:none;
}
.btnmain {
    border: 0;
    color: #fff;
  	font-family: "Roboto", Arial, sans-serif;
    font-weight: 300;
    background: #88C2C0;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	transition: 200ms;
	border-radius: 30px!important;
    font-size: 20px;
	padding: 10px 25px;
	outline: none;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	transition: 200ms;
}


 .hero-content .btnmain:hover, .hero-content .btn-main:focus,
.hero-content .btnmain:active, .hero-content .btn-main:active:focus {
	background: transparent;
	outline: none;
	color: #88C2C0;
	 border: 2px solid #88C2C0;
}

.btn-action {
	font-family: "Roboto", Arial, sans-serif;
	background-color: #88C2C0;
  border: 2px solid #88C2C0;
	border-radius: 0;
  color: #FFFFFF;
  font-size: 14px;
	font-weight: 400;
  height: 44px;
  letter-spacing: 2px;
  line-height: 3;
  padding: 0 21px;
  text-transform: uppercase;
	outline: none;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	transition: 200ms;
}


.btnmain:hover, .btnmain:focus, .btnmain:active, .btnmain:active:focus {
	background: transparent;
	outline: none;
	color: #88C2C0;
	border-color: #88C2C0;
}



.hero-content .btn-action:hover, .hero-content .btn-action:focus,
.hero-content .btn-action:active, .hero-content .btn-action:active:focus {
	background: transparent;
	outline: none;
	color: #88C2C0;
	border-color: #88C2C0;
}

.btn-action:hover, .btn-action:focus, .btn-action:active, .btn-action:active:focus {
	background: transparent;
	outline: none;
	color: #88C2C0;
	border-color: #88C2C0;
}

.txt-white h1 {
	color: #FFFFFF;
}

.txt-white p {
	color: #FFFFFF;
}

.casestud {
	background-color: #f3f3f3;
	font-family: "Roboto", Arial, sans-serif;
	padding: 40px;
	}

.casestud h1{
	font-size:16px;
	line-height:1.3;
	color: #111;
	font-weight:100;
	}

.key-points
{
	font-size:18px;
	line-height:1.3;
	color: #88C2C0;
	font-weight:400;
	text-decoration: underline dotted;
	}
.app-hero {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color:#fff;
}



/* ----- Hero Section Styling Ends ----- */
.cta-text {margin-bottom:50px;}
.cta-text h1{font-family: "Roboto", Arial, sans-serif; font-size: 20px !important; font-weight: 500 !important;}
.cta-text a {text-decoration: dotted underline !important;}

.mrg-btm-60 {margin-bottom:60px;}

/* ----- About Section Styling Starts ----- */
.padding-tp-0 {padding-top:0px !important;}
.padding-btm-0 {padding-bottom:0px !important;}


.services-section {
	background: #F3F3F3;
	margin-top: 50px;
}
}
.colorblue {
	color:#88C2C0 !important;

}

.services-content {
	padding-top: 100px;
	padding-bottom: 55px;
}

.services-content h1 {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 24px;
	color: #111111;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1.4;
	margin-bottom: 10px;
}

.services-content p {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 14px;
	color: #444444;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 1.4;
	margin-top: 0px;
}

.services {
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 15px;
}

.services .services-icon {
	position: relative;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 2px solid;
	border-color: transparent;
	background: #F6F6F6;
	margin: 0 auto;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.services .services-icon img {
	position: absolute;
	top: 10%;
	left: 11%;
	font-size: 42px;
}

.services .services-description {
	margin-bottom: 50px;
}

.services .services-description h1 {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 16px;
	color: #111111;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1.4;
	margin-top: 15px;
	margin-bottom: 20px;
}

.services .services-description p {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 13px;
	color: #444444;
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 1.5;
	margin-top: 0;
}

.services .col-sm-4:hover .services-icon {
	border-color: #88C2C0;
}

.services .col-sm-3:hover .services-icon {
	border-color: #88C2C0;
}

/* ----- Service Section Styling Ends ----- */


/* -----------------------------------------------
----------- About Styling Starts ---------
-------------------------------------------------*/
.about-section {
	background: #F3F3F3;
	padding-top: 0;
	padding-bottom: 20px;
}

.about-text {
	padding-top: 60px;
	padding-bottom: 55px;
}

.about-text h1 {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 28px;
	color: #111111;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1.4;
	margin-bottom: 20px;
}

.about-text p {
	font-family: "Roboto", Arial, sans-serif;
font-size: 14px;
color: #111111;
font-weight: 400;
letter-spacing: 1px;
line-height: 1.7;
margin-top: 5px;
text-align:center;
}

.about-points-main {
	background: -webkit-linear-gradient(-75deg,#28eb77,#27b5e1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 36px;
line-height: 1.4;
text-align: left;
font-family: "Roboto", Arial, sans-serif;
font-weight: 500;
font-style: normal;
}
.about-points-des {
	font-family: "Roboto", Arial, sans-serif;
font-size: 18px;
font-weight: 400;
color: #111111;
line-height: 20px;
vertical-align: super;
}


.about-split {
	padding-top: 50px;
	padding-bottom: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.about-split .ab-left {
	flex: 1 0 50%;
	background: #F3F3F3;
	padding: 10px;
}

.about-split .ab-left img {
	margin-top: 30px;
	margin: 0 auto;
}


.about-split .ab-left {
	flex: 1 0 50%;
	background: #F3F3F3;
}

.flex-split .ab-left {
	padding: 30px 20px 20px 20px;
}

.about-split .ab-left h2 {

	font-family: "Roboto", Arial, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    color: #88C2C0;
	font-weight: 600;
	line-height: 1.2;
}

.about-split .ab-left p {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 22px;
	color: #111111;
	line-height: 1.4;
	font-weight: 500;
	margin: 10px 0 20px 0;
}

.about-split .ab-left ul {
	margin-bottom: 20px;
}

.about-split .ab-left ul i {
	margin-right: 10px;
}

.about-split .ab-left li {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 16px;
	color: #111111;
	line-height: 1.7;
}

.btn-sub {
    border: 0;
    color: #fff;
  	font-family: "Roboto", Arial, sans-serif;
    font-weight: 300;
    background: #88C2C0;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	transition: 200ms;
	border-radius: 30px!important;
    font-size: 16px;
	padding: 10px 25px;
	outline: none;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	transition: 200ms;
}

.btn-sub:hover, .btn-sub:focus, .btn-sub:active {
	background: transparent !important;
	outline: none;
	color: #88C2C0;
	 border: 2px solid #88C2C0;
}


/* -----------------------------------------------
----------- About Styling Ends ---------
-------------------------------------------------*/

/* -----------------------------------------------
----------- Flex Features Styling Starts ---------
-------------------------------------------------*/


.flex-features {
	padding-top: 0;
	padding-bottom: 30px;
}

.flex-split {
	padding-top: 50px;
	padding-bottom: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.flex-split .f-left {
	flex: 1 0 50%;
	padding: 10px;
}

.flex-split .f-left img {
	margin-top: 30px;
	margin: 0 auto;
}

.flex-split .f-right {
	flex: 1 0 50%;
	}

.flex-split .f-right {
	padding: 30px 20px 20px 20px;
}

.flex-split .f-right h2 {

	font-family: "Roboto", Arial, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #111111;
	font-weight: 500;
}

.flex-split .f-right h3 {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 22px;
	color: #88C2C0;
	line-height: 1.2;
	font-weight: 400;
	margin: 10px 0 20px 0;
}
.flex-split .f-right p {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 16px;
	color: #333;
	line-height: 1.4;
	font-weight: 400;
	margin: 10px 0 20px 0;
}

.flex-split .f-right ul {
	margin-bottom: 20px;
}

.flex-split .f-right ul i {
	margin-right: 10px;
}

.flex-split .f-right li {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 16px;
	color: #111111;
	line-height: 1.7;
}

ul.fancy-list { list-style-type:none; list-style-position:outside; }
	ul.fancy-list li { display:block; position:relative; padding-left:50px; margin-bottom:8px; line-height: 20px; font-size: 14px; font-weight: 300; font-family: "Roboto", Arial, sans-serif; text-align:justify; }
	ul.fancy-list li ul { padding-left:20px; }

	ul.fancy-list.check li .icon-angle-right { color:#39b54a; margin-left:-6px; }
	ul.fancy-list.check li:before { content:"\f00c"; font-family:FontAwesome; font-style:normal; color:#88C2C0; font-weight:normal; text-decoration:inherit; font-size:18px; position:absolute; top:1px; left:20px; }
	ul.fancy-list.arrow li .icon-angle-right { color:#39b54a; margin-left:-6px; }
	ul.fancy-list.arrow li:before { content:"\f138"; font-family:FontAwesome; font-style:normal; color:#88C2C0; font-weight:normal; text-decoration:inherit; font-size:18px; position:absolute; top:1px; left:0px; }

.skycolor {color: #88C2C0;
font-size: 16px;
font-weight: 500;}


/* -----------------------------------------------
----------- Flex Features Styling Ends -----------
-------------------------------------------------*/


/* ----- Features Section Styling Starts ----- */


.features-section {
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.features-section .f-left {
	flex: 1 0 50%;
	background: #F3F3F3;
}

.features-section .f-right {
	flex: 1 0 50%;
	background: url(https://www.birchstreetsystems.com/error-404/);
	background-position: 50% 50%;
	background-size: cover;
}

.features-section .f-right img {
	margin-top: 0;
}

.features-section .f-left  {
	padding: 30px;
}

.features-section .f-left  h2 {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 28px;
	color: #111111;
	font-weight: 600;
	line-height: 1.3;
	margin-top: 40px;
}

.features-section .f-left  p {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 14px;
	color: #111111;
	font-weight: 300;
	line-height: 1.3;
	letter-spacing: 1px;
	margin-top: 20px;
	margin-bottom: 30px;
}

.features-section .btn-action {
	margin-bottom: 20px;
}



/*----- Features Section Styling Ends ----- */


/* ----- Features Section 2 Styling ----- */

.features-section-2 {
	padding-top: 30px;
	padding-bottom: 30px;
	background: linear-gradient(to right, rgba(255, 255, 255, 0.99), rgba(255, 255, 255, 0)), url(https://www.birchstreetsystems.com/error-404/) no-repeat center center;
	background-size: cover;
}

.features-section-2 .features-content {
	padding: 0;
}

.features-section-2 .features-content h2 {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 21px;
	color: #111111;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0;
	margin-top: 20px;
}

.features-section-2 .features-content h4 {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 18px;
	color: #111111;
	font-weight: 300;
	line-height: 1.3;
	letter-spacing: 1px;
	margin-top: 10px;
	margin-bottom: 50px;
}

.features-section-2 .features-content p {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 14px;
	color: #111111;
	font-weight: 300;
	line-height: 1.3;
	letter-spacing: 1px;
	margin-top: 10px;
	margin-bottom: 20px;
}


/* ----- Features Section 2 Styling ----- */

/* ----- Features Section Styling Ends ----- */


/* ----- Counter Section Styling Starts -----*/

.counter-section {
 width: 100%;
 padding-top: 100px;
 padding-bottom: 50px;
 background: #FFFFFF;
}

.counter-section h3  {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 28px;
	font-weight: 400;
	color: #303030;
}

.counter-icon {
  padding: 15px;
}

.counter-icon i {
  font-size: 42px;
  color: #88C2C0;
}

.counter-text {
	margin-top: 10px;
  margin-bottom: 20px;
}

.counter-text h4 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  padding: 0.5em;
  color: #111111;
}

/* -------- Counter Section Styling Ends --------- */



/*------ Feature Big Section Styling Starts ------ */


.feature_huge {
	padding-top: 100px;
	padding-bottom: 100px;
	background: #F3F3F3;
}

.feature_huge img {
	margin: 0 auto;
	margin-bottom: 50px;
}

.feature_huge .feature_list {
	margin: 0 auto;
	margin-top: 30px;
}

.feature_huge .feature_list img {
	width: 60px;
	height: 60px;
	margin-bottom: 10px;
}

.feature_huge .feature_list h1 {
	font-family: "Roboto", Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  padding: 0.5em;
  color: #111111;
}

.feature_huge .feature_list p {
	font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  padding: 0.5em;
	color: #606060;
	letter-spacing: 1px;
	line-height: 1.3;
	margin-bottom: 20px;
}

/*------ Feature Big Section Styling Ends ------ */



/* -------- Testimonials Section Starts --------- */

.testimonial-section {
   background: #FFFFFF;
	 padding-top: 50px;
}

.testimonial-section h1 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 34px;
  font-weight: 500;
  color: #111111;
  margin-top: 3em;
}

.testimonial-section .sub {
  font-family: "Roboto", Arial, sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #111111;
	line-height: 1.5;
	margin-top: 30px;
	letter-spacing: 1px;
}

.testimonials {
  margin-top: 4em;
  width: 100%;
  margin-bottom: 4em;
}

.testimonials-2 {
  margin-bottom: 5em;
}

.testimonial-single img {
  width:110px;
	height:110px;
}

.testimonial-text h3 {
	font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.5;
  color: #000000;
  margin-top: 10px;
}

.testimonial-text .ion {
	display: inline-block;
	margin-top: 20px;
  font-size: 14px;
  color: #ff8000;
}

.testimonial-text p {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
	font-weight: 300;
  padding: 20px 10px 20px 10px;
	letter-spacing: 1px;
	line-height: 1.5;
  color: #111111;
}


/* -------- Testimonials Section -------- */


/* ------ Download Section Styling------------ */

.download {
  width: 100%;
  height: 100%;
  background: #F3F3F3;
}

.app-img {
  display: inline-block;
  margin-top: 5em;
}

.app-info{
}

.app-info h3 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 34px;
  font-weight: 500;
  color: #404040;
  margin-top: 20px;
}

.app-info h4 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 18px;
  font-weight: 300;
  color:  #3C4B5D;
  margin-top: 20px;
}

.app-info ul {
	margin-top: 20px;
}

.app-info span {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #222222;
}

.app-info .ion {
  font-size: 1em;
  color: #ff8000;
}

.download-buttons {
  margin-top: 3em;
  margin-bottom: 5em;
}

.download-buttons img {
  height: 50px;
  width: 160px;
}


/*------ Download Section Styling Ends ------ */

/* ----- Numbers ----- */

.expertise  h2{
    background: -webkit-linear-gradient(-65deg,#6ed0fb,#88C2C0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-size: 48px;
	line-height: 1.3;
	text-align: center;
	font-family: "Roboto", Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
}


.expertise h4 {
  font-family: "Roboto", Arial, sans-serif;
font-size: 14px;
font-weight: 500;
color: #111111;
margin-bottom: 35px;
}
/* ----- Numbers Ends ----- */

/* ----- Pricing Section Styling Starts ----- */

.pricing-section {
	width: 100%;
	height: 100%;
	padding-top: 60px;
	padding-bottom: 100px;
	background: #F3F3F3;
}

.pricing-intro {
	padding-bottom: 30px;
}

.pricing-intro h1 {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 28px;
	color: #88C2C0;
	font-weight: 600;
	line-height: 1.4;
}


.pricing-intro p {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 15px;
	color: #303030;
	font-weight: 300;
	line-height: 1.4;
	letter-spacing: 1px;
	margin-top: 10px;
	margin-bottom: 50px;
}
.btncta-div{
	margin: 30px auto;
	text-decoration: none;
}
.btncta-div a{
		text-decoration: none;
}
.btn-cta {
    border: 0;
    color: #fff;
  	font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    background: #88C2C0;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	transition: 200ms;
	border-radius: 30px!important;
    font-size: 18px;
	padding: 10px 25px;
	outline: none;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	transition: 200ms;
	text-transform:uppercase;
}

.btn-cta:hover, .btn-cta:focus, .btn-cta:active {
	background: transparent !important;
	outline: none;
	color: #88C2C0;
	 border: 2px solid #88C2C0;
}


.pricing-section .table-left, .pricing-section .table-right {
	padding: 20px 20px 50px 20px;
	margin: 0 auto;
	margin-bottom: 30px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	border: 1px solid #EFEFEF;
	max-width: 400px;
}

.table-left .icon, .table-right .icon {
	padding: 50px 50px 40px 50px;
}

.table-left .icon img, .table-right .icon img {
	width: 60px;
	height: 60px;
	margin: 0 auto;
}

.table-left .pricing-details span, .table-right .pricing-details span {
	display: inline-block;
	font-family: "Roboto", Arial, sans-serif;
	font-size: 34px;
	font-weight: 600;
	color: #808080;

	margin-bottom: 20px;
}

.table-left .pricing-details h2, .table-right .pricing-details h2 {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #505050;
	margin-bottom: 20px;
}

.table-left .pricing-details p, .table-right .pricing-details p {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 14px;
	font-weight: 300;
	color: #505050;
	letter-spacing: 1px;
	line-height: 1.4;
}

.table-left .pricing-details ul, .table-right .pricing-details ul {
	margin-top: 30px;
	margin-bottom: 50px;
}


.table-left .pricing-details li, .table-right .pricing-details li {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #505050;
	line-height: 1.4;
	margin-bottom: 10px;
}

.pricing-section .table-left:hover, .pricing-section .table-right:hover {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}


/* ----- Pricing Section Styling Ends ----- */


/* ----- CTA Section Styling Starts ----- */



.cta-sub {
	padding-top: 100px;
	padding-bottom: 100px;
	background: #f3f3f3;
}

.cta-sub h1 {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 28px;
	color: #111111;
	font-weight: 600;
	line-height: 1.3;
	margin-top: 10px;
	margin-bottom: 0;
}

.cta-sub p {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 16px;
	color: #303030;
	font-weight: 300;
	line-height: 1.5;
	margin-top: 20px;
	margin-bottom: 40px;
}

.cta-contact {
	padding: 25px 25px 30px 25px;
	border-radius: 4px 4px;
	background: #164883;
}

.cta-contact h1 {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 26px;
	color: #fff;
	font-weight: 500;
	line-height: 1.3;
	margin-top: 10px;
	margin-bottom: 10px;
}

.cta-contact h2 {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 16px;
	color: #fff;
	font-weight: 400;
	line-height: 1.5;
	margin-top: 5px;
	margin-bottom: 30px;
}

.cta-contact p {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 14px;
	color: #303442;
	font-weight: 300;
	line-height: 1.5;
	margin-top: 10px;
	margin-bottom: 18px;
	letter-spacing:normal;


}



.subscribe-form {
	text-align: center;
}

.subscribe-form .mail {
 background-color: #F9F9F9;
 border: none;
 border-radius: 5px 0 0 5px;
 outline: none;
 height: 40px;
 padding: 0 150px 0 20px;
 box-shadow: none;
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box;
 transition: all .3s;
}


.subscribe-form input {
  color: #222222;
  font-family: "Roboto", Arial, sans-serif;
  padding: 0;
  font-size: 0.9em;
}

.subscribe-form .submit-button {
  font-size: 0.9em;
  height: 40px;
  border: 2px solid;
  border-radius: 0 5px 5px 0;
  margin: 0;
  padding: 0 25px 0 25px;
	border-color: #88C2C0;
  background-color: #88C2C0;
  color: #FFFFFF;
	box-shadow: 0 0 1px transparent;
  outline: none;
}

.subscribe-form .submit-button:hover {
  box-shadow: 0 0 10px #FFFFFF;
  -webkit-transition: 500ms;
  transition: 500ms;
}

/*--steps form--*/


.stepwizard-step p {
    margin-top: 10px;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}
.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}
/*--steps form ends here--*/




/* ----- CTA Section Styling Ends ----- */


/* ----- Client Sectiion Styling ----- */

.client-section {
	background-color: #F3F3F3;
}

.clients ul li {
	display: inline;
}

.clients .single img {
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}



/* ------- Footer Section Styling Starts ------- */


.footer {
  background-color: #FFFFFF;
  width: 100%;
overflow: hidden;
padding-top: 0px;
padding-bottom: 5px;
}

.footer img {
	margin-bottom: 20px;
}

.footer-menu ul {
	list-style-type: none;
}

.footer-menu li {
	display: inline;
	line-height: 2;
	font-family: "Roboto", Arial, sans-serif;
	font-size: 10px;
	padding-right: 15px;
	text-transform: uppercase;
}

.footer-menu li a {
	color: #707570;
	text-decoration: none;
}

.footer-text p {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 10px;
	color: #707570;
	font-weight: 300;
	line-height: 2;
	letter-spacing: 1px;
	margin-top: 10px;
}

/* ------- Footer Section Styling Starts ------- */

.no-color {
	background: #FFFFFF;
}


/*---------------------------------------------------
----------- Contact Page Styling Starts -------------
---------------------------------------------------*/

.contact-section {
	width: 100%;
	height: 100%;
	padding: 150px 0 50px 0;
	background: #FFF;
}

.contact-section h1 {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 28px;
	font-weight: 600;
	color: #111111;
	line-height: 1.3;
	margin-bottom: 20px;
}

.contact-section p {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 14px;
	font-weight: 300;
	color: #111111;
	line-height: 1.4;
}




/* ------------ Contact Form Styling --------*/

.contact-form {
	padding-top: 50px;
}


label {
	display: block;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #024;
	text-align: left;
}

.form-control {
  border: 0px;
  border-radius: 0px;
  margin-top: 10px;
  background: transparent;
  margin-bottom: 40px;
  border-bottom: 1px solid #999999;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0);
  box-shadow: inset 0 0px 0px rgba(0,0,0,0);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
    transition: 0.5s;
}

.form-control:focus {
  border-color: #88C2C0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.form-control::-webkit-input-placeholder {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 13px;
  color: #999999;
}
.form-control:-moz-placeholder {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 13px;
  color: #999999;
}
.form-control::-moz-placeholder {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 13px;
  color: #999999;
}
.form-control:-ms-input-placeholder {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 13px;
  color: #999999;
}


.text-muted {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 13px;
  color: #222;
}

.text-muted strong {
  color: #FF3333;
}

.btn-send {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
  border-radius: 0px;
  color: #FFFFFF;
  background: #88C2C0;
	border-color: #88C2C0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
    transition: 0.5s;
}

.btn-send:hover, .btn-send:focus {
  color: #FFFFFF;
  background: #000000;
	border-color: #111111;
  outline: none !important;
}

/* -------- Contact Section Styling Ends ---- */


/* ========================================================== */
/* 						    10. CONTACT                       */
/* ========================================================== */

label{ font-size:14px; color:#024;}
	.content.dark-bg label { color:#024; }
	label span{ color:#b2af9c; }
	.content.dark-bg label span{ color:#747373; }

	fieldset{ border:1px solid #efefef; margin:0 0 20px 0; }
	legend{ font-weight: bold; }

	input[type=text], input[type=email], input[type=password], textarea{
	font-family:inherit;
	background-color: #fff;
	border: 1px solid #c9c9c9;
	border-radius: 4px;
	padding:4px 15px;
	display:block;
	font-size:14px;
	margin:5px 0 18px;
	font-weight: 400;
	color:#303442 !important;
	}
	input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input.text:focus, textarea:focus{
	font-family:inherit;
	border-color: #88C2C0;
	box-shadow: 0 0 3px 0 #88C2C0;
	outline: none;
	}
	input[type=text], input[type=email], input[type=password], input.text, textarea { width:100%; font-family:inherit;}
	textarea { height:80px; overflow:auto;font-family:inherit; }
	select{ width:100%;background:#fff;color:#bfbfbf;border:1px solid #c9c9c9;font-family:inherit;border-radius:4px;padding:4px 15px;margin:5px 0 18px;display:block;font-size:14px;}
	select:focus { color: #656565; font-family:inherit;}
	.content.dark-bg input[type=text], .content.dark-bg input[type=password], .content.dark-bg textarea, .content.dark-bg select, .content.dark-bg input[type=email] { background:#dedcce; border:1px solid #252525; }

	.menu select{ width:100%;background:#fff;color:#bfbfbf;border:1px solid #c9c9c9;font-family:inherit;border-radius:4px;padding:4px 15px;margin:5px 0 18px;display:block;font-size:14px;}
a.menu_active:hover,a.menu_active:focus{
color: #fff;
text-decoration: none;
} 
input.button:hover,
input.button:focus {
  box-shadow: none !important;
  color: var(--bss-btn-hover-text, #1A202C) !important;
  outline: none;
  text-decoration: none;
  transform: none;
}

	input[type=text], input[type=email], input[type=password], input.text, textarea, select{font-family:inherit; }

.cta-contact button {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border: none;
	cursor: pointer;
	font-family: "Roboto", Arial, sans-serif;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.4px;
	text-transform: none;
	text-align: center;
	border-radius: 4px;
	width: auto !important;
	min-width: 65%;
	margin: 24px auto 0;
	padding: 10px 16px;
}
	



.cta-contact::-webkit-input-placeholder {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 11px;
  color: #e4e4e4;
}
.cta-contact:-moz-placeholder {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 11px;
  color: #e4e4e4;
}
.cta-contact::-moz-placeholder {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 11px;
  color: #e4e4e4;
}
.cta-contact:-ms-input-placeholder {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 11px;
  color: #e4e4e4;
}

.cta-contact input::placeholder {
    color: #bfbfbf;
    font-size: 13px;
    font-family: "Roboto", Arial, sans-serif;
}

.cta-contact textarea::placeholder {

    color: #bfbfbf !important;
    font-size: 13px;

}

.form-heading {
	background: #78a22f;
	padding: 15px;
	border-radius: 4px 4px;
	font-family: "Roboto", Arial, sans-serif;
	font-size: 16px;
	color: #fff;
	font-weight: 300;
	margin-bottom:20px;
}

.form-heading h3 {
	font-size: 17px;
	font-weight: 400;
	line-height: 1.4;
	font-family: "Roboto", Arial, sans-serif;
	text-align: center;
}



/* -------------------------------------------------------
----------- Bact-to-Top Styling Starts Here --------------
---------------------------------------------------------*/


.back-to-top {
	background: rgba(0, 141, 202, 0.78);
	margin: 0;
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	z-index: 90;
	display: none;
	text-decoration: none;
	color: #0E1729;
}

.back-to-top i {
	position: relative;
	left: 13px;
	top: 8px;
	font-size: 24px;
	color: #FFFFFF;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	transition: 200ms;
}

.back-to-top:hover {
    background: rgba(0, 141, 202, 0.9);
    color: #FFFFFF;
}

.back-to-top:hover i {
	top: 6px;
}

.back-to-top:focus {
    color: #FFFFFF;
}





/*---------------------------------------------------
----------- Contact Page Styling Ends -------------
---------------------------------------------------*/


/*----------------------------------------------------
------------- All ------------------------------------
--------------------- Media --------------------------
------------------------------- Queries --------------
-----------------------------------------------------*/

 @media only screen and (min-width: 767px) {

	#left, #right {
			width: 25px;
			}
	#top {
			height: 25px;
		}
	#bottom {
			height: 25px;
		}

	.custom-padding {
		padding-left: 80px;
		padding-right: 80px;
	}

	.hero-content {
		width: 100%;
		padding: 135px 0 120px 0;
	}

	.hero-content h1 {
		font-size: 64px;
    font-weight: 600;
    line-height: 1.2;
		margin-top: 0;
		letter-spacing: -2px;
    margin-bottom: 25px;
	}

	.hero-content p {
		font-size: 14px;
	}

	.btn-action {
	  border: 2px solid #88C2C0;
	  font-weight: 500;
	  height: 44px;
	  padding: 0 24px;
	}

	.btn-fill {
		border: 2px solid #88C2C0;
		height: 44px;
	}

	.app-hero-content {
		padding:  25px 0 30px 0;
		color:#333;
	}

	.app-hero-content h1 {
		font-size: 26px;
		font-weight: 500;
		line-height: 1.2;
		letter-spacing: -1px;
		margin-top: 5px;
	}

	.app-hero-content p {
		font-size: 14px
		}

	.app-sub-inner {
		padding: 180px 0 100px 0;
	}

	.app-sub-content h1 {
		font-size: 64px;
		font-weight: 700;
		margin-bottom: 10px;
	}

	.app-sub-content p {
		font-size: 14px;
		line-height: 1.4;
		margin-bottom: 30px;
	}

	.cta-small .cta-content span {
		position: absolute;
		left: -30px;
	}

	.cta-small .cta-content h2 {
		font-size: 14px;
	}

	.services-content h1 {
		font-size: 28px;
		line-height: 1.4;
	}

	.services-content p {
		font-size: 14px;
	}

	.services .services-description {
		margin-bottom: 75px;
	}

	.flex-features {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.flex-split {
		padding-top: 50px;
		padding-bottom: 15px;
	}

	.flex-split .f-right {
		padding: 50px 20px 20px 20px;
	}

	.features-section {
		-webkit-flex-direction: row;
		flex-direction: row;
	}

	.features-section .f-left h2 {
		font-size: 34px;
	}

	.features-section .f-left {
		padding: 60px;
	}

	.features-section .f-right {
			flex: 1 0 50%;
	}

	.features-section-2 {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.features-section-2 .features-content {
		padding: 50px;
	}

	.features-section-2 .features-content h2 {
		font-size: 34px;
		margin-top: 20px;
	}

	.features-section-2 .features-content h4 {
		font-size: 21px;
	}

	.features-section-2 .features-content p {
		font-size: 15px;
	}

	.counter-up {
    margin-bottom: 2em;
  }

  .counter-text {
    margin-bottom: 0;
  }

	.counter-section h3  {
		font-size: 34px;
	}

	.counter-text h4 {
	  font-size: 18px;
	}

	.feature_huge .feature_list img {
		width: 65px;
		height: 65px;
	}

	.feature_huge .feature_list h1 {
		font-family: "Roboto", Arial, sans-serif;
	  font-size: 18px;
	  font-weight: 600;
	  padding: 0.5em;
	  color: #232323;
	}

	.feature_huge .feature_list p {
	  font-size: 14px;
	}


	.testimonial-section h1 {
	  font-size: 2em;
	}

	.pricing-section .table-left, .pricing-section .table-right {
		margin: 0 auto;
	}

	.contact-section {
		padding: 200px 0 100px 0;
	}

	.contact-section h1 {
		font-size: 42px;
	}

	.contact-section p {
		font-size: 16px;
	}

	.contact-form {
		padding-top: 100px;
	}

	.marginlft { margin-left:45px;}

}

@media screen and (min-width: 400px) and (max-width: 600px) {

 .subscribe-form .mail {
   padding: 0 30px 0 20px;
   border-radius: 5px 0 0 5px;
 }

 .subscribe-form .submit-button {
   padding: 0 5px 0 5px;
   border-radius: 0 5px 5px 0;
 }


}


@media screen and (max-width: 399px) {

 .subscribe-form .mail {
	 text-align: center;
   padding: 0 0 0 0;
   border-radius: 5px 0 0 5px;
 }

 .subscribe-form .submit-button {
   padding: 0 5px 0 5px;
   border-radius: 0 5px 5px 0;
	 margin-top: 15px;
 }

 .app-info {
	 margin-bottom: 0em;
 }
 .download-buttons img {
	 height: 40px;
	 width: 120px;
 }
 .back-to-top {
	 right: 10px;
 }
}


@media only screen and (min-width: 992px) {

	.pricing-section .table-left {
		padding: 50px;
	}

	.pricing-section .table-right {
		padding: 50px;
	}
}


@media only screen and (min-width: 767px) and (max-width: 992px) {

	.app-sub-content h1 {
		font-size: 34px;
		margin-bottom: 30px;
	}

	.app-sub-content p {
		font-size: 16px;
		line-height: 1.4;
		margin-bottom: 30px;
	}

	.pricing-section .table-left {
		margin-right: 10px;
	}
	.pricing-section .table-right {
		margin-left: 10px;
	}

}


/* ------ Features Split Section Media Queries ----- */

@media only screen and (min-width: 769px) {
	.flex-split {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
	}
	.flex-split .f-right h2 {
		font-family: "Roboto", Arial, sans-serif;
		font-size: 16px;
		text-transform: uppercase;
		color: #111111;
		font-weight: 500;

	}


}


@media only screen and (min-width: 769px) and (max-width: 1024px) {
	.flex-split .f-left img {
		margin-top: 30px;
	}
	.flex-split .f-right {
		padding: 10px 20px 15px 20px;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1180px) {
	.flex-split .f-left img {
		margin-top: 50px;
	}
}

@media only screen and (min-width: 1024px) {
	.flex-split .f-left {
		padding: 30px 10px 10px 10px;
	}

	.flex-split .f-right {
		padding: 40px 50px 15px 50px;
	}
}

/* ------ Features Split Section Media Queries Ends  ----- */


@media only screen and (max-width: 766px) {
	.features-section .f-right {
		flex: 1 0 50%;
		height: 360px;
	}
}

@media only screen and (max-width: 1142px) {
	.features-section-2 .features-content {
		padding: 0;
	}

	.features-section-2 .features-content {
		padding: 10px;
	}

	.features-section-2 .features-content h2 {
		margin-top: 10px;
	}
}

        /*jssor slider loading skin spin css*/
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

	#jssor_1 img {padding:0px 20px;}
.keybenefitsroi{
	font-family: "Roboto", Arial, sans-serif;
	line-height: 24px;
	font-size: 14px;
	font-weight: 300;
}
.keybenefitsroi img{ width:75%;}
.keybenefits{
	font-family: "Roboto", Arial, sans-serif;
	width:100%;
	font-size: 28px;
	color: #111111;
	text-align:center;
	letter-spacing: 2px;
	font-weight: 600;
	padding:20px;
}
.keybenefitsroi .col-md-4{
	height: 95px;
	font-size: 13px;
	box-shadow: 10px 10px 20px #ccc;
	padding: 12px 5px;
}
@media only screen and (max-width: 766px) {
	.keybenefitsroi img{
		width:25%;
		margin: auto;
		display: block;
		padding:5px;
	}
	.keybenefitsroi .col-md-4{
		height: auto;
		font-size: 13px;
		box-shadow: 10px 10px 20px #ccc;
		padding: 15px 5px;
	}
}
.custom-class-alert{ opacity: 1}
ul.overview li:before {
content: "\f00c";
    font-family: fontawesome;
    position: absolute;
    left: 0;
   }	
ul.overview li {
    padding-left: 20px;
}
ul.keypoint li {
	list-style: inside;
	list-style-position: outside;
}
ul.ul-style.font-style.keypoint {
    padding-left: 20px;
}
.row.speakers img {
    max-width: 100%;
}
.row.speakers h3 {
    font-size: 12px;
    line-height: 20px;
    color: #1a252b;
    margin: 0;
    text-align: center;
    font-weight: 400;
    padding: 20px 0;

}

.row.speakers h3 a.member_intro.tmDetModal {
    font-size: 15px;
    line-height: 30px;
    color: #1a252b;
    font-weight: 600;
    display: block;
    cursor: pointer;
}
.row.header img {
    max-width: 100%;
    height: 49px;
padding-top: 5px;
}

/******************* 30 july*****************************/

.back-to-basic h2 {
    padding: 0;
    text-align: left;
    line-height: 1.2em;
    font-size: 30px;
	    color: #7D6F69;

    margin-bottom: 20px;
}
.back-to-basic h3 {
    margin: 15px 0px 10px 0px;
    color: #000;
    font-weight: 600;
    font-size: 16pt;
}
.back-to-basic p {
font-size: 16px;
    line-height: 26px;
}
 ul.webinar-list {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 26px;
    margin-top: 30px;
}
.back-to-basic h4 {
    font-weight: 600;
    line-height: 26px;
    font-size: 18px;
    margin: 10px 0 5px 0px;
}
ul.terms { counter-reset: item;
    margin: 10px 0;
}
ul.terms li{ 
	/*display: block;*/
	line-height: 1.6em;
	padding-bottom: 10px;
	font-size: 15px;
}
ul.terms li:before { content: counters(item, ".") " "; counter-increment: item ;
font-weight:700; }
.back-to-basic a {
    color: #7D6F69;
}
form#otpForm .success-message,form#otpFormRec .success-message {
    text-align: center;
    font-size: 14px;
    padding: 10px 0;
}
form#otpForm .success-message i.fa,form#otpFormRec .success-message i.fa {
    color: #33cc33;
    margin-right: 10px;
}
#processing{
	opacity: 1;
	color: #8a6d3b;
    background-color: #fcf8e3;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: opacity .15s linear;
}
.title {
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
    color: #7D6F69;
    text-align: center;
    padding-bottom: 30px;
}

/* .header {
    width: 100%;
    text-align: center;
    padding: 30px 0px 30px 0px;
    background-color: #c3dde0;
    color: #000;
    border-bottom: 3px solid #a9c6c9;
} */

table.subscription {
    font-family: verdana,arial,sans-serif;
    font-size: 11px;
    color: #333333;
    border-width: 1px;
    border-color: #a9c6c9;
    border-collapse: collapse;
	width:100%;
	margin: 3vh 0;
}

table.subscription td {
    border-width: 1px;
    padding: 5px;
    border-style: solid;
    border-color: #a9c6c9;
}
table.subscription th {
    border-width: 1px;
    padding: 10px;
    border-style: solid;
    background-color: #164883;
    color: #fff;
    border-color: #164883;
	    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: center;
}
table.module {
    font-family: verdana,arial,sans-serif;
    font-size: 11px;
    color: #333333;
    border-width: 1px;
    border-color: #a9c6c9;
    border-collapse: collapse;
	width:100%;
	margin: 3vh 0;
}

table.module td {
    border-width: 1px;
    padding: 5px;
    border-style: solid;
    border-color: #a9c6c9;
}
table.module th {
    border-width: 1px;
    padding: 10px;	
    border-style: solid;
    border-color: #164883;
	    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
	    white-space: nowrap;
}
table.module td span{
	font-weight:bold;
}
table.module ul li {
	line-height: 1.2em;
	list-style: none;
}
table.module ul {
    padding-top: 10px;
	white-space: nowrap;
}

select:not(:-internal-list-box) {
    overflow: visible !important;
}
#search select,#addForm select,#editForm select,#addUser select,#editUser select,#addHours select {
    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: menulist;
    box-sizing: border-box;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    cursor: default;
    font: 400 15px "Roboto", Arial, sans-serif;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    width: 65%;
    min-height: 40px;
    height: auto;
    line-height: normal;
    padding: 8px 28px 8px 12px;
}

.password-container {
    position: relative;
  }
  .password-toggle {
	position: absolute;
    right: 55px;
    top: 40%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 15px;
  }
  .fa-lock:before,.fa-unlock-alt:before {
	font-family: fontawesome;
	color: #6ba400;
}

th.one {
    background: #D9EAFC;
}
th.two {
    background: #F8F8F8;
}
th.three {
    background: #E4EED8;
}
th.four {
    background: #F2F2F2;
}
th.five {
    background: #FEF0C9;
}
input.button,a.button {
	margin-top: 4px;
	width: auto !important;
	position: relative;
    z-index: 1;
    overflow: hidden;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
    border-radius: 3px;
    padding: 7px 20px;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    color: #fff;
    background-color: #6ba400;
    border-color: inherit;
    box-shadow: 0 0 6px rgb(0 0 0 / 16%);
	}

form.serviceForm input {
    font-size: 16px;
    line-height: 26px;
}
form.serviceForm select {
    border-radius: 4px;
    display: block;
    margin: 5px 0 18px;
    padding: 8px 15px;
}
form.serviceForm select option:disabled {
    color:  rgb(170, 170, 170);
}

form#search,#addForm,#editForm,#addUser,#editUser,#addHours,#uploadVideo{
	float:left;
	width:98.5%;
	padding:10px;
}

.tablediv{float:left;width:99%; margin:5px; } 

table.altrowstable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #a9c6c9;
	border-collapse: collapse;

}
table.altrowstable th {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	background-color: #c3dde0;
	color: #000;
	border-color: #a9c6c9;
	    font-weight: bold;
		vertical-align:middle;
		text-align:center;
		white-space: nowrap;
}
table.altrowstable td {
	border-width: 1px;
	padding: 10px;
	border-style: solid;
	border-color: #a9c6c9;
	vertical-align: middle;
	line-height: 15px;
}
table.altrowstable td a{
	text-decoration:none;
	color:blue;
}
table.altrowstable td a:hover{
	color:#024637;
}
.odd{
	background-color: #fff;
}
.even{
	background-color: #c3dde0;
}
.pager{
	float:left;width:98%; margin:10px;
}
.noofpages{
	width:25%;
	float:left;
	font-size:13px;
	font-weight:bold;
	color:#000;
	display: inline-flex;
}
.export{
	width:20%;
	float:left;
}
.export img{	
	padding-left:20px;
	
}
.noofpages label{
font-weight: 700;
width: 50%;
margin-top: 12px;
}

.pagination {
	width:50%;
	margin:0px; 
	padding:0;
	float:left;

}
.pagination ul {
	float: right;
	list-style: none;
	margin:0 20px 0 0;
	padding:0;
}

.pagination li {
	margin:0 0 0 0;
	float:left;
	font-size:13px;
	font-weight:bold;
	color:#000; 
	padding:5px;
}
.pagination li a {
	color:#000; 
	 width:auto; height:25px;
	text-decoration:none; text-align:center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	display:block;
}
.pagination li:first-child {
    margin-top: 5px;
}
.pagination li a:hover {
	color:blue;
}
.resultRow{
	margin:5px 0px 2px 10px;
	float:left;
	width:99%;
	font-size:12px;
	font-weight:bold;
}
.result{
	float:left;
	width:85%;
	color:#666;
}

.total{
	float:left;
	width:12%;
}

.noresult{
	margin:300px 0px 100px 0px;
	width:99%;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	color:#c00;
}
form#search .col-md-3,form#addForm .col-md-3,form#editForm .col-md-3,form#addUser .col-md-3,form#editUser .col-md-3,form#addHours .col-md-3,.col-md-3  {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
form#search .col-md-2,form#addForm .col-md-2,form#editForm .col-md-2 {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
	margin-top: 5px;
}
form#search label,#uploadVideo label,form#addForm label,form#editForm label,form#addUser label,form#editUser label,form#addHours label{
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
	margin-right: 10px;
}
form#search input:not(.button),form#uploadVideo input:not(.button),form#addForm input:not(.button),form#editForm input:not(.button),form#addUser input:not(.button),form#editUser input:not(.button),form#addHours input:not(.button) {
	display:inline-block;
	width: 65%;
	max-width: 100%;
	border-radius: 0;
}

.menu a, .sub_menu li{
    float: left;
    font-size: 13px;
    margin: 10px 0px 0px 10px;
    padding: 8px 15px 5px 15px;
    background-color: #c3dde0;
    font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
}
.sub_menu a
{
	text-transform:capitalize;
	margin: 20px;
}
.menu.row,.sub_menu.row {
    padding: 0px 20px;
}
.box {
    float: left;
    width: 98%;
    margin-left: 10px;
	box-shadow: 0 0 6px rgb(0 0 0 / 16%);

}
.row1 {
    width: 17.5%;
    float: left;
}



/*****************************test css ******************************/
/*!
 * Datepicker for Bootstrap v1.5.0 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
 .datepicker {
	padding: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	direction: ltr;
  }
  .datepicker-inline {
	width: 220px;
  }
  .datepicker.datepicker-rtl {
	direction: rtl;
  }
  .datepicker.datepicker-rtl table tr td span {
	float: right;
  }
  .datepicker-dropdown {
	top: 0;
	left: 0;
  }
  .datepicker-dropdown:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #999999;
	border-top: 0;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	position: absolute;
  }
  .datepicker-dropdown:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	border-top: 0;
	position: absolute;
  }
  .datepicker-dropdown.datepicker-orient-left:before {
	left: 6px;
  }
  .datepicker-dropdown.datepicker-orient-left:after {
	left: 7px;
  }
  .datepicker-dropdown.datepicker-orient-right:before {
	right: 6px;
  }
  .datepicker-dropdown.datepicker-orient-right:after {
	right: 7px;
  }
  .datepicker-dropdown.datepicker-orient-bottom:before {
	top: -7px;
  }
  .datepicker-dropdown.datepicker-orient-bottom:after {
	top: -6px;
  }
  .datepicker-dropdown.datepicker-orient-top:before {
	bottom: -7px;
	border-bottom: 0;
	border-top: 7px solid #999999;
  }
  .datepicker-dropdown.datepicker-orient-top:after {
	bottom: -6px;
	border-bottom: 0;
	border-top: 6px solid #ffffff;
  }
  .datepicker > div {
	display: none;
  }
  .datepicker table {
	margin: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }
  .datepicker td,
  .datepicker th {
	text-align: center;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: none;
  }
  .table-striped .datepicker table tr td,
  .table-striped .datepicker table tr th {
	background-color: transparent;
  }
  .datepicker table tr td.day:hover,
  .datepicker table tr td.day.focused {
	background: #eeeeee;
	cursor: pointer;
  }
  .datepicker table tr td.old,
  .datepicker table tr td.new {
	color: #999999;
  }
  .datepicker table tr td.disabled,
  .datepicker table tr td.disabled:hover {
	background: none;
	color: #999999;
	cursor: default;
  }
  .datepicker table tr td.highlighted {
	background: #d9edf7;
	border-radius: 0;
  }
  .datepicker table tr td.today,
  .datepicker table tr td.today:hover,
  .datepicker table tr td.today.disabled,
  .datepicker table tr td.today.disabled:hover {
	background-color: #fde19a;
	background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
	background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
	background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
	background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
	background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
	border-color: #fdf59a #fdf59a #fbed50;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #000;
  }
  .datepicker table tr td.today:hover,
  .datepicker table tr td.today:hover:hover,
  .datepicker table tr td.today.disabled:hover,
  .datepicker table tr td.today.disabled:hover:hover,
  .datepicker table tr td.today:active,
  .datepicker table tr td.today:hover:active,
  .datepicker table tr td.today.disabled:active,
  .datepicker table tr td.today.disabled:hover:active,
  .datepicker table tr td.today.active,
  .datepicker table tr td.today:hover.active,
  .datepicker table tr td.today.disabled.active,
  .datepicker table tr td.today.disabled:hover.active,
  .datepicker table tr td.today.disabled,
  .datepicker table tr td.today:hover.disabled,
  .datepicker table tr td.today.disabled.disabled,
  .datepicker table tr td.today.disabled:hover.disabled,
  .datepicker table tr td.today[disabled],
  .datepicker table tr td.today:hover[disabled],
  .datepicker table tr td.today.disabled[disabled],
  .datepicker table tr td.today.disabled:hover[disabled] {
	background-color: #fdf59a;
  }
  .datepicker table tr td.today:active,
  .datepicker table tr td.today:hover:active,
  .datepicker table tr td.today.disabled:active,
  .datepicker table tr td.today.disabled:hover:active,
  .datepicker table tr td.today.active,
  .datepicker table tr td.today:hover.active,
  .datepicker table tr td.today.disabled.active,
  .datepicker table tr td.today.disabled:hover.active {
	background-color: #fbf069 \9;
  }
  .datepicker table tr td.today:hover:hover {
	color: #000;
  }
  .datepicker table tr td.today.active:hover {
	color: #fff;
  }
  .datepicker table tr td.range,
  .datepicker table tr td.range:hover,
  .datepicker table tr td.range.disabled,
  .datepicker table tr td.range.disabled:hover {
	background: #eeeeee;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
  }
  .datepicker table tr td.range.today,
  .datepicker table tr td.range.today:hover,
  .datepicker table tr td.range.today.disabled,
  .datepicker table tr td.range.today.disabled:hover {
	background-color: #f3d17a;
	background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
	background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
	background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
	background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
	background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
	border-color: #f3e97a #f3e97a #edde34;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
  }
  .datepicker table tr td.range.today:hover,
  .datepicker table tr td.range.today:hover:hover,
  .datepicker table tr td.range.today.disabled:hover,
  .datepicker table tr td.range.today.disabled:hover:hover,
  .datepicker table tr td.range.today:active,
  .datepicker table tr td.range.today:hover:active,
  .datepicker table tr td.range.today.disabled:active,
  .datepicker table tr td.range.today.disabled:hover:active,
  .datepicker table tr td.range.today.active,
  .datepicker table tr td.range.today:hover.active,
  .datepicker table tr td.range.today.disabled.active,
  .datepicker table tr td.range.today.disabled:hover.active,
  .datepicker table tr td.range.today.disabled,
  .datepicker table tr td.range.today:hover.disabled,
  .datepicker table tr td.range.today.disabled.disabled,
  .datepicker table tr td.range.today.disabled:hover.disabled,
  .datepicker table tr td.range.today[disabled],
  .datepicker table tr td.range.today:hover[disabled],
  .datepicker table tr td.range.today.disabled[disabled],
  .datepicker table tr td.range.today.disabled:hover[disabled] {
	background-color: #f3e97a;
  }
  .datepicker table tr td.range.today:active,
  .datepicker table tr td.range.today:hover:active,
  .datepicker table tr td.range.today.disabled:active,
  .datepicker table tr td.range.today.disabled:hover:active,
  .datepicker table tr td.range.today.active,
  .datepicker table tr td.range.today:hover.active,
  .datepicker table tr td.range.today.disabled.active,
  .datepicker table tr td.range.today.disabled:hover.active {
	background-color: #efe24b \9;
  }
  .datepicker table tr td.selected,
  .datepicker table tr td.selected:hover,
  .datepicker table tr td.selected.disabled,
  .datepicker table tr td.selected.disabled:hover {
	background-color: #9e9e9e;
	background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080);
	background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
	background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080);
	background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080);
	background-image: linear-gradient(to bottom, #b3b3b3, #808080);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
	border-color: #808080 #808080 #595959;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  }
  .datepicker table tr td.selected:hover,
  .datepicker table tr td.selected:hover:hover,
  .datepicker table tr td.selected.disabled:hover,
  .datepicker table tr td.selected.disabled:hover:hover,
  .datepicker table tr td.selected:active,
  .datepicker table tr td.selected:hover:active,
  .datepicker table tr td.selected.disabled:active,
  .datepicker table tr td.selected.disabled:hover:active,
  .datepicker table tr td.selected.active,
  .datepicker table tr td.selected:hover.active,
  .datepicker table tr td.selected.disabled.active,
  .datepicker table tr td.selected.disabled:hover.active,
  .datepicker table tr td.selected.disabled,
  .datepicker table tr td.selected:hover.disabled,
  .datepicker table tr td.selected.disabled.disabled,
  .datepicker table tr td.selected.disabled:hover.disabled,
  .datepicker table tr td.selected[disabled],
  .datepicker table tr td.selected:hover[disabled],
  .datepicker table tr td.selected.disabled[disabled],
  .datepicker table tr td.selected.disabled:hover[disabled] {
	background-color: #808080;
  }
  .datepicker table tr td.selected:active,
  .datepicker table tr td.selected:hover:active,
  .datepicker table tr td.selected.disabled:active,
  .datepicker table tr td.selected.disabled:hover:active,
  .datepicker table tr td.selected.active,
  .datepicker table tr td.selected:hover.active,
  .datepicker table tr td.selected.disabled.active,
  .datepicker table tr td.selected.disabled:hover.active {
	background-color: #666666 \9;
  }
  .datepicker table tr td.active,
  .datepicker table tr td.active:hover,
  .datepicker table tr td.active.disabled,
  .datepicker table tr td.active.disabled:hover {
	background-color: #006dcc;
	background-image: -moz-linear-gradient(to bottom, #0088cc, #0044cc);
	background-image: -ms-linear-gradient(to bottom, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	background-image: -webkit-linear-gradient(to bottom, #0088cc, #0044cc);
	background-image: -o-linear-gradient(to bottom, #0088cc, #0044cc);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  }
  .datepicker table tr td.active:hover,
  .datepicker table tr td.active:hover:hover,
  .datepicker table tr td.active.disabled:hover,
  .datepicker table tr td.active.disabled:hover:hover,
  .datepicker table tr td.active:active,
  .datepicker table tr td.active:hover:active,
  .datepicker table tr td.active.disabled:active,
  .datepicker table tr td.active.disabled:hover:active,
  .datepicker table tr td.active.active,
  .datepicker table tr td.active:hover.active,
  .datepicker table tr td.active.disabled.active,
  .datepicker table tr td.active.disabled:hover.active,
  .datepicker table tr td.active.disabled,
  .datepicker table tr td.active:hover.disabled,
  .datepicker table tr td.active.disabled.disabled,
  .datepicker table tr td.active.disabled:hover.disabled,
  .datepicker table tr td.active[disabled],
  .datepicker table tr td.active:hover[disabled],
  .datepicker table tr td.active.disabled[disabled],
  .datepicker table tr td.active.disabled:hover[disabled] {
	background-color: #0044cc;
  }
  .datepicker table tr td.active:active,
  .datepicker table tr td.active:hover:active,
  .datepicker table tr td.active.disabled:active,
  .datepicker table tr td.active.disabled:hover:active,
  .datepicker table tr td.active.active,
  .datepicker table tr td.active:hover.active,
  .datepicker table tr td.active.disabled.active,
  .datepicker table tr td.active.disabled:hover.active {
	background-color: #003399 \9;
  }
  .datepicker table tr td span {
	display: block;
	width: 23%;
	height: 54px;
	line-height: 54px;
	float: left;
	margin: 1%;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
  }
  .datepicker table tr td span:hover {
	background: #eeeeee;
  }
  .datepicker table tr td span.disabled,
  .datepicker table tr td span.disabled:hover {
	background: none;
	color: #999999;
	cursor: default;
  }
  .datepicker table tr td span.active,
  .datepicker table tr td span.active:hover,
  .datepicker table tr td span.active.disabled,
  .datepicker table tr td span.active.disabled:hover {
	background-color: #006dcc;
	background-image: -moz-linear-gradient(to bottom, #0088cc, #0044cc);
	background-image: -ms-linear-gradient(to bottom, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	background-image: -webkit-linear-gradient(to bottom, #0088cc, #0044cc);
	background-image: -o-linear-gradient(to bottom, #0088cc, #0044cc);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  }
  .datepicker table tr td span.active:hover,
  .datepicker table tr td span.active:hover:hover,
  .datepicker table tr td span.active.disabled:hover,
  .datepicker table tr td span.active.disabled:hover:hover,
  .datepicker table tr td span.active:active,
  .datepicker table tr td span.active:hover:active,
  .datepicker table tr td span.active.disabled:active,
  .datepicker table tr td span.active.disabled:hover:active,
  .datepicker table tr td span.active.active,
  .datepicker table tr td span.active:hover.active,
  .datepicker table tr td span.active.disabled.active,
  .datepicker table tr td span.active.disabled:hover.active,
  .datepicker table tr td span.active.disabled,
  .datepicker table tr td span.active:hover.disabled,
  .datepicker table tr td span.active.disabled.disabled,
  .datepicker table tr td span.active.disabled:hover.disabled,
  .datepicker table tr td span.active[disabled],
  .datepicker table tr td span.active:hover[disabled],
  .datepicker table tr td span.active.disabled[disabled],
  .datepicker table tr td span.active.disabled:hover[disabled] {
	background-color: #0044cc;
  }
  .datepicker table tr td span.active:active,
  .datepicker table tr td span.active:hover:active,
  .datepicker table tr td span.active.disabled:active,
  .datepicker table tr td span.active.disabled:hover:active,
  .datepicker table tr td span.active.active,
  .datepicker table tr td span.active:hover.active,
  .datepicker table tr td span.active.disabled.active,
  .datepicker table tr td span.active.disabled:hover.active {
	background-color: #003399 \9;
  }
  .datepicker table tr td span.old,
  .datepicker table tr td span.new {
	color: #999999;
  }
  .datepicker .datepicker-switch {
	width: 145px;
  }
  .datepicker .datepicker-switch,
  .datepicker .prev,
  .datepicker .next,
  .datepicker tfoot tr th {
	cursor: pointer;
  }
  .datepicker .datepicker-switch:hover,
  .datepicker .prev:hover,
  .datepicker .next:hover,
  .datepicker tfoot tr th:hover {
	background: #eeeeee;
  }
  .datepicker .cw {
	font-size: 10px;
	width: 12px;
	padding: 0 2px 0 5px;
	vertical-align: middle;
  }
  .input-append.date .add-on,
  .input-prepend.date .add-on {
	cursor: pointer;
  }
  .input-append.date .add-on i,
  .input-prepend.date .add-on i {
	margin-top: 3px;
  }
  .input-daterange input {
	text-align: center;
  }
  .input-daterange input:first-child {
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
  }
  .input-daterange input:last-child {
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
  }
  .input-daterange .add-on {
	display: inline-block;
	width: auto;
	min-width: 16px;
	height: 18px;
	padding: 4px 5px;
	font-weight: normal;
	line-height: 18px;
	text-align: center;
	text-shadow: 0 1px 0 #ffffff;
	vertical-align: middle;
	background-color: #eeeeee;
	border: 1px solid #ccc;
	margin-left: -5px;
	margin-right: -5px;
  }
  /*!
 * Datepicker for Bootstrap v1.5.0 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
	padding: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	direction: ltr;
  }
  .datepicker-inline {
	width: 220px;
  }
  .datepicker.datepicker-rtl {
	direction: rtl;
  }
  .datepicker.datepicker-rtl table tr td span {
	float: right;
  }
  .datepicker-dropdown {
	top: 0;
	left: 0;
  }
  .datepicker-dropdown:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #999999;
	border-top: 0;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	position: absolute;
  }
  .datepicker-dropdown:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	border-top: 0;
	position: absolute;
  }
  .datepicker-dropdown.datepicker-orient-left:before {
	left: 6px;
  }
  .datepicker-dropdown.datepicker-orient-left:after {
	left: 7px;
  }
  .datepicker-dropdown.datepicker-orient-right:before {
	right: 6px;
  }
  .datepicker-dropdown.datepicker-orient-right:after {
	right: 7px;
  }
  .datepicker-dropdown.datepicker-orient-bottom:before {
	top: -7px;
  }
  .datepicker-dropdown.datepicker-orient-bottom:after {
	top: -6px;
  }
  .datepicker-dropdown.datepicker-orient-top:before {
	bottom: -7px;
	border-bottom: 0;
	border-top: 7px solid #999999;
  }
  .datepicker-dropdown.datepicker-orient-top:after {
	bottom: -6px;
	border-bottom: 0;
	border-top: 6px solid #ffffff;
  }
  .datepicker > div {
	display: none;
  }
  .datepicker table {
	margin: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }
  .datepicker td,
  .datepicker th {
	text-align: center;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: none;
  }
  .table-striped .datepicker table tr td,
  .table-striped .datepicker table tr th {
	background-color: transparent;
  }
  .datepicker table tr td.day:hover,
  .datepicker table tr td.day.focused {
	background: #eeeeee;
	cursor: pointer;
  }
  .datepicker table tr td.old,
  .datepicker table tr td.new {
	color: #999999;
  }
  .datepicker table tr td.disabled,
  .datepicker table tr td.disabled:hover {
	background: none;
	color: #999999;
	cursor: default;
  }
  .datepicker table tr td.highlighted {
	background: #d9edf7;
	border-radius: 0;
  }
  .datepicker table tr td.today,
  .datepicker table tr td.today:hover,
  .datepicker table tr td.today.disabled,
  .datepicker table tr td.today.disabled:hover {
	background-color: #fde19a;
	background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
	background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
	background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
	background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
	background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
	border-color: #fdf59a #fdf59a #fbed50;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #000;
  }
  .datepicker table tr td.today:hover,
  .datepicker table tr td.today:hover:hover,
  .datepicker table tr td.today.disabled:hover,
  .datepicker table tr td.today.disabled:hover:hover,
  .datepicker table tr td.today:active,
  .datepicker table tr td.today:hover:active,
  .datepicker table tr td.today.disabled:active,
  .datepicker table tr td.today.disabled:hover:active,
  .datepicker table tr td.today.active,
  .datepicker table tr td.today:hover.active,
  .datepicker table tr td.today.disabled.active,
  .datepicker table tr td.today.disabled:hover.active,
  .datepicker table tr td.today.disabled,
  .datepicker table tr td.today:hover.disabled,
  .datepicker table tr td.today.disabled.disabled,
  .datepicker table tr td.today.disabled:hover.disabled,
  .datepicker table tr td.today[disabled],
  .datepicker table tr td.today:hover[disabled],
  .datepicker table tr td.today.disabled[disabled],
  .datepicker table tr td.today.disabled:hover[disabled] {
	background-color: #fdf59a;
  }
  .datepicker table tr td.today:active,
  .datepicker table tr td.today:hover:active,
  .datepicker table tr td.today.disabled:active,
  .datepicker table tr td.today.disabled:hover:active,
  .datepicker table tr td.today.active,
  .datepicker table tr td.today:hover.active,
  .datepicker table tr td.today.disabled.active,
  .datepicker table tr td.today.disabled:hover.active {
	background-color: #fbf069 \9;
  }
  .datepicker table tr td.today:hover:hover {
	color: #000;
  }
  .datepicker table tr td.today.active:hover {
	color: #fff;
  }
  .datepicker table tr td.range,
  .datepicker table tr td.range:hover,
  .datepicker table tr td.range.disabled,
  .datepicker table tr td.range.disabled:hover {
	background: #eeeeee;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
  }
  .datepicker table tr td.range.today,
  .datepicker table tr td.range.today:hover,
  .datepicker table tr td.range.today.disabled,
  .datepicker table tr td.range.today.disabled:hover {
	background-color: #f3d17a;
	background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
	background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
	background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
	background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
	background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
	border-color: #f3e97a #f3e97a #edde34;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
  }
  .datepicker table tr td.range.today:hover,
  .datepicker table tr td.range.today:hover:hover,
  .datepicker table tr td.range.today.disabled:hover,
  .datepicker table tr td.range.today.disabled:hover:hover,
  .datepicker table tr td.range.today:active,
  .datepicker table tr td.range.today:hover:active,
  .datepicker table tr td.range.today.disabled:active,
  .datepicker table tr td.range.today.disabled:hover:active,
  .datepicker table tr td.range.today.active,
  .datepicker table tr td.range.today:hover.active,
  .datepicker table tr td.range.today.disabled.active,
  .datepicker table tr td.range.today.disabled:hover.active,
  .datepicker table tr td.range.today.disabled,
  .datepicker table tr td.range.today:hover.disabled,
  .datepicker table tr td.range.today.disabled.disabled,
  .datepicker table tr td.range.today.disabled:hover.disabled,
  .datepicker table tr td.range.today[disabled],
  .datepicker table tr td.range.today:hover[disabled],
  .datepicker table tr td.range.today.disabled[disabled],
  .datepicker table tr td.range.today.disabled:hover[disabled] {
	background-color: #f3e97a;
  }
  .datepicker table tr td.range.today:active,
  .datepicker table tr td.range.today:hover:active,
  .datepicker table tr td.range.today.disabled:active,
  .datepicker table tr td.range.today.disabled:hover:active,
  .datepicker table tr td.range.today.active,
  .datepicker table tr td.range.today:hover.active,
  .datepicker table tr td.range.today.disabled.active,
  .datepicker table tr td.range.today.disabled:hover.active {
	background-color: #efe24b \9;
  }
  .datepicker table tr td.selected,
  .datepicker table tr td.selected:hover,
  .datepicker table tr td.selected.disabled,
  .datepicker table tr td.selected.disabled:hover {
	background-color: #9e9e9e;
	background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080);
	background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
	background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080);
	background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080);
	background-image: linear-gradient(to bottom, #b3b3b3, #808080);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
	border-color: #808080 #808080 #595959;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  }
  .datepicker table tr td.selected:hover,
  .datepicker table tr td.selected:hover:hover,
  .datepicker table tr td.selected.disabled:hover,
  .datepicker table tr td.selected.disabled:hover:hover,
  .datepicker table tr td.selected:active,
  .datepicker table tr td.selected:hover:active,
  .datepicker table tr td.selected.disabled:active,
  .datepicker table tr td.selected.disabled:hover:active,
  .datepicker table tr td.selected.active,
  .datepicker table tr td.selected:hover.active,
  .datepicker table tr td.selected.disabled.active,
  .datepicker table tr td.selected.disabled:hover.active,
  .datepicker table tr td.selected.disabled,
  .datepicker table tr td.selected:hover.disabled,
  .datepicker table tr td.selected.disabled.disabled,
  .datepicker table tr td.selected.disabled:hover.disabled,
  .datepicker table tr td.selected[disabled],
  .datepicker table tr td.selected:hover[disabled],
  .datepicker table tr td.selected.disabled[disabled],
  .datepicker table tr td.selected.disabled:hover[disabled] {
	background-color: #808080;
  }
  .datepicker table tr td.selected:active,
  .datepicker table tr td.selected:hover:active,
  .datepicker table tr td.selected.disabled:active,
  .datepicker table tr td.selected.disabled:hover:active,
  .datepicker table tr td.selected.active,
  .datepicker table tr td.selected:hover.active,
  .datepicker table tr td.selected.disabled.active,
  .datepicker table tr td.selected.disabled:hover.active {
	background-color: #666666 \9;
  }
  .datepicker table tr td.active,
  .datepicker table tr td.active:hover,
  .datepicker table tr td.active.disabled,
  .datepicker table tr td.active.disabled:hover {
	background-color: #006dcc;
	background-image: -moz-linear-gradient(to bottom, #0088cc, #0044cc);
	background-image: -ms-linear-gradient(to bottom, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	background-image: -webkit-linear-gradient(to bottom, #0088cc, #0044cc);
	background-image: -o-linear-gradient(to bottom, #0088cc, #0044cc);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  }
  .datepicker table tr td.active:hover,
  .datepicker table tr td.active:hover:hover,
  .datepicker table tr td.active.disabled:hover,
  .datepicker table tr td.active.disabled:hover:hover,
  .datepicker table tr td.active:active,
  .datepicker table tr td.active:hover:active,
  .datepicker table tr td.active.disabled:active,
  .datepicker table tr td.active.disabled:hover:active,
  .datepicker table tr td.active.active,
  .datepicker table tr td.active:hover.active,
  .datepicker table tr td.active.disabled.active,
  .datepicker table tr td.active.disabled:hover.active,
  .datepicker table tr td.active.disabled,
  .datepicker table tr td.active:hover.disabled,
  .datepicker table tr td.active.disabled.disabled,
  .datepicker table tr td.active.disabled:hover.disabled,
  .datepicker table tr td.active[disabled],
  .datepicker table tr td.active:hover[disabled],
  .datepicker table tr td.active.disabled[disabled],
  .datepicker table tr td.active.disabled:hover[disabled] {
	background-color: #0044cc;
  }
  .datepicker table tr td.active:active,
  .datepicker table tr td.active:hover:active,
  .datepicker table tr td.active.disabled:active,
  .datepicker table tr td.active.disabled:hover:active,
  .datepicker table tr td.active.active,
  .datepicker table tr td.active:hover.active,
  .datepicker table tr td.active.disabled.active,
  .datepicker table tr td.active.disabled:hover.active {
	background-color: #003399 \9;
  }
  .datepicker table tr td span {
	display: block;
	width: 23%;
	height: 54px;
	line-height: 54px;
	float: left;
	margin: 1%;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
  }
  .datepicker table tr td span:hover {
	background: #eeeeee;
  }
  .datepicker table tr td span.disabled,
  .datepicker table tr td span.disabled:hover {
	background: none;
	color: #999999;
	cursor: default;
  }
  .datepicker table tr td span.active,
  .datepicker table tr td span.active:hover,
  .datepicker table tr td span.active.disabled,
  .datepicker table tr td span.active.disabled:hover {
	background-color: #006dcc;
	background-image: -moz-linear-gradient(to bottom, #0088cc, #0044cc);
	background-image: -ms-linear-gradient(to bottom, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	background-image: -webkit-linear-gradient(to bottom, #0088cc, #0044cc);
	background-image: -o-linear-gradient(to bottom, #0088cc, #0044cc);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  }
  .datepicker table tr td span.active:hover,
  .datepicker table tr td span.active:hover:hover,
  .datepicker table tr td span.active.disabled:hover,
  .datepicker table tr td span.active.disabled:hover:hover,
  .datepicker table tr td span.active:active,
  .datepicker table tr td span.active:hover:active,
  .datepicker table tr td span.active.disabled:active,
  .datepicker table tr td span.active.disabled:hover:active,
  .datepicker table tr td span.active.active,
  .datepicker table tr td span.active:hover.active,
  .datepicker table tr td span.active.disabled.active,
  .datepicker table tr td span.active.disabled:hover.active,
  .datepicker table tr td span.active.disabled,
  .datepicker table tr td span.active:hover.disabled,
  .datepicker table tr td span.active.disabled.disabled,
  .datepicker table tr td span.active.disabled:hover.disabled,
  .datepicker table tr td span.active[disabled],
  .datepicker table tr td span.active:hover[disabled],
  .datepicker table tr td span.active.disabled[disabled],
  .datepicker table tr td span.active.disabled:hover[disabled] {
	background-color: #0044cc;
  }
  .datepicker table tr td span.active:active,
  .datepicker table tr td span.active:hover:active,
  .datepicker table tr td span.active.disabled:active,
  .datepicker table tr td span.active.disabled:hover:active,
  .datepicker table tr td span.active.active,
  .datepicker table tr td span.active:hover.active,
  .datepicker table tr td span.active.disabled.active,
  .datepicker table tr td span.active.disabled:hover.active {
	background-color: #003399 \9;
  }
  .datepicker table tr td span.old,
  .datepicker table tr td span.new {
	color: #999999;
  }
  .datepicker .datepicker-switch {
	width: 145px;
  }
  .datepicker .datepicker-switch,
  .datepicker .prev,
  .datepicker .next,
  .datepicker tfoot tr th {
	cursor: pointer;
  }
  .datepicker .datepicker-switch:hover,
  .datepicker .prev:hover,
  .datepicker .next:hover,
  .datepicker tfoot tr th:hover {
	background: #eeeeee;
  }
  .datepicker .cw {
	font-size: 10px;
	width: 12px;
	padding: 0 2px 0 5px;
	vertical-align: middle;
  }
  .input-append.date .add-on,
  .input-prepend.date .add-on {
	cursor: pointer;
  }
  .input-append.date .add-on i,
  .input-prepend.date .add-on i {
	margin-top: 3px;
  }
  .input-daterange input {
	text-align: center;
  }
  .input-daterange input:first-child {
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
  }
  .input-daterange input:last-child {
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
  }
  .input-daterange .add-on {
	display: inline-block;
	width: auto;
	min-width: 16px;
	height: 18px;
	padding: 4px 5px;
	font-weight: normal;
	line-height: 18px;
	text-align: center;
	text-shadow: 0 1px 0 #ffffff;
	vertical-align: middle;
	background-color: #eeeeee;
	border: 1px solid #ccc;
	margin-left: -5px;
	margin-right: -5px;
  }
  ol.date_list {
    line-height: 1.5em;
}
form.serviceForm h3{
	font-size: 16px;
	color: #3a3838;
	padding: 5px;
	letter-spacing: 1px;
	font-weight: 600;
	line-height: 20px;
	text-transform:capitalize;
}
#otpForm h3,#otpFormRec h3 {
    font-size: 25px;
    color: #3a3838;
    padding: 5px;
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 20px;
    text-transform: capitalize;
    text-align: center;
}
a.menu_active {
    float: left;
    font-size: 13px;
    text-transform: uppercase;
    background-color: #274258;
	color: #fff;
	text-align: center;
}
a.menu_active select {
    margin: 5px 0 8px;
}
ul.timez {
    padding-top: 10px;
    list-style-type: revert;
}
ul.timez li {
    line-height: 1.7em;
    font-size: 14px;
    list-style-position: inside;
}
#trainingForm {
    text-align: center;
    position: relative;
    margin-top: 20px
}

#trainingForm fieldset {
    background: white;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative
}

.form-card {
    text-align: left
}

#trainingForm fieldset:not(:first-of-type) {
    display: none
}

#trainingForm input:focus,
#trainingForm textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #673AB7;
    outline-width: 0
}

#pagerForm span.dots {
    padding: 6px 8px;
    color: #666;
     font-weight: bold; 
}

#pagerForm button,#pagerForm span.current{
    padding: 5px 14px;
    font-size: 12px;
    font-weight: bold;
}

.card {
    z-index: 0;
    border: none;
    position: relative
}

.fs-title {
    font-size: 25px;
    color: #673AB7;
    margin-bottom: 15px;
    font-weight: normal;
    text-align: left
}

.purple-text {
    color: #673AB7;
    font-weight: normal
}

.steps {
    font-size: 25px;
    color: gray;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: right
}

.fieldlabels {
    color: gray;
    text-align: left
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey
}

#progressbar .active {
    color: #6ba400
}

#progressbar li {
    list-style-type: none;
    font-size: 15px;
    float: left;
    position: relative;
    font-weight: 400
}

#progressbar #customer:before {
    font-family: FontAwesome;
    content: "\f007"
}

#progressbar #training:before {
    font-family: FontAwesome;
    content: "\f19d	"
}

#progressbar #module:before {
    font-family: FontAwesome;
    content: "\f022"
}

#progressbar #confirm:before {
    font-family: FontAwesome;
    content: "\f00c"
}
#progressbar #additional:before {
    font-family: FontAwesome;
    content: "\f067"
}
#progressbar #status:before {
    font-family: FontAwesome;
    content: "\f06e"
}
form#trainingForm input {
    font-size: 16px;
    line-height: 26px;
}
#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #6ba400
}
#trainingForm .action-button-previous:hover,
#trainingForm .action-button-previous:focus {
    background-color: #000000
}
#trainingForm .action-button-previous {
    background: #616161;
    float: right
}
.progress {
    height: 20px
}

.progress-bar {
    background-color: #6ba400
}

.fit-image {
    width: 100%;
    object-fit: cover
}
#trainingForm .action-button {
    float: right
}
form#addHours .col-md-3.hours_input {
    display: none;
}
#videoPlayer {
    width: 100%; /* Set the width as desired */
    max-width: 800px; /* Set a maximum width if needed */
    height: auto; /* Maintain aspect ratio */
}
.modal-box{ font-family: 'Poppins', sans-serif; }
.show-modal{
    color: #fff;
    background: linear-gradient(to right, #33a3ff, #0675cf, #49a6fd);
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px 15px;
    margin: 200px auto 0;
    border: none;
    outline: none;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    display: block;
    transition: all 0.3s ease 0s;
}
.show-modal:hover,
.show-modal:focus{
    color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    outline: none;
}
.modal-dialog{
    width: 560px;
    margin: 90px auto 30px;
}
.modal.fade .modal-dialog,
.modal.show .modal-dialog,
.modal.in .modal-dialog {
    -webkit-transform: none !important;
    transform: none !important;
}
.modal-dialog .modal-content{
    text-align: center;
    border: none;
}
.modal-content .close{
    color: #fff;
    background: linear-gradient(to right, #33a3ff, #0675cf, #4cd5ff);
    font-size: 25px;
    font-weight: 400;
    text-shadow: none;
    line-height: 27px;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    overflow: hidden;
    opacity: 1;
    position: absolute;
    left: auto;
    right: 8px;
    top: 8px;
    z-index: 1;
    transition: all 0.3s;
}
.modal-content .close:hover{
    color: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.close:focus{ outline: none; }
.modal-body{ padding: 60px 40px 40px !important; }
.modal-body .title{
    color: #026fd4;
    font-size: 33px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0 0 10px;
}
.modal-body .description{
    color: #9A9EA9;
    font-size: 16px;
    margin: 0 0 20px;
}
.modal-body .form-group{
    text-align: left;
    margin-bottom: 20px;
    position: relative;
}
.modal-body .input-icon{
    color: #777;
    font-size: 18px;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 20px;
}
.modal-body .form-control{
    font-size: 17px;
    height: 45px;
    width: 100%;
    padding: 6px 0 6px 50px;
    margin: 0 auto;
    border: 2px solid #eee;
    border-radius: 5px;
    box-shadow: none;
    outline: none;
}
div#myModal {
    opacity: 1;
}

.form-control::placeholder{
    color: #AEAFB1;
}
.form-group.checkbox{
    width: 130px;
    margin-top: 0;
    display: inline-block;
}
.form-group.checkbox label{
    color: #9A9EA9;
    font-weight: normal;
}
.form-group.checkbox input[type=checkbox]{
    margin-left: 0;
}
.modal-body .forgot-pass{
    color: #7F7FD5;
    font-size: 13px;
    text-align: right;
    width: calc(100% - 135px);
    margin: 2px 0;
    display: inline-block;
    vertical-align: top;
    transition: all 0.3s ease 0s;
}
.forgot-pass:hover{
    color: #9A9EA9;
    text-decoration: underline;
}
.modal-content .modal-body .btn{
    color: #fff;
    background: linear-gradient(to right, #33a3ff, #0675cf, #4cd5ff);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 38px;
    width: 100%;
    height: 40px;
    padding: 0;
    border: none;
    border-radius: 5px;
    border: none;
    display: inline-block;
    transition: all 0.6s ease 0s;
}
.modal-content .modal-body .btn:hover{
    color: #fff;
    letter-spacing: 2px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.modal-content .modal-body .btn:focus{ outline: none; }
@media only screen and (max-width: 480px){
    .modal-dialog{ width: 95% !important; }
    .modal-content .modal-body{
        padding: 60px 20px 40px !important;
    }
}