/* ==============================================================

Template name : Oreg modern and multi purpose landing page
Categorie : Landing page
Author : Nce18cex
Version : v1.0.0
Created : 08 July 2014
Last update : 15 July 2014

-----------------------------------------------------------------
CSS structure
-----------------------------------------------------------------

01. Typography
02. Navbar
03. Accordion
04. Alert
05. Modal
06. Form
07. Pager
08. Button

============================================================== */

/*
Typography
======================= */
body {
	background:#191e21;
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	font-weight:400;
	font-size:14px;
	line-height:24px;
	padding:0;
	margin:0;
}

section,
#inner-page{
	overflow:hidden;
}

p{
	margin:0 0 20px 0;
}

a,
a:active,
a:focus,
a:hover{
 outline:none;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6{
	font-family: 'Open Sans', sans-serif;
	/*text-transform:uppercase;*/
	margin:0 0 20px 0;
	font-weight:600;
	/*text-transform:uppercase;*/
}

h1{
	font-size:53px;
	line-height:68px;
}

h2{
	font-size:40px;
	line-height:58px;
}

h3{
	font-size:32px;
	line-height:45px;
}

h4{
	font-size:24px;
	line-height:36px;
}

h5{
	font-size:18px;
	line-height:28px;
}

h6{
	font-size:14px;
	line-height:22px;
	margin-bottom:10px;	
}

ul{
	padding-left:15px;
}

ul.list{
	padding-left:0;
}

ul.list li{
	list-style:none;
	font-size:16px;
}

.alignleft{
	float:left;
	margin:5px 20px 20px 0;
}

.alignright{
	float:right;
	margin:5px 20px 0 20px;
}

.light-text{
	font-weight:300;
}

.normal-text{
	font-weight:400;
}

.bold-text{
	font-weight:700;
}

.img-responsive{
	max-width:100%;
	height:auto;
	display:inline-block;
}

.relative{
	position:relative;
}

.absolute{
	position:absolute;
}

code {
  border-radius: 8px;
  border:1px solid #c7254e;
}

pre {
  border-radius: 10px;
  background:none;
  border:3px solid #fff;
  padding:20px;
  color:#fff;
}

blockquote{
	border:none;
	padding:0;
	margin:0;
	font-size:14px;
	background:url(../img/quote.png) no-repeat 0 0;
	padding-left:20px;
	margin-bottom:20px;
}

/*
Navbar
=========================== */
.navbar {
  min-height: 60px;
  font-weight:400;
  padding:0;
  margin-bottom: 0;
  border:0;
  border-radius: 0;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}

.navbar-default {
  float:left;
  width:100%;
  border:none;
  background:#111213;
  border-bottom:3px solid #0d0d0f;
}

.navbar-header{
	float:none !important;
	margin:0;
	padding-top:15px;
}
/* for new chages of sign up process*/
.navbar-brand{
	float: none !important;
}

#signup{
	background: #111213 none repeat scroll 0 0 !important;
}

.custom_btn{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    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: 1px;
    background: #cdcdcd;
}
.nxtbtn{
    display: inline-block;
    padding: 6px 12px;
    margin-top: 20px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    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: 1px;
    background: #f78c00;
    color: #fff;
}
.form-group {
	margin-bottom: 5px !important;
}
.form-wrapper{
	padding: 25px 50px !important;
}
.form-wrapper .form-control {
	border-radius: 1px !important;
	height: 30px !important;
	border: 1px solid #ddd !important;
}
button[disabled], html input[disabled] {
	color:#969696;
}
.empty-div{
	height:15px;
	background:#6c6c6c none repeat scroll 0 0;
}
.step-div{
	margin:10px 0; 
	font-size:16px;
}
.content-div{
	background:#e9e8ed; 
	margin-top:20px; 
	padding:25px !important;
}
.fieldset-custom{
	background:#fff; 
	margin-bottom:10px;
}
.fieldset-title{
	font-weight: bold; 
	margin-bottom:10px;
}
#privacy_iframe,#terms_iframe{
	border: 2px solid #ddd;
	padding:10px;
}
/* end new changes of sign up process*/

.logo{
	float: left;
	margin:0;
	padding:0;
}

.menu-bar{
	float:right;
	font-size:24px;
	margin-top:15px;
}

.menu-bar a{
	color:#fff;
	display:inline-block;
	font-size:18px;
	line-height:18px;
}

.nav-bar{
	margin:0;
	padding:0;
	float:left;
	width:100%;
	border-left:1px solid #2d2c31;
}

.nav-bar li{
	margin:0;
	padding:40px 0 40px 0;
	float:left;
	width:20%;
	list-style:none;
	border-right:1px solid #2d2c31;
	border-top:1px solid #2d2c31;
	text-align:center;
}

.nav-bar li a{
	color:#a1a1a3;
	display:block;
	font-size:18px;
	line-height:24px;
	text-align:center;
	font-weight:400;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.nav-bar li a:focus,
.nav-bar li a:active,
.nav-bar li a:hover{
	text-decoration:none;
	outline:none;
}

.nav-bar li a i{
	width:72px;
	height:72px;
	border:3px solid #a1a1a3;
	border-radius:50%;
	font-size:38px;
	line-height:64px;
	margin-bottom:10px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/*
Accordion
======================= */
.style1 .accordion-heading a,
.style2 .accordion-heading a{
	position:relative;
	background:#e4e8ea;
	color:#1b2838;
	display:block;
	padding:20px 0 20px 50px;
	border-radius:40px;
	margin-bottom:3px;
	font-size:16px;
	line-height:12px;
	font-weight:700;
	border:none;
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;	
}

.primary-bg .style2 .accordion-heading a{
	color:#fff;
	background:none;
	border:3px solid #fff;
}

.secondary-bg .style2 .accordion-heading a{
	color:#1b2838;
	background:none;
	border:3px solid #1b2838;
}

.style1 .accordion-heading a i,
.style2 .accordion-heading a i{
	position:absolute;
	font-size:32px;
	line-height:32px;
	top:10px;
	left:15px;
}

.style1 .accordion-heading a:hover,
.style1 .accordion-heading a:focus,
.style2 .accordion-heading a:hover,
.style2 .accordion-heading a:focus{
	text-decoration:none;
}

.style1 .accordion-heading a:hover{
	text-decoration:none;
	color:#fff;
}

.style1 .accordion-inner,
.style2 .accordion-inner{
	position:relative;
	background:#e4e8ea;
	color:#1b2838;
	padding:20px;
	margin:0 0 20px 0;
	border-radius:20px;
}

.primary-bg .style2 .accordion-inner{
	background:none;
	border:3px solid #fff;
	color:#fff;
}

.secondary-bg .style2 .accordion-inner{
	background:none;
	border:3px solid #1b2838;
	color:#1b2838;
}

/*
Alert
======================= */
.alert {
  padding:10px 30px 10px 30px;
  margin-bottom: 20px;
  border: 3px solid #fff;
  border-radius: 50px;
  background:none;
}

.alert-warning{
	border-color:#da9221;
	color:#da9221;
	background:#fae5b1;
}

.alert-info{
	border-color:#4092b1;
	color:#4092b1;
	background:#b8e3f3;
}

.alert-danger{
	border-color:#c43a23;
	color:#c43a23;
	background:#ffc7be;
}

.alert-success{
	border-color:#71a73d;
	color:#71a73d;
	background:#d2f4b0;
}

/*
Modal
======================= */
.modal {
  z-index: 9999999;
}
 
.modal-dialog {
  padding: 20px;
  width:80%;
}

.modal-content {
  float:left;
  position: relative;
  background-color: #253447;
  border:none;
  border-radius: 20px;
  color:#fff;
  padding:10px;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-clip: padding-box;
}

#myModalLabel{
	margin:0;
}

/*
Form
=========================== */
.form-control:-moz-placeholder {
  color: #fff;
}

.form-control::-moz-placeholder {
  color: #fff;
}

.form-control:-ms-input-placeholder {
  color: #fff;
}

.form-control::-webkit-input-placeholder {
  color: #fff;
}

.form-control {
  display: block;
  width: 100%;
  height: 60px;
  padding: 10px 25px;
  font-size: 18px;
  line-height: 1.428571429;
  color: #fff;
  background-color:none;
  border: 5px solid #fff;
  border-radius: 40px;
  background:none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: none;
          transition: none;
}

.form-control:focus {
  border-color: #fff;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

textarea.form-control{
  border-radius: 20px;
}

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

.inner-wrapper .form-control:-moz-placeholder {
  color: #1c1b1e;
}

.inner-wrapper .form-control::-moz-placeholder {
  color: #1c1b1e;
}

.inner-wrapper .form-control:-ms-input-placeholder {
  color: #1c1b1e;
}

.inner-wrapper .form-control::-webkit-input-placeholder {
  color: #1c1b1e;
}

.inner-wrapper .form-control{
	border:1px solid #7e7e7e;
	color:#161616;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

/*
Pager
================================== */
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid #828384;
  border-radius: 2px;
}

.pager li > a:hover,
.pager li > span:hover{
	color:#fff;
}
/*
Button
=========================== */
.btn,
.btn:focus{
	background:none;
	border-radius:40px;
	border:3px solid #fff;
	font-weight:700;
	font-size:20px;
	line-height:22px;
	padding:5px 25px 8px 25px;
	color:#fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.btn:focus {
  outline: none;
  outline: none;
  outline-offset: -2px;
  color:#fff;
}

.btn:hover {
  color: #1c1b1e;
  border:3px solid #fff;
  background:#fff;
  text-decoration: none;
}

.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow:none;
}

.btn-primary,
.btn-primary:focus{
	border:3px solid;
	color:#28252c;	
}

.btn-primary:hover{
	border:3px solid;
	color:#fff;
}

.btn-dark,
.btn-dark:focus{
	border:3px solid #28252c;
	color:#28252c;	
}

.btn-dark:hover{
	border:3px solid #28252c;
	background:#28252c;
	color:#fff;
}

.btn-bavel,
.btn-bavel:focus{
	color: #1c1b1e;
	background:#fff;
	border:3px solid #fff;
	border-bottom:3px solid #dbdbdb;
	border-radius:5px;
}

.btn-bavel:hover{
	color: #1c1b1e;
	background:#efefef;
	border:3px solid #efefef;
	border-bottom:3px solid #cccccc;
	border-radius:5px;
}

.btn-primary.btn-bavel,
.btn-primary.btn-bavel:focus{
	color:#fff;	
	border:3px solid;
	border-radius:5px;
}

.btn-dark.btn-bavel,
.btn-dark.btn-bavel:focus{
	color:#fff;	
	background:#28252c;
	border:3px solid #28252c;
	border-bottom:3px solid #1c1b1f;
	border-radius:5px;
}

.btn-dark.btn-bavel:hover{
	color:#fff;	
	background:#3c3941;
	border:3px solid #3c3941;
	border-bottom:3px solid #28272b;
	border-radius:5px;
}

.btn-sm{
	font-size:14px;
	line-height:18px;
	padding:5px 15px 5px 15px;
}

.btn-md{
	font-size:24px;
	line-height:36px;
	padding:10px 35px 15px 35px;
}

.btn-lg{
	font-size:24px;
	line-height:36px;
	padding:10px 35px 15px 35px;
}

@media only screen and (max-width: 767px) {
	.form-wrapper{
    	padding: 40px 20px 20px !important;
    }
}