/*

    Theme Name: LifeRunners Relay

    Theme URL: https://bootstrapmade.com/gp-free-multipurpose-html-bootstrap-templat/

    Author: BootstrapMade

    Author URL: https://bootstrapmade.com

    */







/*************************

*******Typography******

**************************/



body {

  background: #fff;

  font-family: 'Merriweather', serif;

  color:#333;

  line-height:1.6em;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight:500;

  font-family: 'Raleway', sans-serif;

  color:#333;

}



h1{

  font-size: 36px;

  color:#fff;

}



h2{

  font-size: 20px;

}



h3{

  font-size: 16px;

  color: #787878;

  font-weight: 400;

  line-height: 24px;

}



h4{

  font-size: 16px;

}





a {

  color: #305AA5;

  font-style: normal;

  font-weight: 700;

  -webkit-transition: color 300ms, background-color 300ms;

  -moz-transition: color 300ms, background-color 300ms;

  -o-transition:  color 300ms, background-color 300ms;

  transition:  color 300ms, background-color 300ms;

}



a:hover, a:focus {

  color: #d43133;

}



hr {

  border-top: 1px solid #e5e5e5;

  border-bottom: 1px solid #fff;

}

.page-title {

  font-size: 47px;

  line-height: 60px;

  font-weight: 700;

}



.contact_header{

  font-size: 24px!important;

}



.btn-primary {

  padding: 8px 20px;

  background: #305AA5;

  color: #fff;

  border-radius: 4px;

  border:none;

  margin-top: 10px;

}



.btn-secondary {

  padding: 8px 20px;

  color: #fff;

  background-color: #6c757d;

  border-color: #6c757d;

  margin-top: 10px;

  margin-right: 3px;

}





.btn-primary:hover,

.btn-primary:focus{

  background: #305AA5;

  outline: none;

  box-shadow: none;

}



.btn-secondary:hover,

.btn-secondary:focus{

  color :#fff;

  background: #6c757d;

  outline: none;

  box-shadow: none;

}



.btn-transparent {

  border: 3px solid #fff;

  background: transparent;

  color: #fff;

}



.btn-transparent:hover {

  border-color: rgba(255, 255, 255, 0.5);

}



a:hover,

a:focus {

  color: #000;

  text-decoration: none;

  outline: none;

}



.dropdown-menu {

  margin-top: -1px;

  min-width: 180px;

}



.center h2{

  font-size: 30px;

  margin-top: 0;

  margin-bottom: 20px;

}



.media>.pull-left{

  margin-right: 20px;

}



.media>.pull-right{

  margin-left: 20px;

}



body > section {

  padding: 20px 0;

}



.center {

  text-align: center;

  padding-bottom: 15px;

}



.scaleIn {

  -webkit-animation-name: scaleIn;

  animation-name: scaleIn;

}



.lead{

  font-size: 14px;

  line-height: 24px;

  font-weight: 400;

  text-align: justify;

  padding-left: 20px;

  padding-right: 20px;

}



.transparent-bg {

  background-color: transparent !important;

  margin-bottom: 0;

}



.has-error {

  border-color:red!important;

}



@-webkit-keyframes scaleIn {

  0% {

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

  }



  100% {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}



@keyframes scaleIn {

  0% {

    opacity: 0;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

  }



  100% {

    opacity: 1;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

}





/*************************

*******Header******

**************************/

#header .navbar-fixed-top {

	position: relative; /*absolute;*/

	width: 100%;

}

@media screen and (max-width: 767px) {

	#header .navbar-fixed-top {

		position: relative;

		background-color: rgba(48,90,165,1) !important;

	}

}

#header.sticky.sticky_animate {

	top:0;

}

#header.sticky {

	-webkit-transition:all .33s cubic-bezier(0.694,0.0482,0.335,1);

	-moz-transition:all .33s cubic-bezier(0.694,0.0482,0.335,1);

	-o-transition:all .33s cubic-bezier(0.694,0.0482,0.335,1);

	-ms-transition:all .33s cubic-bezier(0.694,0.0482,0.335,1);

	transition:all .33s cubic-bezier(0.694,0.0482,0.335,1);

	top:-120px;

	position:fixed;

}

#header.sticky  {

	width: 100%;

	z-index: 100;

}

#header.sticky.sticky_animate {

	top:0;

}

#header.sticky .navbar-header-wrapper {
    background-color: rgba(35, 63, 142, 1) !important;
}

#header .navbar-nav li ul {

	position: absolute;

	left: 0;

	display: none;

	overflow: hidden;

	top: 80%; /*100%;*/

	margin: 0px;

	z-index: 10;

	padding: 0px;

}

@media screen and (min-width: 1201px) {

	#header .navbar-nav li:hover ul {

		display: block;

	}

	#header .navbar-nav li ul {

		/*background-color: #1E5AA6;*/ /*rgba(48,90,165,.8);*/
    background-color: #233f8e;

	}

}

#header .navbar-nav li ul li {

	line-height: 16px;

	display: block;

	min-width: 200px;

}

#header .navbar-nav li ul li a {

	text-transform: uppercase;

	letter-spacing: 1px;

	font-size: 12px;

	color: #ffffff;

	font-weight: 700;

	font-family: 'Raleway', sans-serif;

	padding: 9px 20px;

	display: block;

}

#header .navbar-nav li ul li a:hover {

	color: #aeb6bf !important;

}

#header .navbar-collapse {

	margin-top: 0 !important;

}



.navbar-fixed-top .navbar-toggle .icon-bar {

  background-color: #fff;

}



.navbar>.container .navbar-brand{

  margin-left: 0;

}

#header .navbar-nav > li .arrow {

	display: none;

}



@media screen and (max-width: 1200px) {

	.navbar-header {

		float: none;

		height: 78px; /*90px;*/

	}

	.navbar-right {

		display: none;

	}

	.navbar-header .navbar-toggle {

		display: block !important;

	}

	#header .navbar-right {

		margin-top: 0px !important;

	}

	.navbar-fixed-top .navbar-nav > li > a {

		padding: 0 !important;

		border-radius: 0 !important;

		line-height: 42px !important;

		display: block !important;

	}

	#header .navbar-nav {

		width: 100%;

		margin: 0px;

	}

	#header .navbar-nav li ul {

		visibility: visible;

	}

	#header .navbar-nav li ul {

		position: relative;

		padding-left: 20px;

	}

	#header .navbar-nav li ul li a {

		padding: 9px 15px 9px 0;

		font-size: 12px;

	}

	#header .navbar-nav li a {

		text-transform: capitalize !important;

		font-weight: 300 !important;

		border-bottom: 1px solid #eaeaea;

	}

	#header .navbar-fixed-top .navbar-right {

		max-height: 100%;

		overflow-y: hidden;

		clear: both;

		float: left !important;

		width: 100% !important;

	}

	#header .navbar-nav > li {

		line-height: 40px ;

		margin-right: 0px;

		width: 100%;

	}

	#header .navbar-nav > li .arrow {

		display: block;

		position: absolute;

		top: 0;

		right: 0;

		z-index: 100;

		padding: 0px 20px 0 20px;

		color: #ffffff;

		cursor: pointer;

		transition: 0.20s;

		-webkit-transition: 0.20s;

		-moz-transition: 0.20s;

		-ms-transition: 0.20s;

		-o-transition: 0.20s;

	}

	#header .navbar-nav > li .arrow.open {

		transition: 0.20s;

		-webkit-transition: 0.20s;

		-moz-transition: 0.20s;

		-ms-transition: 0.20s;

		-o-transition: 0.20s;

		-webkit-transform: rotate(90deg);

		-moz-transform: rotate(90deg);

		-o-transform: rotate(90deg);

		-ms-transform: rotate(90deg);

		transform: rotate(90deg);

	}





}



@media screen and (max-width: 1150px) and (min-width: 768px) {

	/*

	#header .navbar-collapse {

		margin-top: 44px !important;

	}

	#header .navbar-nav > li {

		line-height: 40px ;

	}

	#header .navbar-nav li ul li a {

		font-size: 11px;

	}

	#header .navbar-fixed-top .navbar-nav > li > a {

		padding: 0px 12px;

		font-size: 10px;

	}

	*/



}



@media screen and (max-width: 767px) {

	/*

	#header .navbar-right {

		margin-top: 44px !important;

	}

	.navbar-fixed-top .navbar-nav > li > a {

		padding: 0 !important;

		border-radius: 0 !important;

		line-height: 42px !important;

		display: block !important;

	}

	#header .navbar-nav li ul {

		visibility: visible;

	}

	#header .navbar-nav li ul {

		position: relative;

		padding-left: 20px;

	}

	#header .navbar-nav li ul li a {

		padding: 9px 20px 9px 0;

		font-size: 12px;

	}

	#header .navbar-nav li a {

		text-transform: capitalize !important;

		font-weight: 300 !important;

		border-bottom: 1px solid #eaeaea;

	}

	#header .navbar-fixed-top .navbar-right {

		max-height: 100%;

		overflow-y: hidden;

	}

	#header .navbar-nav > li {

		line-height: 40px ;

		margin-right: 10px;

	}

	#header .navbar-nav > li .arrow {

		display: block;

		position: absolute;

		top: 0;

		right: 0;

		z-index: 100;

		padding: 0px 20px 0 20px;

		color: #ffffff;

		cursor: pointer;

		transition: 0.20s;

		-webkit-transition: 0.20s;

		-moz-transition: 0.20s;

		-ms-transition: 0.20s;

		-o-transition: 0.20s;

	}

	#header .navbar-nav > li .arrow.open {

		transition: 0.20s;

		-webkit-transition: 0.20s;

		-moz-transition: 0.20s;

		-ms-transition: 0.20s;

		-o-transition: 0.20s;

		-webkit-transform: rotate(90deg);

		-moz-transform: rotate(90deg);

		-o-transform: rotate(90deg);

		-ms-transform: rotate(90deg);

		transform: rotate(90deg);

	}

	*/



}



  .navbar-header-wrapper {

    /*background: #1E5AA6;*/ /*rgba(48, 90, 165, .8);*/
    background: #233f8e;
    min-height: 78px; /*100px;*/

  }



  .nav.navbar-nav > li > a {

    position: relative;

    padding: 0 17px;

    color: #9d9d9d;

    text-transform: uppercase;

    font-family: 'Raleway', sans-serif;

    font-weight: 600;

    font-size: 13px;

    letter-spacing: 1px;

  }



  nav.main_menu ul {



    list-style: none outside none;



  }



  .top-bar {

    padding: 4px 0 2px;

    background: rgba(255,255,255,.8) !important;

    line-height: 16px;

  }



  .social{

    text-align: left;

  }



  .social-share{

   display: inline-block;

   list-style: none;

   padding: 0;

   margin: 0;

 }



 ul.social-share li {

  display: inline-block;

}



ul.social-share li a {

  display: inline-block;

  width: 25px;

  height: 25px;

  line-height: 25px;

  text-align: center;

  border-radius: 2px;

}



ul.social-share li a:hover {



}



.navbar-brand {

  padding: 0;

  margin:0;

  color:#305AA5;

}

.navbar-header a.navbar-brand {

  color:#305AA5;

}



.navbar {

  border-radius: 0;

  margin-bottom: 0;

  background: transparent;

  /*padding: 15px 0;*/

  padding-bottom: 0;

}



.navbar-nav{

  margin-top: 0px;

}



.navbar-nav > li{

  margin-left: 6px;

  padding-bottom: 0px;

  line-height: 80px; /*100px;*/

}



.navbar-fixed-top .navbar-nav > li > a {

  padding: 0px 15px;

  margin: 0;

  border-radius: 3px;

  color: #fff;

  line-height: 24px;

  display: inline-block;

}



.navbar-fixed-top .navbar-nav > li > a:hover{

  color: #001338;

  background-color: transparent;

}



.navbar-fixed-top {

  border: none;

}



.navbar-fixed-top .navbar-brand {

  font-size: 36px;

  line-height: 50px;

  color: #fff;

}



.navbar-fixed-top .navbar-nav > .active > a,

.navbar-fixed-top .navbar-nav > .active > a:hover,

.navbar-fixed-top .navbar-nav > .active > a:focus,

.navbar-fixed-top .navbar-nav > .open > a,

.navbar-fixed-top .navbar-nav > .open > a:hover,

.navbar-fixed-top .navbar-nav > .open > a:focus {

  color: #001338;

  background-color: transparent;

}



.navbar-fixed-top .navbar-nav .dropdown-menu {

  background-color: rgba(0,0,0,.85);

  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);

  -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);

  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);

  border: 0;

  padding: 0;

  margin-top: 0;

  border-top: 0;

  border-radius: 0;

  left: 0;

}



.navbar-fixed-top .navbar-nav .dropdown-menu:before{

  position: absolute;

  top:0;

}



.navbar-fixed-top .navbar-nav .dropdown-menu > li > a {

  padding: 8px 15px;

  color: #fff;

}



.navbar-fixed-top .navbar-nav .dropdown-menu > li:hover > a,

.navbar-fixed-top .navbar-nav .dropdown-menu > li:focus > a,

.navbar-fixed-top .navbar-nav .dropdown-menu > li.active > a {

  background-color: #305AA5;

  color: #fff;

}



.navbar-fixed-top .navbar-nav .dropdown-menu > li:last-child > a {

  border-radius: 0 0 3px 3px;

}



.navbar-fixed-top .navbar-nav .dropdown-menu > li.divider {

  background-color: transparent;

}



.navbar-fixed-top .navbar-collapse,

.navbar-fixed-top .navbar-form {

  border-top: 0;

  padding-bottom: 0;

}



.banner{

  text-align: center;

  /*background: #1E5AA6;*/
  background: #233f8e;

  padding-bottom: 30px;

}



.banner img {

  max-height: 300px;

  max-width: 100%;

}



.banner .relay-title {

  font-family: 'Raleway', sans-serif;

  font-size: 24px;

  color:#fff;

  font-weight: bold;

}



.banner .relay-dates {

  font-family: 'Raleway', sans-serif;

  font-size: 14px;

  color:#fff;

  font-weight: bold;

}



.banner .relay-year {

  font-family: 'Raleway', sans-serif;

  font-size: 18px;

  color:#fff;

  font-weight: bold;

}



.banner .container {

  display: table-cell;

  vertical-align: middle;

  background-color: transparent;

}



.banner .container_inner {

  width: 1100px;

  margin: 0 auto;

}



.title_holder{

  position: absolute;

  top: 0;

  display: block;

  width: 100%;

  text-align: center;

  vertical-align: middle;

}





/*************************

*******Home Page******

**************************/





.slider {

  position: relative;

  margin-top:0px;

}



#carousel-slider {

  position: relative;

}



#carousel-slider .carousel-indicators {

  bottom: -25px;

}



#carousel-slider .carousel-indicators li {

  border: 1px solid #ffbd20;

}



#carousel-slider a i {

  border: 1px solid #777;

  border-radius:50%;

  font-size: 28px;

  height: 50px;

  padding: 8px;

  position: absolute;

  top: 50%;

  width: 50px;

  color:#777;

}



#carousel-slider a i:hover {

  background:#305AA5;

  color:#fff;

  border: 1px solid #305AA5;

}



#carousel-slider

.carousel-control {

  width:inherit;

}



#carousel-slider .carousel-control.left i {

  left:-25px

}



#carousel-slider .carousel-control.right i {

  right: -25px;

}



#carousel-slider

.carousel-control.left,

#carousel-slider

.carousel-control.right {

  background: none;

}



.slider-container {

  padding-left: 0px;

  padding-right: 0px;

  width: 100%;

}



#main-content-wrapper {

  background: #fff;

}



.skill h2{

  margin-bottom: 25px;

}



.progress {

  height: 35px;



}

.progress .skill {

  font: normal 12px "Open Sans Web";

  line-height: 35px;

  padding: 0;

  margin: 0 0 0 20px;

  text-transform: uppercase;

}

.progress .skill .val {

  float: right;

  font-style: normal;

  margin: 0 20px 0 0;

}



.progress-bar {

  text-align: left;

  transition-duration: 3s;

}



/*

.progress-wrap{

  position: relative;

}



.progress .color1,

.progress .color1 .bar-width{

  background: #2d7da4;

}



.progress .color2,

.progress .color2 .bar-width{

  background: #6aa42f;

}



.progress .color3,

.progress .color3 .bar-width{

  background: #ffcc33;

}



.progress .color4,

.progress .color4 .bar-width{

  background: #db3615;

}



.progress,

.progress-bar {

  height: 15px;

  line-height: 15px;

  background: #e6e6e6;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  border-radius: 0;

  overflow: visible;

  text-align: right;

}



.progress{

  position: relative;

}



.progress .bar-width{

  position: absolute;

  width: 40px;

  height: 20px;

  line-height: 20px;

  text-align: center;

  font-size: 12px;

  font-weight: 700;

  top: -30px;

  border-radius: 2px;

  margin-left: -30px;

}



.progress span{

  position: relative;

}



.progress span:before{

  content: " ";

  position: absolute;

  width: auto;

  height: auto;

  border-width: 8px 5px;

  border-style: solid;

  bottom: -15px;

  right: 8px;

}



.progress .color1 span:before{

  border-color: #2d7da4 transparent transparent transparent;

}



.progress .color2 span:before{

  border-color: #6aa42f transparent transparent transparent;

}



.progress .color3 span:before{

  border-color: #ffcc33 transparent transparent transparent;

}



.progress .color4 span:before{

  border-color: #db3615 transparent transparent transparent;

}

*/

.accordion h2{

  margin-bottom: 25px;

}



.panel-default{

  border-color: transparent;

}



.panel-default>.panel-heading,

.panel{

  background-color: #e6e6e6;

  border:0 none;

  box-shadow:none;

}



.panel-default>.panel-heading+.panel-collapse .panel-body{

  background: #fff;

  color: #858586;

}



.panel-body{

  padding: 20px 20px 10px;

}



.panel-group .panel+.panel{

  margin-top: 0;

  border-top: 1px solid #d9d9d9;

}



.panel-group .panel{

  border-radius: 0;

}



.panel-heading{

  border-radius: 0;

}



.panel-title>a{

  color: #4e4e4e;

}



.accordion-inner img{

  border-radius: 4px;

}



.accordion-inner h4{

  margin-top: 0;

}



.panel-heading.active{

  background: #305AA5;

}



.panel-heading.active .panel-title>a{

  color:#fff;

}



a.accordion-toggle  i{

  width: 45px;

  line-height: 44px;

  font-size: 20px;

  margin-top: -10px;

  text-align: center;

  margin-right: -15px;

  background: #c9c9c9;

}



.panel-heading.active a.accordion-toggle i{

  background: #305AA5;

  color: #fff;

}



.panel-heading.active a.accordion-toggle.collapsed i{

  background: #305AA5;

  color: #fff;

}



.nav-tabs>li{

  margin-bottom: 0px;

  border-bottom: 1px solid #e6e6e6;

}



.nav-tabs{

  border-bottom: transparent;

  border-right: 1px solid #e6e6e6;

}



.nav-tabs>li>a {

  background: #f5f5f5;

  color: #666;

  border-radius: 0;

  border: 0 none;

  line-height: 24px;

  margin-right:0;

  padding: 13px 15px;

}



.nav-tabs li:last-child{

  border-bottom: 0 none;

}



.nav-stacked>li+li{

  margin-top: 0;

}



.nav-tabs>li>a:hover{

  background: #1f1f20;

  color:#fff;

}



.nav-tabs>li.active>a,

.nav-tabs>li.active>a:hover,

.nav-tabs>li.active>a:focus {

  border: 0;

  color:#fff;

  background: #1f1f20;

  position: relative;

}



.nav-tabs>li.active>a:after {

  position: absolute;

  content:  "";

  width: auto;

  height: auto;

  border-style:solid;

  border-color: transparent transparent transparent #1f1f20;

  border-width: 25px 22px;

  right: -44px;

  top:0;

}



.tab-wrap{

  border:1px solid #e6e6e6;

  margin-bottom: 20px;

}



.tab-content{

  padding: 20px;

}



.tab-content h2{

  margin-top: 0;

}



.tab-content img{

  border-radius: 4px;

}



.testimonial h2{

  margin-top: 0;

}



.testimonial-inner {

  color:#858586;

  font-size: 14px;

}



.testimonial-inner .pull-left{

  border-right: 1px solid #e7e7e7;

  padding-right: 15px;

  position: relative;

}



.testimonial-inner .pull-left:after{

  content: "";

  position: absolute;

  width: 9px;

  height: 9px;

  top: 50%;

  margin-top: -5px;

  background: #FFF;

  -webkit-transform: rotate(45deg);

  border: 1px solid #e7e7e7;

  right: -5px;

  border-left: 0 none;

  border-bottom: 0 none;

}



#partner {

  background: url(../images/partners/partner_bg.png) 50% 50% no-repeat;

  background-size: cover;

}



#partner {

  color: #fff;

  text-align: center;

}



#partner h2,

#partner h3 {

  color: #fff;

}



.partners ul {

  list-style: none;

  margin: 0;

  padding: 0;

}



.partners ul li{

  display: inline-block;

  float: left;

  width: 20%;

}



#conatcat-info{

  background: #fff url(../images/contact.png) no-repeat 90% 0;

  padding: 30px 0;

}



.contact-info i{

  width: 60px;

  height: 60px;

  font-size: 40px;

  line-height: 60px;

  color: #fff;

  background: #000;

  text-align: center;

  border-radius: 10px;

}



.contact-info h2{

  margin-top: 0;

  color: #000;

}



.contact-info{

  color:#000;

}





.validation {

  color: red;

  display:block;

  margin: 0 0 20px;

  font-weight:400;

  font-size:13px;

}



#sendmessage {

  color: green;

  border:1px solid green;

  display:none;

  text-align:center;

  padding:15px;

  font-weight:600;

  margin-bottom:15px;

}



#errormessage {

  color: red;

  display:none;

  border:1px solid red;

  text-align:center;

  padding:15px;

  font-weight:600;

  margin-bottom:15px;

}



#sendmessage.show, #errormessage.show, .show {

	display:block;

}



.small_black {

  font-weight: none;

  text-decoration: none;

  font-family: 'Merriweather', serif;

  font-size: 9px;

}



#feature {

  background: #f2f2f2;

  padding-bottom: 40px;

}



.license-head {



  margin-top: 0;

  margin-bottom: 20px;

  font-size: 21px;

  font-weight: bold;

  text-align: center;

}





/*************************

********* Contact Us CSS ******

**************************/

.registration-title{

  padding-top: 12px;

  margin-bottom: 4px;

  font-size: 22px;

  font-weight: bolder;

  text-align: center;

}



.get-started {

  background: none repeat scroll 0 0 #F3F3F3;

  border-radius: 3px;

  padding-bottom: 20px;

  padding-top: 20px;

  position: relative;

  margin-bottom: 30px;

  margin-top: 10px;



}



.get-started h2 {

  padding-top: 12px;

  margin-bottom: 4px;

  font-size: 22px;

  font-weight: bolder;

}



.get-started .lead {

    font-size: 12px;

}



.waiver-agreement .col-xs-12 input{

   margin-bottom: 5px !important;

   margin-top: 5px !important;

} 



.request {

  bottom: -15px;

  left: 50%;

  position: absolute;

  margin-left: -110px;

}



.request h4 {

  position: absolute;

  width: 220px;

  position:relative;

}



.request h4 a{

  background:#305AA5;

  color: #fff;

  font-size: 14px;

  font-weight: normal;

  border-radius: 3px;

  padding: 5px 15px;

}



.clients-area {

  padding: 10px 10px 40px 10px;

}





/*************************

********* Contact Us CSS ******

**************************/

/* --- Map --- */

.map{

	position:relative;

	margin-top:90px;

	margin-bottom:40px;

}



/* google map */

#google-map{

  position:relative;

  height: 400px;

}



#contact-page{

  padding-top: 0;

  background:#fff;

}



#contact-page .contact-form

.form-group label {

  color: #4E4E4E;

  font-size: 16px;

  font-weight: 300;

}



.form-group .form-control {

  padding: 7px 12px;

  border-color:#ccc;

  box-shadow: none;

}



textarea#message{

  resize: none;

  padding: 10px;

}



#contact-page .contact-wrap {

  margin-top: 20px;

}



/***********************

********* Footer ******

************************/

#bottom {

  background: url('../images/darkfooter.png') no-repeat;

  background-size: auto auto;

  background-size: cover;

  font-family: 'Raleway', sans-serif;

  font-size: 14px;

  color:#fff;

}

#bottom a{

 color:#fff;

}



#bottom h5{

 color: #fff!important;

 font-style: normal;

 font-weight: 700;

 font-size: 13px;

 margin-top: 0;

 margin-bottom: 10px;

 text-transform: uppercase!important;

}





#bottom ul {

  list-style: none;

  padding: 0;

  margin: 0;

}



#bottom ul li {

  display: block;

  padding: 5px 0;

}



#bottom ul li a {

  color: #FFF;

}



#bottom ul li a:hover {

  color: #FFF;

}



#bottom .widget {

  margin-bottom: 0;

}



.textwidget{

 word-wrap: break-word;

 margin:1px;

}



.shirt-size-label{

  text-align: right;

  padding-top: 5px;

}



.shirt-size-table td{

  padding: 5px!important;

}



.shirt-size-table input{

  width:100px;

}



.jacket-size-label{

  text-align: right;

  padding-top: 5px;

}



.jacket-size-table td{

  padding: 5px!important;

}



.jacket-size-table input{

  width:100px;

}

.gift {

  color: #305AA5;

  padding-top: 10px;

  font-size: 13px;

  font-family: 'Merriweather', serif;

}



.join-now-btn, .join-now-btn:visited, .join-now-btn:hover, .join-now-btn:active {

  position: relative;

  display: inline-block;

  width: auto;

  height: 39px;

  line-height: 39px;

  margin: 0;

  padding: 0 23px;

  border: 2px solid #303030;

  border-top-color: rgb(48, 48, 48);

  border-right-color: rgb(48, 48, 48);

  border-bottom-color: rgb(48, 48, 48);

  border-left-color: rgb(48, 48, 48);

  font-size: 13px;

  font-weight: 700;

  font-family: inherit;

  text-align: left;

  color: #FFF;

  text-decoration: none;

  cursor: pointer;

  white-space: nowrap;

  outline: 0;

  font-style: normal;

  text-transform: uppercase;

  letter-spacing: 1px;

  -o-border-radius: 4px;

  -moz-border-radius: 4px;

  -webkit-border-radius: 4px;

  -ms-border-radius: 4px;

  border-radius: 4px;

  text-shadow: none;

  background-color: transparent;

  -webkit-transition: color .1s linear,background-color .1s linear,border-color .1s linear;

  -moz-transition: color .1s linear,background-color .1s linear,border-color .1s linear;

  -ms-transition: color .1s linear,background-color .1s linear,border-color .1s linear;

  -o-transition: color .1s linear,background-color .1s linear,border-color .1s linear;

  transition: color .1s linear,background-color .1s linear,border-color .1s linear;

  -webkit-box-sizing: initial !important;

  -moz-box-sizing: initial !important;

  box-sizing: initial !important;

}

.how_completing_disabled {

  background-color: #cecfd2;

}

#footer {

  padding-top: 20px;

  padding-bottom: 20px;

  color: #fff;

  background: #305AA5;

  text-align: center;

  font-family: 'Raleway', sans-serif;

  font-size: 12px;

  line-height: 22px;

}



#footer a {

  color: #fff;

}



#footer a:hover {

  color: #305AA5;

}



#footer ul {

  list-style: none;

  padding: 0;

  margin: 0;

}



#footer ul > li {

  display: inline-block;

  margin-left: 15px;

}



.q_social_icon_holder.normal_social {

  margin: 0 6px;

}



.bs-wizard {margin-top: 40px;}



/*Form Wizard*/

.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}

.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}

.bs-wizard > .bs-wizard-step + .bs-wizard-step {}

.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 13px; margin-bottom: 5px;}

.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #ACBFE1; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #305AA5; border-radius: 50px; position: absolute; top: 8px; left: 8px; }

.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}

.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #305AA5;}

.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}

.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}

.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}

.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}

.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}

.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}

.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }

/*END Form Wizard*/



/* Modal Styling*/



.modal-header-success {

    color:#fff;

    padding:9px 15px;

    border-bottom:1px solid #eee;

    background-color: #5cb85c;

    -webkit-border-top-left-radius: 5px;

    -webkit-border-top-right-radius: 5px;

    -moz-border-radius-topleft: 5px;

    -moz-border-radius-topright: 5px;

     border-top-left-radius: 5px;

     border-top-right-radius: 5px;

}

.modal-header-warning {

  color:#fff;

    padding:9px 15px;

    border-bottom:1px solid #eee;

    background-color: #f0ad4e;

    -webkit-border-top-left-radius: 5px;

    -webkit-border-top-right-radius: 5px;

    -moz-border-radius-topleft: 5px;

    -moz-border-radius-topright: 5px;

     border-top-left-radius: 5px;

     border-top-right-radius: 5px;

}

.modal-header-danger {

  color:#fff;

    padding:9px 15px;

    border-bottom:1px solid #eee;

    background-color: #d9534f;

    -webkit-border-top-left-radius: 5px;

    -webkit-border-top-right-radius: 5px;

    -moz-border-radius-topleft: 5px;

    -moz-border-radius-topright: 5px;

     border-top-left-radius: 5px;

     border-top-right-radius: 5px;

}

.modal-header-info {

    color:#fff;

    padding:9px 15px;

    border-bottom:1px solid #eee;

    background-color: #5bc0de;

    -webkit-border-top-left-radius: 5px;

    -webkit-border-top-right-radius: 5px;

    -moz-border-radius-topleft: 5px;

    -moz-border-radius-topright: 5px;

     border-top-left-radius: 5px;

     border-top-right-radius: 5px;

}

.modal-header-primary {

  color:#fff;

    padding:3px 17px;

    border-bottom:1px solid #eee;

    /*background-color: #1E5AA6;*/
    background-color: #233f8e;

    -webkit-border-top-left-radius: 5px;

    -webkit-border-top-right-radius: 5px;

    -moz-border-radius-topleft: 5px;

    -moz-border-radius-topright: 5px;

     border-top-left-radius: 5px;

     border-top-right-radius: 5px;

}

.modal-header-title{

  float: left !important;

  margin-left: -3px;

}



.modal-header-text{

  position: relative;

  top: 17px;

  left: 30px;

}



.has-error {

  border-color: red;

}

.error-title {

  color: #305AA5 !important;

  font-family: unset;

}



/* END Modal Styling*/



@media(max-width: 1310px){

   .navbar-brand img

  {

    width: 120px;

  }

}



@media (max-width: 1024px){

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

}



@media(max-width: 585px){

  .navbar-brand img

  {

    width: 100px;

  }

}



@media (max-width: 450px){

  .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {font-size: 14px; }

}



@media (max-width: 350px){

  .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {font-size: 12px; }

}