/* Base styles:*/
body {
  background-color: #F8F9FB;
  font-family: 'Roboto Slab', serif;
}
label, h4, h5, h6, p{
  font-family: 'Lato', sans-serif;
}
a:hover,
a:focus{
  text-decoration: none;
  outline: 0;
}
h3{
  font-size: 18px;
  font-weight: bold;
}
input[type="number"]{
  padding: 0 5px;
}
.checked {
  color: orange;
}
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #828282;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: #828282;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: #828282;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: #828282;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
}
/* Browser Upgrade Prompt */
.browserupgrade {
    background: #ccc;
    color: #000;
    margin: 0.2em 0;
    padding: 0.2em 0;
}
/* Bootstrap Custom */
.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}
.col-xs-15{
  float: left;
  width: 20%;
}
.btn-spare-grediant {
  background: #992E63;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #F15A24, #C70039);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #F15A24, #C70039);
  border: none;
  border-radius: 24px;
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  box-shadow: 0 0 3px 1px #b7b7b7;
  color: #FFF;
  font-family: 'Roboto Slab', serif;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 12px;
}
.btn-spare-grediant:hover,
.btn-spare-grediant:focus{
  color: #FFF;
}
.btn-spare-grediant:active{
    background: #992E63;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #992E63, #33001b);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #992E63, #33001b);
    box-shadow: none;
    color: #FFF;
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.btn-go{
  background-color: #00C853;
}
.btn-niceblue{
  background-color: #0082E5;
}
.btn-go,
.btn-niceblue{
  border-radius: 25px;
  box-shadow: 0 1px 3px #c5c5c5;
  color: #FFF;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  font-weight: bold;
  padding: 8px 40px;
}
.btn-go:hover,
.btn-go:focus,
.btn-go:active,
.btn-niceblue:hover,
.btn-niceblue:focus,
.btn-niceblue:active{
  color: #FFF;
}
.btn-outlin{
  background-color: transparent;
  border: 1px solid #4D1F41;
  border-radius: 25px;
  color: #4D1F41;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  padding: 8px 40px;
}
.btn-outlin:focus,
.btn-outlin:active{
  color: #4D1F41;
}
.btn-outlin:hover{
  background-color: #4D1F41;
  color: #FFF;
}
.header-search .form-control,
.header-search .input-group-lg .form-control,
.form-line .form-control,
.form-line .input-group-lg .form-control {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #4C1F41 !important;
  border-radius: 0;
  box-shadow: none;
  padding: 6px 0;
}
.header-search .form-control:active,
.header-search .form-control:focus,
.form-line .form-control:active,
.form-line .form-control:focus{
  box-shadow: none;
}
.form-normal .form-control,
.form-normal .input-group-lg .form-control{
  background-color: #F8F9FB;
  border: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2 !important;
  border-radius: 25px;
  box-shadow: none;
  height: auto;
  padding: 10px 20px;
}
.btn-file {
    border-radius: 20px;
    color: #828282;
    overflow: hidden;
    padding: 6px 20px !important;
    position: relative;
}
.btn-file input[type=file] {
    background: white;
    cursor: inherit;
    display: block;
    filter: alpha(opacity=0);
    font-size: 100px;
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    outline: none;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}
.navbar-default{
  background: transparent;
  border: none;
  font-family: 'Roboto Slab', serif;
  font-size: 13px;
  font-weight: bold;
}
.navbar-default .navbar-nav > li > a {
    color: #363636;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #F15A24;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	background-color: transparent;
	color: #F15A24;
}
.navbar-nav {
	margin-top: 15px;
}
.navbar-brand {
  margin-top: 4px;
	padding: 20px 15px;
}
.spare-brand-img{
  width: 132px;
}
.list-inline{
  display: inline-block;
  margin: 0;
}
.list-inline li{
  display: table-cell;
  vertical-align: middle;
}
ul.breadcrumb {
    background-color: transparent;
    margin-bottom: 0;
    margin-top: 15px;
}
ul.breadcrumb li {
    color: #919191;
    display: inline;
    font-size: 14px;
}
ul.breadcrumb li+li:before {
    color: #919191;
    padding: 8px;
}
ul.breadcrumb li a {
    color: #202020;
}
ul.breadcrumb li a:hover {
    color: #000;
    text-decoration: underline;
}
.flex-row {
	display: flex;
	flex-wrap: wrap;
}
.flex-row > [class*='col-'] {
	display: flex;
	flex-direction: column;
}
.flex-row .thumbnail,
.flex-row .caption {
	display: flex;
	flex: 1 0 auto;
	flex-direction: column;
	height: auto;
	position: relative;
}
.flex-text {
	flex-grow: 1;
}
.flex-row img {
	min-width: 0;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	background-color: #290D22;
	border-color: #290D22;
}
.pagination > li > a,
.pagination > li > span {
	color: #290D22;
  font-family: 'Lato', sans-serif;
}
/* Login Page */
.back-to-home{
  color: #F15A24;
  font-size: 18px;
  margin-top: 25px;
}
.back-to-home:hover{
  color: #4C1F41;
}
.container-sign {
    padding-top: 60px;
}
.block-form {
  background: #FFF;
  border-radius: 10px;
  box-shadow: 0 0 8px 3px #0000001a;
  margin-top: 60px;
  margin-bottom: 30px;
}
.block-form-action {
    padding: 40px 10px 0 40px;
}
.form-login{
    margin-bottom: 20px;
    width: 100%;
}
.form-login .btn-spare-grediant,
.form-signup .btn-spare-grediant {
    margin-top: 20px;
    width: 100%;
}
.form-title {
    color: #4C1F41;
    font-family: 'Roboto Slab', serif;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 50px;
}
.form-link {
    color: #09F;
    margin-left: 4px;
}
.block-form-welcome {
    background-image: url(../img/block-form-welcome.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0 10px 10px 0;
    height: 484px;
    padding: 180px 60px 0;
}
.form-welcome-text {
    color: #FFF;
    font-family: 'Roboto Slab', serif;
}
.block-form-activate{
  padding: 130px 40px 0;
}
.block-form-activate P{
  margin: 15px  0  15px;
}
.login-forgot-link{
  display: block;
  text-align: center;
  font-family: 'Lato', sans-serif;
  color: #828282;
  text-decoration: underline;
}
.login-forgot-link:hover{
  color: #09F;
}
/* Activation Page */
.form-activate .btn-spare-grediant {
    padding: 8px 30px;
}
/* Done Page */
.form-done .btn-spare-grediant{
  padding: 12px 36px;
}
/* Signup Page */
.form-signup .form-title{
  margin-bottom: 10px;
}
.label-upload{
  color: #828282;
  font-size: 14px;
  font-weight: normal;
  margin-top: 5px;
}
.block-form-signup .block-form-welcome{
  height: 550px;
}
/* Header */
.container-head{
  background: #FFF;
  box-shadow: 0 0 2px 2px #e1e1e1;
}
.container-head hr{
  margin-bottom: 0;
  margin-top:60px;
}
.navbar-sign{
  margin-left: 20px;
}
.navbar-sign .btn-spare-grediant{
  color: #FFF !important;
  font-size: 13px;
  margin-top: 6px;
  padding: 8px 24px !important;
}
.header-search{
  padding: 8px 0;
}
.header-search .form-control{
  border: 0 !important;
}
.header-search .input-group-addon{
  background: transparent;
  border: 0;
  color: #8A8A8A;
  border-right: 0;
}
.header-search-actions{
  position: relative;
  margin-top: 4px;
}
.header-search-actions li{
  position: relative;
}
.header-search-actions .btn-lang{
 background-color: transparent;
 border: 1px solid #F15A24;
 border-radius: 25px;
 color: #502043;
 font-family: 'Lato', sans-serif;
 padding: 4px 25px;
}
.header-search-actions .btn-lang:hover{
 background-color: #F15A24;
 border: 1px solid #F15A24;
 color: #FFF;
}
.header-search-actions .dropdown-menu ul li{
 display: block;
}
.header-search-actions i{
  color: #F15A24;
  font-size: 22px;
}
.badge-notify{
  background:red;
  position:absolute;
  top: -4px;
  right: -3px;
}
.cartpopover{
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 6px 4px #0000001a;
  display: none;
  position: absolute;
  right: -86px;
  top: 40px;
  width: 275px;
  z-index: 5;
}
.cartpopovericon:hover .cartpopover{
  display: block;
}
.cartpopover-arrow{
	border-bottom: 20px solid rgb(255, 255, 255);
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
  height: 0;
	position: absolute;
	right: 80px;
	top: -20px;
  width: 0;
}
.cart-popover-item{
  border-bottom: 1px solid #EAEEF6;
  overflow: hidden;
  padding-bottom: 5px;
  padding-top: 5px;
}
.cart-popover-item .notify-delete{
  margin-right: 0;
}
.cart-popover-item .cart-item-img img{
  height: 50px;
  margin-left: 5px;
  width: 50px;
}
.cart-popover-item-info{
  font-family: 'Lato', sans-serif;
}
.cart-popover-price{
  margin-left: 10px;
}
.cart-popover-buttons{
  width: 100%;
}
.cart-popover-buttons .btn{
  box-shadow: none;
  padding: 6px 0;
  width: 50%;

}
.cart-popover-buttons .btn-niceblue{
  border-radius: 0 0 0 5px !important;
}
.cart-popover-buttons .btn-go{
  border-radius: 0 0 5px 0 !important;
}
.cartpopover .btn-group .btn + .btn,
.cartpopover .btn-group .btn + .btn-group,
.cartpopover .btn-group .btn-group + .btn,
.cartpopover .btn-group .btn-group + .btn-group {
	margin-left: 0;
}
.no-cart-items{
  padding: 30px 0;
}
.user-loggedin img{
  margin-right: 3px;
}
.navbar-default .navbar-nav > .user-loggedin.open > a,
.navbar-default .navbar-nav > .user-loggedin.open > a:focus,
.navbar-default .navbar-nav > .user-loggedin.open > a:hover {
  color: #363636;
	background-color: transparent;
}
.user-loggedin ul li a{
  font-family: 'Lato', sans-serif;
  font-weight: bold;
}
.user-loggedin .special-img{
  width: 30px;
  height: 30px;
}
/* Footer */
.container-foot{
  background-color: #131a22;
  padding: 40px 0 0;
}
.foot-content-bottom{
  padding-bottom: 30px;
  padding-top: 30px;
}
.foot-quicklinks{
  margin-top: 10px;
  font-size: 30px !important;
}
.foot-quicklinks a{
  color: #FFF;
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  font-weight: bold;
}
.footer-payment
{
  margin-top: 30px;
}
.social-facebook{
  color: #3b5998;
}
.social-facebook:hover,
.social-facebook:active,
.social-facebook:focus{
  color: #3b5998;
}
.social-twitter{
  color: #1da1f2;
}
.social-twitter:hover,
.social-twitter:active,
.social-twitter:focus{
  color: #1da1f2;
}
.social-snapshat{
  color: #fffc00;
}
.social-snapshat .fa-snapchat-ghost{
  color: #121202;
}
.social-snapshat:hover,
.social-snapshat:active,
.social-snapshat:focus{
  color: #fffc00;
}
.social-instgram{
  color: #f77737;
}
.social-instgram:hover,
.social-instgram:active,
.social-instgram:focus{
  color: #f77737;
}
.social-linkedin{
  color: #0077b5;
}
.social-linkedin:hover,
.social-linkedin:active,
.social-linkedin:focus{
  color: #0077b5;
}
.foot-sep{
  border-top: 1px solid #372633;
  margin: 0;
}

.foot-copyrights{
  padding-bottom: 15px;
  padding-top: 15px;
}
.foot-copyrights p{
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
}
.foot-copyrights p a{
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
}
/* About Us Page */
.container-pagehead{
  padding-bottom: 15px;
  padding-top: 10px;
}
.page-title{
  color: #F15A24;
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 24px;
  margin-top: 24px;
  text-shadow: 0 2px 1px #cfcfcf;
}
.container-pagebody-white{
  background: #FFF;
  box-shadow: 0 -1px 2px 1px #efefef;
  padding-bottom: 50px;
  padding-top: 50px;
}
.container-pagebody-white hr{
  margin-bottom: 50px;
  margin-top: 50px;
  width: 30%;
}
.container-pagebody-white img{
  display: block;
  margin: 0 auto;
}
/* Agencies */
.container-pagebody-white,
.container-pagebody-trans,
#notifications-containe{
  min-height: 600px;

}
.container-pagebody-trans{
  background: transparent;
  padding-bottom: 50px;
  padding-top: 30px;
}
.card-agency{
  border: 0;
  border-radius: 5px;
  box-shadow: 0 0 2px 2px #ededed;
  padding: 0;
  background: #F8F9FB;
}
.card-agency-imge-frame{
  background: #FFF;
  border-radius: 5px 5px 0 0;
  padding: 20px 0;
}
.card-agency-imge{
  height: 150px !important;
  width: 150px !important;
}
.card-agency-title,
.card-product-title{
  color: #1D1D1D;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin-top: 8px;
  padding-right: 5px;
  padding-left: 5px;
}

.card-agency-title:hover,
.card-product-title:hover{
 color: #982E63;
 text-decoration: none;
}
.card-agency-category{
  color: #959595;
  font-weight: bold;
  margin-top: 0;
}
.card-agency .caption,
.card-product .caption{
  border-bottom: 1px solid #EFEFEF;
  padding: 0 0 12px;
}
.card-agency-icons,
.card-products-icons{
  padding: 12px 6px;
}
.card-agency-icons span,
.card-products-icons span{
  color: #575757;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  font-weight: bold;
}
.ads-fullwidth{
  background: #F1F1F1;
  margin-bottom: 30px;
  margin-top: 10px;
}
/* Agency Page */
.container-agencyhead{
  background: #992E63;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #992E63, #33001b);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #992E63, #33001b);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.agencyhead-image{
  align-items: center;
  background: #FFF;
  border: 2px solid #942D61;
  border-radius: 50%;
  display: flex;
  height: 200px;
  justify-content: center;
  margin-bottom:-32px;
  margin-top: 20px;
  width: 200px;
}
.agencyhead-image img{
  height: 130px;
  width: 130px;
}
.agencyhead-text{
  padding: 50px 0 0 25px;
}
.agencyhead-text h1{
  color: #FFF;
  font-family: 'Lato', sans-serif;
  font-size: 24px;
  font-weight: bold;
  text-shadow:0 2px 1px #0606064d;
}
.agencyhead-location a{
  color: #FFF;
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  font-style: italic;
  text-decoration: underline;
}
.agencyhead-location a:hover{
  text-decoration: none;
}
.container-agencyhead-info{
  background: #FFF;
  box-shadow: 0 2px 2px 1px #e7e7e7;
  font-family: 'Lato', sans-serif;
  padding: 15px 0 15px;
}
.agencyhead-info{
  margin-left: 220px;
  overflow: hidden;
}
.container-agencyhead-info ul{
  color: #575757;
  font-weight: bold;
  margin-right: 25px;
}
.card-product-cart{
  align-items: center;
  background-color: #00C853;
  border-radius: 50%;
  box-shadow: 0 1px 3px 1px #d1d1d1;
  display: flex;
  height: 40px;
  justify-content: center;
  margin: -20px auto 0;
  width: 40px;
}
.card-product-cart:focus{
  box-shadow: 0 0px 3px 1px #d1d1d1;
}
.card-product-cart i{
  color: #FFF;
}
.card-product{
  background: #F8F9FB;
  border: 0;
  border-radius: 5px;
  box-shadow: 0 0 2px 2px #ededed;
  padding: 0;
}
.card-product-cart{
  align-items: center;
  background-color: #00C853;
  border-radius: 50%;
  box-shadow: 0 1px 3px 1px #d1d1d1;
  display: flex;
  height: 40px;
  justify-content: center;
  margin: -20px auto 0;
  width: 40px;
}
.card-product-cart:hover{
  text-decoration: none;
}
.card-product-cart:focus{
  box-shadow: 0 0px 3px 1px #d1d1d1;
  text-decoration: none;
}
.card-product-cart i{
  color: #FFF;
}
.card-product-price,
.card-product-agencyname{
  font-family: 'Lato', sans-serif;
  font-weight: bold;
}
.card-product-price{
  margin: 5px 0;
}
.card-product-agencyname{
  margin-right: 8px;
  color: #952D61;
}
.card-product-agencyname:hover{
  color: #542541;
}
.card-product-price strike{
  margin-right: 8px;
}
.card-product-imge-frame{
  background: #FFF;
  border-radius: 5px 5px 0 0;
  padding: 10px 0;
}
.card-product-imge-frame .label-new,
.card-product-imge-frame .label-used{
  margin-left: 10px;
}
.card-product-imge-frame div:first-child{
  margin-bottom: 8px;
}
.label-new,
.label-used{
  border-radius: 15px !important;
  color: #FFF !important;
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin: 0 auto;
  padding: 3px 14px !important;
  width: 27%;
}
.label-new{
  background: #0CB2E6 !important;
}
.label-used{
  background: #545454 !important;
}
.product-addfavorite{
  margin:3px 0 0 5px;
}
.product-addfavorite i{
  color: #EF4836;
}
.product-addfavorite:hover .fa-heart-o::before{
  content: "\f004";
}
.out-of-stock{
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  bottom: 0;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
}
.label-outofstock{
  background: #1D2247;
  border-radius: 15px;
  font-family: lato;
  font-size: 14px;
  padding: 8px 24px;
}
/* Contact Us Page */
.icon-contain span{
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 2px 2px #ededed;
  display: flex;
  height: 115px;
  justify-content: center;
  width: 115px;
}
.icon-contact-address,
.icon-contact-phone{
  height: 40px;
}
.icon-contact-email{
  height: 30px;
}
.icon-contain p{
  color: #959595;
}
.form-normal .btn-spare-grediant{
  padding: 10px 60px;
}
/* Notification Page */
.container-boxed{
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 3px #ccc;
  margin-bottom: 30px;
}
.notify-item{
  border-bottom: 1px solid #EAEEF6;
  overflow: hidden;
  padding: 15px 0;
}
.notify-icon{
  align-items: center;
  background-color: #F0F1F5;
  border-radius: 50%;
  display: flex;
  height: 45px;
  justify-content: center;
  margin-left: 30px;
  width: 45px;
}
.notify-icon i{
  color: #ABABAB;
}
.notify-content{
  margin-left: 20px;
}
.notify-content h5{
  margin: 5px 0;
}
.notify-content p{
  margin-bottom: 0;
}
.notify-delete{
  align-items: center;
  border-radius: 50%;
  display: flex;
  height: 45px;
  justify-content: center;
  margin-right: 30px;
  width: 45px;
}
.notify-delete:hover i{
 color: #CF000F;
}
.notify-delete i{
  color: #ABABAB;
}
.notify-all{
  margin-bottom: 30px;
}
.notify-all-link{
  background-color: #FFF;
  border-radius: 25px;
  box-shadow: 0 2px 3px 1px #d5d5d5;
  margin: 0 auto ;
  padding: 7px 25px;
}
.notify-all-link:hover{
  box-shadow: 0 1px 3px 1px #d5d5d5;
}
/* Editprofile Page */
.container-editprofile{
  margin-top: 60px;
}
.editprofile-img{
  height: 115px;
  margin-top: -60px;
  width: 115px;
  object-fit: cover;
}
.editprofile-button{
  display: inline-block;
  height: 40px;
  margin-right: -34px;
  position: relative;
  width: 40px;
  z-index: 100;
}
.editprofile-button .btn-file{
  align-items: center;
  background-color: #972E62;
  border: 0;
  border-radius: 50%;
  display: flex;
  height: 40px;
  justify-content: center;
  padding: 0;
  width: 40px;
}
.editprofile-button .btn-file i{
  color: #FFF;
}
.profile-name{
  font-family: 'Lato', sans-serif;
  font-size: 20px;
  margin-top: 10px;
}
.editprofile-form{
  padding: 30px 80px;
}
/* Product Details */
.container-product-visual{
  border-radius: 10px;
  box-shadow: 0 0 2px 2px #ededed;
  min-height: 500px;
}
.product-visual-img{
  background: #FFF;
  border-radius: 10px 0 0 10px;
  height: 550px;
}
.product-status{
  margin: 10px 0;
}
.product-visual-img .product-img .main-imge{
  margin: 0 auto;
  height: 400px;
}
.product-img-thumbs{
  margin-top: 15px;
}
.product-img-thumbs img{
  height: 80px;
  width: 80px;
}
.product-img-thumbs .active{
  border-color: #902C5F;
}
.product-visual-info{
  padding-left: 40px;
}
.product-title-container{
  overflow: hidden;
}
.product-details-title{
  font-size: 36px;
  max-width: 90%;
}
.addto-favorite{
  align-items: center;
  background: #FFF;
  border-radius: 50%;
  box-shadow: 0 0 8px #dedede;
  display: flex;
  height: 40px;
  justify-content: center;
  margin: 20px 10px 0 0;
  width: 40px;
}
.addto-favorite i{
  color: #EF4836;
  font-size: 24PX;
}
.product-details-price{
  font-family: 'Lato', sans-serif;
  font-size: 28px;
  font-weight: bold;
  margin: 10px 0 15px;
}
.product-details-price strike{
  font-size: 26px;
  font-weight: normal;
  margin-right: 15px;
}
.product-addcart-container{
  overflow: hidden;
  padding-bottom: 20px;
}
.product-addcart-container .btn-go{
  margin-left: 15px;
}
.product-quantity{
  display: inline-block;
}
.product-quantity li{
  padding: 0;
}
.product-quantity li input{
  border:1px solid #E5E5E5;
  height: 39px;
  text-align: center;
  width: 50px;
  border-radius: 0;
}
.product-quantity li button{
  align-items: center;
  border-radius: 0 !important;
  display: flex !important;
  height: 20px;
  justify-content: center;
  padding: 0px 5px;
}
.product-quantity li button i{
  font-size: 10px;
}
.product-details-outofstock{
  margin-bottom: 20px;
}
.product-details-outofstock .label{
  border-radius: 25px;
}
.product-summary h4{
  font-size: 14px;
  font-weight: bold;
}
.product-summary p{
  color: #7F7F7F;
}
.car-specs-container{
  margin-top: 20px;
  overflow: hidden;
}
.car-icon{
  height: 14px;
  width: 30px;
}
.cat-icon{
  height: 17px;
  width: 23px;
}
.car-specs-container li{
  color: #5D5D5D;
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  font-weight: bold;
}
.agency-info{
  font-family: 'Lato', sans-serif;
  margin-top: 30px;
}
.agency-info .img-thumbnail{
  height: 40px;
  width: 60px;
}
.product-details-tabs-container{
  margin-bottom: 30px;
  margin-top: 30px;
}
.product-details-tabs-container .nav-tabs li{
  font-family: 'Lato', sans-serif;
}
.product-details-tabs-container .nav-tabs li a{
  border-left: 0;
  border-radius: 0;
  border-right: 0;
  border-top: 2px solid #5D5D5D;
  color: #5D5D5D;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 30px;
}
.product-details-tabs-container .nav-tabs > li.active > a,
.product-details-tabs-container .nav-tabs > li.active > a:focus,
.product-details-tabs-container .nav-tabs > li.active > a:hover {
  border-left: 0;
  border-radius: 0;
  border-right: 0;
  border-top: 2px solid #902C5F;
  color: #902C5F;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 30px;
}
.product-details-tabs-container .tab-content{
  background-color: #FFF;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 0 2px 2px #ededed;
  min-height: 400px;
  padding: 20px;
}
.more-products-title{
  margin-bottom: 30px;
}
.product-reviews-list .list-group-item{
  border-bottom: 1px solid #f2f2f2;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  margin-bottom:0;
}
.product-reviews-list .list-group-item:last-child{
  border-bottom: 0;
}
.review-owner{
  overflow: hidden;
}
.review-owner{
  overflow: hidden;
}
.review-owner .review-date{
  color: #7A7878;
  font-size: 14px;
}
.product-reviews-form{
  width:93%;
}
.product-reviews-form form{
  margin-top: 20px;
}
.product-reviews-form .btn-spare-grediant{
  padding: 8px 40px;
}
.product-review-sep {
	background-color: #ccc;
	height: 400px;
	width: 1px;
}
/* Search Form */
.search-form-tabs-container .nav-tabs li a{
  background-color: #fbb03b;
  border: 0;
  border-radius: 0;
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  padding: 30px 30px;
}
.search-form-tabs-container .nav-tabs li a:last-child{
  border-right: 0;
}
.search-form-tabs-container .nav-tabs > li.active > a,
.search-form-tabs-container .nav-tabs > li.active > a:focus,
.search-form-tabs-container .nav-tabs > li.active > a:hover {
  background-color: #f15a24;
  border: 0;
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  padding: 30px 30px;
}
.search-form-tabs-container .nav-tabs > li> a:focus,
.search-form-tabs-container .nav-tabs > li> a:hover {
  background-color: #f15a24;
  border-left: 0;
  border-radius: 0;
  border-right: 0;
  border-top: 0;
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  padding: 30px 30px;
}
.search-form-tabs-container .nav-tabs li:first-child a{
  border-radius: 10px 0 0 0;
}
.search-form-tabs-container .nav-tabs li:last-child a{
  border-radius: 0 10px 0 0;
}
.search-form-tabs-container .tab-content{
  background-color: #FFF;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 0 2px 2px #ededed;
  min-height: 400px;
  padding: 20px 30px 40px;
}
.search-icon-car,
.search-icon-spare,
.search-icon-advanced{
  height:25px;
}
.search-car-item button{
  height: 331px;
  margin: 0;
}
.btn-car-back{
  background: url("../img/search-main-car-back.png") no-repeat top;
  width: 206px;
}
.btn-car-middle{
  background: url("../img/search-main-car-middle.png") no-repeat top;
  width: 425px;
}
.btn-car-front{
  background: url("../img/search-main-car-front.png") no-repeat top;
  width: 264px;
}
.btn-car-back:hover,
.btn-car-back:focus{
  background: url("../img/search-main-car-back.png") no-repeat top;
  box-shadow: none;
}
.btn-car-middle:hover,
.btn-car-middle:focus{
  background: url("../img/search-main-car-middle.png") no-repeat top;
  box-shadow: none;
}
.btn-car-front:hover,
.btn-car-front:hover{
  background: url("../img/search-main-car-front.png") no-repeat top;
  box-shadow: none;
}
.btn-car-back:hover,
.btn-car-middle:hover,
.btn-car-front:hover{
  opacity: 0.9;
}
.search-form-tabs-container .btn-group .btn + .btn,
.search-form-tabs-container .btn-group .btn + .btn-group,
.search-form-tabs-container .btn-group .btn-group + .btn,
.search-form-tabs-container .btn-group .btn-group + .btn-group {
  background-color: transparent;
  box-shadow: none;
	margin-left: 0 !important;
}
.search-tab-advanced-title{
  margin-bottom: 20px;
}
.car-cats-head{
  background: #902C5F;
  border-radius: 5px 5px 0 0;
  color: #FFF;
}
.car-cats-head button{
  opacity: 0.5;
}
.car-cats-head button i{
  color: #FFF;
}
.car-cats-labels{
  padding-bottom: 30px;
  padding-top: 30px;
}
.car-cats-labels .label {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	padding: 4px 10px;
	margin-bottom: 5px;
  display: inline-block;
}
.car-cats-labels .label i{
  font-size: 12px !important;
}
#overlaysearch{
  background-color: #a53610ed;
  bottom: 0;
  display: none;
  height: 100%;
  left: 0;
  padding: 50px;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 100;
}
#overlaysearch .search-form-tabs-container .tab-content {
	box-shadow: none;
}
#overlaysearch .close {
	color: #fff;
	filter: alpha(opacity=70);
	opacity: .7;
}
/* Search Result */
.sidebar-filter{
  background-color: #F8F9FB;
  border: 1px solid #DFE5F1;
  border-radius: 5px;
  box-shadow: 0 0 3px 1px #ededed;
}
.sidebar-filter-block{
  border-bottom: 1px solid #ededed;
  padding: 15px 10px 0;
}
.filter-block-head{
  margin-bottom: 15px;
  overflow: hidden;
}
.filter-block-title{
  color: #F15A24 !important;
  font-size: 16px;
  margin: 0;
  font-family: 'Lato', sans-serif;
}
.filter-block-head span{
  background-color: #F15A24;
  border: 0;
  border-radius: 3px;
  color: #FFF;
  padding: 3px 7px;
  cursor: pointer;
}
.filter-block-head span.collapsed i::before{
  content: "\f067";
}
#pagination_div{
  margin-top: 15px;
}
#pagination_div .btn-default{
  margin: 0 7px;
}
/* Cart Page */
.cart-item{
  border-bottom: 1px solid #EAEEF6;
  overflow: hidden;
  padding-bottom: 5px;
  padding-top: 10px;
}
.cart-item-img img{
  height: 60px;
  margin-left: 20px;
  width: 60px;
}
.cart-item-name{
  color: #1D1D1D;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  font-weight: bold;
  width: 240px;
  display: block;
}
.cart-item-name:hover{
	color: #982E63;
}
li.cart-item-qty{
  padding: 0 40px;
}
li.cart-item-price{
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  font-weight: bold;
  padding: 0 30px;
}
.cart-summary{
  background-color: #F6F6F6;
  padding: 30px 0;
}
.cart-summary-items{
  margin: 0 auto;
  width: 50%;
}
.summary-item{
  border-bottom: 1px solid #D8D8D8;
  overflow: hidden;
  padding: 10px;
}
.cart-total{
  font-size: 18px;
}
.cart-buttons{
  padding: 30px 0;
}
.agency-cart-image{
  width: 180px;
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -118px auto 0;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 3px #0000004d;
}
.agency-cart-image img{
  width: 100px;
  height: 100px;
}
.agency-cart-head{
  background: #992E63;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #992E63, #33001b);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #992E63, #33001b);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  border-radius: 10px 10px 0 0;
  height: 150px;
}
.agency-cart-name{
  font-size: 18px;
  font-family: 'Lato', sans-serif;
}
.agency-cart-address i,
.agency-checkout-address i{
  color: #848484;
}
.agency-cart-address a,
.agency-checkout-address a{
  color: #616161;
  font-family: 'Lato', sans-serif;
}
.agency-cart-address a:hover,
.agency-checkout-address a:hover{
  text-decoration: underline;
}
.agency-cart-info{
  overflow: hidden;
  border-top: 1px solid #EFEFEF;
  padding: 10px 8px;
  margin-top: 50px;
}
/* Checkout */
.checkout-info-form,
.checkout-payment,
.checkout-credit-form{
  padding: 5px 30px 20px;
}
.checkout-order{
  padding: 5px 20px 20px;
}
.checkout-order .cart-item,
.checkout-order .cart-summary{
  margin-left: -20px;
  margin-right: -20px;
}
.checkout-order .btn-go,
.checkout-credit-form .btn-go{
  margin-top: 20px;
}
.checkout-order li.cart-item-info {
	padding: 0 20px;
}
.checkout-order li.cart-item-qty {
	padding: 0 10px;
}
#creditform{
  display: none;
}
.checkout-order.affix {
    top: 20px;
    z-index: 5;
}
.agency-checkout-container{
  background-color: #F6F6F6;
  border-radius: 10px 10px 0 0;
  margin: -5px -20px 10px;
  padding: 15px 10px;
  overflow: hidden;
}
.agency-checkout-image{
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #E9E9E9;
  margin-right: 15px;
  object-fit: scale-down;
  background-color: #fff;
}
.agency-checkout-name{
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 14px;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
}
/* Thanks Page */
.container-thanks{
  padding: 150px 0;
}
.container-thanks p{
  color: #4E4E4E;
  font-size: 16px;
  font-weight: bold;
}
.container-thanks .btn{
margin-top: 40px;
}
/* Orders Page */
.order-item{
  border-bottom: 1px solid #EAEEF6;
  overflow: hidden;
  padding-bottom: 10px;
  padding-top: 10px;
}
.order-item .list-group,
.order-details-infohead .list-group{
  margin-bottom: 0;
}
.order-item .list-group-item span,
.order-details-infohead .list-group-item span{
 font-weight: bold;
 margin-right: 8px;
}
.order-item .list-group-item,
.order-details-infohead .list-group-item {
	background-color: transparent;
	border: none;
  font-family: 'Lato', sans-serif;
	margin-bottom: -1px;
	padding: 4px 15px;
}
.order-status-complete::after,
.order-status-pending::after,
.order-status-processing::after,
.order-status-refused::after{
  content: "\f111";
  font-family: 'fontawesome';
  font-size: 12px;
  margin-left: 5px;
}
.order-status-complete::after{
  color: #00C853;
}
.order-status-pending::after{
  color: #F29B34;
}
.order-status-processing::after{
  color: #0082E5;
}
.order-status-refused::after{
  color: #E74C3C;
}
.order-item-buttons{
  padding-right: 30px;
  padding-top: 30px;
}
.order-item-buttons .btn{
  border: none;
  display: block;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  padding: 10px 30px;
}
.order-item-buttons .btn-spare-grediant{
  margin-bottom: 15px;
}
/* Order Details */
.order-details-infohead{
  background-color: #F6F6F6;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  padding: 30px;
}
.order-details-item{
  border-bottom: 1px solid #EAEEF6;
  padding-bottom: 15px;
  padding-top: 15px;
}
.order-details-item ul{
  width: 100%;
}
.order-details-item ul li{
  width: 25%;
}
/* Home Page */
.container-fold{
  background: url('../img/fold-image-home.png');
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100vh;
}
.container-fold .nav li a{
  color: #FFF !important;
}
.container-fold .nav li a:hover{
  color: #ccc !important;
}
.container-fold .user-loggedin.open li a{
  color: #333 !important;
}
.container-fold .navbar-sign {
    margin-left: 0;
}
.container-fold .navbar-sign .btn-spare-grediant{
    box-shadow: 0 0 3px 1px #0006;
}
.container-fold .header-search-actions {
	float: right;
	margin-left: 50px;
	margin-top: 27px;
	position: relative;
}
.container-fold .header-search-actions .btn-lang{
 border: 1px solid #FFF;
 color: #FFF;
}
.container-fold .header-search-actions .btn-lang:hover{
  background-color: #fff;
  color: #902C5F;
}
.container-fold .header-search-actions a i {
 color: #FFF;
}
.container-fold .cartpopover{
  box-shadow: 0 0 6px 4px #0006;
}
.container-fold .navbar-header .icon-bar{
  background-color: #fff;
}
.container-fold .navbar-header .navbar-toggle:focus,
.container-fold .navbar-header .navbar-toggle:hover{
  background-color: #952D61;
}
.container-foldmessage{
  padding-top: 25vh;
}
.foldmessage-text{
  color: #FFF;
  font-size: 38px;
  font-weight: bold;
  margin-bottom: 30px;
}
.container-foldmessage .btn-niceblue{
  box-shadow: 0 0 3px 1px #0003;
}
.container-home-search{
 background-color: #220E22;
 padding-bottom: 60px;
}
.container-home-search .search-form-tabs-container{
 margin-top: -108px;
}
.container-home-search .search-form-tabs-container .tab-content{
   box-shadow: none;
}
.section-home-title{
  color: #4D1F41;
  font-size: 26px;
}
.secttion-title-nuderline{
  background-color: #902C5F;
  display: block;
  height: 2px;
  margin-bottom: 15px;
  width: 50px;
}
.section-home-text{
  color: #6A6A6A;
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 30px;
}
.container-home-about,
.container-home-counter,
.container-home-mobileapp,
.container-home-customers{
  padding-bottom: 100px;
  padding-top: 100px;
}
.container-home-about{
	background-color: #f8f9fb;
}
.container-home-slider,
.container-home-mobileapp{
 background-color: #fff;
}

.container-home-counter{
  background: url('../img/home-counter-bg.png');
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.home-counter-number{
  color: #FFF;
  font-family: 'Roboto Slab', serif;
  font-size: 60px;
}
.home-counter-text{
  color: #FFF;
  font-family: 'Lato', sans-serif;
  font-size: 26px;
  font-weight: bold;
  margin-top: -10px;
}
.mobileapp-links a{
  display: inline-block;
  height: 62px;
  width: 218px;
}
.android-app-link{
  background: url('../img/androidapp-link-bg.png');
}
.appstore-link{
  background: url('../img/appstore-link-bg.png');
  margin-left: 15px;
}
.android-app-link:hover,
.appstore-link:hover{
  opacity: 0.8;
}
.container-home-customers{
  background-color: #F0F1F5;
}
.container-home-customers .list-inline{
  margin-bottom: 50px;
  margin-top: 50px;
  width: 100%;
  display: table;
}
.container-home-customers .list-inline img{
  width: 100px;
}
/* Rating Star Widgets Style */
.rating-stars ul {
  list-style-type:none;
  padding:0;

  -moz-user-select:none;
  -webkit-user-select:none;
}
.rating-stars ul > li.star {
  display:inline-block;

}

/* Idle State of the stars */
.rating-stars ul > li.star > i.fa {
  font-size:2.5em; /* Change the size of the stars */
  color:#ccc; /* Color on idle state */
}

/* Hover state of the stars */
.rating-stars ul > li.star.hover > i.fa {
  color:#FFCC36;
}

/* Selected state of the stars */
.rating-stars ul > li.star.selected > i.fa {
  color:#FF912C;
}
/* Select Style */
.select-custom {
  position: relative;
}
.select-custom:after {
    content: '\f078';
    font: normal normal normal 17px/1 FontAwesome;
    color: #CCC;
    right: 11px;
    padding: 9px 0 0 8px;
    position: absolute;
    pointer-events: none;
    top: 0;
}
/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
display: none;
}
.select-custom select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  padding: 0 31px 0 5px;
  line-height: 1.75;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #CCC;
  -ms-word-break: normal;
  word-break: normal;
  font-family: 'Lato', sans-serif;
}
.form-normal .select-custom:after{
  padding: 12px 10px 0 10px;
}
/* Center the loader */
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 }
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom {
  from{ bottom:-100px; opacity:0 }
  to{ bottom:0; opacity:1 }
}

#myDiv {
  display: none;
  text-align: center;
}
/* carousel */
.media-carousel
{
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Next button  */
.media-carousel .carousel-control.right
{
  right: -12px !important;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active
{
  background: #333333;
}
.media-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */
 /* Forme wizard */
 .wizard {
     margin: 20px auto;
     background: #fff;
 }

 .wizard .nav-tabs {
     position: relative;
     margin: 40px auto;
     margin-bottom: 0;
     border-bottom-color: #e0e0e0;
 }

.wizard > div.wizard-inner {
   position: relative;
}

.connecting-line {
   height: 2px;
   background: #e0e0e0;
   position: absolute;
   width: 80%;
   margin: 0 auto;
   left: 0;
   right: 0;
   top: 50%;
   z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
   color: #555555;
   cursor: default;
   border: 0;
   border-bottom-color: transparent;
}

 span.round-tab {
     width: 70px;
     height: 70px;
     line-height: 70px;
     display: inline-block;
     border-radius: 100px;
     background: #fff;
     border: 2px solid #e0e0e0;
     z-index: 2;
     position: absolute;
     left: 0;
     text-align: center;
     font-size: 25px;
 }
 span.round-tab i{
     color:#555555;
 }
 .wizard li.active span.round-tab {
     background: #fff;
     border: 2px solid #5bc0de;

 }
 .wizard li.active span.round-tab i{
     color: #5bc0de;
 }

 span.round-tab:hover {
     color: #333;
     border: 2px solid #333;
 }

 .wizard li:after {
     content: " ";
     position: absolute;
     left: 46%;
     opacity: 0;
     margin: 0 auto;
     bottom: 0px;
     border: 5px solid transparent;
     border-bottom-color: #5bc0de;
     transition: 0.1s ease-in-out;
 }

 .wizard li.active:after {
     content: " ";
     position: absolute;
     left: 46%;
     opacity: 1;
     margin: 0 auto;
     bottom: 0px;
     border: 10px solid transparent;
     border-bottom-color: #5bc0de;
 }

 .wizard .nav-tabs > li a {
     width: 70px;
     height: 70px;
     margin: 20px auto;
     border-radius: 100%;
     padding: 0;
 }

 .wizard .nav-tabs > li a:hover {
     background: transparent;
 }

 .wizard .tab-pane {
     position: relative;
     padding-top: 50px;
 }

 .wizard h3 {
     margin-top: 0;
 }

 @media( max-width : 585px ) {

 .wizard {
     width: 90%;
     height: auto !important;
 }

span.round-tab {
   font-size: 16px;
   width: 50px;
   height: 50px;
   line-height: 50px;
}

.wizard .nav-tabs > li a {
   width: 50px;
   height: 50px;
   line-height: 50px;
}

.wizard li.active:after {
   content: " ";
   position: absolute;
   left: 35%;
}

 }
 .wizard {
     margin: 20px auto;
     background: #fff;
 }

 .wizard .nav-tabs {
     position: relative;
     margin: 40px auto;
     margin-bottom: 0;
     border-bottom-color: #e0e0e0;
 }

 .wizard > div.wizard-inner {
     position: relative;
 }

 .connecting-line {
     height: 2px;
     background: #e0e0e0;
     position: absolute;
     width: 80%;
     margin: 0 auto;
     left: 0;
     right: 0;
     top: 50%;
     z-index: 1;
 }

 .wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
     color: #555555;
     cursor: default;
     border: 0;
     border-bottom-color: transparent;
 }

 span.round-tab {
     width: 70px;
     height: 70px;
     line-height: 70px;
     display: inline-block;
     border-radius: 100px;
     background: #fff;
     border: 2px solid #e0e0e0;
     z-index: 2;
     position: absolute;
     left: 0;
     text-align: center;
     font-size: 25px;
 }
 span.round-tab i{
     color:#555555;
 }
 .wizard li.active span.round-tab {
     background: #fff;
     border: 2px solid #5bc0de;

 }
 .wizard li.active span.round-tab i{
     color: #5bc0de;
 }

 span.round-tab:hover {
     color: #333;
     border: 2px solid #333;
 }

 .wizard li:after {
     content: " ";
     position: absolute;
     left: 46%;
     opacity: 0;
     margin: 0 auto;
     bottom: 0px;
     border: 5px solid transparent;
     border-bottom-color: #5bc0de;
     transition: 0.1s ease-in-out;
 }

 .wizard li.active:after {
     content: " ";
     position: absolute;
     left: 46%;
     opacity: 1;
     margin: 0 auto;
     bottom: 0px;
     border: 10px solid transparent;
     border-bottom-color: #5bc0de;
 }

 .wizard .nav-tabs > li a {
     width: 70px;
     height: 70px;
     margin: 20px auto;
     border-radius: 100%;
     padding: 0;
 }

 .wizard .nav-tabs > li a:hover {
     background: transparent;
 }

 .wizard .tab-pane {
     position: relative;
     padding-top: 50px;
 }

 .wizard h3 {
     margin-top: 0;
 }
 .step1 .row {
     margin-bottom:10px;
 }
 .step_21 {
     border :1px solid #eee;
     border-radius:5px;
     padding:10px;
 }
 .step33 {
     border:1px solid #ccc;
     border-radius:5px;
     padding-left:10px;
     margin-bottom:10px;
 }
 .dropselectsec {
     width: 68%;
     padding: 6px 5px;
     border: 1px solid #ccc;
     border-radius: 3px;
     color: #333;
     margin-left: 10px;
     outline: none;
     font-weight: normal;
 }
 .dropselectsec1 {
     width: 74%;
     padding: 6px 5px;
     border: 1px solid #ccc;
     border-radius: 3px;
     color: #333;
     margin-left: 10px;
     outline: none;
     font-weight: normal;
 }
 .mar_ned {
     margin-bottom:10px;
 }
 .wdth {
     width:25%;
 }
 .birthdrop {
     padding: 6px 5px;
     border: 1px solid #ccc;
     border-radius: 3px;
     color: #333;
     margin-left: 10px;
     width: 16%;
     outline: 0;
     font-weight: normal;
 }


 /* according menu */
 #accordion-container {
     font-size:13px
 }
 .accordion-header {
     font-size:13px;
 	background:#ebebeb;
 	margin:5px 0 0;
 	padding:7px 20px;
 	cursor:pointer;
 	color:#fff;
 	font-weight:400;
 	-moz-border-radius:5px;
 	-webkit-border-radius:5px;
 	border-radius:5px
 }
 .unselect_img{
 	width:18px;
 	-webkit-user-select: none;
 	-moz-user-select: none;
 	-ms-user-select: none;
 	user-select: none;
 }
 .active-header {
 	-moz-border-radius:5px 5px 0 0;
 	-webkit-border-radius:5px 5px 0 0;
 	border-radius:5px 5px 0 0;
 	background:#F53B27;
 }
 .active-header:after {
 	content:"\f068";
 	font-family:'FontAwesome';
 	float:right;
 	margin:5px;
 	font-weight:400
 }
 .inactive-header {
 	background:#333;
 }
 .inactive-header:after {
 	content:"\f067";
 	font-family:'FontAwesome';
 	float:right;
 	margin:4px 5px;
 	font-weight:400
 }
 .accordion-content {
 	display:none;
 	padding:20px;
 	background:#fff;
 	border:1px solid #ccc;
 	border-top:0;
 	-moz-border-radius:0 0 5px 5px;
 	-webkit-border-radius:0 0 5px 5px;
 	border-radius:0 0 5px 5px
 }
 .accordion-content a{
 	text-decoration:none;
 	color:#333;
 }
 .accordion-content td{
 	border-bottom:1px solid #dcdcdc;
 }

 @media( max-width : 585px ) {

     .wizard {
         width: 90%;
         height: auto !important;
     }

     span.round-tab {
         font-size: 16px;
         width: 50px;
         height: 50px;
         line-height: 50px;
     }

     .wizard .nav-tabs > li a {
         width: 50px;
         height: 50px;
         line-height: 50px;
     }

     .wizard li.active:after {
         content: " ";
         position: absolute;
         left: 35%;
     }
 }
/*--start agency register form wizard--*/
.wizard-container
{
    border-radius: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0,0, 0.19);
    margin: 60px auto;
}

.wizard-container-inner
{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-color: #e04d1a;
}

.connecting-line
{
   background-color: #f9f9f9;
   width: 70%;
}
.step1 .row, .step2 .row,.step3 .row{
    margin-bottom: 10px;
}
.tab-pane
{
    padding-top: 30px;
}

label
{
    padding-bottom: 10px;
    font-size: 15px;
}
.save-btn
{
  margin-bottom: 17px;
  margin-top: 5px;
}
.save-btn .btn
{
  background: linear-gradient(to right, #F15A24, #C70039);
  border: none;
  border-radius: 24px;
  box-shadow: 0 0 3px 1px #b7b7b7;
  width: 150px;
  height: 35px;
  color: white;
}
span.round-tab
{
  border: 2px solid #fff;
  background:#fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0,0, 0.19);
}

.round-tab .glyphicon
{
      color: #fbb23c;
}

.wizard .nav-tabs > li:hover:nth-child(1){
  background-color: #fa9900;
  border-top-left-radius: 20px;
}

.wizard .nav-tabs > li:hover:nth-child(2)  {
  background-color: #fa9900;

}

.wizard .nav-tabs > li:hover:nth-child(3){
  background-color: #fa9900;
  border-top-right-radius: 20px;
}

.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #fbb13c;
  }

span.round-tab:hover {
   border: none;
  }


.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}

.wizard li.active:after
{
    position: absolute;
    left: 47%;
    border-bottom-color: #ffffff;
}

.wizard li.active span.round-tab i {
    color: #fbb23c;
}

textarea
{
    width: 520px;
}

#googleMap
{
    width: 100%;
    height: 280px;
    position: relative;
    overflow: hidden;
}
@media( max-width : 768px ) {

    .connecting-line{
      display: none;
    }


/*--end agency register form wizard--*/