/***************************************************************************************************************
||||||||||||||||||||||||||       MASTER STYLESHEET FOR RepairPlus        |||||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
||||||||||||||||||||||||||                TABLE OF CONTENT               |||||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
****************************************************************************************************************

01. Imported styles
02. Flaticon reset styles
03. Header styles
04. Mainmenu styles
05. Rev_slider_wrapper styles
66. Call to action area Style
07. Categories area style
08. Fact counter area style
09. Latest Blog area style
10. Latest blog area style 
11. Testimonial area style
12. Brand area style
13. Single service style
14. Pricing table area style
15. About page style
16. Account page style
17. 404 page style style
18. Blog page style
19. Blog single style
20. Team page style
21. Shop page style style
22. Shop with sidebar Style
23. Shop single Style
24. Cart page style style
25. Contact page style

****************************************************************************************************************
||||||||||||||||||||||||||||            End TABLE OF CONTENT                ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************/



/* Imported styles */
/*@import url(imp.css);*/
@import url(bootstrap.min.css);
@import url(font-awesome.min.css);
@import url(hover.css);
/*@import url(jquery.bxslider.css);
@import url(owl.carousel.css);
@import url(owl.theme.default.min.css);
@import url(animate.min.css);*/
@import url(jquery.bootstrap-touchspin.css);
/*@import url('jquery.fancybox.css');
@import url('prettyPhoto.css');*/
/*@import url('bootstrap-select.min.css');*/

/*** Price filter***/
/*@import url(../assets/price-filter/nouislider.css);
@import url(../assets/price-filter/nouislider.pips.css);*/
/*** single shop slide ***/
/*@import url(flexslider.css);*/
/*** Time picker css ***/
@import url(../assets/timepicker/timePicker.css);


/*@import url(../fonts/flaticon/flaticon.css);*/
@import url(../assets/jquery-ui-1.11.4/jquery-ui.css);
/*** Revolution slider ***/
/*@import url(../assets/revolution/css/settings.css);
@import url(../assets/revolution/css/layers.css);
@import url(../assets/revolution/css/navigation.css);*/
/*** Bootstrap select picker css ***/
@import url(../assets/bootstrap-sl-1.12.1/bootstrap-select.css);
/*** Language Switcher ***/
/*@import url(../assets/language-switcher/polyglot-language-switcher.css);*/


/*==============================================
   Base Css
===============================================*/
html,
body { height: 100% }
body {
   
  font-size: 14px;
  color: #000;
  line-height: 26px;
  font-weight: 400;
}
button:focus{
  outline: none;
}
h1, h2, h3, h4, h5{
  font-family: Arial,FangSong;
  margin: 0;
}
h3 {
 
}
h4 {

}
a,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: none;
  border: none;
}
img {
	max-width: 100%;
    height: auto;
}
i {
	font-style: normal;
}
ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}
button{
  border: none;
}
.thm-btn {
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  border-left: 1px solid #43c3ea;
  border-right: 1px solid #43c3ea;
  border-top: 1px solid #43c3ea;
  text-transform: uppercase;
  font-family: Arial,FangSong;
  transition: all 500ms ease;
  line-height: 14px;
  border-radius: 3px;
  position: relative;
}
.thm-btn:hover{
  background: transparent;
}

.bg-1{
  background: #43c3ea;
  border-bottom: 2px solid #3cb4d8;
}

.bg-2{
  background: #2a3b5c; 
  border-bottom: 2px solid #152545;
}


.sec-title {
  margin-top: -2px;
  padding-bottom: 50px;
  position: relative;
}
.sec-title h1 {
  color: #ffffff;
  font-size: 34px;
  font-weight: 700;
  line-height: 30px;
  text-transform: capitalize;
  margin: 0;
}


.sec-title-two {
  margin-top: -1px;
  padding-bottom: 50px;
  position: relative;
}
.sec-title-two h1{
  color: #3d3d3d;
  font-size: 34px;
  font-weight: 700;
  line-height: 32px;
  margin: 0;
  text-transform: capitalize;    
}
.sec-title-two .border {
  background: #ececec none repeat scroll 0 0;
  display: block;
  height: 1px;
  width: 70px;
  margin: 20px 0 0;
}
 

/*________________Preloader_______________ */

.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:rgba(255,255,255,1); background-position:center center; background-repeat:no-repeat; background-image:url(../images/icon/preloader.gif);}



/* Update header Style */
@keyframes menu_sticky {

}
.mainmenu-area.stricky-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  background: #152545;
  transition: all 0.7s ease 0s;
  -moz-box-shadow: -1px 5px 11px #0a1327;
  -webkit-box-shadow: -1px 5px 11px #0a1327;
  box-shadow: -1px 5px 11px #0a1327;
}
.mainmenu-area.stricky-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  background: #152545;
  transition: all 0.7s ease 0s;
  -moz-box-shadow: 3px 1px 3px #0a1327;
  -webkit-box-shadow: 3px 1px 3px #0a1327;
  box-shadow: 3px 1px 3px #0a1327;
}
 
/* scroll to top styles */
.scroll-to-top {
  background: #43c3ea;
  border: 2px solid #43c3ea;
  border-radius: 5%;
  bottom: 25px;
  color: #fff;
  cursor: pointer;
  display: none;
  font-size: 30px;
  font-weight: normal;
  height: 45px;
  line-height: 36px;
  position: fixed;
  right: 15px;
  text-align: center;
  transition: all 500ms ease 0s;
  width: 45px;
  z-index: 99999;
  -webkit-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
  -moz-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
  box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
}
.scroll-to-top:hover {
  border: 2px solid #43c3ea;
  color: #fff;
  background: #152545;
}



/* Form validation styles */
input:focus,
textarea:focus,
select:focus {
  border-color: #43c3ea;
  outline: none;
}

#contact-form input[type="text"].error{
  border-color: red;    
}
#contact-form input[type="email"].error{
  border-color: red;    
}
#contact-form select.error {
  border-color: red;
}
#contact-form textarea.error{
  border-color: red;    
}


/* Post pagination styles */
.post-pagination li {
    display: inline-block;
    margin: 0 3px;
}
.post-pagination li a {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #f7f7f7;
  color: #3d3d3d;
  display: block;
  font-size: 18px;
  font-weight: 700;
  height: 55px;
  padding: 14px 0;
  transition: all 500ms ease 0s;
  width: 55px;
  font-family: Arial,FangSong;
  border-radius: 3px;
}
.post-pagination li.active a, .post-pagination li:hover a {
  background: #43c3ea;
  color: #fff;
  border: 1px solid #43c3ea;
}



/* Overlay styles */
.overlay{
  width: 100%;
  height: 100%;
  position:absolute;
  top:0;
  left:0;
  -webkit-transform: scale(0);
  transform: scale(0);
  border: 3px solid #43c3ea;
  background-color: rgba(67,195,234,0.90);
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.overlay .box{
  display: table;
  height: 100%;
  width: 100%;    
}
.overlay .box .content{
  display: table-cell;
  text-align: center;
  vertical-align: middle;    
}



/*==============================================
    Top bar Area Css
===============================================*/
.top-bar-area {
  background: #ec0606 none repeat scroll 0 0;
  padding: 7px 0 8px;
  height:60px;
}
.top-bar-area .welcome p {
  color: #ffffff;
  font-family: Arial,STZhongsong;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin: 5px 0;
}

.top-bar-area .topinfo {
  position: relative;
  left: 100px;
}
.top-bar-area .topinfo .select-items {
  width: 230px;
  float: left;
}

.top-bar-area .topinfo .select-items .single-select-item.extras{
  width: 90px;
}
.top-bar-area .topinfo .select-items .single-select-item.extras .bootstrap-select{
  width: 90px;    
}
.top-bar-area .topinfo .select-items .single-select-item.extras .bootstrap-select.btn-group .dropdown-toggle .caret{
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -2px;
  vertical-align: middle;    
}


.top-bar-area .topinfo .select-items .single-select-item{
  width: 135px;
  float: left;
}
.top-bar-area .topinfo .select-items .single-select-item .bootstrap-select {
  width: 135px;
}
.top-bar-area .topinfo .select-items .single-select-item .btn-default {
  background-color: transparent;
  border-color: transparent;
  color: #333;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  font-family: Arial,FangSong;
}
.top-bar-area .bootstrap-select.btn-group .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 14px;
  margin-top: -2px;
  vertical-align: middle;
  color: #152545;
}


.top-bar-area .rate {
  float: right;
  margin-right: 55px;
}
.top-bar-area .rate h6 {
  color: #ffffff;
  font-family: Arial,STZhongsong;
  font-size: 15px;
  font-weight: 400;
  line-height: 34px;
}




.top-social-links ul{
  float: right;
}
.top-social-links ul li {
  display: inline-block;
  margin: 0 0 0 15px;
  line-height: 34px;
}
.top-social-links ul li a i{
  color: #ffffff;
  font-size: 14px;
  transition: all 500ms ease;
}
.top-social-links ul li a:hover i{
  color: #152545;    
}


/*==============================================
    Header Area Css
===============================================*/
.header-area {
  padding:8px 0 36px;
}
.header-contact-info ul {
  margin: 5px 0;
  overflow: hidden;
  margin-left: 100px;
}
.header-contact-info ul li {
  display: inline-block;
  float: left;
  margin-right: 45px;
  position: relative;
}
.header-contact-info ul li:last-child{
  margin-right: 0;
}
.header-contact-info ul li .iocn-holder{
  width: 48px;
}
.header-contact-info ul li .iocn-holder span::before {
  border: 2px solid #f3f3f3;
  border-radius: 50%;
  color: #152545;
  display: block;
  font-size: 15px;
  height: 48px;
  line-height: 44px;
  text-align: center;
  width: 48px;
  transition: all 500ms ease;
}
.header-contact-info ul li .iocn-holder, .header-contact-info ul li .text-holder{
  display: table-cell;
  vertical-align: middle;
} 
.header-contact-info ul li .text-holder {
  padding-left: 15px;
}
.header-contact-info ul li .text-holder h5 {
  color: #3d3d3d;
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 20px;
  margin: 0 0 5px;
}
.header-contact-info ul li .text-holder h6{
  color: #000;
  font-size: 14px;
  font-weight: 400;
}
.header-contact-info ul li:hover .iocn-holder span::before{
  border-color: #152545;
}
 
.customer-care {
  padding-left: 35px;
  position: relative;
  margin: 14px 0;
  margin-left: 70px;
}
.customer-care .icon-holder {
  position: absolute;
  top: 8px;
  left: 0;
}
.customer-care .icon-holder span:before{
  font-size: 35px;
  color: #43c3ea;
}
.customer-care .title-holder {}
.customer-care .title-holder h5 {
  color: #43c3ea;
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
  margin: 0 0 5px;
}
.customer-care .title-holder h4{
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
}


/* Search Box style   */
.top-search-box {
  position: relative;
}
.top-search-box button {
  background: #3eb9de;
  border: medium none;
  color: #ffffff;
  font-size: 15px;
  height: 70px;
  line-height: 68px;
  outline: medium none;
  padding: 0;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 70px;
  border: 2px solid #3eb9de;
}
.top-search-box button:hover {
  background: none;
}
.top-search-box button i.fa-search {
  position: relative;
  top: -2px;
}
.top-search-box .search-box {
  background: #3eb9de none repeat scroll 0 0;
  list-style: outside none none;
  margin: 0;
  opacity: 0;
  padding: 5px;
  position: absolute;
  right: 0;
  top: 140%;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 280px;
  z-index: 999;
}
.top-search-box:hover .search-box {
  top: 100%;
  opacity: 1;
  visibility: visible;
}
.top-search-box .search-box li form {
  position: relative;
}
.top-search-box .search-box li form input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #fff;
  display: block;
  font-weight: 300;
  height: 45px;
  outline: medium none;
  padding-left: 10px;
  padding-right: 60px;
  width: 100%;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.top-search-box .search-box li form button {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #3eb9de;
  color: #152545;
  font-size: 13px;
  height: 45px;
  line-height: 46px;
  outline: medium none;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transition: all 500ms ease 0s;
  width: 45px;
}
.top-search-box .search-box li form input:focus {
  border: 1px solid #152545
}
.top-search-box .search-box li form input:focus + button, .top-search-box .search-box li form button:hover {
  background: #152545 none repeat scroll 0 0;
  color: #fff;
  border: 1px solid #152545;
}

 
 
#ui-datepicker-div.ui-widget-content {
  border: 1px solid #c5c5c5;
  background: #fff none repeat scroll 0 0;
  border: 1px solid #777;
  color: #252525;
  font-family: "Poppins",sans-serif;
  font-size: 14px;
  border-radius: 0px;
  width: 270px;
  padding: 5px;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header {
  background: #43c3ea none repeat scroll 0 0;
  border: 2px solid #252525;
  border-radius: 0;
  color: #fff;
  font-weight: 700;
  padding: 5px 0;
  position: relative;
}
.ui-datepicker .ui-datepicker-prev {
  left: 5px;
}
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next {
  border-radius: 30%;
  height: 20px;
  position: absolute;
  top: 7px;
  width: 20px;
  transition: all 500ms ease;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-next {
  right: 5px;
}
.ui-datepicker .ui-datepicker-prev:hover, 
.ui-datepicker .ui-datepicker-next:hover {
  top: 7px;
  background: #fff;
  border: none;
}

.ui-datepicker table {
  border-collapse: collapse;
  font-size: 13px;
  margin: 0 0 0.4em;
  width: 100%;
}
.ui-datepicker th {
  border: medium none;
  font-weight: 600;
  padding: 2px 3px;
  text-align: center;
}


.ui-datepicker-calendar .ui-state-default:hover,
.ui-datepicker-calendar .ui-state-default:active{
  background: #43c3ea;
  color: #fff;
  border-color: #43c3ea;
}

/*** 
=============================================
    Login Register Area style
=============================================
***/
.box { 
	/*margin: 0 auto;*/
	position: relative;
	width: 100%;
	/*height: 75%;*/
}
.login-box {
	width: 100%;
	max-width:500px;
	/*height: 400px;*/
	position: absolute;
	/*top: 40%;*/ 
	/*margin-top: -200px;*/
	/*设置负值，为要定位子盒子的一半高度*/
	
}
@media screen and (min-width:500px){
	.login-box {
		left: 50%;
		/*设置负值，为要定位子盒子的一半宽度*/
		margin-left: -250px;
	}
}	

.form {
	width: 100%;
	max-width:500px;
	height: 275px;
	margin: 25px auto 0px auto;
	padding-top: 25px;
}	
.login-content {
	height: 300px;
	width: 100%;
	max-width:500px;
	background-color: rgba(255, 250, 2550, .6);
	float: left;
}		

.glyphicon-user{background-image:url(../images/user.png);width:16px;height:16px;}
.glyphicon-lock{background-image:url(../images/key.png);width:16px;height:16px;}
.glyphicon-off{background-image:url(../images/login.png);width:24px;height:24px;}
.glyphicon-code{background-image:url(../images/number.png);width:16px;height:16px;}
.glyphicon-mobile{background-image:url(../images/mobile.png);width:16px;height:16px;}
.glyphicon-park{background-image:url(../images/park.png);width:16px;height:16px;}
.glyphicon-moneybag{background-image:url(../images/money_bag.png);width:16px;height:16px;}
.glyphicon-money{background-image:url(../images/attach_money.png);width:16px;height:16px;}
.glyphicon-info{background-image:url(../images/information.png);width:16px;height:16px;}
.glyphicon-car{background-image:url(../images/car.png);width:16px;height:16px;}
.glyphicon-site{background-image:url(../images/site.png);width:16px;height:16px;}
.glyphicon-list{background-image:url(../images/list.png);width:16px;height:16px;}

.input-group {
	margin: 0px 0px 30px 0px !important;
}
.form-control,
.input-group {
	height: 40px;
}

.form-group {
	margin-bottom: 0px !important;
}
.login-title {
	padding: 20px 10px;
	background-color: rgba(0, 0, 0, .6);
}
.login-title h1 {
	margin-top: 10px !important;
}
.login-title small {
	color: #fff;
}

.link p {
	line-height: 20px;
	margin-top: 30px;
}
.btn-sm {
	padding: 8px 24px !important;
	font-size: 16px !important;
}


/*** 
=============================================
   Cart area  style
=============================================
***/
.cart-area {
  padding-bottom: 80px;
  padding-top: 80px;
}
.cart-area .table-outer {
  overflow-x: auto;
  position: relative;
  width: 100%;
}
.cart-area .cart-table {
  min-width: 1024px;
  width: 100%;
}
.cart-area .cart-table .cart-header {
  background: #f7f7f7;
  color: #3d3d3d;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 700;
  position: relative;
  text-transform: capitalize;
  width: 100%;
}
.cart-area .cart-table thead tr th {
  font-weight: 700;
  line-height: 24px;
  min-width: 110px;
  padding: 20px 25px;
}
.cart-area .cart-table thead tr th.prod-column {
  padding-left: 30px;
  text-align: left;
}
.cart-area .cart-table thead tr th.availability {
  padding: 0 40px
}


.cart-area .cart-table tbody tr {
  border-bottom: 1px solid #f7f7f7;
}
.cart-area .cart-table tbody tr td {}
.cart-area .cart-table tbody tr td {
  color: #000;
  font-family: "Montserrat",sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  min-width: 100px;
  padding: 27.5px 25px;
}
.cart-area .cart-table tbody tr .prod-column .column-box {
  min-height: 70px;
  position: relative;
}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb {
  width: 70px;
}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb img {
  display: block;
  max-width: 100%;
}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb, 
.cart-area .cart-table tbody tr .prod-column .column-box .title{
  display: table-cell;
  vertical-align: middle;
}
.cart-area .cart-table tbody tr .prod-column .column-box .title{
  padding-left: 20px;
}
.cart-area .cart-table tbody tr .prod-column .column-box .title h3 {
  color: #252525;
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
}

.cart-area .cart-table tbody tr .qty {
  padding-right: 25px;
  width: 120px;
}
.cart-area .cart-table tbody tr .qty .input-group.bootstrap-touchspin {}

.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0;
  margin-left: 0;
  padding: 11px;
}
.cart-area .cart-table tbody tr .qty .btn-default {
  background-color: #43c3ea;
  border-color: #29abd2;
  color: #fff;
}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  border-radius: 0;
  margin-left: 0;
  margin-top: -1px;
  padding: 10px;
}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical i {
  font-size: 9px;
  left: 6px;
  top: 6px;
}

.cart-area .cart-table tbody tr td.unit-price {
  padding-left: 40px;
  padding-right: 20px;
}
.cart-area .cart-table tbody .available-info {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  padding-left: 50px;
  position: relative;
}
.cart-area .cart-table tbody .available-info .icon {
  background: #43c3ea none repeat scroll 0 0;
  border-radius: 50%;
  color: #ffffff;
  font-size: 18px;
  height: 40px;
  left: 0;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 40px;
}

.cart-area .cart-table tbody tr td.price {
  color: #000;
  font-size: 18px;
  font-weight: 400;
}
.cart-area .cart-table tbody tr .sub-total {
  color: #43c3ea;
  font-weight: 400;
  font-size: 18px;
}
.cart-area .cart-table tbody tr td .remove{ }
.cart-area .cart-table tbody tr td .remove .checkbox label {
  color: #000;
  font-size: 16px;
  font-weight: 400;
}
.cart-area .cart-table tbody tr td .remove .checkbox label input[type="checkbox"] {
  display: inline-block;
  position: relative;
  top: 1px;
}


.cart-middle {
    padding-top: 30px
}
.cart-middle .apply-coupon {
    padding-left: 245px;
    position: relative;
}
.cart-middle .apply-coupon input[type="text"] {
  border: 2px solid #f7f7f7;
  color: #9e9e9e;
  font-size: 14px;
  font-weight: 400;
  height: 50px;
  left: 0;
  padding: 0 15px;
  position: absolute;
  text-transform: capitalize;
  top: 0;
  transition: all 500ms ease 0s;
  width: 225px;
}
.cart-middle .apply-coupon input[type="text"]:focus {
  border: 2px solid #43c3ea
}
.cart-middle .apply-coupon .apply-coupon-button button {
  padding: 18px 38px 15px;
}
.cart-middle .apply-coupon .apply-coupon-button button:hover{
  background: #152545;
  border-left-color: #152545;
  border-right-color: #152545;
  border-top-color: #152545;
}
.cart-middle .update-cart button {
  padding: 18px 38px 15px;
}
.cart-middle .update-cart button:hover{
  background: #152545;
  border-left-color: #152545;
  border-right-color: #152545;
  border-top-color: #152545;
}


.cart-bottom {
  overflow: hidden;
  padding-top: 76px;
}
.cart-bottom .sec-title-two {
  padding-bottom: 35px;
}
.cart-bottom .sec-title-two h2{
  color: #3d3d3d;
  font-size: 28px;
  font-weight: 700;
  text-transform: capitalize;
}
.cart-bottom .calculate-shipping {}
.cart-bottom .calculate-shipping .ui-state-default .ui-icon {
  background: none
}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon {
  margin-top: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon {
  border-left: 2px solid #f7f7f7;
  display: block;
  float: right;
  height: 41px;
  position: relative;
  text-indent: 0;
  top: 0;
  width: 43px;
}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon::before {
  color: #9b9b9b;
  content: "\f107";
  font-family: FontAwesome;
  font-size: 20px;
  overflow: visible;
  position: absolute;
  right: 14px;
  top: 6px;
}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-selectmenu-text {
  display: block;
  line-height: 18px;
  overflow: hidden;
  padding: 12px 17px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cart-bottom .calculate-shipping input[type="text"] {
  border: 2px solid #f7f7f7;
  color: #9e9e9e;
  display: block;
  font-size: 14px;
  height: 45px;
  padding: 0 18px;
  width: 100%;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.cart-bottom .calculate-shipping input[type="text"]:focus {
  border: 2px solid #43c3ea
}
.cart-bottom .calculate-shipping button {
  margin-top: 30px;
  background: #f7f7f7;
  border: none;
  padding: 18px 38px 15px;
  color: #3d3d3d;
}
.cart-bottom .calculate-shipping button:hover {
  background: #152545;
  color: #fff;
}
.cart-bottom button.checkout-btn{
  padding: 18px 38px 15px; 
  margin-top: 30px;
}
.cart-bottom button.checkout-btn:hover{
  background: #152545;
  border-left-color: #152545;
  border-right-color: #152545;
  border-top-color: #152545;
}




/*** 
=============================================
   Shop area  style
=============================================
***/
#shop-area{
  padding-top: 80px;
  padding-bottom: 80px;
}
#shop-area .shop-content {
  border-right: 1px solid #f7f7f7;
  margin-bottom: -80px;
  margin-right: -25px;
  margin-top: -80px;
  padding-bottom: 80px;
  padding-right: 25px; 
}
.single-product-item{
  background: #f7f7f7;
  margin-bottom: 40px;
  transition: all 0.7s ease;
}
.single-product-item:hover{
-webkit-box-shadow: 0px 3px 4px -1px rgba(220,217,217,1);
-moz-box-shadow: 0px 3px 4px -1px rgba(220,217,217,1);
box-shadow: 0px 3px 4px -1px rgba(220,217,217,1);    
}
.single-product-item .img-holder{
  display: block;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid #e4e3e3;
}
.single-product-item .img-holder img{
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
  width: 100%;        
}
.single-product-item .img-holder .overlay-box {
  background: rgba(21, 37, 69, 0.9) none repeat scroll 0 0;
  height: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 700ms ease;
  width: 100%;
}
.single-product-item .img-holder .overlay-box .box {
  display: table;
  height: 100%;
  width: 100%;
}
.single-product-item .img-holder .overlay-box .box .content {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.single-product-item .img-holder .overlay-box .box .content a {
  padding: 13px 25px 13px; 
  border: none;
  transition: all 500ms ease;
  transition-delay: 0.15s;
}
.single-product-item .img-holder .overlay-box .box .content a:hover {
  background: #17a9d5;
  color: #fff;
}

.single-product-item:hover .img-holder .overlay-box{
  height: 100%;
  opacity: 1;    
}
.single-product-item:hover .img-holder img{
  -webkit-transform:scale(1.3);
  transform:scale(1.3);    
}

.single-product-item .title-holder {
  padding: 13px 15px 15px;
}
.single-product-item .title-holder .top {
  padding-bottom: 7px;  
}
.single-product-item .title-holder .top .product-title {
  
}
.single-product-item .title-holder .top .product-title a h5 {
  color: #3d3d3d;
  font-size: 16px;
  font-weight: 700;
  margin: 5px 0 0;
  text-transform: uppercase;
  transition: all 500ms ease;
}
.single-product-item .title-holder .top .product-title a:hover h5 {
  color: #43c3ea;    
}
.review-box {}
.review-box ul {
  margin-left: -1px;
  margin-right: -1px;
}
.review-box ul li {
  display: inline-block;
  margin: 0 1px;
}
.review-box ul li i {
  color: #43c3ea;
  font-size: 12px;
}
#shop-area .post-pagination {
  border-top: 1px solid #f7f7f7;
  padding-top: 40px;
}
#shop-area .shop-content .showing-result-shorting {
  padding-bottom: 40px;
}
.showing-result-shorting .showing p {
  line-height: 50px;
  margin: 0;
  color: #3d3d3d;
  font-size: 16px;
  font-weight: 400;
}
.showing-result-shorting .shorting .ui-selectmenu-button span.ui-selectmenu-text {
  display: block;
  font-weight: 400;
  overflow: hidden;
  padding: 0;
  text-align: left;
}
.showing-result-shorting .shorting .ui-selectmenu-button.ui-selectmenu-button span.ui-icon::before {
  color: #000;
  font-family: FontAwesome;
  font-size: 18px;
  overflow: visible;
  position: absolute;
  right: 0;
  top: 5px;
}

.single-sidebar .price-ranger{ }
.single-sidebar .price-ranger .ui-widget-content {
  background: #f7f7f7;
  border: none;
  height: 2px;
}
.single-sidebar .price-ranger .ui-slider-handle {
  background: #43c3ea none repeat scroll 0 0;
  border: 2px solid #152545;
  border-radius: 50%;
  height: 10px;
  margin-left: -4px;
  outline: medium none;
  width: 10px;
  cursor: pointer;
}
.single-sidebar .price-ranger .ui-slider-horizontal .ui-slider-handle {
  top: -5px;
}
.single-sidebar .price-ranger .ui-slider .ui-slider-range {
  background: #000;
}
.single-sidebar .price-ranger #slider-range {
  margin-left: 3px;
  margin-right: 5px;
  margin-top: 0;
}
.single-sidebar .price-ranger .ranger-min-max-block {
  margin-bottom: 7px;
  margin-top: 29px;
}
.single-sidebar .price-ranger .ranger-min-max-block input {
  display: inline-block;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type="submit"] {
  float: left;
  margin-right: 20px;
  padding: 10px 0 8px;
  text-align: center;
  width: 80px;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type="submit"]:hover{
  background: #152545;
  border-left-color: #152545;
  border-right-color: #152545;
  border-top-color: #152545;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type="text"] {
  border: medium none;
  color: #343434;
  font-size: 16px;
  font-weight: 400;
  outline: medium none;
  text-align: right;
  width: 40px;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type='text'].max {}
.single-sidebar .price-ranger .ranger-min-max-block span {
  color: #343434;
  font-weight: 400;
  font-size: 16px;
}

.sidebar-wrapper .single-sidebar .latest-product {}
.sidebar-wrapper .single-sidebar .latest-product li {
  border-bottom: 1px solid #f7f7f7;
  margin-bottom: 25px;
  overflow: hidden;
  padding-bottom: 16px;
  padding-left: 70px;
  position: relative;
}
.sidebar-wrapper .single-sidebar .latest-product li:last-child {
  border-bottom: 1px solid #f7f7f7;
  margin-bottom: 0px;
  padding-left: 70px;
  position: relative;
}
.sidebar-wrapper .single-sidebar .latest-product li .img-holder{
  display: block;
  overflow: hidden;
  position: absolute;  
  width: 70px;
  min-height: 70px;
  top: 0;
  left: 0;
}
.sidebar-wrapper .single-sidebar .latest-product li .img-holder img{
  transition: all 0.7s ease 0s;
  width: 100%;  
}
.sidebar-wrapper .single-sidebar .latest-product li .img-holder .overlay .box .content a i {
  color: #ffffff;
  display: inline-block;
  font-size: 16px; 
  transition: all 500ms ease;
}
.sidebar-wrapper .single-sidebar .latest-product li .title-holder {
  padding-left: 20px;  
}
.sidebar-wrapper .single-sidebar .latest-product li .title-holder a h4 {
  color: #252525;
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
  margin: 0 0 10px;
  transition: all 500ms ease;
}
.sidebar-wrapper .single-sidebar .latest-product li .title-holder h5 {
  color: #43c3ea;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize; 
}
.sidebar-wrapper .single-sidebar .latest-product li .title-holder .review-box {}
.sidebar-wrapper .single-sidebar .latest-product li .title-holder .review-box li {
  display: inline-block;
  margin: 0 1px;
  position: static;
  padding: 0;
  border: none;
}
.sidebar-wrapper .single-sidebar .latest-product li:hover .img-holder .overlay{
  -webkit-transform: scale(1);
  transform: scale(1);
}
.sidebar-wrapper .single-sidebar .latest-product li:hover .img-holder img {
  -webkit-transform:scale(1.3);
  transform:scale(1.3);
}
.sidebar-wrapper .single-sidebar .latest-product li .img-holder .overlay .box .content a:hover i{
  color: #152545;
}
.sidebar-wrapper .single-sidebar .latest-product li:hover .title-holder h4{
  color: #43c3ea;
}




/*** 
=============================================
   Single Shop Area style
=============================================
***/
.single-shop-content .img-holder {
  margin-right: 50px;
}
.single-shop-content .content-box {
  margin-left: -50px;
}
.single-shop-content .content-box h2 {
  color: #3d3d3d;
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 8px;
  text-transform: uppercase;
}
.single-shop-content .content-box .review-box {
  margin: 0 0 10px;  
}
.single-shop-content .content-box .review-box ul {}
.single-shop-content .content-box .review-box ul li {}
.single-shop-content .content-box .review-box ul li i {
  color: #43c3ea;
}
.single-shop-content .content-box span.price {
  color: #43c3ea;
  font-size: 22px;
  font-weight: 400;
}
.single-shop-content .content-box span.price .before-rate {
  color: #9a9a9a;
  display: inline-block;
  font-size: 18px;
  font-weight: 300;
  padding-left: 10px;
  position: relative;
  top: -1px;
}
.single-shop-content .content-box .text {
  overflow: hidden;
  padding: 25px 0 9px;
}
.single-shop-content .content-box .location-box {
  margin: 4px 0 20px;
}
.single-shop-content .content-box .location-box p {
  color: #3d3d3d;
  font-size: 16px;
  margin: 0 0 12px;
}
.single-shop-content .content-box .location-box form input {
  border: 2px solid #f7f7f7;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  width: 170px;
  transition: all 500ms ease;
  margin: 0 0 10px;
}
.single-shop-content .content-box .location-box form input:focus{
  border-color: #43c3ea;
}
.single-shop-content .content-box .location-box form button {
  background: #f7f7f7 none repeat scroll 0 0;
  border: medium none;
  color: #252525;
  font-size: 14px;
  font-weight: 700;
  height: 40px;
  margin-left: 6px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  transition: all 500ms ease 0s;
  width: 95px;
}
.single-shop-content .content-box .location-box form button:hover{
  background: #43c3ea;
}
.single-shop-content .content-box .location-box form span {
  color: #43c3ea;
}
.single-shop-content .content-box .addto-cart-box {}
.single-shop-content .content-box .addto-cart-box .input-group.bootstrap-touchspin {
  float: left;
  width: 70px;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  border-radius: 0;
  margin-top: -2px;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical > .btn {
  display: block;
  float: none;
  margin-left: -1px;
  max-width: 100%;
  padding: 12px 12px;
  position: relative;
  width: 100%;
}
.single-shop-content .content-box .addto-cart-box .btn-default {
  background-color: #efefef;
  border-color: #efefef;
  color: #9e9e9e;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical i {
  color: #9e9e9e;
  font-weight: normal;
  left: 8px;
  position: absolute;
  top: 7px;
}
.single-shop-content .content-box .addto-cart-box button.addtocart {
  height: 50px;
  width: 170px;
  line-height: 30px;
  margin-left: 25px;
}
.single-shop-content .content-box .addto-cart-box button.addtocart:hover{
  background: #152545; 
  border-left-color: #152545;
  border-right-color: #152545;
  border-top-color: #152545;
}



.product-tab-box {
  border: 1px solid #ececec;
  border-top: none;
  border-right: none;
  border-left: none;
  overflow: hidden; 
  margin-top: 80px;
}
.product-tab-box .tab-menu {
  border-bottom: 1px solid #ececec;
  margin-bottom: 30px;
}
.product-tab-box .tab-menu li {
  display: inline-block;
  float: left;
  margin-bottom: -1px;
  margin-right: 3px;
}
.product-tab-box .tab-menu li a {
  background: #f7f7f7;
  border-top: 1px solid #ececec;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  display: block;
  margin-right: 1px;
  padding: 15px 30px 13px;
  color: #3d3d3d;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  background: #f7f7f7;
  transition: all 500ms ease;
}
.product-tab-box .tab-menu li.active a, 
.product-tab-box .tab-menu li:hover a{
  background: #ffffff;
  color: #43c3ea;
  border-left-color: #ececec;
  border-top-color: #ececec;
  border-right-color: #ececec;
 
}

.product-tab-box .tab-content {
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
  margin-top: -30px;
  padding: 30px 30px 40px;
}
.product-tab-box .tab-content .review-box {
  
}
.product-tab-box .tab-content .review-box .sec-title-two {
  margin-top: 3px;
  padding-bottom: 22px;
}
.product-tab-box .tab-content .review-box .sec-title-two h3 {
  color: #3d3d3d;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
}
.product-tab-box .tab-content .review-box .single-review-box {
  margin-bottom: 30px;
  padding-left: 60px;
  position: relative;
}
.product-tab-box .tab-content .review-box .single-review-box .img-holder {
  left: 0;
  position: absolute;
  top: 0;
}


.product-tab-box .tab-content .review-box .single-review-box .text-holder {
  border: 1px solid #ececec;
  margin-left: 20px;
  padding: 17px 20px 12px;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top {
  margin: 0 0 10px;
  overflow: hidden;
}

.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .name h4 {
  color: #3d3d3d;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  text-transform: capitalize;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul {
  margin-top: -2px;
  padding-left: 0px;
  position: relative;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul li {
  display: inline-block;
  margin-right: 1px;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul li i {
  color: #43c3ea;
  font-size: 14px;
}

.product-tab-box .tab-content .review-box .single-review-box .text-holder .text p {
  margin: 0;
}



.product-tab-box .tab-content .review-form {
  padding-top: 30px;
}
.product-tab-box .tab-content .review-form .sec-title-two {
  padding-bottom: 34px;
}
.product-tab-box .tab-content .review-form .sec-title-two h3 {
  color: #3d3d3d;
  font-size: 28px;
  font-weight: 700;
  text-transform: capitalize;
}
.product-tab-box .tab-content .review-form .add-rating-box {
  margin: 0 0 20px;
}
.product-tab-box .tab-content .review-form .add-rating-box .add-rating-title h4 {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 10px;
  text-transform: none;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li {
  border-right: 1px solid #ebebeb;
  display: inline-block;
  line-height: 20px;
  margin-right: 10px;
  padding-right: 10px;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li:last-child{
  margin-right: 0px;
  padding-right: 0px;
  border-right: 0px solid #ebebeb;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li a i {
  color: #d6d6d6;
  font-size: 12px;
  line-height: 20px;
  margin-right: 1px;
  opacity: 0.9;
  transition: all 500ms ease 0s;
}
.product-tab-box .tab-content .review-form form .field-label p {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 3px;
}
.product-tab-box .tab-content .review-form form input[type="text"], 
.product-tab-box .tab-content .review-form form textarea {
  background: #fff;
  height: 50px;
  width: 100%;
  border: 1px solid #ececec;
  color: #252525;
  font-size: 14px;
  padding: 0 15px;
  margin-bottom: 20px;
  transition: all 500ms ease;
}
.product-tab-box .tab-content .review-form form textarea {
  height: 110px;
  padding: 10px 15px;
  margin-bottom: 25px;
}
.product-tab-box .tab-content .review-form form button {
  padding: 15px 30px 13px;
}
.product-tab-box .tab-content .review-form form button:hover{
  background: #152545;
  border-left-color: #152545;
  border-right-color: #152545;
  border-top-color: #152545;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li:hover a i{
  opacity: 1;
  color: #43c3ea;
}
.product-tab-box .tab-content .review-form form input[type="text"]:focus{
  border-color: #43c3ea;
}
.product-tab-box .tab-content .review-form form textarea:focus{
  border-color: #43c3ea;  
}


.related-product {
  padding-top: 80px;
}
.related-product .sec-title-two {
  padding-bottom: 34px;
}
.related-product .sec-title-two h3 {
  color: #3d3d3d;
  font-size: 28px;
  font-weight: 700;
  text-transform: capitalize;
}
.related-product .single-product-item {
  margin-bottom: 0;
}


/*** 
=============================================
    Footer area style
=============================================
***/

.footer-area {
  background: #152545 none repeat scroll 0 0;
  padding-top: 60px;
  overflow: hidden;
}

.footer-area .footer-widget {
  display: block;
  padding-left: 30px;
  padding-top: 40px;
  position: relative;
  z-index: 1;
  padding-bottom: 30px;

}
.footer-area .footer-widget::before {
  background: #13213e none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 1000%;
  z-index: -1;
  -moz-box-shadow: 1px 5px 8px #0f1b36;
  -webkit-box-shadow: 1px 5px 8px #0f1b36;
  box-shadow: 1px 5px 8px #0f1b36;
}