/* STRUCTURE
   ------------------------- */
body {
  padding-top: 80px;
  font-family: 'Lato', sans-serif;
  color:#333;
  background-color: white;
}

/* 0 gutter */
.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}



/* TYPOGRAPHY
   ------------------------- */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-top: 0;
}



/* GLOBAL
   ------------------------- */
ul {
	list-style-type: none;
	padding:0;
	margin:0;
}

.btn {
	border-radius:50px;
}

/* Remove blue glow */
.btn:focus,.btn:active {
   outline: none !important;
}
a:focus,a:active {
   outline: none !important;
}

.bt-custom {
	background-color:white;
	border-color:white;
	color: #222;
	font-weight:600;
	padding: 10px 40px;
}
.bt-custom:hover,
.bt-custom:focus,
.bt-custom.focus,
.bt-custom:active,
.bt-custom.active {
	background-color:white;
	border-color:white;
	color: #222;
}

.bt-custom-out {
	background-color:transparent;
	border:2px solid #2d9bea;
	color: #2d9bea;
	font-weight:600;
	padding: 10px 40px;
	text-transform:uppercase;
}
.bt-custom-out:hover,
.bt-custom-out:focus,
.bt-custom-out.focus,
.bt-custom-out:active,
.bt-custom-out.active {
	background-color:transparent;
	border:2px solid #2d9bea;
	color: #2d9bea;
}


/* Input placeholder override */
::-webkit-input-placeholder {
   color: #999 !important;
   font-size: 16px;
   font-weight: 400;
}
:-moz-placeholder { /* Firefox 18- */
	  color: #999 !important;
	  font-size: 16px;
	  font-weight: 400;
}
::-moz-placeholder {  /* Firefox 19+ */
	  color: #999 !important;
	  font-size: 16px;
	  font-weight: 400;
}
@media only screen and (max-width : 992px) {
::-webkit-input-placeholder {
}
:-moz-placeholder { /* Firefox 18- */
}
::-moz-placeholder {  /* Firefox 19+ */
}
}

/* Input override */
input {   
    border-color: transparent !important;
    outline: 0 none !important;
	box-shadow:none !important;
	border-radius: 0 !important;
}

textarea {   
    border-color: transparent !important;
	outline: 0 none !important;
	box-shadow:none !important;
	border-radius: 0 !important;
}



/* NAV
   ------------------------- */
.navbar-custom {
  background-color: white;
  border:none;
  min-height: 80px;
}

.navbar-custom img {
	height:25px;
	width:auto;
	margin-top: 27px;
}
@media only screen and (max-width : 767px) {
.navbar-custom img {
	margin-left: 25px;
}
}

.navbar-custom-bt {
	margin-top: 3px;
	margin-left: 20px;
	color: #2d9bea !important;
	padding: 10px 40px !important;
}

.navbar-custom-bt:hover,
.navbar-custom-bt:focus,
.navbar-custom-bt.focus,
.navbar-custom-bt:active,
.navbar-custom-bt.active {
	box-shadow:none;
	border:2px solid #2d9bea !important;
}

.navbar-nav-right {
  padding-top:15px;
}
@media only screen and (max-width : 767px) {
.navbar-nav-right {
  padding-top:0;
}
}

.navbar-default .navbar-nav-right > li > a {
  color:#666;
  text-transform:uppercase;
  font-size: 14px;
  font-weight: 600;
}
@media only screen and (max-width : 767px) {
.navbar-default .navbar-nav-right > li > a {
  font-weight:600;
}
}

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

.navbar-nav-right > .active > a {
  background-color:transparent !important;
  color:#333 !important;
}

/* Toggle dropdown mobile */
@media only screen and (max-width : 767px) {
.navbar-collapse { 
	background-color: #f1f1f1;
	margin-top:30px;
}
}

/* Toggle nav icon */
.navbar-default .navbar-toggle {
  border-color: transparent;
  background-color: white;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #eee;
}

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

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



/* HERO
   ------------------------- */
.hero {
	background: url(../img/hero_bk.jpg) no-repeat center top; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align:center;
}

.hero-box {
	padding-top: 150px;
	padding-bottom: 150px;
}

.hero-box h1 {
	color: white;
	margin-bottom:20px;
	font-weight: 700;
	text-transform:uppercase;
	font-size: 45px;
}

.hero-box h3 {
	color: white;
	font-weight: 300;
	margin-bottom:50px;
}



/* ABOUT
   ------------------------- */
.about {
	padding: 80px 20px;
	text-align:center;
	background-color: white;
}
@media only screen and (max-width : 767px) {
.about {
	padding: 40px 20px 80px 20px;
}
}

.about h1 {
	font-size: 40px;
	line-height:55px;
	color: #666;
	font-weight: 300;
}



/* SECTION
   ------------------------- */
.section-ttl {
	padding-bottom: 30px;
}
@media only screen and (max-width : 992px) {
.section-ttl {
	padding-bottom: 20px;
}
}
   
.section-ttl:after {
	content:' ';
    display:block;
    border-bottom:1px solid white;
	width: 30%;
	padding-top: 25px;
}
@media only screen and (max-width : 992px) {
.section-ttl:after {
	padding-top: 10px;
}
}

.section-ttl2 {
	padding-bottom: 30px;
}
@media only screen and (max-width : 992px) {
.section-ttl2 {
	padding-bottom: 20px;
}
}
   
.section-ttl2:after {
	content:' ';
    display:block;
    border-bottom:1px solid #232323;
	width: 30%;
	padding-top: 25px;
}
@media only screen and (max-width : 992px) {
.section-ttl2:after {
	padding-top: 10px;
}
}



/* MODULES
   ------------------------- */
.module h1 {
	font-size: 45px;
	line-height: 1.2em;
	font-weight:700;
}
@media only screen and (max-width : 1060px) {
.module h1 {
	font-size: 30px;
}
}

.module p {
	font-size: 16px;
	line-height: 26px;
	font-weight: 300;
}

.module-txt {
	padding: 100px 100px 0 100px !important;	
}
@media only screen and (max-width : 1060px) {
.module-txt {
	padding: 50px 50px 0 50px !important;	
}
}
@media only screen and (max-width : 767px) {
.module-txt {
	padding: 100px 50px !important;	
}
}

.module-txt img {
	width: 50px;	
	height: auto;
	margin-bottom: 40px;
}
@media only screen and (max-width : 992px) {
.module-txt img {
	margin-bottom: 20px;
	width: 40px;	
}
}

.module-top {
	background-color: #232323;
	color: white;	
}

.module-center {
	background-color: white;
	color: #232323;	
}

.module-bottom {
	background-color: #2d9bea;
	color: white;	
}



/* FORM BOTTOM
   ------------------------- */
.formbot {
	background:url(../img/formbot_bk.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.formbot-box {
	text-align:center;
	padding-top: 80px;
	padding-bottom: 80px;
}

.formbot-box h1 {
	color: white;
	margin-bottom:50px;
	font-weight: 700;
	font-size: 45px;
}

.formbot-box input {
	margin-bottom: 14px;
}

.bt-formbot {
	font-size:15px;
	font-weight:700;
	padding-top:14px;
	padding-bottom:14px;
	background-color: #2d9bea;
	border-color: #2d9bea;
	color: white;
}
.form-cfm {
	color: white;
}
@media only screen and (max-width : 767px) {
.bt-formbot {
	font-size:16px;
}
}



/* LOGIN
   ------------------------- */
.login-hero {
	background: url(../img/hero_bk.jpg) no-repeat center top; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}   
   
.login-module h2 {
	padding-bottom: 30px;
	color: white;
	font-weight: 700;
	font-size: 45px;
}   

.login-forgot {
	padding-top: 10px;
}

.login-hero .btn {
	border: 2px solid white;
	color: white;
	margin-top: 40px;
} 



/* FOOTER
   ------------------------- */
.footer-custom {
	padding-top:20px;
	padding-bottom:50px;
	background-color: #333;
	color: #ccc;
	font-size: 12px;
	font-weight: 300;
}