/* Your CSS codes here */

html,body,button,input,select,textarea{
	color:#222222;
	/*background: #A16E6D;*/
	height: 100%;
}

/*body{
	font:16px/26px Helvetica Neue,Arial;
	font-weight:100;
	-webkit-font-smoothing:subpixel-antialiased;
	line-height:1.4;
}*/

h1 {
	color: #515149;
}

input, textarea, select, .form input, .form textarea, .form select {
  font-weight: 300;
}

h1, h2, h3, h4, h5, h6 {
  color: #515149;
}

.logo img {
  height: 100px;
}

.header-2 .logo h1 a {
	color: #515149;
}

.white {
	color: #fff;
}

.blue {
	color: #515149;
}

a.blue {
  color:#1D5FA8;
  text-decoration: underline;
}

h2 {
  font-size: 21px;
  color: #9da8ad;
  line-height: 32px;
  font-weight: 300;
}

.no-space {
	margin: 0;
	padding: 0;
}

.no-padding {
	padding: 0;
}

.no-margin {
	margin: 0;
	padding: 0;
}

.header-2 .navy > ul > li > a {
	text-transform:uppercase;
	font-size:100%;
	letter-spacing:0.3em;
	font-weight: 300 !important;
	color: #515149;
}

.header-2 .navy > ul > li > a:hover {
	color: #1D5FA8;
}

.title{
	/*text-align:center;*/
	text-transform:uppercase;
	font-size:170%;
	font-weight: 300 !important;
	letter-spacing:0.5em;
	color:#515149;
	line-height: 1.1;
}

.title i {
	font-weight: 300;
}

.tagline {
	font-size: 42px;
	line-height: 32px;
	margin: 0 0 1.67em 0;
}

.tagline2 {
	margin: 0.83em 0 0.83em 0;
}

.tagline3 {
	color: #515149;
	text-align: center;
	margin: 0.83em 0 1.83em 0;
	margin-top: 80px;

}

.tagline4 {
  color: #ffffff;
  text-align: center;
  margin: 20px 0 10px 0;
  font-size: 200%;
  font-weight: 100;
}

.tagline5 {
  color: #ffffff;
  text-align: left;
  margin: 10px 0 10px 0;
  font-weight: 100;
}

.tagline6 {
  color: #ffffff;
  text-align: left;
  margin: 10px 0 10px 0;
  font-weight: 100;
  font-size: 90%;
}

.tagline-hr {
  margin: 15px 0;
  visibility: hidden;
}

.codebox {
  color: #fff;
  background: #fff;
  width: auto;
  margin: 14px 0;
  font-size: 14px;
  line-height: 16px;
  border: 1px solid #fff;
}

.codebox2 {
  border: 1px solid #1D5FA8;
  width: auto;
  margin: 14px 0;
  font-size: 14px;
  line-height: 16px;
}

.skinny {
  font-weight: 100;
}

/* buttons */

.signup-btn {
	margin: 0 0 2em 0;
}

.signup-btn input {
	font-size: 18px;
	border-color: #cccccc;
	/*border-radius: 20px;*/
  padding: 22px 15px;
}

.signup-btn input:focus {
	border-color: #1D5FA8;
}

.signup-btn span {
	cursor: pointer;
	font-size: 16px;
	border-color: #1F7E8E;
  background-color: #1F7E8E;
	color: #fff;
	/*border-radius: 20px;*/
	font-weight: 100 !important;
	letter-spacing:0.3em;
  text-transform: uppercase;
}

/* code examples */

#notifications-examples {
  text-align: center;
  /*background-image: -webkit-linear-gradient(70deg, #19dce4 0%, #0298c2 100%);
  background-image: -moz-linear-gradient(70deg, #19dce4 0%, #0298c2 100%);
  background-image: -ms-linear-gradient(70deg, #19dce4 0%, #0298c2 100%);
  background-image: linear-gradient(20deg, #19dce4 0%, #0298c2 100%);
  background-color: #00b5d4;*/
  position: relative;
}

code {
  display: block;
  background: transparent !important;
  padding: 20px !important;
  word-wrap: normal;
  width: auto !important;
  overflow-x: scroll;
  -ms-overflow-style: none;
  width: 100%;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

pre {
  border: 1px solid #dbdbdb;
  padding: 0;
  background: transparent !important;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
  box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}

.panel-default {
  border-color: #ddd;
}

.panel:last-of-type {
  margin-bottom: 0;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel-heading {
  overflow: auto;
}

.panel.panel-default .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.panel-body {
  padding: 25px;
  background-color: #fff;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.panel.panel-default .panel-footer {
  background: #eee;
  border-top: 1px solid #dbdbdb;
  /*color: #ffffff;*/
}

.nav>li {
  position: relative;
  display: block;
}

.nav-pills>li {
  float: left;
}

.nav-pills>li+li {
  margin-left: 2px;
}

.nav>li>a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.nav-pills>li>a {
  border-radius: 4px;
  background: #f5f5f5;
}

/*.nav-pills > li > a {
  background: #ffffff;
  border: 1px solid #dddddd;
  color: #555555;
}*/

.nav-pills>li {
	cursor: pointer !important;
}

.nav-pills>li>a {
  color: gray;
  min-width: 80px;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 100ms ease-in-out 0s;
  padding: 9px 9px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
  color: #fff;
  background-color: #428bca;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
  background: #00dae6;
  color: white !important;
  border: 1px solid #00dae6;
}

#code-examples {
  border-radius: 3px;
  padding-top: 30px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  text-align: left;

}

#code-examples .panel {
  /*border: none;*/
  border: 1px solid #dbdbdb;
}

#code-examples .panel-heading {
  padding: 15px;
}

#code-examples h3:first-child {
  margin-top: 15px;
}

#code-examples code {
  white-space: pre !important;
}

#code-examples .tab-pane pre:last-of-type {
  margin-bottom: 0;
  height: 115px;
}

#code-examples .col-md-9 {
  float: none;
  margin: 0 auto;
  padding: 0;
}

#code-examples code.curl:before {
  content: '$ ';
  color: #7f7f7f;
}

#code-examples code {
  white-space: pre !important;
  box-sizing: border-box;
  text-align: left;
  word-wrap: break-word;
}

.btn-primary {
	font-size: 16px;
  border-color: #1D5FA8;
  background-color: #1D5FA8;
  color: #fff;
  /* border-radius: 20px; */
  font-weight: 100 !important;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 5px;
}

.btn-primary:hover {
	background-color: #1D5FA8;
	border-color: #1D5FA8;
}

.pricing-one .p-price {
  font-size: 16px;
  font-weight: 100;
  letter-spacing: 0.3em;
}

#emailSuccess, #email2Success {
	color: #515149;
  font-size: 22px;
  font-weight: normal;
}

.quote-header {
  background: #FADAA3 center 0px;
  background-size:cover;
  background-attachment: fixed;
  margin-top: 30px;
}

.block-heading-two {
  margin-top:40px;
}

.body-v2 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.body-v2 ul li {
    display: inline-block;
    margin: 20px 0;
    width: 140px;
}

.body-v2 a {
    color: #3cf;
    text-decoration: none;
}

.body-v2 ul li img {
    width: 60px;
    display: block;
    margin: 0 auto;
}

.body-v2 ul li span {
    margin-top: 10px;
    display: inline-block;
}

/** body-v3 **/

.body-v3 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.body-v3 ul li {
    display: inline-block;
    margin: 40px 0;
    width: 370px;
}

.body-v3 a {
    color: #3cf;
    text-decoration: none;
}

.body-v3 ul li img {
    width: 350px;
    display: block;
    margin: 0 auto;
}

.body-v3 ul li span {
    margin-top: 10px;
    display: inline-block;
}

.tagline2-text {
  display: none;
}

.emailBtn-text-short {
  display: none;
}

.usegate_flow2 {
  display: none;
}

.testimonial {
  width: 550px;
  margin: auto;
  text-align: center;
}

.testimonial-text {
  font-size: 18px;
  line-height: 30px;
  font-weight: 600;
  color: #1F7E8E;
}

.testimonial-who {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #7999B8;
  margin: 10px 0;
}

.testimonial-text:before {
  content: '\201C';
}
.testimonial-text:after {
  content: '\201D';
}

@media (max-width: 785px) {

  .logo img {
    height: 80px;
  }

	.tagline {
		font-size: 22px;
	  line-height: 26px;
	  margin: 0 0 1.67em 0;
	}

  .tagline-hr {
    margin:5px 0;
  }

	.tagline3 {
		margin-top: 60px;
	}

  .tagline-protect {
    font-size: 16px;
  }

  .tagline-save {
    font-size: 16px;
  }

  .tagline2 {
    margin: 5px 0;
  }

  .tagline2-text {
    display: block;
    font-size: 18px;
  }

  .emailBtn-text {
    display: none;
  }

  .emailBtn-text-short {
    display: block;
  }

  .usegate_flow {
    display: none;
  }

  .usegate_flow2 {
    display: block;
  }

  .testimonial {
    width: 320px;
  }

  .testimonial-text {
    font-size: 16px;
    font-weight: 400;
  }

	#diagram-img {
		display: none;
	}

	.header-2 .logo h1 {
	  text-align: left;
	}

	.header-2 .logo {
  	margin: 10px 0px 0px 0px;
	}

	.header-2 .navy {
	  max-width: 400px;
	  margin: 15px auto;
	  /*margin-top: 20px;*/
	}

  .mobile-off {
    display: none;
  }
}

#drop_zone {
  border: 2px dashed #bbb;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 75px 25px;
  line-height: 25pt;
  text-align: center;
  font-size: 20pt;
  font-weight: bold;
  color: #bbb;
}