ol.progtrckr {
    margin: 0;
    padding: 0;
    list-style-type none;
}

ol.progtrckr li {
    display: inline-block;
    text-align: center;
    line-height: 3.5em;
}

ol.progtrckr[data-progtrckr-steps="2"] li { width: 49%; }
ol.progtrckr[data-progtrckr-steps="3"] li { width: 33%; }
ol.progtrckr[data-progtrckr-steps="4"] li { width: 24%; }
ol.progtrckr[data-progtrckr-steps="5"] li { width: 19%; }
ol.progtrckr[data-progtrckr-steps="6"] li { width: 16%; }
ol.progtrckr[data-progtrckr-steps="7"] li { width: 14%; }
ol.progtrckr[data-progtrckr-steps="8"] li { width: 12%; }
ol.progtrckr[data-progtrckr-steps="9"] li { width: 11%; }

ol.progtrckr li.progtrckr-done {
    color: black;
    border-bottom: 4px solid #0a1b3e;
}
ol.progtrckr li.progtrckr-todo {
    color: silver; 
    border-bottom: 4px solid silver;
}

ol.progtrckr li:after {
    content: "\00a0\00a0";
}
ol.progtrckr li:before {
    position: relative;
    bottom: -2.5em;
    float: left;
    left: 50%;
    line-height: 1em;
}
ol.progtrckr li.progtrckr-done:before {
    content: "\2713";
    color: white;
    background-color:#0a1b3e;
    height: 2.2em;
    width: 2.2em;
    line-height: 2.2em;
    border: none;
    border-radius: 2.2em;
}
ol.progtrckr li.progtrckr-todo:before {
    content: "\039F";
    color: silver;
    background-color: white;
    font-size: 2.2em;
    bottom: -1.2em;
}



.hader
{
	position:relative;
	width:100%;
	display:inline-block;
	height:400px;
	overflow:hidden;
	z-index:94;
	
}
.hader video
{
	-webkit-filter: blur(5px);
    filter: blur(5px)
}
.hader-content
{
	position:absolute;
	top:0%;
	left:0%;
	background:rgba(59,89,152,0.7);
	width:100%;
	height:100%;
	z-index:94;
		
	
	
}
.navbar-default .navbar-nav > li > a img:hover
{
	opacity:0.5;
	transition:ease 0.5s;
}
.icons-part
{
	margin-top:4%;
}
.icons-part p
{
	display:inline-block;
	margin:0px 10px;
}
.icons-part p a
{
	display:inline-block;
	border:2px solid #fff;
	text-align:center;
	border-radius:100%;
	background:transparent;
	width:130px;
	height:120px;
	transition:ease 0.5s;
	color:#fff;
	padding-top:30px;
	text-decoration:none;
	font-size:14px;
	transform:scale(1.0,1.0);
}
.icons-part p a i
{
	font-size:20px;
}
.icons-part p a:hover
{
	transform:scale(1.1,1.1);
	transition:ease 0.5s;
	background:#3b5998;

}
.app-part
{
	z-index:100;
	text-align:center;
	
}
.white-box
{
	display:inline-block;
color:#fff;
padding:15px;
font-family:RobotoR;
font-size:24px;
}
.white-box h2
{
	margin-top:0px;
	line-height:1.30;
}
.body-part-1
{
	display:inline-block;
	width:100%;
	background:#f8f8f8;
	font-family:RobotoR;
	padding:40px 0px;
}
.margintop10
{
	margin-top:10px;
}
.body-part-1 .col-md-12.col-sm-12.text-center h2
{
	border-bottom:2px solid #3b5998;
	display:inline;
	font-weight:bold;
}
.margin20
{
	margin:20px 0px;
}
.body-part-2
{
		display:inline-block;
	width:100%;
	background:#fff;
	font-family:RobotoR;
	padding:40px 0px;
}
.icon
{
	padding:10px;
	color:#333;
}
.icon i:hover
{
	 -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
  color:#23527C;
}
.body-part-3
{
		display:inline-block;
	width:100%;
	background:#fff;
	font-family:RobotoR;
	padding-top:20px;
}
.margintop10parcent
{
	margin-top:10%;
}

.body-part-4
{
		display:inline-block;
	width:100%;
	background:#F8F8F8;
	font-family:RobotoR;
	padding:100px 0px;
}
.footer
{
	background:#0a1b3e;
	display:inline-block;
	width:100%;
	padding:40px 0px;
	color:#fff;
		font-family:Robotor;
}
.footer-social
{
	display:inline-block;
	margin:10px 0px;
	padding:0px;
}
.footer-social li
{
	display:inline-block;
	list-style:none;
}
.footer-social li a
{
	display:inline-block;
	color:#3c4366;
	font-size:30px;
	padding:0px 10px;
	transition:ease 0.5s;
}
.footer-social li a:hover
{
	color:#fff;
	transform:rotatey(360deg);
	transition:ease 0.5s;
}
.footer p{
	width:100%;

}

.footer p a
{
	color:#3c4366;
	font-size:14px;
	display:inline-block;
}
.footer p a:hover
{
	text-decoration:none;
	color:#fff;
	transition:ease 0.5s;
}
.footer .col-md-3.col-sm-3 h4
{
	color:#b8bfe2;
}
.copyright
{
	background:#18294c;
	color:#fff;
	display:inline-block;
	width:100%;
	margin:-6px 0px 0px 0px; 
}




.panel-login {
margin-bottom:0px;
}
.panel-login>.panel-heading {
	color: #00415d;
	background-color: #fff;
	border-color: #fff;
	text-align:center;
}
.panel-login>.panel-heading a{
	 color: #666;
    display: inline-block;
    font-size: 15px;
    padding: 10px 0;
    text-decoration: none;
    transition: all 0.1s linear 0s;
    width: 100%;
}
.panel-login>.panel-heading a.active{
	  background:#18294C;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    width: 100%;
}
.panel-login>.panel-heading hr{
	margin-top: 10px;
	margin-bottom: 0px;
	clear: both;
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.15),rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
	background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
}
.panel-login input[type="text"],.panel-login input[type="email"],.panel-login input[type="password"] {
	height: 45px;
	border: 1px solid #ddd;
	font-size: 16px;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.panel-login input:hover,
.panel-login input:focus {
	outline:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-color: #ccc;
}
.btn-login {
	background-color: #59B2E0;
	outline: none;
	color: #fff;
	font-size: 14px;
	height: auto;
	font-weight: normal;
	padding: 14px 0;
	text-transform: uppercase;
	border-color: #59B2E6;
}
.btn-login:hover,
.btn-login:focus {
	color: #fff;
	background-color: #53A3CD;
	border-color: #53A3CD;
}
.forgot-password {
	text-decoration: underline;
	color: #888;
}
.forgot-password:hover,
.forgot-password:focus {
	text-decoration: underline;
	color: #666;
}

.btn-register {
	background-color: #1CB94E;
	outline: none;
	color: #fff;
	font-size: 14px;
	height: auto;
	font-weight: normal;
	padding: 14px 0;
	text-transform: uppercase;
	border-color: #1CB94A;
}
.btn-register:hover,
.btn-register:focus {
	color: #fff;
	background-color: #1CA347;
	border-color: #1CA347;
}
.no-padding
{
	padding:0px;
}

section#contact {
    background-color:#3c4366;
    background-image: url('../img/map-image.png');
    background-position: center;
    background-repeat: no-repeat;
}
section {
    padding: 30px 0PX;
}
section#contact .section-heading {
    color: white;
}
section#contact .form-group {
    margin-bottom: 25px;
}
section#contact .form-group input,
section#contact .form-group textarea {
    padding: 20px;
}
section#contact .form-group input.form-control {
    height: auto;
}
section#contact .form-group textarea.form-control {
    height: 236px;
}
section#contact .form-control:focus {
    border-color: #fed136;
    box-shadow: none;
}
section#contact ::-webkit-input-placeholder {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #eeeeee;
}
.gellary_bg_none img{
	width: 100%;
	height: 250px;
}
section#contact :-moz-placeholder {
    /* Firefox 18- */
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #eeeeee;
}
section#contact ::-moz-placeholder {
    /* Firefox 19+ */
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #eeeeee;
}
section#contact :-ms-input-placeholder {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #eeeeee;
}
section#contact .text-danger {
    color: #e74c3c;
}

.about_our_company{
    text-align: center;
}
.about_our_company h1{
    font-size: 25px;
}
.titleline-icon {
    position: relative;
    max-width: 100px;
    border-top: 4px double #F99700;
    margin: 20px auto 20px;
}
.titleline-icon:after {
    position: absolute;
    top: -11px;
    left: 0;
    right: 0;
    margin: auto;
    font-family: 'FontAwesome';
    content: "\f141";
    font-size: 20px;
    line-height: 1;
    color: #F99700;
    text-align: center;
    vertical-align: middle;
    width: 40px;
    height: 20px;
    background: #ffffff;
}

.modal-footer{
	text-align:center !important; 
}

.navbar-nav > li p{
	    color: #FFF;
    font-size: 14px;
    padding: 20px 10px;
}

.navbar-nav > li p i{
	margin-right:10px; 
}

.list-store-wrapper .control-label{
	text-align: center !important;
}

.logo-bottom-wrapper{
	background-color:#FFF;
}

.logo-bottom-wrapper a{
	display: inline-block;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 15px;
	margin-top: 15px;
}

.logo-bottom-wrapper a img{
	width: 100%;
}

.logo-bottom-wrapper a img:hover
{
	transform:rotatey(360deg);
	transition:ease 0.5s;
}

.margin-top{
	margin-top:20px; 
}

.table>tbody>tr>td, .table>tfoot>tr>td{
    vertical-align: middle;
    text-align: left;
}

.table>tbody>tr>td.price-tag, .table>tfoot>tr>td.price-tag{
	text-align:center;
}

.cart-checkout-page{
	margin:0px;
	padding:0px;
	background-color:#FFF;
	border:1px solid #3b5998;   
}

.cart-wishlist-page{
	margin:0px;
	text-align:left;
	padding:15px;
	background-color:#FFF;
	border:1px solid #3b5998;  
}

.img-left-wishlist{
	width:100%;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
	background-color:transparent !important;
	color:#FFF;  
}

.list-group {border-radius: 0;}
.list-group .list-group-item {background-color: transparent;overflow: hidden;border: 0;border-radius: 0;padding: 0 16px;}
.list-group .list-group-item .row-picture,
.list-group .list-group-item .row-action-primary {float: left;display: inline-block;padding-right: 16px;padding-top: 8px;}
.list-group .list-group-item .row-picture img,
.list-group .list-group-item .row-action-primary img,
.list-group .list-group-item .row-picture i,
.list-group .list-group-item .row-action-primary i,
.list-group .list-group-item .row-picture label,
.list-group .list-group-item .row-action-primary label {display: block;width: 56px;height: 56px;}
.list-group .list-group-item .row-picture img,
.list-group .list-group-item .row-action-primary img {background: rgba(0, 0, 0, 0.1);padding: 1px;}
.list-group .list-group-item .row-picture img.circle,
.list-group .list-group-item .row-action-primary img.circle {border-radius: 100%;}
.list-group .list-group-item .row-picture i,
.list-group .list-group-item .row-action-primary i {background: rgba(0, 0, 0, 0.25);border-radius: 100%;text-align: center;line-height: 56px;font-size: 20px;color: white;}
.list-group .list-group-item .row-picture label,
.list-group .list-group-item .row-action-primary label {margin-left: 7px;margin-right: -7px;margin-top: 5px;margin-bottom: -5px;}
.list-group .list-group-item .row-content {display: inline-block;width: calc(100% - 92px);min-height: 66px;}
.list-group .list-group-item .row-content .action-secondary {position: absolute;right: 16px;top: 16px;}
.list-group .list-group-item .row-content .action-secondary i {font-size: 20px;color: rgba(0, 0, 0, 0.25);cursor: pointer;}
.list-group .list-group-item .row-content .action-secondary ~ * {max-width: calc(100% - 30px);}
.list-group .list-group-item .row-content .least-content {position: absolute;right: 16px;top: 0px;color: rgba(0, 0, 0, 0.54);font-size: 14px;}
.list-group .list-group-item .list-group-item-heading {color: rgba(0, 0, 0, 0.77);font-size: 20px;line-height: 29px;}
.list-group .list-group-separator {clear: both;overflow: hidden;margin-top: 10px;margin-bottom: 10px;}
.list-group .list-group-separator:before {content: "";width: calc(100% - 90px);border-bottom: 1px solid rgba(0, 0, 0, 0.1);float: right;}

.bg-profile{background-color: #3498DB !important;height: 150px;z-index: 1;}
.bg-bottom{height: 100px;margin-left: 30px;}
.img-profile{display: inline-block !important;background-color: #fff;border-radius: 6px;margin-top: -50%;padding: 1px;vertical-align: bottom;border: 2px solid #fff;-moz-box-sizing: border-box;box-sizing: border-box;color: #fff;z-index: 2;}
.row-float{margin-top: -40px;}
.explore a {color: green; font-size: 13px;font-weight: 600}
.twitter a {color:#4099FF}
.img-box{box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);border-radius: 2px;border: 0;}


.modal-content{
	min-width:350px; 
}

.modal-content .form-horizontal .control-label{
	margin-bottom:10px;
}

.modal-content .nav > li > a {
    position: relative;
    display: block;
    padding: 9px 5px;
}

@media (max-width:768px) {

ol.progtrckr[data-progtrckr-steps="5"] li{
	width:21%;
}

.icons-part p a{
	margin-bottom: 15px;
}

.hader {
    height: 532px;
    overflow: visible;
}

.hader video{
	height: 100%;
}

}

@media (max-width:767px) {
	ol.progtrckr[data-progtrckr-steps="5"] li{
		    width: 100%;
	}

	.hader {
    height:851px !important;
    overflow: visible;
}

.hader video{
	height:auto;
}
}

@media screen and (max-width: 600px) {
    table#cart tbody td .form-control{
		width:20%;
		display: inline !important;
	}
	.actions .btn{
		width:36%;
		margin:1.5em 0;
	}
	
	.actions .btn-info{
		float:left;
	}
	.actions .btn-danger{
		float:right;
	}
	
	table#cart thead { display: none; }
	table#cart tbody td { display: block; padding: .6rem; min-width:320px;}
	table#cart tbody tr td:first-child { background: #333; color: #fff; }
	table#cart tbody td:before {
		content: attr(data-th); font-weight: bold;
		display: inline-block; width: 8rem;
	}
	
	
	
	table#cart tfoot td{display:block; }
	table#cart tfoot td .btn{display:block;}
	
}