body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}


@media (min-width: 300px) {
  body {
    font-size:9px;
  }
}
@media (min-width: 768px) {
  body {
    font-size:12px;
  }
}
@media (min-width: 992px) {
  body {
    font-size:12px;
  }
}
@media (min-width: 1200px) {
  body {
    font-size:14px;
  }
}

#skrollr-body {
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.lead {
	font-size: 18px;
	font-weight: 400;
}

.intro-header {
	padding-top: 0px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
	/*padding-bottom: 25px;*/
	color: #f8f8f8;
	background: -webkit-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../img/mainbg.jpg) no-repeat center center fixed;
	background: -moz-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../img/mainbg.jpg) no-repeat center center fixed;
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../img/mainbg.jpg) no-repeat center center fixed;
	background-size: cover;
	text-align: center;
	margin-bottom: 75px;
	height: 100vh;
}


.intro-webheader {
	padding:50px;
	padding-top: 0px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
	/*padding-bottom: 25px;*/
	color: #f8f8f8;
	background: -webkit-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../img/mainbg.jpg) no-repeat center bottom;
	background: -moz-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../img/mainbg.jpg) no-repeat center bottom;
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../img/mainbg.jpg) no-repeat center bottom;
	background-size:100%;
	text-align: center;
	margin-bottom: 0px;

}

.intro-webheader-wedding {
	padding:50px;
	padding-top: 0px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
	/*padding-bottom: 25px;*/
	color: #f8f8f8;
	background: -webkit-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../img/mainbg-wedding.jpg) no-repeat center bottom;
	background: -moz-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../img/mainbg-wedding.jpg) no-repeat center bottom;
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../img/mainbg-wedding.jpg) no-repeat center bottom;
	background-size:100%;
	text-align: center;
	margin-bottom: 0px;

}

.intro-message {
	position: relative;
	padding-top: 10%;
	padding-bottom: 20%;
}

.intro-message > h1 {
	margin: 0;
	font-size: 5em;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
}

.intro-divider {
	width: 400px;
	border-top: 1px solid #f8f8f8;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.intro-message > h3 {
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
}

@media (max-width: 767px) {
	.intro-message {
		padding-bottom: 15%;
	}

	.intro-message > h1 {
		font-size: 3em;
	}

	ul.intro-social-buttons > li {
		display: block;
		margin-bottom: 20px;
		padding: 0;
	}

	ul.intro-social-buttons > li:last-child {
		margin-bottom: 0;
	}

	.intro-divider {
		width: 100%;
	}
}

.network-name {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 2px;
}

.content-section-a {
	background-color: #f8f8f8;
	padding: 50px 0;
}

.content-section-b {
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	padding: 50px 0;
}

.banner {
	padding: 100px 0;
	color: #f8f8f8;
	background: url(../img/banner-bg.jpg) no-repeat center center;
	background-size: cover;
}

.banner h2 {
	margin: 0;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
	font-size: 3em;
}

.banner ul {
	margin-bottom: 0;
}

.banner-social-buttons {
	float: right;
	margin-top: 0;
}

@media (max-width: 1199px) {
	ul.banner-social-buttons {
		float: left;
		margin-top: 15px;
	}
}

@media (max-width: 767px) {
	.banner h2 {
		margin: 0;
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
		font-size: 3em;
	}

	ul.banner-social-buttons > li {
		display: block;
		margin-bottom: 20px;
		padding: 0;
	}

	ul.banner-social-buttons > li:last-child {
		margin-bottom: 0;
	}
}

div.copyright {
	margin: 5px 0 0;
	font-weight: 100;
}

img.brand {
	max-height: 30px;
}

.navbar {
	font-size: 1.14em;
}

.navbar-nav > li > a{
	padding: 5px 5px;
	color: white!important;
}

.amazing-header {
	min-height: 500px;
}
.feature{
	text-align: center;
	padding-top: 20px;
	margin-bottom: 100px;
}
.feature .icon {
	max-height: 100px;
}
.feature .title {
	font-size: 40px;
}
.feature h4.title{
	font-size: 36px;
	color: rgba(0,0,0,0.3);
	font-weight: 100;
	line-height: 50px;
}
.feature h4 > b.title{
	font-weight: 400;
}
.pitch {
	margin-bottom: 50px;
}
.feature .description {
	font-size: 20px;
	color: #929ba5;
	font-weight: 400;
}
.feature hr {
	width: 80%;
	border-top: 1px solid rgb(200,200,200);
}
.feature .img-responsive {
	margin: 0 auto;
	margin-bottom: 20px;
}
.logo {
	max-height: 150px;
	margin: 0 auto;
}
.toggle{
	color: gray;
	line-height: 20px;
}
.email {
	width: 100%!important;
}
.copyright .brand {
	padding-right: 20px;
}
footer{
	max-height: 60px;
	padding-top: 0px;
	padding-bottom: 10px;
}
.share {
	margin: 40px auto;
	padding-top: 0px;
	width: 200px!important;
	max-width: 100%;
}
.share label {
	width: 100%;
	text-align: center;
}
.social.active {
	margin-left: 0px!important;
}
#top-share {
	width: auto;
	margin-top: 25px;
}
#top-share label {
	color: rgb(255,255,255);
	background: rgba(0,0,0,0.5);
	border: 1px solid rgba(255,255,255,0.8);
	width: auto;
}
.product-shot {
	width: 100%;
	margin-bottom: 100px;
	min-height:450px;
}
.bg01 {
	background: url(../img/bg01.jpg);
	background-size: cover;
}

.bg01thin {
	background: url(../img/bg01thin.jpg);
	background-size: cover;
}

.bg02 {
	background: url(../img/bg02.jpg);
	background-size: cover;

}
.bg03 {
	background: url(../img/bg03.jpg);
	background-size: cover;
}
.product-shot img {
	margin-top: -50px;
	position: relative;
	max-height: 500px;
	max-width: 100%;
	padding-top: 20px;
	margin: 0 auto;
}
.email-box {
	position: relative;
	margin-bottom: 10px;
}
h3 > small {
	color: white;
	opacity: 1;
}
.scroll-prompt {
	width: 100%;
	text-align: 100%;
	opacity: 0.9;
	cursor: pointer;
	margin: 0 auto;
	border-radius: 100px;
	border: 1px solid white;
	height: 75px;
	width: 75px!important;
	animation: fades 5s infinite;
	-webkit-animation: fades 5s infinite; /* Safari and Chrome */
	margin-top: 50px;
	clear:both;
}
.scroll-prompt span {
	font-size: 50px;
	line-height: 70px;
	padding: 0 0 0 0;
	margin-left: -3px;
	cursor: pointer;
}
.scroll-reminder {
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	color: white;
	padding: 10px;
	font-size: 20px;
	text-align: center;
	background: rgba(0,0,0,0.3);
	z-index: 1000;
	font-weight: 100;
}
.byline {
	font-weight: 500;
}

.thanks-msg {
	color: white;
	padding: 20px;
	font-size: 20px;
	text-align: center;
	background: rgba(0,0,0,0.7);
	font-weight: 700;
	border: solid 2px white;
	border-radius:10px;
}


@keyframes fades
{
0% {opacity: 0.3;}
50% {opacity: 0.8;}
100% {opacity: 0.3;}
}

@-webkit-keyframes fades /* Safari and Chrome */
{
0% {opacity: 0.3;}
50% {opacity: 0.8;}
100% {opacity: 0.3;}
}

.footer {
	width: 100%;
	margin-bottom: 0px;
	padding-top: 20px;
	background-color:#021B38;
	height:300px;
}


.social-panel{
	width:50%;padding:0;padding-top:0;margin-top:0;
	min-width:50%;
	text-align:center;
	float:left;
}

@media only screen and (max-width:767px){.social-panel{width:100%;}}
.social-panel .inner{
	padding: 60px 60px 0px;
}
.social-panel a i{
	margin-top:40px;
	color:#fff;
}

.social-panel .form-control {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 1.428571429;
	color: #fff;
	vertical-align: middle;
	background-color: transparent;
	border: 0px;
	border-bottom:1px solid rgba(250,250,250, .6);
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-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;
}
.social-panel a{
	display:inline-block;
	min-width:100%;
	height:100%;
}

.social-panel .dribbble{ width:25%; min-height:140px; float:left; border-right:1px solid rgba(250,250,250, .5); }
.social-panel .dribbble:hover{  background:#ed6297;}
.social-panel .facebook{ width:25%;  min-height:140px; float:left; border-right:1px solid rgba(250,250,250, .5);}
.social-panel .facebook:hover{ background:#3b5998;}
.social-panel .twitter{display:inline-block;width:25%;  min-height:140px; float:left; border-right:1px solid rgba(250,250,250, .5);}
.social-panel .twitter:hover{background:#2094CA;}
.social-panel .google-plus{display:inline-block;width:25%;  min-height:140px; float:left; }
.social-panel .google-plus:hover{ background:#E66F63;}


/*--- FIXED-TOP NAV MENU ---*/

.navmenuul{
	margin:0;
	padding:0;
}

#navmenu{
	list-style:none;
	font-weight:bold;
	/* Clear floats */
	float:left;
	width:100%;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}
#navmenu li{
	float:left;
	margin-right:10px;
	position:relative;
}
#navmenu a{
	display:block;
	padding:5px;
	color:#555555;
	text-decoration:none;
}
#navmenu a:hover{
	color:#fff;
	text-decoration:none;
}

#navmenu ul{
	background:#eeeeee; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	padding:0;
}
#navmenu ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#navmenu ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#navmenu li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#navmenu li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#555555;
	background:rgba(0,0,0,.6); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	text-decoration:none;
	color:#FFF;
}
#navmenu li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}

#navmenu li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#555555;
	background:rgba(0,0,0,.85); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
}

#navmenu .navdropdown{
	color:#FFF;
	margin-top:0px;
}

#navmenu .headerlogo{
	padding:0px;
}

#navmenu .headerlogo a:hover{
	background:none;
}

/*--- SCROLLING-TOP NAV MENU ---*/

#navmenuscrolling{
	list-style:none;
	font-weight:bold;
	/* Clear floats */
	float:left;
	width:100%;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}
#navmenuscrolling li{
	float:left;
	margin-right:10px;
	position:relative;
}
#navmenuscrolling a{
	display:block;
	padding:5px;
	color:#FFF;
	text-decoration:none;
}
#navmenuscrolling a:hover{
	color:#555555;
	text-decoration:none;
}

#navmenuscrolling ul{
	background:#eeeeee; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	padding:0;
}
#navmenuscrolling ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#navmenuscrolling ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#navmenuscrolling li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#navmenuscrolling li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#FFF;
	background:rgba(255,255,255,.6); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	text-decoration:none;
	color:#555555;
}
#navmenuscrolling li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}

#navmenuscrolling li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#FFF;
	background:rgba(255,255,255,.9); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
}

#navmenuscrolling .navdropdown{
	color:#FFF;
	margin-top:0px;
}

#navmenuscrolling .headerlogo{
	padding:0px;
}

#navmenuscrolling .headerlogo a:hover{
	background:none;
}

a.introanchor{display: block; position: relative; top: -90px; visibility: hidden;}
a.sectionanchor{display: block; position: relative; top: -63px; visibility: hidden;}

.scrolling-top-nav-bar-anchor {
	position:absolute;
	top:0px;
	z-index:0;
	height: 500px;
}

.maincontent{
	text-align: center;
	padding-top: 20px;

}

.plancontainer{
	width:25%;float:left;
}


.plantitlebox{
	border:solid 1px;
	border-color:#DDD;
	background:#EEE;

}

.plantitlebox .title{
	font-size:35px;
	display:inline-block;
	margin-top:20px;
}

.plantitlebox .price{
	font-size:60px;
	display:inline-block;
}

.plantitlebox .monthly{
	font-size:15px;
	line-height:15px;
	display:inline-block;
	margin-top:0px;
}

.plandescrip{
	border-bottom:solid 1px;
	border-left:solid 1px;
	border-right:solid 1px;
	border-color:#DDD;
	padding:12px;
	padding-top:14px;
	padding-bottom:5px;
	text-align:left;
	font-size:15px;
	font-weight:500;
	min-height:175px;
}

.planfeature{
	border-bottom:solid 1px;
	border-left:solid 1px;
	border-right:solid 1px;
	border-color:#DDD;
	padding:14px;
	padding-top:14px;
	padding-bottom:14px;
	text-align:left;
	font-size:16px;
	font-weight:700;
	background-color:#FAFAFA;
}

.planfeature:hover{
	background-color:#F4F4F4;
}

.plancontainerv2{
	width:18.5%;float:left;
}

.plantitleboxv2{
	border:solid 1px;
	border-color:#DDD;
	background:#EEE;
	height:260px;
}

.plantitleboxv2 .title{
	font-size:35px;
	display:inline-block;
	margin-top:20px;
}

.plantitleboxv2 .price{
	font-size:55px;
	display:inline-block;
}

.plantitleboxv2 .monthly{
	font-size:15px;
	line-height:15px;
	display:inline-block;
	margin-top:0px;
}

.plandescripv2{
	border-bottom:solid 1px;
	border-left:solid 1px;
	border-right:solid 1px;
	border-color:#DDD;
	padding:12px;
	padding-top:14px;
	padding-bottom:5px;
	text-align:left;
	font-size:15px;
	font-weight:500;
	min-height:200px;
}

.planfeaturev2{
	border-bottom:solid 1px;
	border-left:solid 1px;
	border-right:solid 1px;
	border-color:#DDD;
	padding:14px;
	padding-top:14px;
	padding-bottom:14px;
	text-align:left;
	font-size:16px;
	height:50px;
	font-weight:700;
	background-color:#FAFAFA;
}

.planfeaturev2:hover{
	background-color:#F4F4F4;
}

.pageheader{
	display: inline-block;
	font-size:3.5em;
	font-weight:500;
	color:#EEE;
	background:#555;
	background:rgba(85,85,85,.55);
	text-align: center;
	margin:auto;
	margin-top:3em;
	margin-bottom:2.5em;
	padding:.5em .25em;
	min-width:6em;
	border:3px solid;
	border-radius:10px;
	border-color:#EEE;
}

.faqquest{
	color:#59778C;
	font-size:18px;
}

.networktext{
	padding:25px;width:50%;height:290px;float:left;border:1px solid;border-color:#59778C;background:#FDFDFD;
}

.networktext:hover{
	background:#FAFAFA;
}

.networkbox{
	padding:25px;width:25%;height:290px;float:left;border:1px solid;border-color:#59778C;background:#FDFDFD;
}

.networkbox:hover{
	background:#FAFAFA;
}

.networkcloserbox{
	height:290px;float:left;border-left:1px solid;border-color:#59778C;
}

.btn-blue {
  display: inline-block;
  padding: 10px 16px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.33;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #fff;
  background-color: #9BADBA;
  border-color: #7A92A3;
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active {
  color: #fff;
  border-color: #7A92A3;
  text-decoration: none;
  background-color: #7A92A3;
}

.btn-sale {
  position:fixed;
  z-index:1500;
  _position:absolute;
  height:50px;
  width:250px;
  color:#FFF;
  bottom:0px;
  left:60px;
  background-color: #5cb85c;
  border:solid 1px;
  border-color: #4cae4c;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  font-size:20px;
  display: none;
}

.btn-sale:hover,
.btn-sale:focus,
.btn-sale:active {
  border-color: #47a447;
  background-color: #398439;
}

.salecontent {
  width: 350px;
  background:#EDEDED;
  color: #666;
  display: none;
  position:fixed;
  z-index:1500;
  _position:absolute;
  bottom:52px;
  left:60px;
  padding:20px;
  text-align:center;
  font-weight:500;
  border:solid 1px;
  border-color: #BBB;
  border-radius:4px;
  font-size:16px;
}

.oneofthree em{
	text-align:center;
	display:block;
	color:#e34e47;
	margin-bottom:10px;
	font-size:1.28em;
}

.oneofthree p{
	text-align:center;
	margin-bottom:0px;
	font-size:1.7em;

}

.oneofthree strong{
	text-align:center;
	font-style:normal;
	font-weight:400;
	display:block;
	width:250px;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	font-size:1.28em;
}

.oneofthree img{
	height:150px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}

.webbutton{
	text-align:center;
	color:#FFFFFF;
	padding:8px 13px;
	display:inline-block;
	margin-bottom:2px;
	margin-left:2px;
}

.webbutton:hover{
	text-decoration:none!important;
	color:#FFFFFF;
}

.webbutton-turqoise{			background-color:#16a085;	}
.webbutton-turqoise:hover{	 background-color:#085b4b;	}

.webbutton-green{			   background-color:#27ae60;	}
.webbutton-green:hover{		background-color:#177c42;	}

.webbutton-blue{				background-color:#2980b9;	}
.webbutton-blue:hover{		 background-color:#195a84;	}

.webbutton-magenta{			 background-color:#8e44ad;	}
.webbutton-magenta:hover{	  background-color:#61267a;	}

.webbutton-dark{				background-color:#2c3e50;	}
.webbutton-dark:hover{		 background-color:#0b1621;	}

.webbutton-yellow{			  background-color:#f1c40f;	}
.webbutton-yellow:hover{	   background-color:#c3a321;	}

.webbutton-red{				 background-color:#c0392b;	}
.webbutton-red:hover{		  background-color:#932d23;	}

.webbutton-orange{			  background-color:#e67e22;	}
.webbutton-orange:hover{	   background-color:#b76217;	}

.webpageheader{
	display: inline-block;
	font-size:50px;
	font-weight:500;
	line-height:50px;
	color:#EEE;
	background:#555;
	background:rgba(85,85,85,.7);
	text-align: center;
	margin:auto;
	margin-top:167px;
	padding:30px;
	min-width:600px;
	border:3px solid;
	border-radius:20px;
	border-color:#EEE;
}

.webfooter {
	width: 100%;
	margin-bottom: 0px;
	padding-top: 20px;
	background-color:#1e1e1e;
	height:300px;
}

.webfooter a{
	color:#e34e47
}

/*Contact Form */

.contactField{
	background-color:rgba(255,255,255,0.4);
	font-size:12px;
	color:#666;
	border:solid 1px #cacaca;
}

.contactTextarea{
	background-color:rgba(255,255,255,0.4);
	font-size:12px;
	border:solid 1px #cacaca;
	color: #666;
}

.contactSubmitButton{
	line-height:33px!important;
	display:block!important;
	height:50px!important;
	margin-right:4px;
	width:100%;
	font-size:24px;
}

.contact-form{
	margin-bottom:20px;
}

.contactNameField{
	padding-bottom:5px;
	font-size:12px;
	text-align:left;
}

.contactNameField span{
	float:right;
	opacity:0.2;
}

.contactEmailField{
	padding-bottom:5px;
	font-size:12px;
	text-align:left;
}

.contactEmailField span{
	float:right;
	opacity:0.2;
}

.contactMessageTextarea{
	padding-bottom:5px;
	font-size:12px;
}

.contactMessageTextarea span{
	float:right;
	opacity:0.2;
}


/*Field Styles*/
#contactNameField{
	text-transform:capitalize;
}

.contactField{
	min-width:100%;
	display:block;
	box-sizing:border-box;
}

.contactTextarea{
	min-width:100%;
	display:block;
	box-sizing:border-box;
}

.buttonWrap{
	line-height:20px;
	padding-bottom:24px;
	min-width:43%;
	display:inline-block;
}

.formSubmitButtonErrorsWrap a{
	width:25%;
	text-align:center;
	padding:8px 10px!important;
}


.formValidationError .red-notification p{
	background-image:none!important;
	display:block!important;
	padding-left:0px!important;
	text-align:center!important;
}

.contactField{
	height:40px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
}

.contactTextarea{
	margin-bottom: 20px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 9px;
	padding-bottom: 9px;
	line-height: 18px;
	height: 90px;
}

.uppercase{
	text-transform:uppercase;
}

/*//////////////////*/
/*Notification Boxes*/
/*//////////////////*/

.red-notification{
	background-color:#c0392b;
	color:#FFFFFF;
}

.green-notification{
	background-color:#27ae60;
	color:#FFFFFF;
}

.yellow-notification{
	background-color:#f39c12;
	color:#FFFFFF;
}

.blue-notification{
	background-color:#2980b9;
	color:#FFFFFF;
}

.big-notification{
	margin-bottom:20px;
	padding:8px;
}

.big-notification h3{
	font-family:'Dosis', sans-serif;
	font-weight:400;
	color:#FFFFFF;
	margin-bottom:5px;
	margin:10px;
	padding-bottom:10px;
	padding-top:5px;
	border-bottom:solid 1px rgba(255,255,255,0.2);
}

.big-notification h4{
	font-family:'Dosis', sans-serif;
	font-weight:400;
	color:#FFFFFF;
	margin-bottom:5px;
	margin:10px;
	padding-bottom:10px;
	padding-top:0px;
	border-bottom:solid 1px rgba(255,255,255,0.2);
}


.close-big-notification{
	font-size:14px;
	color:#FFFFFF;
	float:right;
	margin-top:-41px;
	margin-right:12px;
}

.big-notification p{
	padding:10px;
	padding-top:0px;
	margin-bottom:0px;
}

.static-notification-red{
	background-color:#c0392b;
	color:#FFFFFF;
	margin-bottom:20px;
}

.static-notification-red p{
	margin-top:10px;
	margin-bottom:10px;
}

.static-notification-green{
	background-color:#27ae60;
	color:#FFFFFF;
	margin-bottom:20px;
}

.static-notification-green p{
	margin-top:10px;
	margin-bottom:10px;
}

.static-notification-yellow{
	background-color:#f39c12;
	color:#FFFFFF;
	margin-bottom:20px;
}

.static-notification-yellow p{
	margin-top:10px;
	margin-bottom:10px;
}

.static-notification-blue{
	background-color:#2980b9;
	color:#FFFFFF;
	margin-bottom:20px;
}

.static-notification-blue p{
	margin-top:10px;
	margin-bottom:10px;
}

.formFieldWrap label {
	display: block;
	overflow:hidden;
	position:relative;
	overflow:visible!important;
	font-size:22px;
}

/*///////*/
/*Toggles*/
/*///////*/

.toggle-content{
	display:none;
	padding-top:0px;
}

.toggle-content p{
	border-top:solid 1px rgba(0,0,0,0.05);
	margin-bottom:0px;
	padding-top:10px;
	padding:15px;
	text-align:left;
	font-weight:500;
	font-size:20px;
}

.toggle-1, .toggle-2, .toggle-3{
	background-color:#eeeeee;
	margin:10px;
}

.deploy-toggle-1{
	padding:15px;
	padding-left:50px;
	font-size:1.7em;
	color:#343434;
	text-transform:uppercase;
	background-image:url(../img/mobile/ui/plus.png);
	background-repeat:no-repeat;
	background-size:18px 18px;
	background-position:15px 23px;
	background-color:#eeeeee;

	text-align:left;
	display: block;
}

.deploy-toggle-1:hover{
	text-decoration:none;
	color:#343434;
}

.toggle-1-active{
	background-image:url(../img/mobile/ui/minus.png);
}


/*///////*/
/*Dashboard*/
/*///////*/

.dash-btn {
    margin-bottom: 10px;
	display: block;
	padding: 10px 16px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.33;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	 -moz-user-select: none;
	  -ms-user-select: none;
		  user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 6px;
	color: #fff;
	background-color: #E9716C;
	border-color: #e34e47;
}

.dash-btn:hover {
	border-color: #e34e47;
	background-color: #e34e47;
	text-decoration:none;
	color: #fff;
}

.dash-btn-active {
    border: 1px solid #e34e47;
    background-color: #e34e47;
    position: relative;
    z-index: 1;
    padding: 10px 16px;
	border-radius: 6px;
	color:#FFF;
}

.dash-request-container {
	background-color:#FFF;
	border:1px solid;
	border-color:#666;
	padding:5px;
}

.dash-request-content {
	width:90%;
	position:relative;
	float:left;
}

.dash-request-rating {
	width:10%;
	position:relative;
	float:left;
}

.dash-request-spacer {
	height:5px;
}

.dash-edit-btn {
	padding: 5px 8px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.33;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	 -moz-user-select: none;
	  -ms-user-select: none;
		  user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 6px;
	color: #fff;
	background-color: #E9716C;
	border-color: #e34e47;
}

.dash-edit-btn:hover {
	border-color: #e34e47;
	background-color: #e34e47;
	text-decoration:none;
	color: #fff;
}

.btn-loginheader{
	float:left;
	display:block;
	padding:5px;
	color:#FFF;
	text-decoration:none;
	background:#eeeeee; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	border:0px;
	float:left;
}

.btn-loginheader:hover {
	background:#FFF;
	background:rgba(255,255,255,.6); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	text-decoration:none;
	color:#555555;
}

.sharebtn{
	color:#FFF;
	padding:8px;
}

.sharebtn:hover{
	text-decoration:none;
	color:#FFF;
}

.rowlink{
	cursor: pointer;
}

.examplecontainer{
	display: inline-block;font-size:1.3em;font-weight:500;color:#EEE;text-align: center;margin:auto;border-radius:3px;border-color:#EEE;width:100%;margin-bottom:20px

}

.exampleicon{
	width:20%;float:left;border-right:1px solid;padding:11px;height:70px;border-top-left-radius:3px;border-bottom-left-radius:3px;

}

.exampletext{
	width:80%;float:left;padding:8px;background:#555;background:rgba(85,85,85,.7);height:70px;border-top-right-radius:3px;border-bottom-right-radius:3px;

}

.howitworkscontainer{
	width:80%;display: inline-block;font-weight:500;color:#EEE;text-align: center;margin:auto;border-radius:3px;margin-bottom:20px

}

.howitworksicon{
	width:70px;font-size:3em;float:left;padding:.1em;height:70px;border-top-left-radius:3px;border-bottom-left-radius:3px;

}

.howitworkstext{
	width:92%;font-size:1.6em;margin-left:72px;padding:.8em;background:#EEE;color:#333;text-align: left;height:70px;border-top-right-radius:3px;border-bottom-right-radius:3px;

}

.fileUpload {
	position: relative;
	overflow: hidden;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}



.intro-webheader-title {
	font-size:3.5em;
	text-shadow: 2px 2px #333333;
}

.about-body {
	font-size: 15px;
}

.landing-header {
	text-align: center;
}

.discountlabel {
  display: inline-block;
  padding: .4em 1.2em;
  font-size:2.5em;
  line-height:1em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color:#5bc0de;
  border: 3px solid;
  border-color: #5bc0de;
  border-radius: 4px;
  margin: 0 auto;
}

a.discountlabel:hover{
	color:#5bc0de!important;
}

.top-bottom-padding{
	padding-top:3em;
	padding-bottom:3em;
}

.paragraphheader{
	color:#e34e47;
	font-weight:700;
	font-size:1.5em
}

.paragraphcontent{
	margin-left:2em;
	font-weight:400;
	font-size:1.25em;
}

.imghighlight{
	padding:0.25em;
	border:1px solid;
	border-color:#CCC;
}

.imghighlight:hover{
	background-color:#CCC;
}

.headerbackground-general {
	padding-top: 0px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
	/*padding-bottom: 25px;*/
	color: #f8f8f8;
	background:  url(../img/bg03.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	text-align: center;
	margin-bottom: 0px;
}

.sectiondividerbackground {
	padding-top: 0px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
	/*padding-bottom: 25px;*/
	color: #f8f8f8;
	background:  url(../img/bg01thin.jpg);
	background-size: cover;
	background-position: center top;
	text-align: center;
	margin-bottom: 0px;
}

.headerbackground-main {
	padding-top: 0px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
	/*padding-bottom: 25px;*/
	color: #f8f8f8;
	background: -webkit-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../img/mainbg.jpg) no-repeat center bottom;
	background: -moz-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../img/mainbg.jpg) no-repeat center bottom;
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../img/mainbg.jpg) no-repeat center bottom;
	background-size: cover;
	background-position: center bottom;
	text-align: center;
	margin-bottom: 0px;
}

.headerbackground-wedding {
	padding-top: 0px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
	/*padding-bottom: 25px;*/
	color: #f8f8f8;
	background: -webkit-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../img/mainbg-wedding.jpg) no-repeat center bottom;
	background: -moz-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../img/mainbg-wedding.jpg) no-repeat center bottom;
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../img/mainbg-wedding.jpg) no-repeat center bottom;
	background-size: cover;
	background-position: center;
	text-align: center;
	margin-bottom: 0px;
}

.examplecontainernew {
	display: table;margin-bottom: 1em;
}

.exampleiconnew {
	display: table-cell;float: none;vertical-align: top;background:#e34e47;background:rgba(227,78,71,.4);border-right:1px solid;padding:.15em;border-top-left-radius:3px;border-bottom-left-radius:3px;font-size: 3.5em;
}

.exampletextnew {
	display: table-cell;float: none;vertical-align: top;padding:0.6em;background:#555;background:rgba(85,85,85,.7);border-top-right-radius:3px;border-bottom-right-radius:3px;font-size: 1.4em;font-weight: 400;
}

.dividerrow {
	margin:auto;color:#888;margin-top:0px;font-weight:400;padding:1em 0em;font-size:2.1em;text-align:center;
}

.usecasecontainer {
	display: table;margin-bottom: 2em;padding:0;
}

.usecaseicon {
	display: table-cell;float: none;vertical-align: top;padding:2em;
}

.usecasetext {
	display: table-cell;float: none;vertical-align: top;text-align:left;
}

.reviewcontainer {
	position:relative;
	width:33%;
	float:left;
	display: inline-block;
	zoom:1;
}

.reviewpic {
	float: left;
	width:80px;
}

.reviewpicdivinner {
	width:100%;max-width:80px;margin:auto;
}

.reviewpicdivouter {
	padding:0;text-align:center;margin-top:.5em;margin-bottom:.5em;
}

.review {
	margin-left:80px;
}

.reviewtext {
	font-weight: 400;
	font-size:1.1em;
	margin-top:.5em;margin-bottom:.5em;
}

.title-header-text {
	font-size:3.5em;text-shadow: 2px 2px #333333;
}

@media (max-width: 767px) {
  .title-header-text {
    line-height:1.2;
  }
}


/* ---- isotope ---- */

/* clear fix */
.isotope:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .element-item ---- */

.element-item {
  float: left;
  padding:.5em;
}

.element-item,
.grid-sizer {
  width: 33.33%;
}

@media (max-width: 767px) {
  .element-item,
  .grid-sizer {
    width: 50%;
  }
}

@media (max-width: 375px) {
  .element-item,
  .grid-sizer {
    width: 100%;
  }
}

.element-item-inner {
  background: #F3F3F3;
  border: 2px solid #CCC;
  padding:.5em;
  border-radius: 4px;
  font-weight: 500;
  font-size: 1.25em;
}

.element-item-inner h3{
  color: #e34e47;
  font-size: 1.2em;
  font-weight: 600;
}

.element-item-inner-top {
  background: #F3F3F3;
  border-top: 2px solid #CCC;
  border-left: 2px solid #CCC;
  border-right: 2px solid #CCC;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  font-weight: 500;
  font-size: 1.25em;
}

.element-item-inner-bottom {
  background: #F3F3F3;
  padding:.5em;
  border-bottom: 2px solid #CCC;
  border-left: 2px solid #CCC;
  border-right: 2px solid #CCC;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  font-weight: 500;
  font-size: 1.25em;
}

.element-item-inner-bottom h3{
  color: #e34e47;
  font-size: 1.2em;
  font-weight: 600;
}

.element-item-inner-top-img {
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  width:100%;
}

/* ---- button ---- */

.commreq-button {
  display: inline-block;
  padding: 0.2em 0.5em;
  background: #EEE;
  border: none;
  color: #666;
  cursor: pointer;
  margin-bottom:.4em;
  width:48%;
}

@media (max-width: 991px) {
  .commreq-button {
    width: 48%;
  }
  .commreq-button-wide {
    width: 96%;
  }
}
.commreq-button:hover {
  background-color: #CCC;
}

.commreq-button:active,
.commreq-button.is-checked {
  background-color: #e34e47;
  color: white;
}

/* ---- button-group ---- */

.button-group {
  text-align:center;
  width:66%;
  margin:auto;
}

@media (max-width: 991px) {
  .button-group {
    width: 100%;
  }
}

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.aboutsectionbtn {
	color: #666;
	margin-bottom:.4em;
	width:100%;
	background: #EEE;
}

.aboutsectionbtn:hover {
  background-color: #CCC;
}

.aboutsectionbtn:active,
.aboutsectionbtn.is-checked {
  background-color: #e34e47;
  color: white;
}

.top-buffer { margin-top:1em; }

.top-buffer-big { margin-top:2.5em; }

.checkindropdown {
  padding: 6px 0px;
  padding-right: 0px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-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, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/**** ADDRESS MODULE ****/
.address-container {
	background-color: #fff!important;
	-webkit-box-shadow: 1px 1px 0 rgba(0,0,0,.2);
    box-shadow: 1px 1px 0 rgba(0,0,0,.2);
    border: 1px solid #ededed;
    padding: 10px!important;
    margin-bottom: 15px!important;

}

.address-type {
    width:30%;
    min-width: 90px;
    display:inline;
    position:absolute;
    right:0;
    margin-bottom: 5px;

}

.carousel.fade {
  opacity: 1;
}
.carousel.fade .item {
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  left: 0 !important;
  opacity: 0;
  top:0;
  position:absolute;
  width: 100%;
  display:block !important;
  z-index:1;
}
.carousel.fade .item:first-child {
  top:auto;
  position:relative;
}
.carousel.fade .item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  z-index:2;
}

.logo-user-company {
  display: inline-block;
  padding: 0.2em 0.5em;
  border: 0px;
  margin-bottom:.4em;
  width:24%;
  text-align: center;
}

@media (max-width: 991px) {
  .logo-user-company {
    width: 48%;
  }
}

/**** TASK SUBMISSION FLOW ****/

.tasksubbtn {
  border:5px solid;
  border-color:#666;
  border-radius:5px;
  color:#666;
  padding-top:.5em;
  padding-bottom:.5em;
  cursor:pointer;
}

.tasksubbtn:hover {
  background-color:#CCC;
}

.tasksubbtn-selected {
  border:5px solid;
  border-color:#666;
  border-radius:5px;
  color:#FFF;
  padding-top:.5em;
  padding-bottom:.5em;
  cursor:pointer;
  background-color:#666;
}

.tasksubbtn-selected:hover {
  background-color:#666;
}

@media (max-width: 991px) {
	.padding-bottom-xs {
	  margin-bottom:1em;
	}
	.tasksubbtn {
		border:2px solid;
	}
	.tasksubbtn-selected {
		border:2px solid;
	}
}

input.required{
    background-image: url(../img/asterisk.png);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: 100% 8px;
}

textarea.required{
    background-image: url(../img/asterisk.png);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: 100% 8px;
}

/* headlines with lines */
.decorated{
     overflow: hidden;
     text-align: center;
 }
.decorated > span{
    position: relative;
    display: inline-block;
}
.decorated > span:before, .decorated > span:after{
    content: '';
    position: absolute;
    top: 50%;
    border-bottom: 2px solid;
    width: 591px; /* half of limiter*/
    margin: 0 20px;
}
.decorated > span:before{
    right: 100%;
}
.decorated > span:after{
    left: 100%;
}