/*
 * Start Bootstrap - Full Slider (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

html,
body {
    height: 100%;
	font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}
input[type="text"]:focus{
	background-color : #C6E9E0; 
}
.carousel,
.item,
.active {
    height: 100%;
}
.fullscreen{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.left-resize{
	cursor: url('../images/left_cursor_vector_v02.svg'), default;
	height: 100%;
}
.right-resize{
	cursor: url('../images/right_cursor_vector_v02.svg'), default;
	height: 100%;
}
.carousel-inner {
    height: 100%;
}
#logo{
	width:60%;
	height:auto;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.footer {
    color: #FFF;
	background-color: #DBD9DC; 
    font-size: 14px;
    text-align: center;
    padding: 20px;
	position: absolute;
	bottom: 0px;
	width: 100%;
	display: none;
	z-index: 30;
	cursor: default;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{
	background-color: #3A2B51;
	opacity: 0.7;
}
#fp-nav ul li a span, .fp-slidesNav ul li a.active span{
	background-color: #3A2B51;
	opacity: 1;
}
header{
	height: 100%;
	background-color: #3A2B51;
}

/*!
 * Start Bootstrap - Creative v3.3.7+1 (http://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
html,
body {
  height: 100%;
  width: 100%;
}
body {
  font-family: 'Merriweather', 'Helvetica Neue', Arial, sans-serif;
}
hr {
  border-color: #F05F40;
  border-width: 3px;
  max-width: 50px;
}
hr.light {
  border-color: white;
}
a {
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  color: #F05F40;
}
a:hover,
a:focus {
  color: #eb3812;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Khand', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}
.green{
	color: #00D7A1;
}
.purple{
	color: #3A2B51;
}
.grey{
	color: #4D4D4D;
}
p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px;
}

aside {
  padding: 50px 0;
}
.no-padding {
  padding: 0;
}

header {
  position: relative;
  width: 100%;
  min-height: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  background-position: center;
  text-align: center;
  color: white;
}
header .header-content {
  position: relative;
  text-align: center;
  width: 100%;
  opacity: 0;
}
header .header-content-logo{
	position: absolute;
	bottom: 70%;
	text-align:center;
	width: 100%;
}
header .header-content .header-content-inner h1 {
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  padding:0px;
}
header .header-content .header-content-inner h2 {
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  padding:0px;
}
header .header-content .header-content-inner hr {
  margin: 30px auto;
}
header .header-content .header-content-inner p {
  font-weight: 300;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}
.purple.second{
    font-family: 'Khand', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size: 20px;
    font-weight:600;
    line-height: 1.3;
    margin-bottom: 15px;
}

.grey.second{
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size: 14px;
}

#firstslide_image_div{
	margin-top:auto;
}
#firstslide_text1{
	display: block;
  	margin-top: auto; 
  	margin-left: auto;
}
#firstslide_text2{
	display: none;
  	margin-top: auto; 
  	margin-left: auto;
}
#secondslide_image_div{
	margin-top:50px;
}
#secondslide_text{
  	margin-top: auto; 
  	margin-left: auto;
}
#secondslide_text1{
	margin-top: auto; 
  	margin-left: auto;
  	display: block;
}
#secondslide_text2{
	display: none;
}
#thridslide_image_div{
	margin-top:40px;
	margin-left: auto;
	text-align: center;
}
#thridslide_text{
  	margin-top: auto; 
  	text-align: left;
}
#fourthslide_image_div{
	margin-top:auto;
	margin-left: auto;
}
#fourthslide_text{
  	margin-top: auto; 
  	text-align: left;
}
.toplocation{
	top: 30px;
}
#phone_img{
	width: 40%;
	max-width: 210px;
}
#firstslide_image{
	width: 100%;
	height: auto;
}
#secondslide_image{
	width: 100%;
	height: auto;
}
#thridslide_image{
	width: 45%;
	height: auto;
}
#fourthslide_image{
	width: 100%;
	height: auto;
}
#secondpage_second_p{
	margin-top:-20px;
}
.secondslide_text_left{
	float: auto; 
	width: 100%; 
	text-align: left; 
	padding: 0px;
}

.secondslide_text_right{
	float: auto; 
	width: 100%; 
	text-align: left; 
	padding: 0px;
}


body {
  webkit-tap-highlight-color: #222222;
}
.row{
margin-right:0px;
margin-left:0px;
}
.form-control_sidekck {
    display: block;
    width: 100%;
    padding: 2px 4px;
    font-size: 12px;
    /* line-height: 1.42857143; */
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.semail{
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	font-size: 14px;
	padding: 4px 8px;
	border: 0px;
	color: #333;
}
.ssubmit{
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	font-size: 14px;
	background-color: #00D7A1;
	padding: 4px 8px;
	border: 0px;
	color: #ffffff;
}

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events:all;
	text-align: center;
}
#emaildiv1{
	width: 100%;
}
#emaildiv2{
	width: 100%;
	margin-left: -10px;
	margin-top: 10px;
	position: absolute;
}
.scroll_arrow{
	bottom: 20px; 
	position: absolute; 
	width: 100%; 
	text-align: center;
	cursor: pointer;
}
.scroll_text{
	padding: 5px;
	font-size: 18px;
}
.bounce {
	width: 30px;
	height: 30px;
	-webkit-animation:bounce 2s alternate infinite;
	animation:bounce 2s alternate infinite;
}
@keyframes bounce {
  0% { 
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
  }
  50% { 
    -webkit-transform:translate(0px,20px);
    transform:translate(0px,20px);
  }
  100%{ 
     -webkit-transform:translate(0,0);
    transform:translate(0,0);
  }
}
@-webkit-keyframes bounce {
  0% { 
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
  }
  50% { 
   -webkit-transform:translate(0px,20px);
    transform:translate(0px,20px);
  }
  100%{ 
     -webkit-transform:translate(0,0);
    transform:translate(0,0);
  }
}

.fp-slidesNav.bottom{
	bottom: 17px;
}


@media (min-width: 768px) {
	#logo{
		width:372px;
		height:79px;
	}
	header {
		min-height: 100%;
	}
	header .header-content {
		position: absolute;
		top:50%;
		padding: 0 50px;
	}
	header .header-content-logo{
		position: absolute;
		bottom: 70%;
		text-align:center;
		width: 100%;
	}
	header .header-content .header-content-inner {
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
	header .header-content .header-content-inner h1 {
		font-size: 70px;
		padding-bottom: 20px;
	}
	header .header-content .header-content-inner h2 {
		padding-bottom: 20px;
		font-size: 40px;
	}
	header .header-content .header-content-inner p {
		font-size: 20px;
		max-width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	.footer{
		display: block;
	}
	.purple.second{
		font-family: 'Khand', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
        font-size: 35px;
        font-weight : 600;
        line-height: 1.1;
        margin-bottom: 20px;
	}
	
	.grey.second{
        font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
        font-size: 20px;
        font-weight : 400;
    }
	#firstslide_image_div{
		margin-top: 0px;
		margin-left: 16.67%;
	}
	#firstslide_text1{
		display: none;
	}
	#firstslide_text2{
		display: block;
		margin-top: -120px; 
		margin-left: 35%;
	}
	#secondslide_image_div{
		margin-top: -50px;
		margin-left: 16.67%;
		text-align: center;
	}
	#secondslide_text1{
		display: none;
	}
	#secondslide_text2{
		display: block;
		margin-top: 40px; 
		margin-left: 8.35%;
	}
	#thridslide_image_div{
		margin-top: -340px;
	}
	#thridslide_text{
		text-align: left;
		margin-top: 100px;
		margin-left: 40%;
	}
	#fourthslide_image_div{
		margin-top: -140px;
		margin-left: 300px;
	}
	#fourthslide_text{
		text-align: right;
	}
	.toplocation{
		top: 60px;
	}
	#phone_img{
		width: 210px;
	}
	#firstslide_image{
		width: auto;
		height: auto;
	}
	#secondslide_image{
		width: auto;
		height: auto;
	}
	#thridslide_image{
		width: auto;
		height: auto;
	}
	#fourthslide_image{
		width: auto;
		height: auto;
	}
	.secondslide_text_left{
		float: left; 
		width: 50%; 
		text-align: right; 
		padding: 5px;
	}

	.secondslide_text_right{
		float: left; 
		width: 50%; 
		text-align: left; 
		padding: 5px;
	}
	#secondpage_second_p{
		margin-top:0px;
	}
	#emaildiv2{
		margin-left: 0px;
		margin-top: 0px;
	}
	.form-control_sidekck {
		display: block;
		width: 100%;
		padding: 6px 12px;
		font-size: 14px;
		/* line-height: 1.42857143; */
		color: #555;
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}
	.semail{
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	font-size: 20px;
	padding: 10px 20px 10px 20px;
	border: 0px;
	color: #333;
	}
	.ssubmit{
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		font-size: 20px;
		background-color: #00D7A1;
		padding: 10px 20px 10px 20px;
		border: 0px;
		color: #ffffff;
	}
	.scroll_arrow{
		bottom: 40px; 
	}
	.bounce {
		width: 55px;
		height: 55px;
	}
	.fp-slidesNav.bottom{
		bottom: 77px;
	}
}

section .section-content {
  position: relative;
  text-align: center;
  padding: 100px 15px 100px;
  width: 100%;
}
section .section-content .section-content-inner h1 {
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  padding:0px;
}
section .header-content .section-content-inner h2 {
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  padding:0px;
}
section .section-content .section-content-inner hr {
  margin: 30px auto;
}
section .section-content .section-content-inner p {
  font-weight: 300;
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  section {
    min-height: 100%;
  }
  section {
  	padding: 50px 0;
 }
  section .section-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 50px;
  }
  section .section-content .section-content-inner {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  section .section-content .section-content-inner h1 {
    font-size: 70px;
    padding-bottom: 20px;
  }
  section .section-content .section-content-inner h2 {
    padding-bottom: 20px;
  }
  section .section-content .section-content-inner p {
    font-size: 18px;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}


/* --- spinner loader --- */
   .loading {
 position: fixed;
 z-index: 999;
 height: 2em;
 width: 2em;
 overflow: show;
 margin: auto;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
}

/* Transparent Overlay */
.loading:before {
 content: '';
 display: block;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(58,43,81,1);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
 /* hide "loading..." text */
 font: 0/0 a;
 color: transparent;
 text-shadow: none;
 background-color: transparent;
 border: 0;
}

.loading:not(:required):after {
 content: '';
 display: block;
 font-size: 10px;
 width: 1em;
 height: 1em;
 margin-top: -0.5em;
 -webkit-animation: spinner 1500ms infinite linear;
 -moz-animation: spinner 1500ms infinite linear;
 -ms-animation: spinner 1500ms infinite linear;
 -o-animation: spinner 1500ms infinite linear;
 animation: spinner 1500ms infinite linear;
 border-radius: 0.5em;
 -webkit-box-shadow: rgba(0,215,161,1) 1.5em 0 0 0, rgba(0,215,161,1) 1.1em 1.1em 0 0, rgba(0,215,161,1) 0 1.5em 0 0, rgba(0,215,161,1) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0,215,161,1) 0 -1.5em 0 0, rgba(0,215,161,1) 1.1em -1.1em 0 0;
 box-shadow: rgba(0,215,161,1) 1.5em 0 0 0, rgba(0,215,161,1) 1.1em 1.1em 0 0, rgba(0,215,161,1) 0 1.5em 0 0, rgba(0,215,161,1) -1.1em 1.1em 0 0, rgba(0,215,161,1) -1.5em 0 0 0, rgba(0,215,161,1) -1.1em -1.1em 0 0, rgba(0,215,161,1) 0 -1.5em 0 0, rgba(0,215,161,1) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
 0% {
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 100% {
   -webkit-transform: rotate(360deg);
   -moz-transform: rotate(360deg);
   -ms-transform: rotate(360deg);
   -o-transform: rotate(360deg);
   transform: rotate(360deg);
 }
}
@-moz-keyframes spinner {
 0% {
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 100% {
   -webkit-transform: rotate(360deg);
   -moz-transform: rotate(360deg);
   -ms-transform: rotate(360deg);
   -o-transform: rotate(360deg);
   transform: rotate(360deg);
 }
}
@-o-keyframes spinner {
 0% {
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 100% {
   -webkit-transform: rotate(360deg);
   -moz-transform: rotate(360deg);
   -ms-transform: rotate(360deg);
   -o-transform: rotate(360deg);
   transform: rotate(360deg);
 }
}
@keyframes spinner {
 0% {
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 100% {
   -webkit-transform: rotate(360deg);
   -moz-transform: rotate(360deg);
   -ms-transform: rotate(360deg);
   -o-transform: rotate(360deg);
   transform: rotate(360deg);
 }
}