html {
  height: 100%;
  box-sizing: border-box;
}
body {
position: relative;
  margin: 0;
  padding-bottom: 175px;
  min-height: 100%;
    font-family: sans-serif;
	font-weight: 300;
    color: #666;
    background-color: #0E0E0E;
	font-size: 16px;
    line-height: 1.6em;
	font-weight: 400;
}


p {
	font-size:16px;

}
.clear {
	clear: both;
}

.btn-primary {
  padding: 8px 20px;
  background: #fff;
  color: #000;
  border-radius: 0;
  border:none;
  margin-top: 10px;
}

.btn-primary:hover, 
.btn-primary:focus{
 
  outline: none;
  box-shadow: none;
} 


/* --- logo --- */
.site-logo {	
	margin-top:22px;
	margin-bottom:10px;
    float: left;
}

.site-logo a.brand {
	color: #3363A0;	
	font-size: 30px;
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	
}
.site-logo a.brand:hover {
	text-decoration:none;
}

/* ------- Navigation ------------ */

.navbar {
    margin-bottom: 0;
    border-radius: 0px !important;
    border: 0px !important;
}

.navbar-brand {
    font-family: 'Roboto', sans-serif;
    
}

.navbar-brand:focus {
    outline: 0;
}
.navbar-fixed-top ul.nav li a {
	font-size: 14px;
	letter-spacing: 3px;
    color: #000;
	text-transform: uppercase;
	font-weight: 700;
}

.navbar-fixed-top.top-nav-collapse ul.nav li a {
	    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	color: #003366;
}

.navbar-fixed-top ul.nav ul.dropdown-menu {
	  border-radius: 0;	
	margin-top: 21px;
	border-top: none;
}

.navbar-fixed-top ul.nav li a:hover ul.dropdown-menu {
	    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.navbar-fixed-top ul.nav ul.dropdown-menu li:last-child{
	border-bottom: none;
}

.navbar-fixed-top ul.nav ul.dropdown-menu li a {
	padding: 10px 20px;
}

.navbar-fixed-top.top-nav-collapse ul.nav ul.dropdown-menu li a {
	color: #666;
}

.navbar-fixed-top .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar-fixed-top .nav li a:hover,
.navbar-fixed-top .nav li a:focus,
.navbar-fixed-top.nav li.active {
    outline: 0;  
	color:#003366 !important;
}

.navbar-toggle {
    padding: 0px 0px;
    font-size: 18px;
    color: #000 !important;
    border: 0px;
    margin-top: 21px;
}


.navbar-toggle:focus,
.navbar-toggle:active {
    outline: 0;
    background-color:none  !important;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{	  
	 background:transparent !important;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #0e0e0e !important;
}

.home-sub-heading{
	color: #2e2e2e; 
	font-family: Segoe UI; 
	padding-left: 25px; 
	padding-right: 25px; 
	font-size: 16px; 
	text-align: center; 
	font-weight: 600; 
	padding: 15px; 
	text-transform: none;
	margin-bottom: 0px;
}
.slider {
	padding-top:50px;
}

.slider img {
    width: 100%; 
}

#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 #3363A0;;
  border-radius:50%;
  font-size: 30px;
  height: 50px;
  padding: 8px;
  position: absolute;
  top: 50%;
  width: 50px;
  color:#fff;
   background:#3363A0;
}

#carousel-slider a i:hover {
  background:#3363A0;
  color:#fff;
  border: 1px solid #3363A0;
}

#carousel-slider 
.carousel-control {
  width:inherit;
}

#carousel-slider .carousel-control.left i {
  left:70px
}

#carousel-slider .carousel-control.right i {
  right: 70px;
}

#carousel-slider
.carousel-control.left, 
#carousel-slider
.carousel-control.right {
  background: none;
}

.center h2{
  font-size: 30px;
  margin-top: 1px;
  margin-bottom: 10px;
  text-align:center;
  color:#3363A0;
}

#portfolio .lead {
	text-align:center;
	font-size:18px;
	margin-bottom:40px;
}

#portfolio {
	padding-top:40px;
	position:center;
}


.portfolio-items, 
.portfolio-filter {
  list-style: none outside none;
  margin: 0 0 40px 0;
  padding: 0;
}

.portfolio-filter > li {
  display: inline-block;
}

.portfolio-filter > li a {
  background: none repeat scroll 0 0 #FFFFFF;
  font-size: 14px;
  font-weight: 400;
  margin-right: 20px;
  text-transform: uppercase;
  transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
  border: 1px solid #F2F2F2;
  outline: none;
  border-radius: 0;
}

.portfolio-filter > li a:hover,
.portfolio-filter > li a.active{
  color:#fff;
  background: #3363A0 ;
  border: 1px solid #3363A0 ;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.portfolio-items > li {
  float: left;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.portfolio-item {
  margin: 0;
  padding:0;
}

/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}


.recent-work-wrap {
  position: relative;
}

.recent-work-wrap img{
  width: 100%;
}

.recent-work-wrap .recent-work-inner{
  top: 0;
  background: transparent;
  opacity: .8;
  width: 100%;
  border-radius: 0;
  margin-bottom: 0;
}

.recent-work-wrap .recent-work-inner h3{
  margin: 10px 0;
}

.recent-work-wrap .recent-work-inner h3 a{
  font-size: 24px;
  color: #fff;
}

.recent-work-wrap .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: 0;
  background: #333;
  color: #fff;
  vertical-align: middle;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;  
  padding: 30px;
}

.recent-work-wrap .overlay .preview {
  bottom: 0;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  border-radius: 0;
  background: transparent;
  text-align: center;
  color: #fff;
}

.recent-work-wrap:hover .overlay {
  opacity: 1;
}

#about  {
	margin-top:80px;
	margin-bottom:40px;
}

#about .lead {
	text-align:center;
	font-size:18px;
	margin-bottom:50px;
}

#about  img {	
	margin-bottom:40px;
}

.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: 20px;
  border-top: 1px solid #fff;
}

.panel-group .panel{
  border-radius: 0;
}

.panel-heading{
	border-radius: 0;
}

.panel-title>a{
  color: #4e4e4e;
}

.accordion-inner img{
  border-radius: 4px;
}


.panel-heading.active{
  background: #1f1f20;
}

.panel-heading.active .panel-title>a{
  color:#fff;
}

a.accordion-toggle  i{
  width: 40px;
  line-height: 38px;
  font-size: 20px;
  margin-top: -10px;
  text-align: center;
  margin-right: -15px;
  background: #3363A0;
  color:#fff;
}

.panel-heading.active a.accordion-toggle i{
  background: #3363A0;
  color: #fff;
}

.panel-heading.active a.accordion-toggle.collapsed i{
  background: #3363A0;
  color: #fff;
}

#features {
	margin-top:50px;
	padding:50px;
	text-align:center;
}

#features .lead {
	text-align:center;
	font-size:18px;
	margin-bottom:50px;
}

#features img {
	border-radius:30%;
	margin-top:30px;
	margin-bottom:40px;
}

/* --- Map --- */
.map{
	position:relative;
	padding-top:50px;
	margin-top:50px;
	
}
/* google map */
#google-map{
    position:relative;
    height: 400px;
}

.contact-page{
  padding-top: 80px;
  background:#eee;
  margin-top:-10px;
}

.contact-page .contact-form 
.form-group label {
  color: #4E4E4E;
  font-size: 16px;
  font-weight: 300;
}

.form-group .form-control {
  padding: 0 2px;
  border-color:#f2f2f2;
  box-shadow: none;
  border-radius:0;
}

textarea#message{
  resize: none;
  padding: 10px;
}

.contact-page .contact-wrap {
  margin-top: 20px;
}

.validation {
    color: red;
    display:none;
    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;
}

#footer {
  
  color: #000;
  
}

#footer a {
  color: #000;
}

#footer a:hover {
  color: #000;
}

#footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align:center;
}

#footer ul > li {
	margin-top:20px;
	margin-bottom:30px;
  display: inline-block;
  margin-left: 15px;
  text-align:center;
}
.midnight-blue {
	text-align:center;

}

.text-center {
	margin-bottom:20px;
	font-size:20px;

}


p.small {
	font-size: 12px;
	line-height: 1.5em;
}
.bar {
	background: #fff;
    margin: 0;    
 
    padding: 10px;
        color: #3C3C3C;
    font-size: 20px;
    line-height: 24px;
   
    font-weight: 400;
}
.site-logo a.brand {
	color: #3363A0;
}
 
.list-group-item {
	padding: 3px 15px 3px 10px;	
}
.list-group {
	font-size: 15px;
}
.list-group-item span {
	color: #d1817b;
	margin-right: 4px;
}
form .box {	 
	margin: 5px;
	border: 1px solid #aaa;	
}
.box {
    margin: 5px;
    border: 1px solid #aaa;
}
.step-bar {
	text-align: center;
	margin: 0;
	padding: 4px 0;	 
	color: #2e2f5c;
	font-size: 20px;
    line-height: 24px;
 
    font-weight: 400; 
    border-bottom: 1px solid #ccc;
}
.btn-blue {
  background-color: #e71921;
  color: #FFF;
 
  border-radius: 0px !important;
  
}
.btn-blue:hover {
	 background-color: #e71921 !important;
	color: #EEE;
}
.btn-full-width {
	width: 100px;
}
.radio, .checkbox {
	margin: 10px 0 20px 10px;
}
.checkbox {
	font-size: 14px;
}
.radio p {
	font-size: 13px;
	line-height: 1.3em;
	margin: 0 20px;
}
.faq h4 {
margin-top: 40px;
	text-decoration: underline;
}
form .box table td {
	padding-right: 15px;
}
.form-label {
	text-align: right;
}
.form-label label {
	font-weight: 400;
	font-size: 15px;
	margin-right: 5px;
}
.box table {
	width: 100%;
}
.box table td.form-label {
	padding-right: 0;
}
.box h4 {
	font-size: 20px;
}
.footer {
	font-size: 12px ;
	 
}
.footer p {
	font-size: 12px;
	line-height: 1.5em;
}
.footer ul li {
	margin: 0;
	line-height: 1.3em;
}
input.error {
	border: solid 1px red;
}
label.error {
	color: red;
	font-weight: normal;
}
.radio label.error, .checkbox label.error {
	padding: 0;
}
.secure-form {
	float: right;
	font-size: 14px;
  line-height: 28px;
}
.secure-form img {
	height: 20px;
	margin-right: 6px;
	margin-top: -5px;
}
.checkout h5 {
    font-weight: 600;
}

.checkout-price{
	margin-top: 50px;
}
#radio{
	text-align: center;
	 display: block;
}
.choose_address p {
	margin: 10px 0 10px 0;

}
.choose_address label {
	font-weight: normal;
	font-size: 12px;
	margin-right: 10px;
}
#card-element {
	background: #f9f9f9;
	padding: 10px;
	border-radius: 5px;
}
.submit-button {
	margin-top: 10px;
}
.margin-top-20 {
	margin-top: 20px;
}
#card-label {
	font-weight: normal;
	margin: 10px 0 0 0;
}
.brand img {
	height: 40px;
}
.charge-text {
	font-size: 12px;
	line-height: 1.3em;
}
.charge-text-main {
	line-height: 1.3em;
}
.fingerprint {
	float: left;
	width: 80px;
}
.billing-why {
	margin-bottom: 20px;
}
.billing-why p {
	font-size: 10px;
	line-height: 1.4em;
}

#footer {
	position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 42px;
  font-size: 12px;
  color: #eee;
}
 
table input, table select {
	margin-bottom: 6px;
}
.form-control {
	background-color: #eee;
    opacity: 1;
    color: #000;
    border: 1px solid #ccc;
    padding-left: 5px;
    border-radius: 0px;
}
select.form-control {
	padding: 0 12px;
	border-radius: 0;
}
.edit {
	color: #FFF;
	font-size: 14px;
	margin-right: 10px;
	margin-top: 2px;
	text-decoration: underline;
}
.edit:hover {
	color: #FFF;
}

.ssl, .privacy, .safe {
	height: 38px;
	margin: 10px 10px 0 0;
}
#start_forwarding label, #stop_forwarding label , #stopforwarding label{
	font-size: 12px;
	line-height: 12px;
}
.error-bar {
	background: #ec2f22;
  display: block;
  width: 100%;
  color: #FFF;
  padding: 6px 0;
  font-size: 13px;
  text-align: center;
}
.modal-body h2 {
	margin: 0;
}
.address-confirm h3 {
	font-size: 20px;
	margin: 0;
}

.address-confirm p {
	font-size: 13px;
	line-height: 14px;
}
.address-confirm {
	border: solid 1px #96b4d0;
	background: #e4eef7;
	position: relative;
	margin: 30px 5px 5px 5px;
	padding: 10px 0 5px 0;
}
.address-confirm h2 {
	margin: 0;
  font-size: 15px;
  position: absolute;
  top: -19px;
	left: 0px;
}
.address-confirm em {
	font-size: 12px;
}
.billing {
	background: #EEEEEE;
}
.billing .form-group .form-control {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
      -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,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.checkout-billinginfo{
	padding-top: 20px; 
	font-size: 20px; 
	color: #2e2f5c; 
	font-family: Segoe UI;
}
.billing h4 {
	margin-left: 20px;
}
.payment-errors {
	display: block;
  text-align: center;
  color: #ec3427;
}
.form-group .form-control {
	border: 1px solid #ccc;
}
.logo-spacer {
	width: 54px;
}
 
#payment-form label {
	margin-bottom: 0;
}
#payment-form .form-group .form-control {
	border-radius: 5px;
  padding: 6px 12px;
  height: inherit;
}
#payment-form .form-group .form-control:Focus,#payment-form .form-group .form-control:ACTIVE{
	  border-color: #3363A0 !important;
}
.security-code {
	display: block;
  width: 100%;
  height: 34px;
  font-size: 14px;
  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,-webkit-box-shadow ease-in-out .15s;
  -o-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;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  -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,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	border-radius: 5px;
  width: 100%;
	
	display: table;
}
.security-code input {
	 padding: 6px 12px;
	 background: transparent;
	 border: none;
	 width: 100%;
}
.security-code input:focus {
	outline: 0;
}
.security-code img {
	height: 27px;
	padding: 5px 5px 0 0;
}

.security-box img {
	position: absolute;
	top: 7px;
	right: 23px;
	height: 21px;
}
 
#payment-form .form-group .security-box .form-control{
	padding-right: 47px;
}

.payment-item-heading{
	font-family: Segoe UI; 
	font-size: 18px; 
	padding-left: 0px; 
	font-weight: 500; 
	color: #000;
}

.payment-item-cost{
	font-family: Segoe UI; font-size: 16px; font-weight: 400; color: #000; margin-top: 10%;
}
.payment-item-desc{
	font-family: Segoe UI;  
	font-size: 14px; 
	padding-left: 0px; 
	margin-bottom: 0px;
	line-height: 14px;
}

.accordion {
  background-color: #eee;
  color: #000;
  font-weight:bold;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  margin-top: 5px;
}

.active, .accordion:hover {
  background-color: #ccc; 
}

.panel {
  padding: 5px;
  display: none;
  background-color: white;
  overflow: hidden;
}
button.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}
button.accordion.active:after {
    content: "\2212";
}



@media ( max-width : 480px) {
	 .navbar-brand {
    background: url(../images/logo.png?180219) 5px 10px no-repeat !important;
    padding: 5px 10px !important ;    
    background-size: 33% !important;
}

.navbar-brand span {    
   /* margin-left: 60px !important;*/
   font-size: 12px !important;
}

.payment-item-heading{
	font-size: 12px; 
}

.payment-item-cost{
	 font-size: 13px;  
	  margin-top: 20%
}
.payment-item-desc{  
	font-size: 11px; 
	padding-right: 0px; 
	 
} 
.about-us{
	padding-left: 2px !important;
	padding-right:2px !important;
}
.checkout-billinginfo{ 
	font-size: 16px;  
}

}

@media (min-width: 768px){
	form .box {
		min-height: 640px;
	}
	.headline {
		padding-top: 60px;
	}
	.address-confirm {
		margin: 30px 30px 30px 30px;
		padding: 20px;
	}
	.ssl, .privacy, .safe {
		height: 55px;
		margin: 10px 10px 0 0;
	}
}
@media (min-width: 992px){
	form .box {
		min-height: 640px;
	}
	#start_forwarding label, #stop_forwarding label , #stopforwarding label {
		font-size: 15px;
		line-height: 15px;
	}
}
@media (min-width: 1200px){
	form .box {
		min-height: 640px;
	}
}

@import "//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css";
@import "http://fonts.googleapis.com/css?family=Roboto:400,500";

.box > .icon { text-align: center; position: relative; }
.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #3363A0; vertical-align: middle; }
.box > .icon:hover > .image { background: #333; }
.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
.box > .icon:hover > .image > i { color: white !important; }
.box > .icon > .info { margin-top: -24px; background: rgba(0, 0, 0, 0.04); border: 1px solid #e0e0e0; padding: 8px 5px 10px 8px; min-height: 250px; }
.box > .icon > .info table{text-align: left;}
.box > .icon:hover > .info { background: rgba(0, 0, 0, 0.04); border-color: #e0e0e0; color: white; }
.box > .icon > .info > h3.title { font-family: "Roboto",sans-serif !important; font-size: 16px; color: #222; font-weight: 500; }
.box > .icon > .info > p { font-family: "Roboto",sans-serif !important; font-size: 13px; color: #666; line-height: 1.5em; margin: 20px;}
.box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a { color: #222; }
.box > .icon > .info > .more a { font-family: "Roboto",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
.box > .icon:hover > .info > table { font-family: "Roboto",sans-serif !important; font-size: 16px; color: #222; font-weight: 500; color: #3363A0; padding: 6px 8px;}
.box > .icon > .info table b{font-weight: 600 !important;}
.box .space { height: 30px; }
.box table td {
    padding: 3px 0px 3px 2px;
}

.haderinfo {
	width: 100%;	 
	background-color: white;	
}

.haferinfoleft{
	padding-top: 20px;
	text-align: right;
}

.haferinforight{
	padding-top: 20px;
	line-height: 24px;
    color: #38397c;
    font-size: 24px;        
    font-weight: 400;
    font-family: Segoe UI;
    float: left;
}
.haferinforight p{
	font-size: 11px;
    line-height: 18px;
    color: #000000;
}
   
.rightheaderline{
	border-left: #2e2f5c 1px solid;
	 height:70px; 
	width: 9px;
	float: left;
	margin-bottom: 10px;
    margin-top: 10px;   
}

.rightheadertext p{
	margin-left: 5px;
	color: #ffffff;
    font-size: 16px;
    padding: 0px;
    margin-bottom: 5px;
    margin-top: 5px;    
    font-family: Segoe UI;
    line-height: 20px;
}

.orderinfo{
	width: 100%;
	/*height: 51px;*/
	background-color: #3363A0;
	 filter: alpha(opacity=80);
   
	padding: 10px;
	color:  #fff;
}

.footerinfo{
	background-color: #AAAAAA;
	padding: 10px;
	color:  #000000;
}

.circle {
   width: 25px;
    height: 25px;
    border-radius: 50% !important;
    color: #fff;
    line-height: 25px;
    font-size: 20px;
    text-align: center;
    background: #aeaeae;
    /* float: left; */ 
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

.circle-inactive {
    width: 25px;
    height: 25px;
    border-radius: 50% !important;
    color: #c9c4c4;
    line-height: 25px;
    font-size: 20px;
    text-align: center;
    background: #aaa;     
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
}

.circle-normal {
 width: 25px;
    height: 25px;
    border-radius: 50% !important;
    color: #c9c4c4;
    line-height: 25px;
    font-size: 20px;
    text-align: center;
    background: #aaa;     
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
}

.nav-text{
	 color: #fff; 
    line-height: 26px;
    font-size: 18px;
    font-family:Segoe UI;
    margin-left: auto;
    margin-right: auto;
     text-align: left;
}

.nav-text-inactive{
	color: #bdb5b5;
    line-height: 26px;   
    font-size: 18px;
    margin-left: 40px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    font-family: Segoe UI;
}


.nav-text-normal{
	 color: #bdb5b5;
    line-height: 26px;
    font-size: 18px;
    margin-left: 40px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
.btn-pay {
    background-color: #c73226;
    color: #FFF;
    font-size: 15px;
    
}
.btn-primary:hover{
    
    color: #FFF !important;;
    background-color: #0585be;
}

.change-of-address-container{
	background-color: #fff;
	 
}

.change-of-address {
    background-color: #ffffff;
    background-size: cover;
    min-height: 500px;
    color: #000;
    font-size: 12px;
    margin: 0;
}

.payment {
	 background: url(../images/pay-bg.jpg) 0 0 no-repeat;
    background-size: cover;
    min-height: 500px;
    color: #000;
    font-size: 12px;
    margin: 0;	
}

.confirmation{
	background-color: #fff;
    background-size: cover;
    min-height: 500px;
    color: #000;
    font-size: 12px;
    margin: 0;
}
.modal-title{
	 
	font-size: 1.25em;
	color: #fff;
	font-style: normal;
	text-align: left;
	line-height: 1.07em;
	letter-spacing: 0em.
	
}

.orderinfo-general{
	width: 100%;
    height: 38px;
    background-color: #2e2f5c;
    padding: 10px;
    color: #fff;
}
.about-us{
	padding-left: 30px;
	padding-right: 30px;
	width: 100%;
}

.redstrip{
	background: url(../images/Layer1.png) 0 0 no-repeat;
	background-size: cover;	
	height: 209px;	 
}


.general-info {
	 background: url(../images/Layer4.png) 0 0 no-repeat;
	 background-size: cover;
	 height: 209px;
	 margin-top: 50px;	 
	 padding-right: 0px;
}

.index-heading {
	font-size: 20px; 
	color: #2e2f5c; 
	font-family: Segoe UI;
}

.steps-subheading {
	padding-left: 0px;
}

.customprice{
	background: url(../images/Shape_1.png); 
	min-height: 71px;
   background-repeat: no-repeat; 
   background-position:right;
   background-size: 100px 70px; 
   text-align: center;
       padding-top: 10px;
    padding-left: 135px;
}
 

.customPriceP{
	display: inline;
	padding-right: 15px;
}

@font-face {
  font-family: "Segoe UI Semibold";
  src: url("../fonts/d4d6e1a6527a21185217393c427a52cb.eot"); /* IE9*/
  src: url("../fonts/d4d6e1a6527a21185217393c427a52cb.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../fonts/d4d6e1a6527a21185217393c427a52cb.woff2") format("woff2"), 
  url("../fonts/d4d6e1a6527a21185217393c427a52cb.woff") format("woff"), 
  url("../fonts/d4d6e1a6527a21185217393c427a52cb.ttf") format("truetype"), 
  url("../fonts/d4d6e1a6527a21185217393c427a52cb.svg#Segoe UI Semibold") format("svg"); 
}

@font-face {
  font-family: "Aladin";
  src: url("../fonts/Aladin-Regular.ttf");   
}

.logoMain{
	padding-top:10px;
	color: #B40C31;
    text-decoration: none;
        text-transform: capitalize;
    font: italic bold 22px "Myriad Pro", "Myriad Pro Cond", Arial, Helvetica, sans-serif;
}
 
.logoMain p { 
	padding:5px;
    color: #000000;
    font: italic 15px "Myriad Pro", "Myriad Pro Cond", Arial, Helvetica, sans-serif;
    line-height: 11px;
    text-transform: capitalize;
}


@media ( max-width : 480px) {
	 .index-heading {
	font-size: 16px !important; 
	font-weight: 500; 
	}
	
	.steps-subheading {
	padding-left: 10px !important;
   }
   
   .navbar-brand span {
       margin-top: 15px !important;
   }
   .navbar{
   	background-color: #ffffff !important;
   }
   .sub-nav{
   	min-height: 0px;
   }
   
   .home-sub-heading{
	color: #2e2e2e; 
	font-family: Segoe UI; 
	padding-left: 25px; 
	padding-right: 25px; 
	font-size: 11px; 
	text-align: center; 
	font-weight: 600; 
	padding: 2px; 
	text-transform: none;
	margin-bottom: 0px;
}
.navbar-toggle{
	margin-top: 21px;
}

.customprice{ 
    background-size: 78px 55px; 
    padding-left: 75px;
}

}

@media (min-width: 768px){
	.container  {
    width: 768px !important;
}
}