/* 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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 650px) {
  .container {
    width: 80%; }
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }
body {
  font-size: 1.6em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: 'Lato', sans-serif;
  color: #999; }

.mv {
	text-align: center;
	margin-top: 20%;
}
  
.shine-logo {
	color: #f7f7f7;
	font-size: 12rem;
	text-rendering: optimizelegibility;
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
	color: #666;
	margin-top: 0;
	margin-bottom: 2rem;
	font-weight: 300; }
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; 
color: #1C75BB;}
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 5.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 1.5rem; }
}

h4 {
	font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style: italic;
}

p {
  margin-top: 0; }


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #1EAEDB; }
a:hover {
  color: #0FA0CE; }


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  padding: 0 30px;
  color: #1c75bb;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
select {
	
	width: 90%;
	padding: 15px 5%; /* The 6px vertically centers text on FF, ignored by Webkit */
	background-color: #f6f6f6;
	border: none;
	box-shadow: none;
	box-sizing: border-box;
	resize: vertical;
	border: 2px solid #fff;
}
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
	font-family: 'Lato', sans-serif;
	transition: border-color 0.3s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
	background: #f6f6f6;
	width: 90%;
	border: 2px solid #fff;
	min-height: 65px;
	padding: 15px 5.5%;
	box-shadow: none;
	box-sizing: border-box;
	resize: vertical;
}
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 2px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }
  
input[type="text"]:hover, textarea:hover {
	border: 2px solid #1c75bb;
}
#normalSubmit {
	border: none;
	background: #f6f6f6;
	border: 2px solid #fff;
}
#normalSubmit:hover {
	border: 2px solid #1c75bb;
}
.fo1 {
	margin-bottom: 30px;
}
.fo2 {
	margin-bottom: 60px;
}

/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: circle inside; }

ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }





/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }
 

/* Hamburger menu
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.c-hamburger {
  display: block;
  position: fixed;
  right: 10px;
  top: 3px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 80px;
  height: 80px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  z-index: 9999999;
  -webkit-transition: background 0.3s;
          transition: background 0.3s;
}

.c-hamburger:focus {
  outline: none;
}

.c-hamburger span {
  display: block;
  position: absolute;
  top: 44px;
  left: 18px;
  right: 18px;
  height: 8px;
  background: white;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 8px;
  background-color: #fff;
  content: "";
}

.c-hamburger span::before {
  top: -20px;
}

.c-hamburger span::after {
  bottom: -20px;
}


.c-hamburger--htx span {
		background-color: #00adee !important;
  -webkit-transition: background 0s 0.3s;
          transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
		background-color: #00adee !important;
  -webkit-transition-duration: 0.3s, 0.3s;
          transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
          transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  -webkit-transition-property: top, -webkit-transform;
          transition-property: top, transform;
}

.c-hamburger--htx span::after {
  -webkit-transition-property: bottom, -webkit-transform;
          transition-property: bottom, transform;
}

/* active state, i.e. menu open */

.c-hamburger--htx.is-active span {
  background: none !important;
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  -webkit-transition-delay: 0s, 0.3s;
          transition-delay: 0s, 0.3s;
}

/* Custom
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.contwide {
	width: 100%;
	background: #ececec;
	margin-top: 60px;
}

.navbar {
	left: 0;
	position: fixed;
	right: 0;
	z-index: 1030;
	min-height: 50px;
	padding: 5px 0;
	background-color: transparent;
	background-color: none;
    transition: padding 0.3s ease 0s;
    -webkit-transition: background-color 700ms linear;
    -moz-transition: background-color 700ms linear;
    -o-transition: background-color 700ms linear;
    -ms-transition: background-color 700ms linear;
    transition: background-color 700ms linear;
}
.navbar.scrolled {
    background-color: #fff;
	/*shaddow */
	box-shadow: 0 -8px 8px 4px #696868;
    -moz-box-shadow: 0 -8px 8px 4px #696868;
    -webkit-box-shadow: 0 -8px 8px 4px #696868;
}

.navbar-header {
    float: left;
}
.navbar-right {
    float: right !important;
    margin-right: -15px;
	list-style-type: none;
	margin-top: 30px;
	display: none;
}
.navbar-right a{
	text-decoration: none;
	color: #1eaedb;
	font-size: 1.3em;
	padding: 10px 20px;
}
.navbar-right a:hover {
	color: #1c75bb;
}

.navbar-right > li {
    float: left;
}
.nav > li {
    display: block;
    position: relative;
}
    
header {
    background-attachment: scroll;
    background-image: url("../img/sapat.jpg");
	background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    text-align: center;
}

header .intro-text {
    padding-bottom: 300px;
    padding-top: 300px;
}
.aboutus {
	background: #fff;
	margin-top: -100px;
}
.maxspacer {
	padding: 100px 0;
}
.center {
	text-align: center;
}
.textcenter {
	padding-bottom: 80px;
}
.tleft {
	text-align: left;
}
.tleft p {
	margin-bottom: 15px;
}
ul {
	list-style-type: disc;
}
ul li {
	color: #1c75bb;
}
ul li span {
	color: #999;
}

.plist li {
	color: #00adee;
}

.plist li span {
	color: #fff;
}

.intro-lead-in {
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 20px;
    font-style: italic;
    line-height: 40px;
    margin-bottom: 15px;
	color: #00adee;
}
.intro-heading {
    font-family: 'Lato', sans-serif;
    font-size: 65px;
    font-weight: 700;
    line-height: 65px;
    margin-bottom: 50px;
    text-transform: uppercase;
	color: #1C75BB;
}
.headingmini {
	font-size: 45px;
	line-height: 45px;
}

.slider_btn { 
  color: #00adee;
  display: inline-block;
  font-family: "Lato",sans-serif;
  font-size: 18px;
  margin-top: 40px;
  padding: 10px 30px;
  text-transform: uppercase;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  text-decoration: none;
}
.slider_btn:hover,.slider_btn:focus{ 
  background-color: #fff;  
  text-decoration: none;
}

.slider_btn {
    border: 1px solid #00adee;
}

.navbar-toggle {
    display: none;
}

.spacer {
	padding: 60px 0 30px;
}
#features {
	background-image: url("../img/pattern05.png");
	background-attachment:fixed;
	padding: 30px 0 60px;
	-moz-box-shadow:    inset  0  8px 8px -8px #696868, 
                        inset  0 -8px 8px -8px #696868;
    -webkit-box-shadow: inset  0  8px 8px -8px #696868, 
                        inset  0 -8px 8px -8px #696868;
    box-shadow:        inset  0  8px 8px -8px #696868, 
                        inset  0 -8px 8px -8px #696868;
}
.feattitle{
	margin-top: 10%;
	color: #00adee;
	font-weight: bold;
}
.feattext {
	color: #fff;
}

.diagram {
	width: 80%;
	display: block;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
}
footer {
	background: #f6f6f6;
	padding-top: 40px;
}
.copy {
	text-align: center !important;
	color: #999;
}
.copy img {
	width: 180px;
}
.copy h3 {
	text-align: left;
}
.subtitle {
	font-weight: bold;
	color: #00adee;
	text-align: left;
	
}
.copy ul {
	color: #1C75BB;
	text-align: left;
}
.copy ul li {
	color: #00adee;
}
.copy .grey {
	color: #999;
}
#modules {
	text-align: center;
}
h3.block {
	margin-top: 40px;
}
h3.block i {
	color: #00adee;
	display: inline-block;
}


 
.footerlogo {
	text-align: left;
}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(28, 117, 187, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #00adee;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 26px;
  }
}

/* Fancy divider
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.divider {
  font-size:30px;
  margin: -0.65em auto -0.45em;
  overflow: hidden;
  text-align: center;
  line-height: 1.2em;
  margin-bottom: 60px;
}
.divider:before,
.divider:after {
  content: "";
  vertical-align: top;
  display: inline-block;
  width: 50%;
  height: 0.65em;
  border-bottom: 3px solid #f6f6f6;
  margin: 0 2% 0 -55%;
}
.divider:after {
  margin: 0 -55% 0 2%;
}

.arrow {
	color: #f6f6f6;
	-webkit-transition: color 700ms linear;
    -moz-transition: color 700ms linear;
    -o-transition: color 700ms linear;
    -ms-transition: color 700ms linear;
    transition: color 700ms linear;
}

.arrow:hover {
	color: #1c75bb;
}
#backfront {
	padding: 0 0 100px;
}
.center {
	text-align: center;
}

#flow {
	background-image: url("../img/sapat1.jpg");
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	margin: 10px 0;
}


.bblue {
	background: #1c75bb none repeat scroll 0 0;
	border-radius: 10px;
	color: #fff;
	padding: 20px 10px;
	margin-top: 20px;
	margin-bottom: 10px;
	
}
.lblue {
	background: #00adee none repeat scroll 0 0;
	border-radius: 10px;
	color: #fff;
	padding: 20px 10px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.ggreen {
	background: #27ced7 none repeat scroll 0 0;
	border-radius: 10px;
	color: #fff;
	padding: 20px 10px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.dgreen {
	background: #318B71 none repeat scroll 0 0;
	border-radius: 10px;
	color: #fff;
	padding: 20px 10px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.bblue h5, .lblue h5, .ggreen h5, .dgreen h5 {
	color: #fff;
	font-weight: bold;
}
.lblue .subtitle, .ggreen .subtitle {
	color: #1c75bb;
}

.questions {
	font-size: 2.5rem;
}
.answer {
	color: #1c75bb;
}


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* Larger than mobile */
@media (min-width: 400px) {
	.spacer {
		padding: 120px 0 60px;
	}
	.spacer2 {
		padding: 40px 0 160px;
	}
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 650px) {
	#features {
		padding: 80px 0;
	}
	.diagram {
		margin-top: 0;
	}
	h3.block {
		margin-top: 0;
	}
	.intro-lead-in {
		font-size: 40px;
		margin-bottom: 25px;
	}
	.intro-heading {
		font-size: 65px;
	}
	textarea {
		width: 97%;
		padding: 6px 1.5%;
	}
	#flow .three.columns {
		width: 48%; 
	}
	#flow .three.columns:nth-child(odd){
		margin-left: 0;
	}
	
}

/* Larger than tablet */

@media (min-width: 750px) {
	
}

/* Larger than desktop */
@media (min-width: 1000px) {
	.c-hamburger {
	  display: none;
	}
	.navbar-right {
		display: block;
	}
	#flow .three.columns {
		width: 22%; 
	}

	.ovflw {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	}
	.ovflw .three {
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
	#flow .three.columns.lblue{
		margin-left: 4%;
	}
	#flow {
		padding: 60px 0;
	}
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}