/*Google Fonts*/
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500');
@import 'https://fonts.googleapis.com/css?family=Dancing+Script:400,700';
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto:100,300,400,500,700,900');
/******************************************
1. Common styles
******************************************/

/*Home page Flat icon*/
@font-face {
  font-family: "Flaticon";
  src: url("../../assets/font/Flaticon.eot");
  src: url("../../assets/font/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("../../assets/font/Flaticon.woff") format("woff"),
       url("../../assets/font/Flaticon.ttf") format("truetype"),
       url("../../assets/font/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("../../assets/font/Flaticon.svg#Flaticon") format("svg");
  }
}



.flaticon-search:before { content: "\f100"; }
.flaticon-gift:before { content: "\f101"; }
.flaticon-present:before { content: "\f102"; }
.flaticon-meter:before { content: "\f103"; }
.flaticon-thermometer:before { content: "\f104"; }

/*  ################################################################

  File Name: style.css
  Template Name: Smart
  Created By: justthemevalley 

  [Table of contents]
 
  1. Common styles
  2. Newsletter Popup
  3. Layout 
     3.1. col1 layout
     3.2. col2 layout
     3.3. col3 layout
  4. Header
		4.1 welcome info
		4.2 header top
		4.3 language & currency
		4.4 Top Search
		4.5 Logo
		4.6 Top Cart
	5. Home tabs
	6. Hot deal	
	7. Home top banner
	8. Sale & New label
	9. product hover
	10. Best selling
	11. owl.carousel Slider
	12. testimonials
	13. Our clients
	14. Latest news
	15. Bottom banner section
	16. Category area
	17. Service area
	18. Totop
	20. Main menu
	21. Toolbar
	22. Filter price
	23. breadcrumbs
	24. sidebar
		24.1 category sidebar
		24.2 sidebar cart
		24.3 product price range
		24.4 filter color
		24.5 shop by
		24.6 compare
		24.7 popular tags
		24.8 Add banner
		24.9 Special product
	25. category description
	26. products grid
	27. products list
	28. price box
	29. products view
	30. products tabs
	31. shopping cart
	32. My Wishlist
	33. Compare table
	34. Checkout page
	35. Contact page
	36. Login page
	37. 404 Error Page
	38. About us
	39. FAQ Page
	40. Modal Dialog Area styles

################################################################# */ 
.service-new.jtv-service-area .block-wrapper .text-des i{
	float: none;
}

.service-new.jtv-service-area .block-wrapper .text-des{
	text-align: center;
}

.service-new.jtv-service-area .block-wrapper {
   padding: 30px 5px 30px;
    background-color: #fff;
    box-shadow: 0 0px 15px rgba(0,0,0,.3);
    margin-bottom: 20px;
    transition: all .5s ease-out 0s;
}
.service-new.jtv-service-area .block-wrapper:hover{
transform: translateY(-8px);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    background-color: #fff;

}
.service-new.jtv-service-area .block-wrapper:hover .text-des h3 {
    color: #000;
 
}
.service-new.jtv-service-area .block-wrapper .text-des h3{
	   margin-top: 21px;
	   color: #000;
	   font-size: 16px;
	   
}



.service-new.jtv-service-area .block-wrapper .text-des:hover h3:after {
    color: #fac74d;
    text-shadow: 10px 0 #e2121e, -10px 0 #2d97d0;
}
.service-new.jtv-service-area .block-wrapper .text-des h3:after{
    width: 60px;
    height: 3px;
   position: absolute;
        bottom: 22%;
    left: 50%;
    color: #fff;
    content: "•";
    text-shadow: transparent 0px 0px;
    font-size: 2em;
    transform: translateX(-50%);
    pointer-events: none;
    transition: text-shadow 0.3s, color 0.3s
}

################################################################# */ 

.dropdown-content .signinbutton a {
        padding: 5px 8px;
            display: inline-block;
}


@media (min-width:992px) {
	.navleft-container {
		margin-top: -39px;
		z-index: 99999;
		position:relative;
	}
	
}
@media (min-width:768px) and  (max-width:991px){
	.menuarea .container {
		width: 95%!important;
	}
	.navleft-container {
		margin-top: -39px;
		margin-left: -28px;
		float: left;
		z-index: 99999;
		position:relative;
	}
	.mtmegamenu > ul > li a {
		padding: 10px 8px;
	}


}
#myList li{ display:none;
}
#loadMore {
    color:green;
    cursor:pointer;
}
#loadMore:hover {
    color:black;
}
#showLess {
    color:red;
    cursor:pointer;
}
#showLess:hover {
    color:black;
}
body {
	background: #fff;
	color: rgba(0,0,0,0.87);
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 10px;
	text-align: left;
        overflow-x: hidden;
        background: url("../../assets/images/body_2.png") repeat-y scroll;
        
}
* {
	margin: 0;
	padding: 0
}
img {
	    
	max-width: 100%
}
a {
	color: rgba(0,0,0,0.87);
	text-decoration: none;
	transition: 0.5s all ease
}
a:hover {
	text-decoration: none;
	color: #098af2
}
a:focus {
	outline: 0;
	text-decoration: none;
	color: #666
}
:focus {
	outline: none;
}
h1{
	
		font-weight: 400;
	text-transform: uppercase;
	font-size: 30px;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 5px;
	line-height: 1.35;
	color: rgba(0,0,0,0.87);
		
}
h5{
	font-size: 16px;
}
form {
	display: inline
}
fieldset {
	border: 0
}
legend {
	display: none
}
table {
	border: 0;
	border-spacing: 0;
	empty-cells: show;
	font-size: 100%
}
caption, th, td {
	vertical-align: top;
	text-align: left;
	font-weight: normal
}
thead tr th {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px
}
p {
	margin: 0 0 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
}
strong {
	font-weight: bold
}
address {
	font-style: normal;
	line-height: 1.35
}
cite {
	font-style: normal
}
q, blockquote {
	quotes: none
}
q:before, q:after {
	content: ''
}
small, big {
	font-size: 1em
}
ul, ol {
	padding: 0;
	margin: 0 0 10px 25px
}
ul ul, ul ol, ol ol, ol ul {
	margin-bottom: 0
}
ul.unstyled, ol.unstyled {
	margin-left: 0;
	list-style: none
}
ul.inline, ol.inline {
	margin-left: 0;
	list-style: none
}
ul.inline>li, ol.inline>li {
	display: inline-block;
 *display:inline;
	padding-right: 5px;
	padding-left: 5px;
 *zoom:1
}
ul ul, ol ul {
	list-style-type: circle
}

.center-heading h1{
	text-align: center;

}







.hidden {
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
	overflow: hidden
}
.nobr {
	white-space: nowrap
}
.wrap {
	white-space: normal
}
.a-left {
	text-align: left
}
.a-center {
	text-align: center
}
.a-right {
	text-align: right
}
.v-top {
	vertical-align: top
}
.v-middle {
	vertical-align: middle
}
.f-left, .left {
	float: left
}
.f-right, .right {
	float: right
}
.f-none {
	float: none
}
.f-fix {
	float: left;
	width: 100%
}
.no-display {
	display: none
}
.no-margin {
	margin: 0
}
.no-padding {
	padding: 0
}
.no-bg {
	background: none
}
small {
	font-size: 85%;
	font-weight: normal;
	text-transform: lowercase;
	color: #999999
}
input:focus {
	outline: none
}

/******************************************
2. Newsletter Popup
******************************************/
i{
    font-style:inherit;
}
.modal-dialog.newsletter-popup {
	margin-top: 8%;
	color: #fff;
	min-width: 450px;
	padding: 0px;
	text-align: left;
	width: 620px;
	text-align: center;
	background: #098af2;
	padding: 20px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
	overflow: hidden;
	opacity: 1;
	box-shadow: none;
	border: 4px #098af2 solid;
}
#myModal {
	background: rgba(0, 0, 0, 0.7) url(../images/newsletter-bg.png) repeat top left;
}
.newsletter-popup .modal-content {
	background: inherit;
	padding: 20px;
	text-align: center;
	position: initial;
	border: none;
}
.newsletter-popup .close {
	cursor: pointer;
	line-height: 27px;
	min-width: 30px;
	height: 30px;
	position: absolute;
	right: -4px;
	text-align: center;
	text-transform: uppercase;
	top: -4px;
	font-size: 28px;
	font-weight: 400;
	letter-spacing: 0px;
	color: #fff;
	font-family: Verdana, Geneva, sans-serif;
	opacity: 1;
	text-shadow: none;
}
.newsletter-popup .close:hover {
	color: #eee
}
.newsletter-popup h2.modal-title {
	font-size: 2.5em;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 0;
	margin-top: 10px;
	text-transform: uppercase;
	letter-spacing: 0px;
	color: #fff;
}
#newsletter-form .content-subscribe {
	overflow: hidden
}
.form-subscribe-header label {
	color: #eee;
	font-size: 15px;
	font-weight: normal;
	line-height: 25px;
	margin: 8px 0 14px;
	max-width: 95%;
}
#newsletter-form .input-box .input-text {
	border: 1px solid #ddd;
	height: 50px;
	line-height: 50px;
	margin: 0 0 5px;
	padding-left: 15px;
	width: 95%;
	border-radius: 50px;
	color: #666;
	font-size: 14px;
}
.subscribe-bottom input[type=checkbox] {
	vertical-align: sub;
}
#newsletter-form .actions .button-subscribe {
	background-color: #000;
	border: medium none;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	padding: 4px 20px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0px;
	margin-top: 15px;
	border-radius: 50px;
}
#newsletter-form .actions .button-subscribe:hover {
	background: #333;
	color: #fff;
}
.subscribe-bottom {
	color: #eee;
	display: block;
	margin-top: 15px;
	overflow: hidden;
}
.subscribe-bottom label {
	color: #eee;
	font-size: 12px;
	margin-bottom: 0;
}
#dont_show {
	margin: 0;
	vertical-align: middle;
}
#modal-quickview .modal-body {
        height: 400px;
	padding: 0px
}
#modal-quickview .modal-dialog .modal-body .myclose {
	font-size: 40px;
	font-weight: normal;
	line-height: 0.5;
	margin-right: 8px;
	position: absolute;
	right: 2px;
	top: 6px;
	z-index: 10;
}
#modal-quickview .product-view-area {
	padding: 15px;
}
#modal-quickview .product-view-area .product-name h2 {
	font-size: 28px;
}
#modal-quickview .product-color-size-area .size-area {
	display: inline-block;
	width: 45%;
}
#modal-quickview.modal.in .modal-dialog {
	margin-top: 8%;
}
/******************************************
3. Layout
******************************************/

.main-col {
	margin: auto;
	overflow: hidden
}
.col-main {
	font-size: 14px;
}
.col-left {
	margin-bottom: 0px
}
.col-right {
	margin-bottom: 0px
}
/*3.1. col1 layout*/
.col1-layout .header-background-default {
	margin: 20px;
	padding: 0
}
.col1-layout .col-main {
	float: none;
	width: auto;
	margin-top: 0%
}
/*3.2. col2 layout*/
.col2-left-layout .col-main {
	margin-top: 0%
}
.col2-right-layout ol.opc .col-md-4 {
	margin-right: 15px
}
/*3.3. col3 layout*/
.col3-layout .col-wrapper {
	float: left;
	width: 780px
}
.col3-layout .col-wrapper .col-main {
	float: right
}
.main-container {
	min-height: 350px;
	padding: 25px 0 0px;
}
/******************************************
4. Header
******************************************/

/*4.1 welcome info */
.welcome-info {
	background-color: #fff;
	border-bottom: 1px #e5e5e5 solid;
	padding: 30px 0px 60px;
	text-align: center
}
.welcome-info .page-header {
	margin-top: 10px
}
.welcome-info .page-header h1 {
	color: #000000;
	font-size: 40px
}
.welcome-info .page-header p {
	font-size: 30px
}
.welcome-info .page-header p em {
	font-style: normal;
	border-bottom: 2px #098af2 solid;
	padding-bottom: 5px
}
.welcome-info .page-header .text-main {
	color: #098af2
}
/*4.2 header top */

.header-container {
	background: #fff
}
.header-top {
	background-color: #fff;
	width: 100%;
	color: #eee;
    


}
.brdlin{
    
    width:100%;
    margin:0;
    padding:0;
}
.brdlin img{
    width:100% !important;
}
.header-top a {
	color: #000;
}
.header-top a:hover {
	color: #c7c7c7;
        text-decoration:underline;
}
.welcome-msg {
	text-align: left;
	display: inline-block;
	padding: 0px 18px 0px 0;
	margin: 0px 6px 0 0;
	color: #000;
	line-height: 16px;
}
.menu-area .phone {
	padding: 11px 0px 2px 0;
	float: right;
	font-size: 15px;
	color: #666;
	;
}
.menu-area .phone {
	margin-top: 6px;
	margin-right: 10px;
	display: inline-block;
}
.menu-area .phone i {
	font-size: 16px;
	color: #666;
}
.header-bottom {
	background-color: #098af2;
	height: 45px;
	transition: all .300s;
}
.header-bottom .container {
	position: relative;
}
.dropbtn {
    background:none;
    color: #333;
    padding:1px 10px;
    font-size: 13px;
    line-height: 20px;
    border: none;
    cursor: pointer;
    margin-top:0px;
    font-weight:500;
}
.sign{
    border:1px solid #ececec;
    width:50px;
    padding:5px !important;
    text-align:center;
    margin:5px 0px 0px 15px;
    float:left;
}
.or{
  float:left;
padding:10px 8px;
margin:0;

 color: #333 !important;
    
}
.act{
  color:#fff !important;
background: #0468b9;  
    
}
.sign:hover, .signu:hover{
color:#fff !important;
background: #0468b9  !important;
}
.signu{
    border:1px solid #ececec;
    width:52px;
     padding:5px !important;
    text-align:center;
    margin:5px 0px 10px 0px;
    float:left;
}
.dropdown {
    position: relative;
    display: inline-block;
     border:1px solid #ececec;
}

.dropdown-content {
    display: none;
    padding:10px 0px;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 99999;
}

.dropdown-content a {
    color: black;
    padding:5px 0px 5px 15px;
    text-decoration: none;
    display: block;
    line-height:18px;
        font-weight:400;
}
.dropdown-content a:hover {
    color: #098af2;
}


.dropdown:hover .dropdown-content {
    display: block;
    color: #098af2;
}

.dropdown:hover .dropbtn {
 
    
    background-color:none;
}
/*4.3 language & currency */
.language-currency-wrapper .block {
	margin: 0;
	position: relative;
	border-bottom: none;
	display: inline-block;
}
.language-currency-wrapper .block span {
	display: inline-block;
	text-transform: capitalize;
	color: rgba(255,255,255,0.8);
}
.language-currency-wrapper .block:hover {
	cursor: pointer
}
.language-currency-wrapper .block>div {
	position: relative;
	padding-bottom: 4px;
}
.language-currency-wrapper .block>div>span:hover, .language-currency-wrapper .block span:hover {
	color: #f98180
}
.language-currency-wrapper .block>div img {
	margin-top: 0px;
	margin-right: 3px;
	margin-left: 15px
}
.language-currency-wrapper .block>ul {
	position: absolute;
	right: 0;
	top: 32px;
	padding: 0px;
	background: #fff;
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: hidden;
	z-index: 999;
	text-align: left;
}
.language-currency-wrapper .block>ul li {
	list-style: none;
	background: #fbfbfb
}
.language-currency-wrapper .block>ul li a {
	position: relative;
	white-space: nowrap;
	line-height: 30px;
	color: #666;
	font-size: 12px;
	padding-left: 12px;
	display: block
}
.language-currency-wrapper .block>ul li span {
	color: #666;
}
.language-currency-wrapper .block>ul li a img {
	margin-right: 8px;
	margin-top: 0px
}
.language-currency-wrapper .block>ul li a .cur_icon {
	margin-right: 6px;
}
.language-currency-wrapper .block>ul li a:hover, .language-currency-wrapper .block>ul li span a:hover {
	color: #098af2;
	text-decoration: none
}
.language-currency-wrapper .block:hover>ul {
	margin-top: 0;
	top: 18px;
	opacity: 1;
	filter: alpha(opacity=100);
	visibility: visible;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}
.language-currency-wrapper .block.block-language {
	padding: 0px;
}
.language-currency-wrapper {
	display: inline-block;
}
.language-currency-wrapper .block.block-language>ul {
	min-width: 85px;
	left: 0px;
	margin: auto
}
.language-currency-wrapper .block.block-currency {
	margin-left: 15px;
	color: rgba(255,255,255,0.8);
}
.language-currency-wrapper .block.block-currency>ul {
	min-width: 80px;
	margin: auto;
	left: 0px;
}
.jtv-user-info .dropdown-menu {
	min-width: 130px;
	left: -20px;
}
.headerlinkmenu {
	line-height: normal;
	display: inline-block;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: 300;
	color:#000;
        padding:12px 0px 0px 0px;
}
.headerlinkmenu ul.links {
	display: inline-block;
	float: right;
	padding: 0px;
	margin: auto;
}
.headerlinkmenu ul.links li {
	display: inline-block;
	text-align: right;
	margin-left: 10px;
}
.jtv-user-info .dropdown-menu {
	padding: 0px;
	margin: auto;
}
.headerlinkmenu .jtv-user-info .dropdown-menu li a {
	padding: 6px 15px;
	width: 100%;
	color: #333;
}
.headerlinkmenu div.links li a {
	display: inline-block;
	padding: 0px;
	padding: 5px 0px 6px 5px;
	text-decoration: none;
	letter-spacing: 0px;
	color: rgba(255,255,255,0.8);
}
.headerlinkmenu div.links div a span {
	margin-left: 8px;
}
.headerlinkmenu .jtv-user-info .dropdown-menu li a:hover {
	color: #098af2;
}
#offer-slider.product-flexslider {
	margin: auto;
}
.offer-content-text {
	text-align: left;
        padding:8px 0px 0px 0px;
}
.offer-content-text p {
	font-size: 14px;
	color: rgba(0,0,0,0.87);
	padding: 0px 0px 0px;
	margin: auto;
}
.offer-content-text span {
	font-weight: 400;
	color: #000;
}
.offer-content-text i {
	font-size: 14px;
	margin-right: 3px;
	color: #000;
}
/*4.4 Top Search */

.top-search a {
	color: #fff;
	cursor: pointer;
	padding: 8px 12px 9px
}
.top-search a:hover {
	background: #006393;
	color: #fff
}
.icon-search:before {
	font-size: 16px
}
.cart-top .dropdown-menu {
	padding: 10px;
	min-height: 100px;
	height: auto;
	min-width: 445px;
	-webkit-transition: all 300ms ease-in-out 0s;
	-o-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
	top: 0;
	position: fixed;
	z-index: 999;
	display: block;
	-webkit-transform: translate3d(100%, 0, 0);
	-moz-transform: translate3d(100%, 0, 0);
	-ms-transform: translate3d(100%, 0, 0);
	-o-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	-webkit-transition: all .4s cubic-bezier(.25, .46, .45, .94) 0s;
	-o-transition: all .4s cubic-bezier(.25, .46, .45, .94) 0s;
	transition: all .4s cubic-bezier(.25, .46, .45, .94) 0s
}
#search .input-group {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    background-color: #f5f5f5;
    border-radius: 50px;
    border: 1px solid #d9d9d9;
    margin-top: 10px;
}
.top-search {
	padding-right: 0px;
	padding-top: 5px;
}
#search input {
	height: 45px;
	display: inline-block;
	width: 55%;
	border: none;
	background: #f5f5f5;
	box-shadow: none;
	color: #000000;
        padding: 10px;
}
.form-control::-moz-placeholder {
color: #000000;
}
#search button {
	line-height: 29px;
	padding: 8px 21px;
	float: right;
	display: inline-block;
	background: #f5f5f5;
	border: none;
	color: #333;
	transition: 0.5s all ease;
	border-left: 1px solid #d9d9d9;
	border-radius: 0 50px 50px 0px;
}
#search button:hover {
	background: #098af2;
	border: none;
	color: #fff;
	transition: 0.5s all ease
}
.top-search .fade.in {
	background: none repeat scroll 0 0 rgba(0,0,0,0.5);
	opacity: 1
}
.top-search .modal-content {
	border-radius: 3px
}
#search button i {
	font-size: 18px
}
.cate-dropdown {
	float: left;
	width: 140px;
	height: 45px;
	border: none;
	display: inline-block
}
select.cate-dropdown {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-position: right center;
	background-image: url(../images/cat-select-arrow.png);
	background-repeat: no-repeat;
	position: right 10px center;
	color: transparent;
	padding-right: 28px;
	padding-left: 18px;
	text-indent: 0.01px;
	text-overflow: '';
	cursor: pointer;
	color: #333;
	background-color: inherit;
	border-right: 1px solid #d9d9d9;
        line-height: 1.42;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-position: right center;
	background-image: url(../images/cat-select-arrow.png);
	background-repeat: no-repeat;
	position: right 10px center;
	color: transparent;
	padding-right: 28px;
	padding-left: 10px;
	text-indent: 0.01px;
	text-overflow: '';
	cursor: pointer;
	color: #333;
	background-color: #eaeaea;
}
select.cate-dropdown option {
	padding: 6px;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-position: right center;
	background-image: url(../images/select-arrow.png);
	background-repeat: no-repeat;
	position: right 10px center;
	color: transparent;
	padding-right: 28px;
	padding-left: 18px;
	text-indent: 0.01px;
	text-overflow: '';
	cursor: pointer;
}
.cate-dropdown:focus {
	border: none;
	background-color: #eaeaea;
	padding-right: 28px;
	padding-left: 10px;
}
.top-my-account, .top-compare {
	display: inline-block;
	vertical-align: top;
	width: 45px;
	height: 45px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	text-align: center;
	font-size: 16px;
	transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	padding: 11px 0 0;
	margin: 0px 20px;
	float: left;
}
.top-compare {
	margin: 0px 20px;
}
.top-my-account:hover, .top-compare:hover {
	background: #098af2;
	border: 1px solid #098af2;
	color: #fff;
}
/*4.5 Logo */
.logo {
	vertical-align: middle;
	margin: 10px 0px;
}
.menu-sticky .logo {
	margin: 10px 0px
}
.menu-sticky .logo a img {
	height: 35px;
	-webkit-transition: all .300s;
	-moz-transition: all .300s;
	-o-transition: all .300s;
	transition: all .300s;
}
/*4.6 Top Cart */
/* shopping cart trigger */
#shopping-cart-trigger .cart-icon {
	color: rgba(255,255,255,0.8);
	display: block;
	font-size: 18px;
	width: 45px;
	height: 45px;
	line-height: 40px;
	background: #fff;
	border: 1px solid #ccc;
	position: relative;
	text-align: center;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border-radius: 100px;
	margin-left: 30px;
	color: #333;
}
#shopping-cart-trigger .cart-icon:hover {
	background: #098af2;
	border: 1px solid #098af2;
	color: #fff;
}
#shopping-cart-trigger .top-cart-label {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 400;
	line-height: 38px;
}
.cart-num {
	background-color: #098af2;
	border-radius: 20px;
	color: #fff;
	font-size: 11px;
	height: 20px;
	line-height: 18px;
	position: absolute;
	left: 24px;
	text-align: center;
	top: -10px;
	width: 20px;
}
.mini-cart .basket a .fa-shopping-cart:before {
	font-size: 16px;
	margin-right: 12px;
	background: #1267b3;
	padding: 15px;
	color: #fff;
	border-radius: 100px
}
.mini-cart .open .basket a {
	color: #fff;
	background: #fff;
	box-shadow: 0 3px 9px rgba(0,0,0,0.3)
}
.mini-cart .dropdown-toggle {
	padding: 0;
	text-transform: none
}
.top-cart {
    float: right;
    padding-left: 0px;
    margin-top: 20px;
}
.top-cart-contain {
	padding: 0;
	color: #fff;
	margin-top: 5px;
	float: right
}
.top-cart-title p {
	margin: 0
}
.top-cart-content .empty {
	padding: 10px
}
.top-cart-content {
	width: 320px;
	position: absolute;
	top: 60px;
	right: 0px;
	background: #fff;
	padding: 0;
	text-align: right;
	box-shadow: 0 0 5px -5px rgba(0,0,0,0.2);
	border: 1px solid #f5f5f5;
	z-index: 50
}
.top-cart-content p {
	color: #333333;
	margin: 0;
	padding: 10px
}
.top-subtotal {
	color: #333333;
	font-size: 13px;
	font-weight: 600;
	padding: 8px 15px;
	text-align: left;
	text-transform: none;
	background-color: #f3f3f3;
	margin-bottom: 15px
}
.top-cart-content .product-details .btn-remove {
	position: absolute;
	right: 10px;
	top: 4px
}
.top-cart-title {
	display: inline-block;
	padding: 3px;
	margin: 0;
	vertical-align: top;
	text-align: center;
	color: #223D62;
	line-height: 12px;
	position: relative;
	width: 20px;
	margin-top: 2px;
	margin-left: 29px
}
.top-cart-content .block-subtitle {
	border-bottom: 1px solid #ddd;
	color: #333333;
	overflow: hidden;
	padding: 15px;
	text-align: left;
	font-size: 13px;
	background: #f8f8f8
}
ul#cart-sidebar {
	padding: 3px 15px 6px;
	margin: auto;
	max-height: 195px;
	overflow: auto;
}
.top-cart-title .cart_arrow {
	position: absolute;
	bottom: -6px;
	right: 50px;
	width: 18px;
	height: 11px;
	z-index: 1000;
	display: none
}
.top-cart-contain:hover .top-cart-title .cart_arrow {
	display: block
}
.top-cart-content li.item {
	width: 272px;
	margin: 5px 0px;
	border-bottom: 1px #eee solid;
	min-height: 67px
}
.top-cart-content li.item.last {
	margin: 0;
	border-bottom: 0px #eee solid;
	padding-bottom: 10px
}
.top-cart-content .product-details {
	color: #333333;
	position: relative;
	text-align: left
}
.mini-products-list .product-details {
	margin-left: 80px;
	padding: 0
}
.top-cart-content .product-details .btn-remove {
	position: absolute;
	right: 10px;
	top: 12px
}
.top-cart-content .product-details .btn-edit {
	position: absolute;
	right: 22px;
	top: 6px
}
.top-cart-content .actions {
	padding: 5px 15px 20px;
	margin: 0;
	overflow: hidden
}
.top-cart-icon {
	padding: 5px;
	width: 20px;
	height: 24px;
	display: inline-block;
	vertical-align: middle
}
.top-cart-title span {
	font-weight: normal;
	font-size: 13px;
	text-transform: uppercase
}
.top-cart-title p span {
	text-transform: none
}
.mini-cart .actions .fa-shopping-cart:before {
	font-size: 13px;
	padding-right: 3px
}
.mini-cart .actions .fa-check:before {
	font-size: 13px;
	padding-right: 8px
}
.mini-cart .actions .btn-checkout {
	background: #1267b3;
	color: #fff;
	padding: 8px 15px;
	border: none;
	cursor: pointer;
	display: inline-block;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
	border: 2px solid rgba(0,0,0,0.08);
	border-radius: 4px;
	text-transform: uppercase;
	font-weight: 400;
}
.mini-cart .actions .btn-checkout:hover {
	background: #333333;
	color: #fff;
}
.mini-cart .actions .view-cart {
	background: #fff;
	color: #333333;
	padding: 8px 15px;
	text-align: left;
	cursor: pointer;
	text-decoration: none;
	float: left;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
	border: 2px solid #333333;
	font-weight: 400;
	border-radius: 4px
}
.mini-cart .actions .view-cart:hover {
	background: #1267b3;
	color: #fff
}
.mini-cart .actions .button {
	display: inline-block;
	width: 100px;
	text-align: center;
	margin-bottom: 3px;
	padding: 8px 10px 6px;
	text-transform: none;
	border: none;
	text-transform: uppercase
}
.mini-cart .button.btn-checkout {
	background-color: #970400;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 0px 6px;
	height: 32px;
	line-height: 32px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}
.block_mini_cart_above_products {
	margin-bottom: 15px
}
.mini-cart>.button {
	color: #333333;
	font-weight: 300;
	text-shadow: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	background: none
}
#cart-sidebar li {
	border-bottom: 1px solid #ECECEC;
	list-style: none;
	margin-bottom: 8px;
	overflow: hidden;
	padding: 8px 0 15px
}
#cart-sidebar li.last {
	padding: 5px 0 0;
	border-bottom: none;
	margin-bottom: 0
}
.remove-cart {
	display: block;
	width: 15px;
	height: 13px;
	position: absolute;
	right: 0;
	top: 0
}
.wishlist-count {
	background-color: #f8f8f8;
	border-radius: 50%;
	color: #666;
	font-size: 1.1em;
	font-weight: 300;
	height: 25px;
	line-height: 24px;
	padding: 0;
	position: absolute;
	right: -5px;
	text-align: center;
	top: -13px;
	width: 25px;
	z-index: 0;
	border: 1px solid #e0e0e0;
}
.link-wishlist {
	width: 40px;
	position: relative;
	float: left;
	margin-top: 45px;
}
/******************************************
5. Home tabs
******************************************/
.call-us {
    float: right;
    margin-right: 0px;
    width: 24%;
    margin-top: 6px;
}
.call-us i {
    color: #eee;
    float: left;
    font-size: 20px;
    padding: 3px 10px 0 0;
}
.call-text {
    font-size: 14px;
    font-weight: 600;
    color: #eee;
	float: left;
    margin-top: 3px;
	margin-right: 5px;
    text-transform: uppercase;
}
.call-num {
    color: #fff;
    font-size: 12px;
    float: left;
	  margin-top: 3px;
}
/******************************************
5. Home tabs
******************************************/
.tab-info h3 {
	text-transform: uppercase;
	margin: auto;
	font-size: 16px;
	letter-spacing: 0px;
	background-color: #fff;
	color: #000;
	padding: 8px 12px;
	font-weight: 700;
	border: 1px solid #c1c1c1;
	border-bottom: 2px #098af2 solid;
	margin-bottom: -2px
}
.home-product-tabs {
	line-height: normal;
	margin: 0;
	outline: none;
	padding: 0px;
	border-bottom: 2px solid #e0e0e0;
	margin-top: 0px;
	text-align: right;
	padding-top: 8px;
	margin-bottom: 5px;
}
.home-product-tabs li a {
	border-bottom: none;
	color: #000000;
	margin-right: 0px;
	text-decoration: none;
	font-size: 14px;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
	padding: 0 20px;
	font-weight: 400;
	letter-spacing: 0px;
	text-transform: uppercase;
}
.home-product-tabs li.active a {
	background: none repeat scroll 0 0 #fff;
	color: #000000;
	padding: 12px;
	border: none
}
.home-nav-tabs.home-product-tabs>li>a {
	margin-right: 0px;
	line-height: 1.42857143;
	border-radius: 0px;
	border: 0px solid #999;
	padding: 0px 7px;
	background: #fff;
}
.home-product-tabs li:first-child a {
	padding-left: 0px;
	padding-right: 8px;
}
.home-product-tabs li:last-child a {
	padding-left: 0px;
	padding-right: 0px;
}
.home-nav-tabs>li.active>a, .home-nav-tabs>li.active>a:hover, .home-nav-tabs>li.active>a:focus {
	border: 0px solid #098af2
}
.home-nav-tabs>li>a:hover {
	background: #fff;
	color: #000000;
	border: 0px solid #000000
}
.home-nav-tabs>li.active>a, .home-nav-tabs>li.active>a:hover, .home-nav-tabs>li.active>a:focus {
	border: 0px solid #098af2;
	border-radius: 0px;
	background: #fff;
	color: #098af2;
}
.home-nav-tabs>li {
	float: none;
	margin-bottom: -1px;
	display: inline-block;
	margin-right: 0px
}
.home-nav-tabs>li.divider {
	border-right: 1px solid #e0e0e0;
	color: #ccc;
	display: inline;
	height: 20px;
	margin-left: 0px;
	margin-right: 0px;
	width: 1px;
}
.home-tab .product-item .item-inner {
	margin-bottom: 25px;
	padding: 0px 0px 20px;
}
.home-tab {
	display: inline-block;
	width: 100%;
	margin-top: 30px;
}
.home-tab .tab-content {
	padding: 5px 0px 0px 0px;
	overflow: visible;
	font-size: 14px;
	line-height: 19px;
	margin: 0 -15px;
}
.home-tab .product-flexslider {
	margin: 0px;
}
.page-header {
	border: none;
	padding-bottom: 0px;
	margin: 30px 0 0px
}
.page-header h1 {
	font-size: 22px;
	text-transform: uppercase;
	font-weight: bold;
	color: #000000
}
.page-header h2 {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 400;
	color: #000000;
	letter-spacing: 0px;
}
.page-header .text-main {
	color: #f23534
}
.divider-icon {
	font-size: 28px;
	margin: 5px 0 20px
}
/******************************************
6. Hot deal
******************************************/
.hot-products {
	margin-bottom: 30px;
}
.timer-item.item {
	margin: auto;
}
.timely {
	margin-bottom: 0px;
	border: 1px solid #e8e8e8;
	padding: 0px 20px 12px;
	margin-right: 30px;
}
.timely .item-info {
	text-align: center;
	margin-top: 0px;
}
.jtv-timer-grid {
	overflow: hidden;
	display: inline-block;
}
.jtv-timer-grid .box-time-date {
	background: #ccc;
	font-size: 11px;
	color: #fff;
	min-width: 66px;
	min-height: 60px;
	text-align: center;
	margin-top: 6px;
	font-weight: 400;
	text-transform: uppercase;
	border-radius: 0;
	border: 1px #eee solid;
	display: inline-block;
}
.jtv-timer-grid .box-time-date span {
	display: block;
	font-size: 18px;
	color: #098af2;
	margin-top: 8px;
	font-weight: 700;
}
.jtv-box-timer {
	text-align: center;
	margin-top: -6px;
	left: inherit;
	right: inherit;
	width: 100%;
	position: absolute;
	bottom: -5px;
}
.hot-deal {
	border: 1px solid #e5e5e5;
}
.hot-deal .products-grid .item {
	margin-top: 0;
}
.hot-deal .product-item .item-inner {
	margin-bottom: 0px;
	padding: 15px 0px 20px
}
.hot-deal .product-item {
	margin: 0px;
}
.hot-deal .title-text {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	background-color: #098af2;
	display: inline-block;
	width: 100%;
	padding: 12px;
	text-align: left;
	color: #000;
	letter-spacing: 0px;
}
/******************************************
7. Home top banner
******************************************/

/******************************************
8. Sale & New label
******************************************/

.icon-new-label {
	font-size: 11px;
	color: #fff;
	background: #098af2;
	text-transform: uppercase;
	padding: 0px;
	text-align: center;
	display: block;
	position: absolute;
	top: -12px;
	z-index: 1;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: normal;
	width: 50px;
	height: 22px;
	line-height: 22px;
	margin-top: 0px;
	margin-left: 0px;
}
.icon-sale-label {
	font-size: 11px;
	color: #fff;
	background: #098af2;
	text-transform: uppercase;
	padding: 0px;
	text-align: center;
	display: block;
	position: absolute;
	top: -12px;
	z-index: 1;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: normal;
	width: 50px;
	height: 22px;
	line-height: 22px;
	margin-top: 0px;
	margin-left: 0px;
}
.new-right {
	right: -10px;
	top: -15px;
}
.new-left {
	left: -10px;
	top: -15px;
}
.sale-right {
	top: -15px;
	right: -10px;
}
.sale-left {
	left: -10px;
	top: -15px;
}
.icon-hot-label {
	font-size: 11px;
	color: #fff;
	background: #098af2;
	text-transform: uppercase;
	padding: 0px;
	text-align: center;
	display: block;
	position: absolute;
	top: -12px;
	z-index: 1;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: normal;
	width: 45px;
	height: 22px;
	line-height: 24px;
	margin-top: 0px;
	margin-left: 0px;
}
.hot-right {
	top: -10px;
	right: -2px;
}
.hot-left {
	left: -28px;
	top: -12px;
}
.icon-sale-label {
	background: none repeat scroll 0 0 #098af2;
	color: #fff;
	font-size: 11px;
	font-weight: 400;
	left: 0;
	line-height: 22px;
	margin: 0;
	padding-left: 5px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 0;
	z-index: 1;
}
.icon-new-label {
	background: none repeat scroll 0 0 #337ab7;
	color: #fff;
	font-size: 11px;
	font-weight: 400;
	left: 0;
	line-height: 22px;
	margin: 0;
	padding-left: 5px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 0;
	z-index: 1;
}
/******************************************
9. product hover
******************************************/
.product-item .item-inner {
	margin-bottom: 0px;
	border: 1px solid #e5e5e5;
	padding: 0px 0px 0px;
        margin:10px;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
}
.product-item .item-inner:hover {
	border: 1px solid #098af2;
}
.product-item .item-inner:hover .product-thumbnail .btn-quickview {
	opacity: 1;
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
.product-item .item-inner:hover .pro-box-info .box-hover .add-to-links .action.add-to-wishlist {
	margin-left: -97px;
}
.product-item .item-inner:hover .pro-box-info .box-hover .add-to-links .add-to-compare {
	margin-left: 63px;
}
.product-item .item-inner .product-thumbnail {
	position: relative;
	text-align: center;
}
.product-item .item-inner .product-thumbnail .btn-quickview {
	background: none;
	padding: 0;
	line-height: inherit;
	position: absolute;
	top: 52%;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 2;
	opacity: 0;
	-moz-transform: translateY(-20px);
	-webkit-transform: translateY(-20px);
	-o-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
       
}
.product-item .item-inner .product-thumbnail .btn-quickview a {
	background: #fff;
	border: 1px solid #cccccc;
	color: #444444;
	font-size: 12px;
	font-weight: 400;
	padding: 0 15px 0 15px;
	line-height: 35px;
	letter-spacing: 0px;
	text-transform: inherit;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	text-transform: uppercase;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	border-radius: 50px;
}
.product-item .item-inner .product-thumbnail .btn-quickview a:hover {
	color: #fff;
	background: #098af2;

	border: 2px solid #098af2;
}
.product-item .item-inner .product-thumbnail .product-item-photo {
	display: block;
	width: 100%;
	padding: 0;
        min-height: 315px;
}
/*.product-thumbnail img{
    height:285px;
}*/

.product-item .item-inner .product-thumbnail .product-item-photo img{max-height: 315px;min-height: 315px;}
.productcat-slider .product-item .item-inner .product-thumbnail .product-item-photo {   min-height: 0px;}
.product-item .item-inner .product-thumbnail:hover .product-item-photo img {
	opacity: 0.6;
}
.product-item .item-inner .pro-box-info {
	margin-top: 5px;
}
.product-item .item-inner .pro-box-info .box-hover {
	text-align: center;
	margin-top: 10px;
	position: relative;
	overflow: hidden;
}
.product-item .item-inner .pro-box-info .box-hover .add-to-links:after {
	display: table;
	content: "";
	clear: both;
}
.product-item .item-inner .pro-box-info .box-hover .add-to-links .action {
	color: #fff;
	display: inline-block;
	font-size: 0;
	font-weight: 400;
	width: 34px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	padding: 0;
	border: 1px solid #ccc;
	background: #fff;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
}
.product-item .item-inner .pro-box-info .box-hover .add-to-links .action:hover {
	background: #098af2;
	border: 1px solid #098af2;
}
.product-item .item-inner .pro-box-info .box-hover .add-to-links .action:before {
	display: inline-block;
	font-family: FontAwesome;
	font-size: 14px;
	color: #444444;
}
.product-item .item-inner .pro-box-info .box-hover .add-to-links .action span {
	display: inline-block;
}
.product-item .item-inner .pro-box-info .box-hover .add-to-links .action.add-to-wishlist {
	margin-left: 0;
}
.product-item .item-inner .pro-box-info .box-hover .add-to-links .action.add-to-wishlist:before {
	content: "\f004";
}
.product-item .item-inner .pro-box-info .box-hover .add-to-links .action.add-to-compare:before {
	content: "\f012";
}
.product-item .item-inner .pro-box-info .pro-actions {
	display: inline-block;
	background: #fff;
	position: relative;
	z-index: 2;
	margin-bottom: 10px;
}
.product-item .item-inner .pro-box-info .pro-actions .action.add-to-cart {
	background: #fff;
	border: 1px solid #cccccc;
	color: #444444;
	font-size: 14px;
	font-weight: 400;
	padding: 0 15px;
	line-height: 32px;
	letter-spacing: 0px;
	text-transform: inherit;
	border-radius: 0;
	transition: all 0.4s ease-out 0s;
	border-radius: 50px;
        margin:10px 0px;
        
}
.product-item .item-inner:hover .pro-box-info .pro-actions .action.add-to-cart {
	color: #fff;
	background: #098af2;
	border: 1px solid #098af2;
	transition: all 0.4s ease-out 0s;
}
.product-item .item-inner .pro-box-info .pro-actions .action.add-to-cart:before {
	content: "\f07a";
	display: inline-block;
	font-family: FontAwesome;
	margin-right: 4px;
	line-height: 31px;
	font-size: 12px;
}


.product-item .item-inner .pro-box-info .pro-actions .action.out-of-stock {
	color: #fff;
	background: #f23534;
	border: 1px solid #f23534;
	
	font-size: 12px;
	font-weight: 400;
	padding: 10px 10px;
	line-height: 32px;
	letter-spacing: 0px;
	text-transform: inherit;
	border-radius: 0;
	transition: all 0.4s ease-out 0s;
	border-radius: 50px;
        margin:10px 0px;
        
}
.product-item .item-inner:hover .pro-box-info .pro-actions .action.out-of-stock {
	color: #fff;
	background: #f23534;
	border: 1px solid #f23534;
	transition: all 0.4s ease-out 0s;
}
.product-item .item-inner .pro-box-info .pro-actions .action.out-of-stock:before {
	
	display: inline-block;
	font-family: FontAwesome;
	margin-right: 4px;
	line-height: 31px;
	font-size: 12px;
}

.add-to-cart-mt {
	background: #098af2;
	border: 0 none;
	bottom: 0;
	font-size: 12px;
	left: -100%;
	line-height: 10px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	transition: all .5s ease-out 0s;
	width: 100%;
	padding: 12px 0;
	color: #000000;
}
.add-to-cart-mt:hover {
	background: #098af2;
	color: #fff;
}
.add-to-cart-mt span {
	margin-left: 5px
}
.pr-button .mt-button a:hover {
	background: #098af2;
	color: #fff
}
.pr-button .mt-button a {
	transform: rotate(0deg);
	transition: all .5s ease-in-out
}
.pr-button .mt-button a:hover {
	transform: rotate(360deg);
	transition: all .5s ease-in-out
}
.pr-button .mt-button {
	border-right: 0 none;
	float: left;
	height: 40px;
	margin-right: 5px;
	text-align: center;
	transform: scale(0);
	transition: all 0.4s ease 0s;
	width: 40px;
	line-height: 25px
}
.product-item .item-inner .product-thumbnail:hover .mt-button {
	transform: scale(1)
}
.product-item .item-inner .item-info {
	text-align: center;
	padding-top: 5px;
}
.product-item .item-inner .item-info .item-title {
	font-size: 14px;
	margin-bottom: 6px;
	font-weight: 400;
}
.product-item .item-inner .item-info .item-title a {
	display: inherit;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 10px;
	font-size: 15px;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0px;
}
.product-item .item-inner {
	position: relative;
	overflow: hidden
}
/*.product-item {
	margin: 0 12px 25px;
}*/

.price-box1{

	padding-top: 12px;
    border-top: 1px solid #ddd;
}
.product-bottom{
	margin-top: 15px;
}
.home-tab .product-item {
	margin: 0px;
}
.product-grid-area.col4 .product-item {
	margin: 0 4px
}
.product-item .item-inner .item-info .item-title a:hover {
	color: #098af2;
}
#best-sale-slider.product-flexslider {
	margin: 0px;
}
#best-sale-slider .owl-theme .owl-controls .owl-buttons div {
	margin: 20px 5px 0px 0px;
}
.best-sale-pro .slider-items-products .owl-buttons .owl-prev {
	top: 15%
}
.best-sale-pro .slider-items-products .owl-buttons .owl-next {
	top: 15%
}
/******************************************
10. Best selling
******************************************/
.title-heading h3{

font-size: 17px;
    margin: 0 12px 0px;
    padding: 3px 0 0px;
    letter-spacing: 0px;
    color: #000;

}

.title_block {
	border-bottom: 2px solid #e0e0e0;
	margin-bottom: 20px;
	margin-top: 20px;
	text-align: center;
}
.title_block h3 {
	text-transform: uppercase;
        	font-family: "Roboto Condensed", sans-seri;
	margin: auto;
	font-size: 20px;
	letter-spacing: 1.5px;
	background-color: #fff;
	color: #444;
	padding: 8px 15px;
	font-weight: 400;
	display: inline-block;
	border: 1px solid #c1c1c1;
	border-bottom: 2px #098af2 solid;
	margin-bottom: -2px;
}
.latest-post-section .title_block h3 {
	text-transform: uppercase;
	margin: auto;
	font-size: 16px;
	letter-spacing: 0px;
	background-color: #098af2;
	color: #fff;
	padding: 8px 12px;
	font-weight: 700;
	display: inline-block;
}
.best-selling-slider .product-flexslider, .featured-products-slider .product-flexslider {
	margin: 0px -12px 0px;
}
.featured-products-slider{ display:inline-block; margin-bottom:30px;}
.best-selling-slider .product-item .item-inner, .featured-products-slider .product-item .item-inner {
	margin-bottom: 0px;
	padding: 0px 0px 20px;
}
.best-selling-slider .slider-items-products .owl-buttons .owl-next, .best-selling-slider .slider-items-products .owl-buttons .owl-prev {
	top: -45px;
}
.best-selling-slider .product-item {
	margin: 0 0px;
}
/******************************************
Featured products 
******************************************/

.featured-products-slider .product-item {
	margin: 0 12px;
}
.featured-products-slider .slider-items-products .owl-buttons .owl-next, .featured-products-slider .slider-items-products .owl-buttons .owl-prev {
	top: -45px;
}
.item-inner .product-thumbnail .add-to-links .action.add-to-wishlist {
	color: #fff;
	display: inline-block;
	font-size: 0;
	font-weight: 400;
	width: 38px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	padding: 0;
	border: 1px solid #ccc;
	background: #fff;
	position: absolute;
	top: 0;
	left: 25%;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	border-radius: 50px;
	opacity: 0;
}
.item-inner:hover .product-thumbnail .add-to-links .action.add-to-wishlist {
	opacity: 1;
	top: 34%;
	left: 44%;
	z-index: 100;
}
.item-inner:hover .product-thumbnail .add-to-links .action.add-to-compare {
	opacity: 1;
	top: 34%;
	z-index: 100;
}
.item-inner .product-thumbnail .add-to-links .action.add-to-compare {
	color: #fff;
	display: inline-block;
	font-size: 0;
	font-weight: 400;
	width: 38px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	padding: 0;
	border: 1px solid #ccc;
	background: #fff;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	opacity: 0;
	border-radius: 50px;
}
.item-inner:hover .product-thumbnail .add-to-links .action.add-to-email {
	opacity: 1;
	top: 34%;
	z-index: 100;
}
.item-inner .product-thumbnail .add-to-links .action.add-to-email {
	color: #fff;
	display: inline-block;
	font-size: 0;
	font-weight: 400;
	width: 38px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	padding: 0;
	border: 1px solid #ccc;
	background: #fff;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	opacity: 0;
	border-radius: 50px;
}
.item-inner .product-thumbnail .add-to-links .action:hover {
	background: #098af2;
	border: 1px solid #098af2;
}
.item-inner .product-thumbnail .add-to-links .action:hover:before {
	color: #fff;
}
.item-inner .product-thumbnail .add-to-links .action:before {
	display: inline-block;
	font-family: FontAwesome;
	font-size: 13px;
	color: #444444;
}
.item-inner .product-thumbnail .add-to-links .action span {
	display: inline-block;
}
.item-inner .product-thumbnail .add-to-links .action.add-to-wishlist {
	margin-left: 0;
}
.item-inner .product-thumbnail .add-to-links .action.add-to-wishlist:before {
	content: "\f004";
}
.item-inner .product-thumbnail .add-to-links .action.add-to-compare:before {
	content: "\f012";
}
.item-inner .product-thumbnail .add-to-links .action.add-to-email:before {
	content: "\f0e0";
}
/******************************************
11. owl.carousel Slider
******************************************/

.owl-item .item {
	margin: 0 12px
}
.slider-items-products {
	position: relative
}
.slider-items-products .item {
	text-align: center
}
.slider-items-products .item .product-image {
	display: block;
	overflow: hidden
}
.slider-items-products .item .product-image img {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-property: transform;
	transition-property: transform
}
.slider-items-products .item .product-image:hover img {
	transform: scale(-1, 1)
}
.slider-items-products .owl-buttons .owl-prev a {
	transition: all .5s ease-out 0s
}
.slider-items-products:hover .owl-buttons .owl-prev a {
}
.slider-items-products .owl-buttons .owl-next a {
	transition: all .5s ease-out 0s
}
.slider-items-products:hover .owl-buttons .owl-next a {
}
.owl-buttons {
	opacity: 1;
	transition: all .5s ease-out 0s
}
.product-flexslider:hover .owl-buttons {
	opacity: 1
}
.slider-items-products .owl-buttons .owl-prev {
	position: absolute;
	right: 32px;
	top: -70px;
	left: inherit
}
.slider-items-products .owl-buttons .owl-next {
	position: absolute;
	top: -70px;
	right: 2px;
}
.slider-items-products .owl-buttons .owl-prev a {
	background-position: 0 100%
}
.slider-items-products .owl-buttons .owl-next a {
	background-position: 100% 100%;
	top: 50%
}
.slider-items-products .owl-buttons .owl-next a:before {
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: normal;
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\f105";
	text-transform: none;
	font-size: 18px;
	line-height: 22px
}
.slider-items-products .owl-buttons .owl-prev a:before {
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: normal;
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\f104";
	text-transform: none;
	font-size: 18px;
	line-height: 22px
}
.slider-items-products .owl-buttons a {
	background: #f8f8f8;
	display: block;
	height: 25px;
	margin: 0 0 0 -20px;
	position: absolute;
	top: 50%;
	width: 25px;
	z-index: 5;
	color: #666;
	border: 1px solid #e0e0e0;
	border-radius: 50px;
}
.product-flexslider {
	margin: 30px -12px;
	margin-top: 20px
}
.owl-theme .owl-controls .owl-buttons div {
	background: none
}
.slider-items-products .owl-buttons a:hover {
	text-decoration: none;
	background: #098af2;
	color: #fff;
	border: 1px #098af2 solid
}
.slider-items-products .owl-buttons .owl-prev a {
	background-position: 0 100%;
}
/******************************************
12. testimonials
******************************************/

.testimonials {
	background-color: #098af2;
	margin: 0px;
}
.testimonials .product-flexslider {
	margin: 30px -12px 0px;
	margin-top: 0;
}
.home-testimonials .holder {
	margin: 20px 30px 5px
}
.home-testimonials .thumb {
	margin: 6px auto 15px;
	display: block;
	width: 78px;
	position: relative
}
.testimonials .divider-icon {
	color: #f9f9f9
}
.home-testimonials .thumb img {
	border: 1px solid #098af2;
	width: 75px;
}
.home-testimonials .author {
	float: left;
	margin-top: 22px;
	text-align: left;
}
.home-testimonials .thumb {
	float: left;
	margin-right: 8px;
}
.home-testimonials p {
	font-size: 15px;
	line-height: 22px;
	font-weight: 400;
	color: #f9f9f9;
	text-transform: none;
	text-align: center;
}
.home-testimonials strong.name {
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	text-transform: uppercase;
	margin: 0 auto 10px;
	position: relative;
	color: #098af2;
	letter-spacing: 0px;
}
.home-testimonials strong.designation {
	font-size: 12px;
	line-height: 18px;
	font-weight: 400;
	color: #f9f9f9;
	display: block
}
.home-testimonials .bx-wrapper {
	float: left;
	width: 100%;
	margin: 0
}
.home-testimonials .bx-wrapper .bx-viewport {
	background: none;
	border: 0;
	box-shadow: none;
	left: 0
}
.home-testimonials .bx-wrapper .bx-pager {
	display: none;
	padding: 0
}
.home-testimonials .bx-wrapper .bx-controls-direction a {
	display: none
}
.testimonials .owl-theme .owl-controls {
	display: none;
}
/******************************************
13. Our clients
******************************************/

.our-clients .lead {
	font-size: 18px;
	text-transform: none;
	margin: auto 8% 45px
}
.our-clients .page-header h2 {
	color: #000000
}
.our-clients {
	background-color: #fff;
	margin: 0px 0px;
	padding: 0px;
	overflow: hidden;border-top:1px solid #ccc;
}
.our-clients .product-flexslider {
	margin: 18px 0px;
}
/******************************************
14. Latest news
******************************************/



article.jtv-entry {
	margin-bottom: 16px;
}
.jtv-entry .jtv-content-post .title-post {
	font-size: 17px;
        font-family: "Roboto Condensed", sans-seri;
	line-height: 23px;
	color: #000;
	border-bottom: 1px #eee solid;
	padding-bottom: 8px;
	margin-bottom: 8px;
	font-weight: 400;
}
.jtv-entry .jtv-content-post ul {
	margin-bottom: 8px;
	margin-left: 0px;
}
.jtv-entry .jtv-content-post ul li {
	display: inline-block;
}
.jtv-entry .jtv-content-post ul li a {
	font-size: 13px;
	color: #666;
	text-transform: none;
}
.meta-post p{
	font-size: 16px;
	color:#444;
	
}
.feature-post {
	margin-bottom: 15px;
}
.jtv-entry .jtv-content-post ul li a:hover {
	color: #098af2;
}
.jtv-entry .jtv-content-post a.more:hover i.fa.fa-long-arrow-right {
	padding-left: 20px;
}
.images-hover {
	position: relative;
}
.images-hover:hover {
	cursor: pointer;
}
.images-hover:before, .images-hover:after {
	content: "";
	position: absolute;
	width: 2px;
	height: 20px;
	background: #fff;
	top: 50%;
	left: 50%;
	z-index: 30;
	margin-top: -8px;
	margin-left: -1px;
	visibility: hidden;
	-webkit-opacity: 0;
	-khtml-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	filter: alpha(opacity=0);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.images-hover:after {
	height: 2px;
	width: 20px;
	margin-top: 1px;
	margin-left: -10px;
}
.images-hover:hover:after, .images-hover:hover:before {
	z-index: 30px;
	visibility: visible;
	-webkit-opacity: 1;
	-khtml-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	filter: alpha(opacity=100);
}
.images-hover .overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	height: 100%;
	content: "\f0c1";
	z-index: 10;
	background-color: rgba(0, 0, 0, .4);
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}
.images-hover:hover .overlay {
	opacity: 1;
	visibility: visible;
}
.latest-post .jtv-post-inner .feature-post {
	float: left;
	margin-right: 18px;
	width: 45%;
	display: inline-block;
	border: 1px solid #ccc;

}
.latest-post .jtv-post-inner .jtv-content-post {
	width: 50%;
	display: inline-block;
}
.latest-post .jtv-post-inner .jtv-content-post .home-news{
	overflow: hidden;
	text-overflow: ellipsis;
	height: 111px;
	display: inline-block;

}
.latest-post .jtv-post-inner .jtv-content-post .home-news iframe{
  
    width: 280px;
    height: 120px;
}
#latest-news .slider-items-products .owl-buttons .owl-prev, #latest-news .slider-items-products .owl-buttons .owl-next {
	top: -62px;
}
.news .product-flexslider {
	margin-bottom: 0px;
}
#latest-news .title-text {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	color: #000000;
}
#latest-news .page-header h2 {
	font-size: 18px;
	text-transform: uppercase;
	color: #000000;
	display: inline-block;
	margin: 0px;
	letter-spacing: 0px;
}
#latest-news .page-header {
	text-transform: uppercase;
	margin: auto;
	line-height: normal;
	outline: none;
	padding: 0px 0px 6px 0px;
	position: relative;
	z-index: 1;
	border-bottom: 1px solid #e0e0e0;
	display: inline-block;
	width: 100%;
}
.jtv-blog {
	text-align: left;
}
.blog-img a {
	display: block;
	overflow: hidden;
	position: relative;
	text-align: center;
}
.blog-img > a::after {
	animation-duration: 0.5s;
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
	content: "";
	display: block;
	height: 100%;
	opacity: 1;
	position: absolute;
	right: 0;
	top: 0;
	transform: translateX(0%);
	transition: all 0.5s ease 0s;
	width: 50%;
	z-index: 1;
}
.blog-img > a::before {
	animation-duration: 0.5s;
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	opacity: 1;
	position: absolute;
	top: 0;
	transform: translateX(-0px);
	transition: all 0.5s ease 0s;
	width: 50%;
	z-index: 1;
}
.jtv-blog:hover .blog-img > a::before {
	opacity: 1;
	transform: translateX(-100%);
	visibility: visible;
}
.jtv-blog:hover .blog-img > a::after {
	opacity: 1;
	transform: translateX(100%);
	visibility: visible;
}
.blog-content-jtv a:hover {
	color: #098af2;
}
.blog-content-jtv > h2 {
	line-height: normal;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0px;
}
.blog-content-jtv > span {
	text-transform: capitalize;
	color: #999;
	font-size: 12px;
}
.blog-content-jtv > p, .product-info h2 p {
	margin-top: 10px;
	font-size: 13px;
}
.blog-action {
	border-top: 1px solid #ddd;
	margin-top: 15px;
	padding-top: 15px;
}
.blog-action > span {
	margin-right: 10px;
}
.blog-action > span > i {
	margin-right: 5px;
	color: #000000;
}
.blog-content-jtv .read-more {
	float: right;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 12px;
}
.blog-content-jtv .read-more:hover {
	color: #ef6644;
}
.blog-content-jtv {
	padding: 12px 0 0;
}
.blog-content-jtv i {
	margin-right: 6px;
	color: #999;
}
.blog-comments {
	display: inline-block;
	margin-left: 10px;
}
.blog-likes {
	margin-left: 10px;
}
.blog-comments i {
}
.rating {
	color: #999;
	font-size: 12px
}
.rating .fa-star {
	color: #FC0
}
/******************************************
15. Bottom banner section
******************************************/
.offer-add {
	margin-bottom: 30px;
	margin-top: 30px;
	
}
.jtv-banner-opacity {
	overflow: hidden;
	position: relative;
	width: 100%;
        background: rgba(0,0,0,0.7);
}
.jtv-banner-opacity:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.5s ease 0.5s;
	-o-transition: opacity 0.5s ease 0.5s;
	transition: opacity 0.5s ease 0.5s;
	z-index: 1;
}
.jtv-banner-opacity img {
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 100%;
        opacity: 1;

      
}

.jtv-banner-box:hover:before, .jtv-banner-opacity:hover:before {
	opacity: 1;
	
}
.jtv-banner-box:hover img, .jtv-banner-opacity:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
        opacity: 1;
}
.jtv-banner-box {
	position: relative;
	margin-bottom: 30px;
	overflow: hidden;
	text-align: center;
	   padding-left:0;
           margin:0;
         
}
.jtv-banner-box.banner-inner .jtv-content-text {
	top: 20%;
}
.col-sm-3 .jtv-banner-box.banner-inner .jtv-content-text {
	top: 10%;
}
.jtv-banner-box .jtv-content-text {
	position: absolute;
	top: 75%;
	left: 0;
	text-align: center;
	width: 100%;
	color: #000;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
	display: none;
}
.jtv-banner-box .jtv-content-text img {
	width: auto;
	height: auto;
	display: inline-block;
}
.jtv-banner-box .title {
	font-size: 34px;
	font-weight: 900;
	color: #098af2;
	text-transform: uppercase;
	letter-spacing: 0px;
	margin-bottom: 0px;
}
.jtv-banner-box .title span {
	display: block;
}
.jtv-banner-box .sub-title {
	font-size: 18px;
	font-style: normal;
	display: inline-block;
	width: 100%;
	margin-top: 6px;
}
.jtv-banner-box .button {
	margin-top: 20px;
	background-color: #098af2;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	border: none;
	padding: 8px 20px;
	display: inline-block;
}
.jtv-banner-box .button:hover {
	background-color: #000;
	color: #fff;
}
.jtv-banner-box.banner-inner .title {
	font-size: 24px;
}
.jtv-banner-box .image>a {
	float: left;
}
/* Home Banner CMS */
.jtv-banner1 {
	overflow: hidden;
}
.jtv-banner2 {
	overflow: hidden;
	margin-top: 30px;
}
.jtv-banner1:hover img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.jtv-banner2:hover img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.jtv-banner1 img, .jtv-banner2 img {
	position: relative;
	transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
	-ms-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;/*z-index: 455;*/
}
.jtv-banner1 .hover_content {
	position: absolute;
	background-color: rgba(252, 139, 155, 0.5);
	width: 48%;
	height: 100%;
	display: inline-block;
	bottom: 0;
	right: 0;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	padding: 10px;
	text-align: left;
}
.jtv-banner1 .shop-now {
	margin-top: 15px;
	text-align: left;
	opacity: 1;
	display: inline-block;
	bottom: 0;
	right: 0;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	padding: 10px 0;
	text-align: left;
}
.jtv-banner2 .hover_content {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.3);
	opacity: 1;
	width: 57%;
	display: block;
	top: 28%;
	left: 4%;
	/*z-index: 200;*/
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	padding: 10px
}
.jtv-banner1 .hover_data {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	padding: 20px;
	border: 1px solid rgba(255, 255, 255, 0.6);
}
.jtv-banner2 .hover_data {
	display: block;
	width: 100%;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	border: 1px solid rgba(0, 0, 0, 0.6);
	padding: 15px;
	text-align: left;
}
.jtv-banner2:hover .hover_data {
	left: 0;
}
.jtv-banner1 .hover_content .hover_data .title {
	color: #fff;
	font-size: 28px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0;
}
.jtv-banner1 .hover_content .hover_data .desc-text {
	color: #ffffff;
	font-size: 28px;
	font-weight: 600;
	margin-top: 15px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.hover_content {
	text-align: center;
}
.hover_data .title {
	color: #fff;
	font-size: 40px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0;
}
.hover_data .desc-text {
	color: #ffffff;
	font-size: 15px;
	font-weight: 400;
	margin-top: 11px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.jtv-banner2 .hover_data .title {
	color: #fff;
	font-size: 30px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0;
}
.jtv-banner2 .hover_data .desc-text {
	color: #ffffff;
	font-size: 20px;
	font-weight: 400;
	margin-top: 11px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.shop-now a {
	background: #fff;
	color: #222;
	padding: 7px 20px;
	text-transform: uppercase;
	display: inline-block;
	border-radius: 2px;
}
.shop-now a:hover, .shop-now a:focus {
	background: #222;
	color: #fff;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.jtv-banner1, .jtv-banner2 {
	position: relative;
}
/* jtv-subbanner CMS */

.jtv-subbanner1 {
	overflow: hidden;
	position: relative;
}
.jtv-subbanner2 {
	overflow: hidden;
	position: relative;
}
.jtv-subbanner1 a, .jtv-subbanner2 a {
	display: block;
	position: relative;
	overflow: hidden;
}
.jtv-subbanner1 > a:before, .jtv-subbanner2 > a:before {
	content: "";
	position: absolute;
	box-shadow: 0 0 125px rgba(0,0,0,0.20) inset;
	-webkit-box-shadow: 0 0 125px rgba(0,0,0,0.20) inset;
	-moz-box-shadow: 0 0 125px rgba(0,0,0,0.20) inset;
	height: 100%;
	width: 100%;
	opacity: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	z-index: 9;
	left: 0;
	right: 0;
}
.jtv-subbanner1:hover > a:before, .jtv-subbanner2:hover > a:before {
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
}
.jtv-subbanner2 img, .jtv-subbanner1 img {
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	max-width: 100%;
}
.jtv-subbanner2:hover img, .jtv-subbanner1:hover img {
	transform: scale(1.125);
	-webkit-transform: scale(1.125);
	-moz-transform: scale(1.125);
	-ms-transform: scale(1.125);
	-o-transform: scale(1.125);
}
.text-block {
	position: absolute;
	top: 0;
	text-align: center;
	left: 8%;
	top: 38%;
	z-index: 99;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	display: none;
}
.text1 a {
	color: #2b2b2b;
	font-size: 28px;
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 10px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.text2 a {
	color: #555555;
	font-size: 15px;
	text-transform: uppercase;
	margin-bottom: 10px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.text3 a {
	text-transform: uppercase;
	padding: 5px 10px;
	background: #098af2;
	display: inline-block;
	color: #fff;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.text3 a:hover, .jtv-subbanner2 .text3 a:hover {
	background: #222;
}
.jtv-subbanner2 .text3 a {
	background: #ff7474;
}
/******************************************
16. Category area
******************************************/
.product-img {
	position: relative;
}
.product-img a {
	display: block
}
.product-img > a::before {
	background: #333333 none repeat scroll 0 0;
	content: "";
	height: 100%;
	opacity: 0;
	position: absolute;
	transition: all 0.3s ease 0s;
	width: 100%;
	z-index: 9
}
.jtv-product:hover a::before {
	opacity: .6
}
img.secondary-img {
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all 0.3s ease 0s;
}
.jtv-product:hover img.secondary-img {
	opacity: 1;
}
.jtv-product-action {
	bottom: 10px;
	opacity: 0;
	position: absolute;
	right: -137px;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	z-index: 10
}
.jtv-product:hover .jtv-product-action {
	right: 10px;
	opacity: 1;
	visibility: visible
}
.jtv-extra-link {
	float: right;
	overflow: hidden;
}
.jtv-extra-link a:hover, .button-cart button:hover {
	background: #fe4847;
	color: #fff
}
.button-cart {
	clear: both;
	display: block;
	overflow: hidden;
}
.button-cart button {
	background: #fff none repeat scroll 0 0;
	border: 0 none;
	color: #333333;
	height: 36px;
	line-height: 36px;
	margin-top: 5px;
	padding: 0 12px;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
}
.button-cart button i {
	margin-right: 7px;
}
.jtv-product-content {
	padding: 0px 0px 0 12px;
}
.jtv-product-content h4 {
	font-weight: 400;
	font-size: 13px;
	color: #098af2;
}
.jtv-category-area .product-img {
	float: left;
	width: 32%;
}
.jtv-category-area {
	margin: 0px 0px 20px 0px;
}
.jtv-category-area .jtv-product-content {
	float: right;
	width: 68%;
}
.jtv-category-area .jtv-product {
	overflow: hidden;
	width: 47.5%;
	display: inline-block;
	margin-right: 12px;
}
.jtv-category-area .jtv-product:last-child {
	margin-top: 20px
}
.jtv-category-area .jtv-product-action {
	opacity: 1;
	position: static;
	visibility: visible;
}
.jtv-category-area .jtv-extra-link a {
	border: 1px solid #ccc;
	color: #666;
	float: left;
	height: 30px;
	line-height: 28px;
	margin-right: 6px;
	margin-top: 0;
	width: 30px;
	text-align: center;
	margin: 5px 5px;
}
.jtv-category-area .jtv-extra-link {
	float: left;
}
.jtv-category-area .button-cart button i {
	margin-right: 0;
}
.jtv-category-area .button-cart button {
	background-color: #098af2;
	padding: 0;
	text-align: center;
	width: 35px;
	border: 1px solid #098af2;
	color: #000;
	height: 30px;
	width: 30px;
	line-height: 28px;
	font-size: 14px;
	border-radius: 0px;
	margin: 5px 4px 0 0px;
}
.jtv-category-area .button-cart {
	clear: inherit;
	float: left;
}
.jtv-category-area .jtv-extra-link a:hover, .jtv-category-area .button-cart button:hover {
	background: #0062bd none repeat scroll 0 0;
	border-color: #0062bd;
	color: #fff;
}
.jtv-single-cat {
	background-color: #fff;
	overflow: hidden;
}
.cat-more {
	border-top: 1px solid #ddd;
	margin-top: 20px;
	padding-top: 10px;
	text-align: center;
	text-transform: uppercase;
}
.cat-more a {
	color: #666;
	font-weight: 600;
}
.cat-more a:hover {
	color: #FE4847
}
.jtv-cat-margin {
	margin-top: 22px;
}
.cat-title {
	color: #333333;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 20px;
	padding-bottom: 5px;
	position: relative;
	text-transform: uppercase;
}
.jtv-single-cat .page-header {
	border-bottom: 2px #ddd solid;
	margin-top: 0px;
	margin-bottom: 20px;
}
.jtv-single-cat .page-header h3 {
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 0px;
	background-color: #098af2;
	color: #000;
	font-weight: 700;
	display: inline-block;
	margin: auto;
	padding: 8px 12px;
}
/******************************************
17. Service area
******************************************/
.service-text h2 {
	color: #333333;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 20px;
	letter-spacing: 0px;
	margin-bottom: 12px;
}
.service-text p {
	color: #333333;
	font-size: 13px;
	padding-bottom: 0;
	display: inline-block;
	padding: 0 5px;
}
.jtv-service-area {
	text-align: center;
	padding: 25px 0 30px;
	margin: 0px 15px;
}
.jtv-service-area .block-wrapper {
	background: #fff;
	padding: 20px 8px;
	text-align: left;
	border: rgba(0,0,0,0.1) 1px solid;
	border-left: none;
	transition: all .5s ease-out 0s;
}
.jtv-service-area .block-wrapper.ship:hover {
	background: #098af2;
	color: #fff;
}
.jtv-service-area .block-wrapper.return:hover {
	background: #fbaf5d;
	color: #fff;
}
.jtv-service-area .block-wrapper:hover {
	background: #7cc576;
	color: #fff;
}
.jtv-service-area .block-wrapper .text-des i {
	font-size: 40px;
	display: inline-block;
	float: left;
	margin: 2px 14px 14px 0px;
}
 .fa-1 {
    font-size: 20px !important;
    display: inline-block;
    float: left;
    margin: 2px 14px 14px 0px;
}






.jtv-service-area .block-wrapper.return {
	background: #fff;
	border: rgba(0,0,0,0.1) 1px solid;
	border-left: none;
}
.jtv-service-area .block-wrapper.ship {
	background: #fff;
	border: rgba(0,0,0,0.1) 1px solid;
}
.jtv-service-area .block-wrapper .text-des {
	text-align: left;
	font-size: 12px;
	line-height: 18px;
	vertical-align: middle;
	color: #333;
}
.jtv-service-area .block-wrapper:hover .text-des, .jtv-service-area .block-wrapper:hover .text-des h3 {
	color: #fff;
}
.jtv-service-area .block-wrapper .text-des h3 {
	text-transform: capitalize;
        	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 0px;
	margin-left: 10px;
	vertical-align: top;
}
.jtv-service-area .block-wrapper .text-des p {
	margin: 0;
	font-size: 12px;
}
.bottom-service {
	background-color: #098af2;
}
.bottom-service-box .box-outer > div.column:first-child {
	border-left: 0 none;
}
.bottom-service-box .service-box-center {
	padding: 30px 0;
	text-align: center;
}
.bottom-service-box .service-box-center .bottom-service-title {
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 0px;
	text-transform: uppercase;
	transition: all 0.35s ease 0s;
}
.bottom-service-box .service-box-center:hover .bottom-service-title {
	letter-spacing: 4px;
}
.bottom-service-box .service-box-center .description {
	color: #f8f8f8;
	font-size: 13px;
}
.bottom-service-box .box-outer > div {
	border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.jtv-promotion {
	margin-top: 25px;
	z-index: 1;
}
.jtv-promotion .wrap {
	margin: 0 auto;
	background: url('../images/promotion-bg.jpg') no-repeat;
}
.jtv-promotion .jtv-custom {
	background: transparent;
	padding: 20px 0;
}
.box {
	margin-bottom: 30px;
	border: 1px solid none;
	background-color: white;
	position: relative;
	overflow: hidden;
}
.promotion-center {
	text-align: center;
	position: relative;
	min-height: 150px;
}
.promotion-center .text_medium {
	font-weight: 400;
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
	line-height: 18px;
	margin-bottom: 0px;
}
.promotion-center .text_large {
	padding: 10px 0px;
	margin: 10px 20%;
	border: 1px solid white;
	background: rgba(255, 255, 255, 0.2);
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 0px;
	font-size: 60px;
	position: relative;
	line-height: 80px;
}
.promotion-center .theme-color {
	color: #fff;
	font-size: 14px;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	position: absolute;
	right: -4px;
	font-weight: 400;
}
.promotion-center .text_small {
	font-size: 16px;
	color: #fff;
	line-height: 18px;
}
/******************************************
18. Totop
******************************************/


.totop {
	background: #098af2;
	bottom: 40px;
	color: #fff;
	display: inline-block;
	height: 40px;
	line-height: 38px;
	opacity: 0;
	overflow: hidden;
	position: fixed;
	right: 10px;
	text-align: center;
	transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s;
	visibility: hidden;
	white-space: nowrap;
	width: 40px;
	z-index: 100;
	border-radius: 50px;
}
.totop:before {
	content: "\f102";
	font-family: FontAwesome;
	font-size: 28px
}
.totop.totop-is-visible, .totop.totop-fade-out, .no-touch .totop:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
}
.totop.totop-is-visible {
	visibility: visible;
	opacity: 1
}
.no-touch .totop:hover, .totop:hover {
	opacity: 1;
	color: #fff;
	background: #098af2;
}
/******************************************
19. footer
******************************************/

footer {
	overflow: hidden;
	background: #1d1f24;
	padding-top: 10px;
	color: #ccc;
	font-size: 14px;
	font-weight: 300;
}
footer h3 {
	font-size: 18px;
	margin: 0 0 8px;
	padding: 0 0 6px;
	letter-spacing: 0px;
	color: #fff;
}
footer .footer-links ul {
	margin: 0px;
	padding: 0px
}
footer .footer-links ul li {
	list-style-type: none;
	padding: 0px 0 12px;
}
footer .footer-links ul li a:before {
	content: "\f105";
	font-family: FontAwesome;
	font-size: 14px;
	display: inline-block;
	cursor: pointer;
	line-height: 20px;
	margin-right: 5px
}
footer .footer-links ul li a {
	transition: all .3s ease-in-out 0s;
	color: #ccc;
}
footer .footer-links ul li a:hover {
	transition: all .3s ease-in-out 0s;
	padding-left: 10px;
	color: #fff
}
.footer-logo {
	text-align: left;
	margin: 0px 0 15px;
	display: block;
}
.footer-logo p {
	display: block;
}
.footer-content .email, .footer-content .phone {
	margin-bottom: 10px;
}
.email .fa-envelope:before {
	font-size: 13px;
	color: #fff;
	height: 35px;
	width: 35px;
	line-height: 33px;
	display: inline-block;
	font-style: normal;
	text-align: center;
	margin-right: 5px;
	margin-bottom: 8px;
	border: 1px solid #383c48;
	background: #383c48;
	border-radius: 50px;
}
.footer-content .address {
	line-height: 1.3em;
}
.address i {
	float: left;
}
.address .fa-map-marker:before {
	font-size: 15px;
	color: #fff;
	height: 35px;
	width: 35px;
	line-height: 32px;
	display: inline-block;
	font-style: normal;
	text-align: center;
	margin-right: 5px;
	margin-bottom: 8px;
	border: 1px solid #383c48;
	background: #383c48;
	border-radius: 50px;
}
footer .phone .fa-phone:before {
	color: #fff;
	display: inline-block;
	font-size: 15px;
	font-style: normal;
	height: 35px;
	line-height: 34px;
	margin-right: 5px;
	margin-bottom: 8px;
	text-align: center;
	width: 35px;
	border: 1px solid #383c48;
	background: #383c48;
	border-radius: 50px;
}
.footer-content p {
	display: inline-block;
	padding-left: 5px;
	width: 80%;
}
.footer-content {
	background: url(../images/map.png) no-repeat center;
}
.footer-newsletter {
	padding: 0px 0px 20px;
	text-align: left;
	margin-bottom: 30px;
	border-bottom: 1px #111 solid;
        line-height: 18px;
}
.newsletter-inner {
	display: inline-block;
	margin-top: 15px;
	width: 100%;
}
.footer-newsletter h3 {
	margin-top: 12px;
	font-size: 16px;
	margin-bottom: 0px;
	border: none;
	text-transform: uppercase;
	letter-spacing: 0px;
	margin-top: 15px;
	padding-bottom: 0px;
	font-weight: 600;
}
.footer-newsletter p {
	font-size: 13px;
	font-weight: 400;
	color: #eee;
	text-align: left;
	text-transform: none;
	margin-top: 8px;
}
.footer-newsletter .newsletter-email {
	float: left;
	font-size: 13px;
	font-weight: 400;
	border: 1px solid #eaeaea;
	background: #fff;
	color: #666;
	padding: 10px 12px;
	width: 68%;
	border-radius: 50px 0px 0px 50px;
}
.footer-newsletter .email {
	text-transform: none;
	float: left
}
button.subscribe:before {
	content: "\f0e0";
	font-family: FontAwesome;
	font-size: 13px;
	padding-right: 8px
}
.footer-newsletter .subscribe {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 400;
	float: left;
	color: #fff;
	text-decoration: none;
	background: #098af2;
	padding: 11px 25px 11px 18px;
	border: 0px #000000 solid;
	border-radius: 0px 50px 50px 0px;
}
.footer-newsletter .subscribe:hover {
	border: 0px #000 solid;
	background: #000;
	color: #fff;
}
.social ul.inline-mode li a:before {
	content: ""
}
.social ul.inline-mode li a {
	border: 0px solid #666;
	border-radius: 0px;
	color: #fff;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	width: 36px;
	display: inline-block;
	text-align: center;
	border-radius: 50px;
}
.social .fb a:hover, .social .tw a:hover, .social .googleplus a:hover, .social .rss a:hover, .social .instagram a:hover, .social .linkedin a:hover {
	background: #098af2;
}
.social .fb a {
	background: #3C5B9B
}
.social .tw a {
	background: #359BED
}
.social .googleplus a {
	background: #E33729
}
.social .rss a {
	background: #FD9F13
}
.social .instagram a {
	background: #3f729b
}
.social .linkedin a {
	background: #027ba5
}
.social h4 {
	margin: 25px 0 5px
}
.social {
	margin-top: 18px;
}
.social ul {
	margin: 0;
	list-style: none;
	text-align: right;
}
.social ul li {
	margin-left: 7px;
	display: inline-block
}
.social ul li:first-child {
	margin-left: 0px;
}
.social a {
	transition: background 400ms ease-in-out;
	-webkit-transition: background 400ms ease-in-out;
	-moz-transition: background 400ms ease-in-out;
	-o-transition: background 400ms ease-in-out
}
.payment {
	margin-top: 10px;
margin-bottom:10px; display: inline-block;
	width: 100%;
	text-align: right;
}
.payment ul {
	padding: 0px;
	margin: auto;
}
.payment li {
	display: inline-block;
	list-style: none;
	margin-right: 6px
}
.footer-coppyright {
	padding-bottom: 0px;
	margin-top: 20px;
	background-color: #22252c;
}
.coppyright {
	padding-top: 14px;
        line-height: 20px;
}
.footer-coppyright a {
	color: #fff;
}
/******************************************
20. Main menu
/******************************************
20. Main menu
******************************************/
nav {
	/*height: 35px;*/
	min-height: 1px;
	position: relative;
	/*margin:8px 0px 0px 0px;*/
	margin:0px;
	width: 100%;
	background: transparent;
	/*background: #098af2;*/
}
nav a {
	color: #333333
}
nav a:hover {
	color: #333333
}
@media (max-width:767px) {
nav .mtmegamenu {
	display: none;
}
}
.mtmegamenu .menu-items {
	opacity: 0;
	transform-origin: 0 0 0;
	transition: all 0.8s ease 0s;
	left: 0 !important;
	-ms-transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
}
.mtmegamenu li:hover .menu-items {
	opacity: 1;
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
}
.mtmegamenu {
	width: 100%;
	position: relative;
	margin:0px;
        line-height:18px;
	
}
.mtmegamenu a:focus {
	outline: 0
}
.mtmegamenu>ul {
	display: inline-block;
	clear: both;
	margin: 0
}
.mtmegamenu>ul {
	padding: 0;
	text-align: left;
	float:right;
}
.mtmegamenu>ul>li {
	display: inline-block;
	font-size: 14px;
	text-transform: uppercase;
	margin:0;
	background: none !important;
	
}
.mtmegamenu>ul>li .active{
	display: inline-block;
	font-size: 14px;
	text-transform: uppercase;
	margin:0;
	background: #098af2 !important;
	color: #fff;
	border-bottom: 1px solid #098af2;
}
.menuarea{
	
	    border-bottom: 1px solid #c1c1c1;
    border-top: 1px solid #e5e5e5;
    box-shadow: 0 2px 5px 0px rgba(0,0,0,0.2);
}

.mtmegamenu>ul>li a{
	display: inline-block;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0;
	font-weight: 500;
	padding:10px 15px;
}
.mtmegamenu>ul>li a:hover{
	display: inline-block;
	
	text-transform: uppercase;
	margin: 0;
	background: #098af2;
	color: #fff;
	padding:10px 15px;
}
.mtmegamenu>ul>li.demo_custom_link_cms {
	position: relative;
}
.mtmegamenu .demo_custom_link_cms .menu-items.active {
	width: 200px;
}
@media only screen and (min-width:768px) and (max-width:992px) {
.mtmegamenu > ul > li {
	margin-right: 0px;
	font-size: 14px;
}
}
.mtmegamenu .mt-root-item.no-description .title {
	padding: 0 12px;
	display: block;
	padding-top: 1px
}
.mtmegamenu .mt-root:hover .mt-root-item>a>.title, .mtmegamenu .mt-root:hover .mt-root-item>.title, .mtmegamenu .mt-root.active .mt-root-item>a>.title, .mtmegamenu .mt-root.active .mt-root-item>.title, .mtmegamenu .mt-root .mt-root-item>a.active>.title {
	color: #333333
}
.mtmegamenu>ul>li img {
	max-width: 100%;
}
#header_menu .mtmegamenu>ul>li:hover {
	padding-bottom: 40px
}
.mtmegamenu .mt-root>li {
	overflow: hidden
}
.mtmegamenu .mt-root-item {
	float: left;
	cursor: pointer;
	overflow: hidden;
	white-space: nowrap;
	line-height: 55px;
	letter-spacing: 0px;
}
.mtmegamenu a .title.title_font span {
	color: #333333;
}
.mtmegamenu .title_font span {
	font-weight: 600
}
.mtmegamenu .mt-root-item a {
	color: #fff;
	font-weight: 600
}
.mtmegamenu .mt-root-item .title .icon-has-sub {
	font-size: 14px;
	margin-left: 10px;
	margin-top: 16px;
	vertical-align: top
}
.mtmegamenu .menu-items .icon {
	margin-right: 10px
}
.mtmegamenu .description {
	display: block;
	clear: both;
	font-size: 11px;
	color: #84888f
}
.mtmegamenu .menu-items {
	position: absolute;
	z-index: 99999;
	top: 55px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px 15px 15px;
	height: auto;
	border-bottom: 5px solid #ccc;
	background: #fff;
	-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
	line-height: normal;
	margin: auto;
	border-radius: 0 0 6px 6px;
}
@media only screen and (min-width:768px) and (max-width:992px) {
.mtmegamenu .menu-items {
	left: 0 !important;
	max-width: 730px
}
}
.mtmegamenu .demo_custom_link_cms .menu-items {
	padding: 2px 6px 12px 6px;
	margin: auto;
	width: 200px;
        margin-top: -18%;
}
.mtmegamenu .menu-items ul {
	font-size: 0
}
.mtmegamenu .menu-items li {
	font-size: 13px;
	list-style: none
}
.mtmegamenu .menu-items>li {
	float: left;
	padding: 0 8px;
	list-style: none
}
.mtmegamenu .menu-item.depth-1>.title.title_font {
	margin: 12px 0 10px 0;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #ddd;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0px;
}
.mtmegamenu .menu-item.depth-1>.title.title_font a {
	color: #1267b3;
}
.mtmegamenu .submenu .title a {
	text-transform: capitalize
}
.mtmegamenu .menu-item>.title {
	padding: 5px 0
}
.mtmegamenu .submenu {
	overflow: hidden;
	margin-left: -1%;
	margin-right: -1%
}
.mtmegamenu .submenu>li {
	margin: 0 1%
}
.mtmegamenu .submenu>li .submenu>li {
	padding-left: 10px
}
.mtmegamenu .submenu>li.no-title>.submenu>li {
	padding-left: 0
}
.mtmegamenu .submenu .title a:before {
	content: "\f105";
	font-family: "fontawesome";
	margin-right: 5px
}
.mtmegamenu .submenu .title {
	float: none
}
.mtmegamenu .menu-item.divider {
	position: relative;
	display: block;
	float: none;
	clear: both;
	margin: 0;
	padding: 5px 1%;
	width: 100%;
	border: none
}
.mtmegamenu .custom-content p {
	padding: 5px 0
}
.mtmegamenu .custom-content ul {
	list-style-type: disc
}
.mtmegamenu .custom-content ol {
	list-style-type: decimal
}
.mtmegamenu .custom-content li {
	margin-left: 16px
}
.mtmegamenu .product.withimage {
	display: inline-block;
	float: left;
	vertical-align: top;
	padding-bottom: 8px;
	padding-top: 15px
}
.mtmegamenu .product.withimage .product-item {
	margin: 0 2px
}
.mtmegamenu .product.withimage .right-block {
	padding-bottom: 0;
	min-height: 90px
}
.mtmegamenu>ul>li span.img_root img {
	border: none;
	padding: 0
}
.mtmegamenu .product .product-image {
	display: block
}
.mtmegamenu .product.withimage .title {
	margin-top: 10px
}
.mtmegamenu .depth-1.product .title {
	font-weight: normal;
	font-size: 13px;
	border: none;
	margin: 10px 0;
	padding: 0
}
.mtmegamenu .manufacturer.withimage {
	display: inline-block;
	float: none;
	vertical-align: top;
	padding: 1px 0 !important
}
.mtmegamenu .manufacturer.withimage .title {
	margin-top: 10px
}
.mtmegamenu .depth-1.manufacturer .title {
	font-weight: normal;
	font-size: 13px;
	border: none;
	margin: 10px 0;
	padding: 0
}
.mtmegamenu .supplier.withimage {
	display: inline-block;
	float: none;
	vertical-align: top;
	padding: 1px 0 !important
}
.mtmegamenu .supplier.withimage .title {
	margin-top: 10px
}
.mtmegamenu .depth-1.supplier .title {
	font-weight: normal;
	font-size: 13px;
	border: none;
	margin: 10px 0;
	padding: 0
}
.category_demo_custom>ul>li.customcontent {
	width: 40%;
	margin-top: 5px
}
[class*="menucol-"] {
float:left
}
.menucol-1-1 {
	width: 100% !important
}
.menucol-1-2 {
	width: 50% !important
}
.menucol-1-3 {
	width: 33.33% !important
}
.menucol-2-3 {
	width: 66.67% !important
}
.menucol-1-4 {
	width: 25% !important
}
.menucol-3-4 {
	width: 75% !important
}
.menucol-1-5 {
	width: 21% !important
}
.menucol-2-5 {
	width: 37% !important
}
.menucol-1-6 {
	width: 16.66% !important
}
.menucol-1-10 {
	width: 10% !important
}
.mtmegamenu .inline ul {
	font-size: 0
}
.mtmegamenu .inline li {
	display: inline-block;
	float: left;
	padding: 0 10px;
	width: 20%;
	vertical-align: top;
	list-style: none
}
.mtmegamenu .text-center ul, .mtmegamenu .text-center li {
	text-align: center
}
.mtmegamenu .menu-item.no-title>.title {
	display: none
}
.mtmegamenu .menu-item.no-description>.description {
	display: none
}
.mobile-menu li li a span {
	text-transform: none;
	letter-spacing: normal;
	font-weight: 500;
}
#header_menu {
	background: #f5f5f5;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -14px
}
.fieldmm-nav {
	position: relative;
	text-align: left
}
#fieldmm-button {
	color: #fff;
	cursor: pointer;
	float: right;
	font-size: 21px;
	margin-right: 0;
	position: absolute;
	right: 15px
}
.right_block_img_menu {
	padding-top: 15px
}
.custom_link_feature a {
	text-transform: none;
	line-height: 32px
}
.custom_link_feature a:before {
	font-family: fontawesome;
	content: "\f105";
	margin-right: 10px
}
.mtmegamenu .menu-item.depth-1.cmspage .title {
	font-size: 14px;
	border: 0
}
.mtmegamenu .demo_custom_link_cms .menu-items>li {
	width: 100%;
	padding: 0 1px 8px
}
.mtmegamenu .demo_custom_link_cms .menu-items>li:last-child {
	padding: 0 5px 0px
}
.mtmegamenu .demo_custom_link_cms .menu-item.depth-1>.title a {
	font-size: 13px;
	text-transform: capitalize;
	font-weight: normal;
	border: 0;
	transition: all .3s ease-in-out 0s
}
.mtmegamenu .demo_custom_link_cms .menu-items>li  a:hover {
	padding-left: 5px;
	transition: all .3s ease-in-out 0s;
	color: #1267b3
}
.mtmegamenu .demo_custom_link_cms .menu-items>li a{padding: 2px; margin: 0;text-transform: none}
.mtmegamenu .demo_custom_link_cms .menu-item.depth-1>.title a:hover {
	padding-left: 5px;
	transition: all .3s ease-in-out 0s;
	color: #1267b3;
        background:#fff;
}
.mtmegamenu .demo_custom_link_cms .menu-item.depth-1>.title a:before {
	font-family: fontawesome;
	content: "\f105";
	margin-right: 8px
}
.mtmegamenu .demo_custom_link_cms .menu-item.depth-1>.title a:before:hover {
margin-left:5px;
transition:all .3s ease-in-out 0s
}
.mtmegamenu .menu-items .icon, .mtmegamenu .menu-items .title a:hover .icon {
	transition: all .3s ease-in-out 0s
}
.mtmegamenu .submenu .title:hover a {
	margin-left: 5px;
	transition: all .3s ease-in-out 0s
}
.mtmegamenu .submenu .title a {
	margin-left: 0;
	transition: all .3s ease-in-out 0s
}
.mtmegamenu .submenu .title a:hover {
	color: #1267b3
}
.mtmegamenu>ul>li img:hover {
	opacity: .8
}
.mtmegamenu>ul>li.active, .menu-bottom .menu-bottom-dec a {
	background-color: #1267b3;
	transition: all .3s ease-in-out 0s;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	border-radius: 4px
}
.mtmegamenu>ul>li.active:hover, .menu-bottom .menu-bottom-dec a:hover {
	border-color: #1267b3
}
.mtmegamenu a.active .title.title_font span {
	color: #bff9d8
}
.custom-menu-bottom img {
	float: left;
	margin-right: 20px
}
@media only screen and (min-width:768px) and (max-width:992px) {
.custom-menu-bottom img {
	margin-right: 10px
}
}
.custom-menu-bottom, .custom-menu-top {
	min-height: 140px;
	margin-top: 6px
}
.menu-bottom .menu-bottom-dec a {
	padding: 8px 18px;
	color: #fff;
	display: inline-block;
	margin-top: 20px;
	font-weight: bold;
	border: 2px #006fa4 solid
}
.menu-bottom .menu-bottom-dec a:hover {
	color: #006fa4;
	border: 2px #006fa4 solid;
	background-color: #fff
}
.menu-bottom p {
	margin: 0;
	text-transform: none;
	line-height: 22px;
	color: #333333
}
@media only screen and (min-width:768px) and (max-width:992px) {
.menu-bottom p {
	display: none
}
}
.menu-bottom h3 {
	font-size: 16px;
	text-transform: capitalize;
	margin-bottom: 4px
}
@media only screen and (min-width:768px) and (max-width:992px) {
.menu-bottom h3 {
	font-size: 14px
}
}
.left_column_img, .right_column_img {
	float: left;
	margin-top: 20px;
	padding: 0;
	margin-bottom: 8px
}
.right_column_img {
	text-align: right
}
@media only screen and (min-width:768px) and (max-width:992px) {
.mtmegamenu .product.withimage .product-item {
	margin: 0px
}
}
@media only screen and (min-width:768px) and (max-width:992px) {
.mtmegamenu .product.withimage .product-item .item-inner {
	margin-bottom: 0px
}
}
html {
	overflow-x: hidden
}
#page{
	position:relative;
	left:0;
	
}

.mmPushBody {
	width: 100%;
	height: 100%;
	overflow-x: hidden
}
#mobile-menu {
	position: absolute;
	top: 0;
	background: #f8f8f8;
	z-index: 99999;
	display: none;
	font-size: 13px;
	line-height: 1.42857;
	text-transform: uppercase;
	border-right: 2px #ccc solid;
	letter-spacing: 0px;
}
.mobile-menu {
	list-style-type: none;
	margin: 0;
	width: 100%;
	float: left;
	margin-left: 0;
	padding-left: 0;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box
}
.mobile-menu ul {
	margin-left: 0;
	padding-left: 0
}
.mobile-menu .home {
	background-color: #006fa4;
	color: white;
	height: 43px;
	overflow: hidden
}
.mobile-menu .home i {
	padding-right: 5px
}
.mobile-menu .home a.active {
	color: #333333 !important
}
.mobile-menu .expand {
	right: 0;
	position: absolute;
	padding: 0 10px;
	color: #333333;
	margin-left: 100px;
	font-size: 12px;
}
.mobile-menu .expand:hover {
	cursor: pointer
}
.mobile-menu li {
	display: block;
	border-top: 1px solid #ddd;
	width: 100%;
	float: left;
	margin-left: 0;
	padding-left: 0;
	position: relative
}
.mobile-menu li .home a {
	color: #333333
}
.mobile-menu li a {
	display: block;
	overflow: hidden;
	white-space: normal;
	color: #333333;
	text-decoration: none;
	padding: 10px;
	padding-left: 15px;
	font-weight: 500;
	font-size: 12px;
}
.mobile-menu li a.active {
	color: #333333
}
.mobile-menu li li {
	background: #f1f1f1
}
.mobile-menu li li a {
	padding-left: 18px
}
.mobile-menu li li li a {
	padding-left: 28px;
	text-transform: capitalize;
	font-weight: normal;
}
.mobile-menu li li li:last-child {
	border-bottom: none
}
.mobile-menu li li a span.fa-plus:before {
	display: none
}
.mm-toggle-wrap {
	color: #333;
	line-height: 1;
	overflow: hidden
}
.mm-toggle {
	cursor: pointer;
	font-size: 23px;
	display: none;
	
	width: auto;
	float: left;
	background: #fdd922;
	padding: 6px 13px 6px;
	position: absolute;
	top: 0px;
}
.mm-toggle-wrap {
	display: none
}
@media (max-width:767px) {
.mm-toggle {
	display: block
}
.mm-label {
	margin-left: 3px;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0px;
	margin: 0;
	padding: 16px 15px 11px;
	text-transform: uppercase;
	color: #333333;
	line-height: 50px
}
.mm-toggle-wrap {
	display: inline-block;
}
}
.page-title h1, .page-title h2 {
	color: #333333;
	font-size: 22px;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 0px;
	line-height: normal;
	margin-bottom: 5px;
	letter-spacing: 0px;
}
@media (max-width:767px) {
.page-title h1, .page-title h2 {
	font-size: 26px
}
}
.menu {
	list-style: none;
	padding: 0;
	border: 1px solid #d9d9d9;
	border-bottom: 0;
	border-left: 0;
	margin: 0;
	margin-left: -30px;
}
.menu > li {
	float: left;
}
.menu > li > a {
	display: block;
	line-height: 20px;
	font-size: 13px;
	font-weight: 600;
	color: #222;
	text-transform: uppercase;
	padding: 8px 24px;
	border-left: 1px solid #d9d9d9;
}
.menu > li:first-child > a {
	border-left: 0;
}
.menu > li > a:hover, .menu > li > a:focus, .menu > li.active > a {
	text-decoration: none;
	color: #1267b3;
}
/* Mega Menu */
.mega-container {
	position: relative;
	z-index: 100;
}
.navleft-container {
	position: absolute;
	width: 100%;
}
.mega-menu-title {
	background-color: transparent;
	color: #000;
	cursor: pointer;
	    border: 1px solid #d9d9d9;
}
.mega-menu-title h3 {
	font-size: 14px;
	font-weight: 600;
	margin: 0;
	padding: 0px 15px 0px;
	position: relative;
	text-transform: uppercase;
	height: 35px;
	color: #000;
	line-height: 35px;
}
.mega-menu-title h3:after {
	content: "\f039";
	display: inline-block;
	width: 55px;
	height: 35px;
	position: absolute;
	top: 0;
	right: 0;
	font-family: 'FontAwesome';
	text-align: center;
	color: #000;
	font-size: 18px;
	line-height: 35px;
	font-weight: normal;
	    border-left: 1px solid #d9d9d9;
}
.mega-menu-category {
	border: 2px solid #d9d9d9;
	border-top: 0;
	border-radius: 0 0 5px 5px;
	display: none;
}
.cms-home-page .mega-menu-category {
	width: 100%;
}
.mega-menu-category ul {
	padding: 0px;
	margin: 0px;
}
.mega-menu-category ul li i {
	width: 28px;
	text-align: center;
}
.mega-menu-category > .nav > li > a {
	border-bottom: 1px solid #f1f1f1;
	padding: 15px 15px !important;
	color: #404040;
	background-color: #fff;
	font-size: 14px;
        line-height:22px;
            font-weight:500;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.mega-menu-category {
	display: none
}
}
.mega-menu-category > .nav > li > a:after {
	content: "\f105";
	font-family: FontAwesome;
	display: inline-block;
	font-size: 19px;
	position: absolute;
	right: 15px;
}
.mega-menu-category > .nav > li.nosub > a:after {
	display: none;
}
.mega-menu-category > .nav > li.more-menu {
	display: none;

}
.mega-menu-category > .nav > li.view-more > a {
	border-bottom: 0;
}
.mega-menu-category > .nav > li.view-more > a:after {
	content: "\f0fe";
}
.mega-menu-category > .nav > li > a:hover, .mega-menu-category > .nav > li > a:focus, .mega-menu-category > .nav > li.active > a {
	background-color: #efefef;
	color: #1267b3;
}
.wrap-popup {
	position: absolute;
	left: 110%;
	top: 2px;
	width: 700px;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	z-index: 100;
}
.wrap-popup.column2 {
	width: 400px;
}
.wrap-popup.column1 {
	width: 200px;
}
.mega-menu-category > .nav > li.active .wrap-popup {
	left: 100%;
}
.popup {
	background-color: #fff;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
	display: none;
	text-align: left;
	z-index: 3000;
	padding: 10px 20px;
	border-radius: 0 6px 6px 0px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
.popup {
	padding: 12px;
}
.wrap-popup {
	width: 500px;
}
}
.popup h3 {
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 600;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #1267b3;
}
a.ads1 {
	margin-top: 10px;
	display: inline-block;
}
a.ads1 img {
	max-width: 100%;
}
.popup .nav > li > a {
	padding: 7px 0;
        line-height:20px;
            font-weight:500;
            font-size: 14px;
}
.popup .nav > li > a:hover, .popup .nav > li > a:focus {
	color: #34bcec;
	background-color: transparent;
}
.box-banner {
	padding-bottom: 10px;
}
.box-banner + .box-banner {
	margin-top: 10px;
}
.box-banner:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}
.box-banner.menu-banner {
	margin-top: 8px;
}
.box-banner h3 {
	color: #fff;
	font-weight: 600;
	font-size: 22px;
	text-transform: uppercase;
	margin: 0;
}
.box-banner .price-sale {
	color: #fdd922;
	font-size: 36px;
	line-height: 40px;
	font-weight: 600;
}
.box-banner .price-sale sub, .box-banner .price-sale sup {
	font-size: 16px;
	font-weight: 600;
}
.box-banner .price-sale sub {
	bottom: 3px;
	left: -22px;
}
.box-banner .price-sale sup {
	top: -17px;
	left: -8px;
}
.box-banner a {
	text-transform: capitalize;
	color: #fff;
	text-decoration: underline;
}
.box-banner {
	position: relative;
}
.box-banner .add-right {
}
.box-banner.media:first-child {
	margin-top: 10px;
}
.box-banner.media:last-child {
	margin-bottom: 5px;
}
.add-desc {
	position: absolute;
	top: 12%;
	left: 10%;
}
.box-banner a:hover {
	color: #1267b3;
}
.has-sep:before {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	border-left: 1px solid #e5e5e5;
	left: -10px;
}
/* Navbar */
.navbar-primary {
	background-color: #1267b3;
	margin: 0;
	border: 0;
}
.navbar-brand {
	margin-top: 0;
	margin-bottom: 0;
}
.navbar-primary .navbar-brand {
	color: #fff;
	font-weight: 600;
}
.navbar-nav > li > a {
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 600;
}
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > li.active > a, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background-color: transparent;
	color: #333333;
}
/******************************************
21. Toolbar
******************************************/

.toolbar {
	margin: 0 0 10px;
	display: inline-block;
	width: 100%;
}
.toolbar .sorter {
	margin-top: 2px
}
.sorter .short-by {
	float: right;
	margin: 0;
	padding-left: 12px
}
.toolbar.column .sorter .short-by.page {
	float: left;
	margin: 0;
	padding-left: 0;
	margin-bottom: 10px;
}
.toolbar label {
	color: #666;
	font-size: 14px;
	font-weight: 300;
	line-height: 30px;
	text-transform: capitalize
}
.sorter .short-by select {
	border: 0 none;
	display: inline-block;
	font-size: 14px;
	height: 30px;
	margin: 0;
	padding: 0 14px;
	vertical-align: middle;
	width: 110px;
	border: 1px #eee solid;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-position: right center;
	background-image: url(../images/arrow-d.png);
	background-repeat: no-repeat;
	position: right 10px center;
	padding-right: 28px;
	text-indent: 0.01px;
	text-overflow: '';
	cursor: pointer
}
.sorter .short-by.page select {
	width: 65px
}
.view-mode {
	float: left;
	margin-top: 5px;
}
.view-mode ul {
	padding: 0px;
	margin: 0
}
.view-mode ul li {
	float: left;
	padding: 4px 5px 4px 0;
	list-style: none
}
.view-mode ul li a {
	color: #959595;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	background-color: #f8f8f8;
	border: 1px #eee solid;
	width: 30px;
	height: 25px;
	padding: 3px 10px 2px;
}
.view-mode ul li:last-child {
	border: none;
	margin-left: 5px;
	padding-right: 0px
}
.view-mode li.active a {
	color: #fff;
	background: #098af2;
	border: 1px #098af2 solid;
}
.shop .product-des .color ul li {
	border: 0 none;
	display: inline-block;
	float: none;
	margin-right: 5px;
	margin-top: 10px
}
.shop .product-des h2 {
	line-height: 18px;
	margin: 0 0 5px
}
.pagination-area {
	background: rgba(0,0,0,0) none repeat scroll 0 0;
	border-top: 1px solid #eee;
	margin: 0px 0 0;
	padding-top: 20px;
	text-align: center;
	display: inline-block;
	width: 100%
}
.pagination-area ul {
	margin-bottom: 0px
}
.pagination-area ul li {
	background: #f5f5f5;
	color: #393939;
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	height: 30px;
	line-height: 30px;
	margin: 0 0 0 5px;
	width: 30px;
	border-radius: 0px
}
.pagination-area ul li a {
	border: 1px solid #e0e0e0;
	color: #363636;
	display: block;
	font-size: 12px;
	font-weight: 700;
	height: 30px;
	width: 30px;
	text-decoration: none;
	border-radius: 0px;
	transition: all .4s ease-out .2s
}
.pagination-area ul li a:hover {
	background: #098af2;
	border: 1px solid #098af2;
	color: #fff;
}
.pagination-area ul li a.active {
	background: #098af2;
	border: 1px solid #098af2;
	border-radius: 0px;
	color: #fff;
	transition: all .4s ease-out .2s
}
/******************************************
22. Filter price
******************************************/

.filter-price {
	margin: auto 15px 25px
}
.filter-price p {
	margin: 0 0 10px
}
.filter-price p input {
	border: 0 none;
	color: #000000;
	font-weight: 700;
	height: 30px;
	line-height: 30px;
	background: inherit
}
.filter-price a {
	border-bottom: 1px solid #f7505a;
	color: #f7505a;
	display: inline-block;
	line-height: 20px;
	margin: 0 0 20px;
	padding: 0;
	text-transform: uppercase
}
.filter-price .ui-slider-horizontal {
	height: 6px
}
.filter-price .ui-widget-header {
	background: #000000;
	border: 0px;
	color: #fff;
	height: 6px
}
.filter-price .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	border-radius: 0px
}
.filter-price .ui-slider .ui-slider-handle {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #098af2;
	cursor: pointer;
	height: 18px;
	position: absolute;
	width: 18px;
	z-index: 2;
	border-radius: 100%
}
.filter-price .ui-slider-horizontal .ui-slider-handle {
	top: -6px
}
.manufacturer-area {
	margin-bottom: 12px
}
.manufacturer-area ul li {
	padding-bottom: 5px;
}
.layered-Category {
	margin-bottom: 18px
}
button.button {
	display: inline-block;
	border: 0;
	background: #098af2;
	padding: 6px 16px;
	font-size: 12px;
	border: 1px solid #098af2;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	color: #fff;
	font-weight: normal;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
		margin-top:0px;
}
.btn2{
	border-radius: 0px !important;
}
button.button:hover {
	background: #000;
	border: 1px solid #000;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	color: #fff
}
/*button span {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0px;
}*/
/******************************************
23. breadcrumbs
******************************************/

.breadcrumbs {
	padding: 6px 0px;
	margin: auto;
	font-size: 12px;
	background-color: #fff;
	border-bottom: 1px solid #eaeaea;
}
.breadcrumbs a {
	color: rgba(0,0,0,.87);
}
.breadcrumbs span {
	display: inline-block;
	margin: 0 5px 0 5px;
	color: rgba(0,0,0,.87);
	font-size: 13px
}
.breadcrumbs ul {
	margin: 0px;
	padding: 0px
}
.breadcrumbs ul li {
	list-style-type: none;
	display: inline
}
/******************************************
24. sidebar
******************************************/
.sidebar .block {
	margin-bottom: 35px;
}
.sidebar .block:last-child {
	margin-bottom: 20px;
}
/*24.1 category sidebar*/
.category-sidebar {
	background: #fff;
	margin-bottom: 25px;
	border: none;
	margin-top: 10px;
	display: none;
}
.category-sidebar .block-title:before {
	content: '\f0c9';
	font-family: FontAwesome;
	margin-right: 4px
}
.category-sidebar .product-categories {
	padding: 8px 12px;
	margin: auto
}
.category-sidebar ul.product-categories ul {
	margin: 0;
	padding: 0
}
.category-sidebar .product-categories li {
	padding: 8px 0px 10px 14px;
	position: relative;
	border-bottom: 1px solid #ececec
}
.category-sidebar .product-categories li:last-child {
	border-bottom: none
}
.category-sidebar .product-categories li a {
	font-weight: normal;
	font-size: 13px;
	color: #222;
}
.category-sidebar .product-categories li a:hover {
	color: #1bbaaf
}
.category-sidebar .product-categories li.current-cat a {
	font-weight: 600;
	font-size: 13px;
	color: #000000
}
.category-sidebar .product-categories li.current-cat ul li a {
	border-bottom: 0 solid #eaeaea;
	color: #666;
	font-size: 13px;
	font-weight: 400;
	padding: 2px
}
.category-sidebar .product-categories li.current-cat ul li a:hover {
	color: #1bbaaf
}
.category-sidebar .product-categories li ul li {
	padding: 5px 0px 5px 10px;
	list-style: none
}
.category-sidebar .product-categories li ul li {
	border-bottom: none;
	list-style: none
}
.sidebar li {
	list-style: none
}
.category-sidebar .product-categories li ul li a {
	border-bottom: 0 solid #EAEAEA;
	font-weight: 400;
	font-size: 13px;
	margin: 0;
	padding: 6px 3px;
	text-decoration: none;
	color: #666;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s
}
.category-sidebar .product-categories li .count {
	display: none
}
.category-sidebar .product-categories {
	overflow: auto;
	padding: 8px 0px 0;
	border: 1px solid #eee
}
.category-sidebar .cat-item.cat-parent:hover {
	cursor: pointer
}
.category-sidebar .cat-item.cat-parent:after {
	content: "";
	color: #555;
	font-size: 12px;
	position: absolute;
	right: 5px;
	top: 8px;
	height: 24px;
	width: 24px;
	vertical-align: top;
	text-align: center;
	font-family: FontAwesome;
	font-weight: normal;
	background-image: url(../images/plus-d2.png);
	background-repeat: no-repeat
}
.category-sidebar .cat-item.cat-parent.open-cat:after {
	content: "";
	color: #555;
	font-size: 14px;
	position: absolute;
	right: 5px;
	top: 6px;
	border-radius: 3px;
	height: 24px;
	width: 24px;
	vertical-align: top;
	text-align: center;
	font-family: FontAwesome;
	font-weight: normal;
	background-image: url(../images/minus-d1.png);
	background-repeat: no-repeat
}
.category-sidebar .cat-item.cat-parent.current-cat-parent.close-cat:after {
	content: "";
	color: #555;
	font-size: 12px;
	position: absolute;
	right: 5px;
	top: 8px;
	border-radius: 3px;
	height: 24px;
	width: 24px;
	vertical-align: top;
	text-align: center;
	font-family: FontAwesome;
	font-weight: normal;
	background-image: url(../images/plus-d2.png);
	background-repeat: no-repeat
}
.category-sidebar .cat-item.cat-parent.current-cat-parent:after {
	content: "";
	color: #555;
	font-size: 14px;
	position: absolute;
	right: 5px;
	top: 6px;
	border-radius: 3px;
	height: 24px;
	width: 24px;
	vertical-align: top;
	text-align: center;
	font-family: FontAwesome;
	font-weight: normal;
	background-image: url(../images/minus-d1.png);
	background-repeat: no-repeat
}
.category-sidebar .cat-item.cat-parent.current-cat:after {
	content: "";
	color: #555;
	font-size: 16px;
	position: absolute;
	right: 5px;
	top: 6px;
	border-radius: 3px;
	height: 24px;
	width: 24px;
	text-align: center;
	font-family: FontAwesome;
	font-weight: normal;
	background-image: url(../images/minus-d1.png);
	background-repeat: no-repeat
}
.category-sidebar .cat-item.cat-parent.current-cat.open-cat:after {
	content: "";
	color: #555;
	font-size: 12px;
	position: absolute;
	right: 5px;
	top: 8px;
	border-radius: 3px;
	height: 24px;
	width: 24px;
	vertical-align: top;
	text-align: center;
	font-family: FontAwesome;
	font-weight: normal;
	background-image: url(../images/plus-d2.png);
	background-repeat: no-repeat
}
.category-sidebar .sidebar-title {
	font-size: 16px;
	margin: 0;
	padding: 12px 14px;
	text-transform: uppercase;
	background-color: #098af2;
}
.category-sidebar .sidebar-title h3 {
	margin: auto;
	font-size: 15px;
	letter-spacing: 0px;
}
/*24.2 sidebar cart*/
.sidebar-cart .block-content {
	padding: 12px 0px 0px;
}
.sidebar-cart .amount {
	margin-bottom: 15px;
	border-bottom: 1px #eaeaea solid;
	padding-bottom: 4px
}
button.button-compare {
	padding: 6px 12px;
	color: #fff;
}
button.button-checkout {
	color: #fff;
	background-color: #098af2;
	border-color: #098af2;
}
.sidebar-cart .mini-products-list .product-details .nobr {
	white-space: normal
}
.sidebar-cart .summary {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1
}
.sidebar-cart .subtotal {
	margin: 0;
	padding: 8px 10px;
	text-align: left;
	margin-bottom: 8px;
	margin-top: 10px;
	background: #f5f5f5
}
.sidebar-cart .block-content .summary .subtotal .label {
	padding: 2px 0;
	color: #000000;
	font-size: 13px;
	font-weight: 700
}
.sidebar-cart .subtotal .price {
	font-size: 15px;
	font-weight: bold;
	float: right
}
.cart-checkout {
	border: 0 none;
	margin: 0;
	padding: 5px 0 0px;
	text-align: left;
	margin-bottom: 0px
}
.cart-checkout a {
	border: 0px #dc436b solid;
	background: #323C46;
	text-shadow: 0 1px 0 #000000;
	border-radius: 2px;
	color: #FFFFFF;
	font-size: 11px;
	padding: 8px 12px;
	text-transform: uppercase;
	border-radius: 0px
}
.cart-checkout a:hover {
	border: 0px #111 solid;
	background: #222;
	padding: 6px 10px;
	text-shadow: 0 1px 0 #000000;
	border-radius: 2px;
	color: #FFFFFF;
	font-size: 11px;
	cursor: pointer
}
.sidebar-cart .block-content ul li .product-details {
	float: right;
	width: 68%
}
.sidebar-cart ul li.item {
	border-bottom: 1px solid #ECECEC;
	margin-bottom: 10px;
	padding-bottom: 10px;
	position: relative;
	display: inline-block
}
.sidebar-cart ul li.item img {
	width: 65px
}
.sidebar-cart ul li.item.last {
	border-bottom: none;
	margin-bottom: 5px;
	padding-bottom: 5px
}
.sidebar-cart .block-content ul li a.product-image {
	display: inline
}
.sidebar-cart .block-content ul li a.product-image img {
	border: 1px solid #ECECEC
}
.sidebar-cart .block-content ul li .product-name {
	margin: 0 0 2px;
	font-size: 13px;
	padding-right: 15px;
}
.sidebar ul, .sidebar ol {
	margin: 0px;
	padding: 0px
}
.sidebar-bar-title {
	border-bottom: 2px solid #e0e0e0
}
.sidebar-bar-title h3 {
	    text-transform: uppercase;
    margin: auto;
    font-size: 16px;
    letter-spacing: 0px;
    background-color: #fff;
    color: #000;
    padding: 8px 12px;
    font-weight: 700;
    display: inline-block;
    border: 1px solid #c1c1c1;
    border-bottom: 2px #098af2 solid;
    margin-bottom: -2px;
}
.banner4 {
	margin-bottom: 30px;
}
/*24.3 product price range*/

.product-price-range .block-content {
	padding: 28px 0px 0px
}
.product-price-range .amount-range-price {
	padding: 15px 0
}
.product-price-range .slider-range-price {
	height: 7px;
	background: #098af2;
	border: none;
	border-radius: 0px
}
.product-price-range .slider-range-price .ui-widget-header {
	background: #666;
	height: 7px
}
.product-price-range .slider-range-price .ui-slider-handle {
	border: 0px #666 solid;
	background: #098af2;
	cursor: pointer
}
.check-box-list {
	overflow: hidden
}
.check-box-list li {
	line-height: 24px
}
.check-box-list label {
	display: inline-block;
	cursor: pointer;
	line-height: 12px
}
.check-box-list label:hover {
	color: #098af2
}
.check-box-list input[type="checkbox"] {
	display: none
}
.check-box-list input[type="checkbox"]+label span.button {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 6px;
	background: url("../images/checkbox.png") no-repeat;
	padding: 0;
	border: none
}
.check-box-list input[type="checkbox"]:checked+label span.button {
	background: #098af2 url("../images/checked.png") no-repeat center center
}
.check-box-list input[type="checkbox"]:checked+label {
	color: #098af2
}
.check-box-list label span.count {
	color: #666;
	margin-left: 2px
}
/*24.4 filter color*/
.filter-color ul {
	padding: 0;
	margin: 0;
	overflow: hidden;
	margin-left: -5px;
	margin-right: -5px;
	margin-top: -5px
}
.filter-color li {
	display: inline;
	padding: 0;
	margin: 0;
	line-height: normal;
	float: left;
	padding: 5px
}
.filter-color li label {
	border: 1px solid #eaeaea;
	width: 20px;
	height: 20px;
	padding-top: 6px;
	padding-left: 6px;
	float: left
}
.filter-color li input[type="checkbox"]+label span.button {
	background: none;
	margin: 0
}
.filter-color li input[type="checkbox"]:checked+label {
	border-color: #ff3366
}
.filter-size {
	max-height: 200px;
	overflow-y: auto
}
.filter-size li {
	width: 50%;
	float: left
}
h2.saider-bar-title {
	color: #000000;
	display: block;
	font-size: 13px;
	font-weight: 700;
	border-bottom: 1px #eaeaea solid;
	margin-bottom: 14px;
	padding-bottom: 5px
}
/*24.5 shop by*/
.shop-by-side {
	margin-bottom: 15px
}
.shop-by-side .block-content {
	padding: 14px 0px 0px;
}
.color-area {
	margin-bottom: 18px;
	overflow: hidden
}
.color ul li {
	border: 0 none;
	float: left;
	margin-right: 5px
}
.color ul li a {
	clear: both;
	background: #000000;
	float: left;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	height: 20px;
	width: 20px;
	border: 1px solid #e0e0e0
}
.color ul li:nth-child(2) a {
	background: #e32b00
}
.color ul li:nth-child(3) a {
	background: #ff9000
}
.color ul li:nth-child(4) a {
	background: #8BC44A
}
.color ul li:nth-child(5) a {
	background: #10b9b9
}
.color ul li:nth-child(6) a {
	background: #FFFFFF
}
.size-area {
	overflow: hidden
}
.size li {
	border: 0 none;
	float: left;
	margin-right: 5px
}
.size li a {
	border: 1px solid #eaeaea;
	padding: 3px 10px;
	color: #666;
	float: left;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none
}
.size li a:hover {
	border-color: #098af2
}
/*24.6 compare */
.compare .block-content {
	padding: 14px 0px 0px;
}
ol#compare-items li a.product-name {
	font-size: 13px;
	padding: 0 3px;
	margin: 0;
	font-weight: normal;
	line-height: 20px;
	text-transform: none;
	display: inline-block;
	width: 90%
}
ol#compare-items li {
	margin: 0;
	padding: 0 0 10px;
	position: relative;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
	background: none
}
ol#compare-items li:last-child {
	border-bottom: none;
	margin-bottom: 5px;
}
button.button-compare {
	padding: 6px 12px;
	margin-right: 10px;
}
button.button.button-clear {
	border: 1px solid #098af2;
	background: #098af2;
	color: #fff;
	padding: 6px 12px;
}
button.button.button-clear:hover {
	background: #000000;
	color: #fff;
	border: 1px solid #000000;
}
/*24.7 popular tags */
.popular-tags-area .tag li a:hover {
	background: #098af2;
	color: #000
}
.popular-tags-area .tag {
	padding: 10px 0px 0px
}
.tag li {
	display: inline-block;
	line-height: 28px;
	margin: 5px 5px 0 0
}
.tag li a {
	background: #efefef none repeat scroll 0 0;
	color: #838383;
	display: block;
	padding: 0 8px;
	text-decoration: none
}
.single-img-add {
	display: inline-block;
	text-shadow: none;
	margin-bottom: 25px;
	width: 100%;
	overflow: hidden
}
.single-img-add h3 a {
	text-shadow: none;
	color: #fff
}
.single-img-add h3 {
	font-size: 20px;
	padding-top: 12px
}
.single-img-add a.info {
	display: inline-block;
	float: none;
	margin-top: 5px
}
.single-img-add .carousel-indicators {
	display: none
}
/*24.8 Add banner*/
#carousel-example-generic {
	background: #fff;
	padding: 0px;
	border: 0px solid #eee;
	display: inline-block;
	width: 100%;
}
#carousel-example-generic .carousel-control.left {
	background: none;
	display: none
}
#carousel-example-generic .carousel-control.right {
	background: none;
	display: none
}
#carousel-example-generic .carousel-inner {
	margin: 0
}
#carousel-example-generic .carousel-caption {
	width: 100%;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.3);
	padding: 0;
	bottom: 0;
	padding-bottom: 18px;
	text-align: center;
	text-shadow: none;
	display: none;
}
.oe_overlay {
	background: #000000;
	opacity: 0.7;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 10;
	display: block
}
/*24.9 Special product*/
.special-product .products-block-left {
	width: 75px;
	float: left;
}
.special-product .products-block-right {
	margin-left: 85px;
}
.special-product .products-block-right p {
	margin: 0px 0px 6px;
	line-height: 1.4em;
}
.special-product .block-content {
	padding: 14px 0px 0px;
}
.special-product ul li {
	display: inline-block;
	border-bottom: 1px #eaeaea solid;
	width: 100%;
	padding-bottom: 12px;
	margin-bottom: 12px;
}
.special-product ul li:last-child {
	border: none;
	margin-bottom: 0px;
	padding-bottom: 5px;
}
.special-product a.link-all {
	background: #098af2;
	color: #fff;
	font-size: 12px;
	padding: 6px 16px;
	border: none;
	cursor: pointer;
	display: inline-block;
	border: 1px solid #098af2;
	font-weight: 600;
	border-radius: 0px;
	text-transform: uppercase;
	margin-top: 12px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px
}
/******************************************
25. category description
******************************************/
.category-description {
	margin-bottom: 20px;
}
.category-description #category-slider {
	margin-left: 15px;
}
.category-description #category-slider.product-flexslider {
	margin: auto;
}
/******************************************
26. products grid
******************************************/
.shop-inner {
	margin-bottom: 10px;
}
.products-grid {
	margin: 0;
	list-style: none
}
.shop-inner .page-title h2 {
	display: inline-block;
	font-size: 24px;
	letter-spacing: 0px;
	line-height: normal;
	margin: 0 0 10px;
	outline: medium none;
	padding: 0px;
	position: relative;
	text-transform: uppercase;
	width: 100%;
	z-index: 1;
	font-weight: 600;
}
ul.products-grid {
	padding: 0;
	margin: 0
}
.products-grid .item {
	margin-top: 0px;
	padding: 0px
}
.col-main .product-grid-area .products-grid {
	margin-left: -12px;
	margin-right: -12px
}
/******************************************
27. products list
******************************************/
.products-list h2 {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	line-height: normal;
	margin-bottom: 8px;
}
ul.products-list {
	margin: auto;
}
ul.products-list .sale-left {
	left: 0px;
	top: 0px;
}
.products-list .item {
	padding: 0;
	margin: 15px 0 5px;
	border-bottom: 1px solid #eee;
	padding-bottom: 25px;
	list-style: none;
	display: inline-block;
	width: 100%;
}
.products-list .item:last-child {
	margin: 15px 0 0px;
	border-bottom: 0px solid #eee;
	padding-bottom: 25px;
}
.products-list .rating {
	display: inline-block;
	margin-right: 6px
}
.products-list .rating-links {
	display: inline-block;
	margin-bottom: 4px
}
.products-list .rating-links a {
	font-size: 11px;
}
.products-list .item h3 {
	font-weight: normal;
	color: #353535;
	padding-bottom: 2px
}
.products-list .item h3 a {
	font-weight: normal;
	font-size: 14px;
	color: #407CBF;
	text-decoration: none
}
.products-list .item h3 a:hover {
	font-weight: normal;
	font-size: 14px;
	color: #000000;
	text-decoration: underline
}
.products-list .product-img {
	position: relative;
	padding-left: 0;
	width: 30%;
	float: left;
	border: 1px #e5e5e5 solid;
}
.products-list .product-img img {

}

.productlist-demo .product-img img {

max-height: 320px;
min-height: 296px;
}
.products-list .product-shop {
	width: 67%;
	float: right;
}
.products-list .product-shop .desc {
	font-size: 14px;
	margin-bottom: 15px;
	margin-top: 5px;
	color: #666
}
.products-list .product-shop p {
	font-size: 14px;
	color: #666;
	line-height: 1.5em
}
.products-list .product-shop p.old-price {
	margin-right: 4px
}
.products-list .product-shop .price-box {
	margin: 5px 0 10px;
	border-top: 1px solid #eee;
	padding-top: 12px;
}
.products-list .desc a.link-learn {
	font-size: 13px;
	font-weight: bold;
	margin-top: 5px;
	color: #098af2
}
.products-list .product-shop button.button span {
	font-size: 12px;
	padding: 1px 0 0 10px;
	text-transform: uppercase
}
.products-list .product-shop .actions ul {
	display: inline-block;
	margin-top: 8px
}
.products-list .product-shop .actions ul li {
	margin-right: 20px;
	display: inline-block
}
.products-list .product-shop .actions ul li a {
	text-transform: uppercase;
	font-size: 12px
}
.products-list .product-shop .actions ul li:last-child a {
	border-left: 1px solid #e5e5e5;
	padding-left: 21px
}
.products-list .product-shop .actions ul li:last-child {
	margin-right: 0px
}
.products-list .product-shop .actions ul li span {
	margin-left: 5px
}
/******************************************
28. price box
******************************************/
.price {
	font-size: 18px;
	color: #098af2;
	white-space: nowrap;
}
.price-box {
	margin: 6px 0 2px;
	min-height: 24px;
}
.price-box p {
	margin: auto;
}
.regular-price {
	display: inline
}
.regular-price .price {
	font-weight: bold;
	font-size: 16px;
	color: #098af2
}
.block .regular-price, .block .regular-price .price {
	color: #000000
}
.price-box .price-from .price {
	font-weight: 900;
	font-size: 16px;
	color: #000000
}
.price-box .price-to .price {
	font-weight: 900;
	font-size: 16px;
	color: #000000
}
.price-box .minimal-price .price {
	font-weight: 900;
	font-size: 16px;
	color: #000000
}
.old-price .price-label {
	white-space: nowrap;
	color: #999;
	display: none
}
.old-price {
	display: inline-block;
	margin-right: 10px;
	vertical-align: bottom;
}
.old-price .price-label {
	color: #777777;
	display: none;
	white-space: nowrap
}
.old-price .price {
    
	color: #777777;
	font-size: 16px;
	font-weight: normal;
	text-decoration: line-through;
	margin-left: 6px
}
.special-price {
	margin: 0;
	padding: 3px 0;
	display: inline
}
.special-price .price-label {
    font-size: 18px;
color: #098af2;



	display: none;

	font-weight: 400;
	white-space: nowrap
}
.special-price .price {
	font-size: 16px;
	color: #098af2;
	font-weight: bold
}
.special-price .prrice-labelice {font-size: 20px;
	color: #098af2;}
.special-price .price-label {
	font-size: 13px;
	font-weight: 900;
	white-space: nowrap;
	color: #666;
	display: none
}
.minimal-price {
	margin: 0
}
.minimal-price .price-label {
	white-space: nowrap
}
.minimal-price-link {
	display: inline
}
/******************************************
29. products view
******************************************/

.large-image img {
	max-width: 100%;
	height: auto;
	border: 1px #e5e5e5 solid;
        min-height: 300px;
        max-height: 412px;
       
}
.product-view-area .product-img-box .product-image {
	margin: 0 0 13px;
	position: relative;
	overflow: hidden
}
.magnifier img {
	max-width: inherit
}
.product-big-image {
	position: relative;
	padding: 0px;
}
.product-big-image .sale-left, .product-big-image .new-left {
	left: 0px;
	top: 0px;
}
#thumbnail-slider .product-thumbnail.product-flexslider {
	margin: 30px 12px;
	margin-top: 20px;
	text-align: center;
}
.product-thumbnail .thumbnail-items {
	margin: 0px 6px
}
/*#thumbnail-slider .product-thumbnail .thumbnail-items a img {min-height: 100px;background: red}*/

.cloud-zoom-gallery img {
	border: 1px #eee solid;
      

}

 /*.zoom-img img {
	border: 1px #eee solid;
        min-height: 300px ;
        max-height: 320px;

}*/
.product-thumbnail.product-flexslider:hover .owl-buttons, .product-thumbnail.product-flexslider .owl-buttons {
	opacity: 1;
}
.slider-items-products .product-thumbnail .owl-buttons .owl-prev {
	position: absolute;
	right: inherit;
	top: 30px;
	left: -22px;
}
.slider-items-products .product-thumbnail .owl-buttons .owl-next {
	position: absolute;
	right: -38px;
	top: 30px;
	left: inherit;
}
.product-view-area {
	margin: auto;
	position: relative;
	z-index: 0;
	margin: 10px 15px;
}
.product-view-area .flexslider-thumb {
	max-width: 455px;
	padding: 22px 62px;
	position: relative;
	border-top: 1px #e5e5e5 solid
}
.product-view-area-compact .flexslider-thumb {
	margin: 17px auto 0
}
.product-view-area .flexslider-thumb .flex-viewport {
	z-index: 10
}
.product-view-area .flexslider-thumb .flex-direction-nav {
	top: 30%;
	left: 0;
	width: 100%;
	z-index: 9
}
.product-view-area .flexslider-thumb .flex-prev {
	position: absolute;
	left: 20px;
	top: 8px;
	border: 1px #e5e5e5 solid;
	background: #fff;
	width: 32px;
	height: 32px;
	line-height: 28px;
	text-align: center;
	font-size: 11px;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s
}
.product-view-area .flexslider-thumb .flex-direction-nav a:hover {
	background-color: #098af2;
	color: #000;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s
}
.product-view-area .flexslider-thumb .flex-next {
	position: absolute;
	right: 20px;
	top: 8px;
	border: 1px #e5e5e5 solid;
	background: #fff;
	width: 32px;
	height: 32px;
	line-height: 28px;
	text-align: center;
	font-size: 11px;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s
}
.product-view-area .flexslider-thumb li img {
	cursor: pointer;
	-moz-user-select: none;
	border: 1px #e5e5e5 solid;
	padding: 2px
}
.product-view-area .previews-list {
	padding: 0;
	list-style-type: none;
	text-align: center
}
.product-view-area .previews-list li {
	margin-right: 15px;
	padding: 0;
	float: none;
	display: inline-block;
	width: 33%;
}
.product-view-area .flexslider-thumb-vertical-outer {
	margin: 0 10px 15px 0;
	width: 76px;
	float: left;
	position: relative;
	z-index: 1
}
.product-view-area .flexslider-thumb-vertical .flex-viewport {
	height: 300px
}
.product-view-area .flexslider-thumb-vertical .slides {
	margin: -4px 0 0;
	padding: 0;
	list-style-type: none
}
.product-view-area .flexslider-thumb-vertical .slides li {
	margin: 0;
	padding: 0;
	overflow: hidden
}
.product-view-area .flexslider-thumb-vertical .slides li img {
	width: 100%;
	padding: 4px 0;
	cursor: pointer;
	-moz-user-select: none
}
.flex-direction-nav, .slider-controls {
	-webkit-transform: translate3d(0, 0, 0)
}
.product-view-area li {
	list-style: none;
 font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height:22px;
    font-weight:400;
    
}
.product-color-size-area {
	display: inline-block;
	width: 100%;
	margin-bottom: 8px
}
.product-color-size-area .color-area {
	display: inline-block;
	width: 40%;
	float: left;
	margin-right: 18px
}
.product-color-size-area .size-area {
	display: inline-block;
	width: 40%
}
.product-view-area .product-details-area {
	margin-top: 0;
	z-index: -9;
	padding: 0px 0px 20px 22px;
}
.product-view-area .product-name h1 {
	font-size: 25px;
	margin: 0 0 18px;
	text-align: left;
	line-height: 25px;
	padding-bottom: 15px;
	letter-spacing: normal;
	font-weight: 500;
	border-bottom: 1px solid #e5e5e5;
	text-transform: capitalize;
}
.product-view-area .short-description {
	font-size: 13px;
	padding-top: 12px;
	border-top: 1px solid #e5e5e5;
	margin-bottom: 15px
}
.product-view-area .short-description h3 {
	font-size: 15px;
	text-transform: uppercase;
	color: #000000;
	margin-bottom: 5px;
	font-weight: bold
}
.product-view-area .short-description p {
	font-size: 14px
}
.product-view-area .product-details-area .ratings {
	padding: 5px 0 0;
	margin: auto
}
.product-view-area .product-details-area .ratings .rating {
	margin-bottom: 15px;
	display: inline-block;
	margin-right: 10px
}
.product-view-area .product-details-area .ratings .rating i {
	font-size: 15px
}
.product-view-area .product-details-area .ratings .rating-links {
	margin-bottom: 12px;
	display: inline-block
}
.availability.in-stock span {
	color: #fff;
	background-color: #5cb85c;
	border-radius: 0px;
	font-size: 12px;
	font-weight: bold
}
.availability.out-of-stock span {
	color: #fff;
	background-color: #d9534f;
	border-radius: 0px;
	font-size: 12px;
	font-weight: bold
}
.product-view-area .product-details-area .price-box {
	display: block;
	margin: 0 0 10px;
	padding: 0 0 5px;
	
}
.product-view-area .product-details-area .price-box .old-price {
	margin-right: 5px;
	margin-top: 0;
	display: inline-block
}
.product-view-area .product-details-area .special-price {
	display: inline-block;
	margin: 0;
	padding: 0
}
.product-view-area .product-details-area .old-price .price {
	font-size: 20px;
	font-weight: normal;
	color: #ccc;
	margin-left: 10px
}
.product-view-area .product-details-area .price {
	font-size: 25px;
	color: #098af2;
}
.cart-plus-minus .qty {
	border: 1px solid #e0e0e0;
	color: #000000;
	float: left;
	font-size: 18px;
	font-weight: 500;
	height: 40px;
	margin-right: 0;
	padding: 0 5px 1px;
	text-align: center;
	width: 40px
}
.dec.qtybutton, .dec.qtybutton1 {
	background-color: #e5e5e5;
	border: 1px #eaeaea solid;
	border-right: none;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
	color: #000000;
	font-size: 14px;
	line-height: normal;
	padding: 12px 14px 9px 16px;
	line-height: 18px;
	display: inline-block;
	border-radius: 0px;
	height: 40px;
	float: left;
	cursor: pointer
}
.dec.qtybutton:hover, .inc.qtybutton:hover , .dec.qtybutton1:hover, .inc.qtybutton1:hover {
	background-color: #098af2;
	color: #fff
}
.inc.qtybutton , .inc.qtybutton1 {
	background-color: #e5e5e5;
	border: 1px #eaeaea solid;
	border-left: none;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
	color: #000000;
	font-size: 14px;
	line-height: normal;
	padding: 12px 14px 9px 16px;
	line-height: 18px;
	display: inline-block;
	height: 40px;
	float: left;
	cursor: pointer
}
.cart-plus-minus label {
	display: inline-block;
	float: left;
	margin-top: 10px;
	text-align: left;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 400;
	margin-right: 10px;
        color:#000;
}
.cart-plus-minus {
	display: inline-block;
	float: left;
	margin-right: 18px;
            margin-bottom:20px;
}
.product-variation {
	display: inline-block;
	width: 100%;
	border-top: 1px #e5e5e5 solid;
	border-bottom: 1px #e5e5e5 solid;
	padding: 15px 0px;
	margin-bottom: 15px
}
.numbers-row {
	float: left
}
.pro-add-to-cart {
	float: left
}
button.button.pro-add-to-cart {
	background: #098af2;
	color: #fff;
	padding: 7px 22px;
	border: 2px #098af2 solid;
}
button.button.pro-add-to-cart:hover {
	background: #2d52b2;
	border: 2px #2d52b2 solid;
	color: #fff;
}
button.button.pro-add-to-cart span {
	font-size: 16px
}
button.button.pro-add-to-cart span i {
	margin-right: 10px
}


.view-more {
	float: left
}
button.button.view-more {
	background: #098af2;
	color: #fff;
	padding: 2px 10px;
	border: 2px #098af2 solid;
      
}
button.button.view-more:hover {
	background: #2d52b2;
	border: 2px #2d52b2 solid;
	color: #fff;
}
button.button.view-more span {
	font-size: 14px;
        text-transform: capitalize;
        letter-spacing: 0;
        font-weight: 400;
}
button.button.view-more span i {
	margin-right: 10px
}
.email-addto-box {
	display: inline-block;
	margin-top: 30px
}
.product-cart-option ul {
	margin: auto;
	display: inline-block
}
.product-cart-option ul li {
	border-right: 1px solid #e5e5e5;
	float: left;
	margin-right: 15px;
	padding-right: 15px
}
.product-cart-option ul li a {
	color: #636363;
	display: block;
	font-size: 11px;
	font-weight: 700;
	line-height: 22px;
	margin: 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase
}
.product-cart-option ul li a:hover, .product-cart-option ul li a:hover i {
	color: #098af2
}
.product-cart-option ul li:last-child {
	border: none
}
.product-cart-option ul li a i {
	color: #bbb;
	font-size: 14px;
	margin-right: 8px
}
.product-cart-option ul li a i.fa.fa-heart {
	font-size: 12px
}
.product-overview-tab {
	margin-top: 5px;
	margin-bottom: 15px;
}
/******************************************
30. products tabs
******************************************/

.product-tabs {
	line-height: normal;
	margin: 0;
	outline: none;
	padding: 0;
	position: relative;
	z-index: 1;
	border-bottom: 1px solid #e0e0e0;
	margin-top: 5px;
	text-align: center;
	width: 100%
}
.product-tabs li a {
	border-bottom: none;
	color: #666;
	margin-right: 15px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
	padding: 0 20px;
	letter-spacing: 0px;
}
.product-tabs li.active a {
	border: 1px solid #098af2;
	border-radius: 0px;
	background: #098af2;
	color: #000000
}
#product-detail-tab.nav-tabs>li {
	float: none;
	display: inline-block
}
.product-tab-inner {
	margin-top: 15px;
}
.table-responsive.reviews-table {
	overflow: inherit;
}
.nav-tabs.product-tabs>li>a {
	line-height: 1.42857143;
	border-radius: 0px;
	border: 1px solid #eee;
	padding: 8px 28px !important;
	background: #fff;
	border-bottom: none;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	background: #098af2;
	border: 1px solid #098af2;
	color: #fff
}
.nav-tabs>li>a:hover {
	background: #098af2;
	color: #fff;
	border: 1px solid #098af2
}
.tab-content {
	padding: 10px;
	overflow: hidden;
	font-size: 14px;
	line-height: 20px;
	margin-top: 5px;
	margin-bottom: 0px
}
.tab-content>.active {
	margin-top: 8px
}
.form-add-tags input.input-text, select, textarea {
	border: 1px solid #ddd;
	margin-top: 0;
	padding: 5px 10px 7px;
	width: 35%;
	border-radius: 0px
}
button.button.add-tags {
	margin-left: -5px;
	background: #098af2;
	border: 1px solid #098af2;
	color: #000;
	margin-left: 8px;
}
.form-add-tags h2 {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 6px
}
p.note {
	text-align: center;
	margin-top: 8px
}
.reviews-content-left h2, .reviews-content-right h2 {
	color: #222;
	font-size: 15px;
	margin: 0 0 5px;
	text-transform: uppercase;
	font-weight: bold
}
.product-view .box-reviews dl {
	margin: 15px 0
}
.review-ratting {
	margin: 15px 0
}
.review-ratting p {
	margin: 4px 0 6px;
	font-weight: bold
}
.review-ratting p a {
	color: #098af2;
	text-decoration: none
}
.review-ratting p a:hover {
	color: #000000
}
.review-ratting table tr th, .review-ratting table tr td {
	font-size: 12px;
	line-height: 1em;
	padding: 5px 0
}
.review-ratting table tr th {
	font-weight: bold;
	padding-right: 8px
}
.author small {
	font-style: italic
}
.reviews-content-right h3 {
	font-size: 13px;
	font-weight: normal;
	color: #222;
	line-height: 1.35;
	margin: 0 0 5px
}
.reviews-content-right h3 span {
	color: #098af2
}
.reviews-content-right h4 {
	color: #222;
	font-size: 13px;
	font-weight: 700;
	margin: 0
}
.reviews-content-right h4 em {
	color: #ed1c24
}
.reviews-content-right table {
	margin-top: 15px;
	text-align: center;
	width: 100%
}
.reviews-content-right table tr td {
	border: 1px solid #e5e5e5;
	padding: 6px 10px;
	background: #fff
}
.reviews-content-right table tr th {
	background: #000000;
	border: 0 none;
	color: #fff;
	padding: 10px;
	text-align: center
}
.product-overview-tab .form-area {
	margin: 15px 0 0
}
.product-overview-tab .form-area .form-element input, textarea {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #e0e0e0;
	padding: 5px;
	width: 60%;
	height: 34px
}
.product-overview-tab .form-area .form-element textarea {
	height: 100px;
	background: #fff;
	border: 1px solid #e0e0e0;
	padding: 5px;
	border-radius: 0px
}
.product-overview-tab .buttons-set {
	border: none;
	border-top: 1px solid #e5e5e5;
	margin: 20px 0 0;
	padding: 8px 0 0;
	text-align: right
}
.tag-content .form-element {
	overflow: hidden
}
.tag-content .form-element input {
	height: 40px;
	width: 299px;
	float: left;
	margin-right: 5px
}
.form-element label, .ck-box label {
	color: #000000;
	display: block;
	font-size: 13px;
	font-weight: bold;
	text-transform: capitalize;
	margin: 10px auto 2px
}
.form-element label em {
	color: #f22e3b;
	font-family: arial;
	font-style: normal
}
.upsell-product-area .product-flexslider {
	margin-bottom: 0px;
}
.upsell-product-area .page-header h2 {
	border-bottom: 1px solid #e0e0e0;
	display: inline-block;
	font-size: 20px;
	letter-spacing: 0px;
	line-height: normal;
	margin: 0px;
	outline: medium none;
	padding: 0 0 6px;
	position: relative;
	text-transform: uppercase;
	width: 100%;
	z-index: 1;
}
.related-products-pro .product-flexslider {
	margin-bottom: 10px;
}
.related-products-pro {
	margin-top: 25px;
}
.related-product-area .page-header h2 {
	border-bottom: 1px solid #e0e0e0;
	display: inline-block;
	font-size: 20px;
	letter-spacing: 0px;
	line-height: normal;
	margin: 0px;
	outline: medium none;
	padding: 0 0 6px;
	position: relative;
	text-transform: uppercase;
	width: 100%;
	z-index: 1;
}
.col2-right-layout .product-view-area {
	margin: 0
}
.col2-right-layout .product-view-area .product-details-area {
	padding: 20px 0 12px
}
.col2-right-layout .product-view-area .flexslider-thumb {
	padding: 22px 65px
}
.product-view-area ul, .product-overview-tab ul {
	padding: 0px;
	margin: 0px;
font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height:22px;
    font-weight:400;
    list-style: none;
}
.col2-right-layout .product-color-size-area .size-area {
	width: 45%
}
.col2-right-layout .nav-tabs.product-tabs>li>a {
	padding: 8px 20px
}
.col2-left-layout .product-view-area {
	margin: 0px;
	overflow: hidden;
}
.col2-left-layout .product-view-area .flexslider-thumb {
	padding: 22px 58px
}
.col2-left-layout .product-color-size-area .size-area {
	width: 48%
}
.col2-left-layout .nav-tabs.product-tabs>li>a {
	padding: 8px 20px
}
.page-content {
	margin-bottom: 30px;
	overflow: hidden;
}
.page-content .page-title {
	padding-bottom: 5px;
}
.page-title h2 {
	display: inline-block;
	font-size: 24px;
	letter-spacing: 0px;
	line-height: normal;
	margin: 0 0 10px;
	outline: medium none;
	padding: 0px;
	position: relative;
	text-transform: uppercase;
	width: 100%;
	z-index: 1;
	font-weight: 600;
}
/******************************************
31. shopping cart
******************************************/

.page-order ul.step {
	width: 100%;
	clear: both;
	overflow: hidden
}
.page-order ul.step li {
	display: inline;
	line-height: 30px;
	width: 19%;
	float: left;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 0px;
	margin-right: 12px;
	background: #fff;
	text-transform: uppercase
}
.page-order ul.step li:last-child {
	margin-right: 0px
}
.page-order ul.step li.current-step {
	border: 1px solid #e99544
}
.page-order .heading-counter {
	margin: 30px 0;
	padding: 15px;
	border: 1px solid #eaeaea;
	background: #fff
}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
	border-bottom-width: 0px
}
.page-order .cart_navigation a.continue-btn {
	padding: 10px 20px;
	border: 1px solid #eaeaea;
	border-radius: 0px;
	background: #f9f9f9;
	text-transform: uppercase;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 10px
}
.page-order .availability {
	text-align: center
}
.page-order .product-name {
	font-size: 16px;
	margin-bottom: 0px
}
.page-order .cart_description {
	font-size: 14px
}
.page-order .cart_navigation a.checkout-btn {
	float: right;
	background: #ff7474;
	color: #fff;
	border: 1px solid #ff7474;
	border-radius: 0px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 30px
}
.page-order .cart_navigation a.checkout-btn:hover {
	border: 1px solid #098af2;
	background: #098af2
}
.cart_summary>thead, .cart_summary>tfoot {
	background: #f7f7f7;
	font-size: 16px
}
.cart_summary>tfoot strong {
	color: #ff6e1f
}
.cart_summary>thead>th {
	border-bottom-width: 1px;
	padding: 20px
}
.cart_summary td {
	vertical-align: middle;
	padding: 20px
}
.cart_summary .table>tbody>tr>td, .table>tbody>tr>th, .cart_summary .table>tfoot>tr>td, .table>tfoot>tr>th, .cart_summary .table>thead>tr>td, .table>thead>tr>th {
	padding: 10px
}
.cart_summary img {
	max-width: 100px
}
.cart_summary td.cart_product {
	width: 120px;
	padding: 15px
}
.cart_summary .price {
	text-align: center;
	font-weight: 600;
}
.cart_summary .qty {
	text-align: center;
	width: 100px
}
.cart_summary .qty input {
	text-align: center;
	max-width: 64px;
	margin: 0 auto;
	border-radius: 0px;
	border: 1px solid #eaeaea
}
.cart_summary .qty a {
	padding: 8px 10px 5px 10px;
	border: 1px solid #eaeaea;
	display: inline-block;
	width: auto;
	margin-top: 5px
}
.cart_summary .qty a:hover {
	background: #098af2;
	color: #fff
}
.cart_summary .action {
	text-align: center
}
.cart_summary .action a {
	font-size: 13px;
	display: inline-block;
	line-height: 24px
}
.cart_summary tfoot {
	text-align: right
}
.cart_navigation {
	margin-top: 10px;
	float: left;
	width: 100%;
}
.cart .totals table th, .cart .totals table td {
	padding: 5px;
	border: none;
	background: none;
	border: medium none;
	box-shadow: none;
	color: #333;
}
.cart .totals table th, .cart .totals table td strong {
	font-weight: 900;
	font-size: 12px;
}
.cart-collaterals {
	margin-top: 20px;
	margin-bottom: 30px;
}
.cart-collaterals .col2-set {
	float: left;
	margin: 0;
	padding: 0;
}
.cart-collaterals .totals {
}
.totals h3 {
	border-bottom: 1px solid #ddd;
	color: #000;
	font-size: 14px;
	margin-bottom: 5px;
	padding: 10px 0;
}
.cart-collaterals .col2-set .col-2 {
	width: 320px;
}
.totals .inner {
	padding: 4px 0px 15px 0px;
	background-color: #fff;
	margin-top: 0px;
}
#shopping-cart-trigger{
	
	width:80px;
	float: left;
}
#shopping-cart-totals-table {
	float: right;
	width: 100%;
	padding-bottom: 8px;
}
#shopping-cart-totals-table .price {
	font-size: 18px;
	color: #333
}
#shipping-zip-form p {
	margin: 2px 0 4px;
}
#shipping-zip-form .form-list input.input-text {
	width: 90%;
}
.discount {
	margin: auto;
}
.discount label {
	font-weight: normal;
}
.shipping {
	margin: auto;
}
.shipping .form-list select {
	width: 90%;
	background-color: #fff;
	border: 1px #f0f0f0 solid;
	padding: 8px 10px;
}
.shipping .form-list select:focus {
	background-color: #fff;
	border: 1px #ddd solid;
	padding: 8px 10px;
}
.shipping .form-list input.input-text {
	width: 95%;
}
.cart-collaterals h3 {
	font-size: 14px;
	color: #000;
	margin-bottom: 15px;
	border-bottom: 1px solid #e5e5e5;
	padding: 10px 0;
	margin-top: auto;
	font-weight: bold;
	text-transform: uppercase;
}
.shipping-form ul {
	margin: auto;
	padding: inherit;
}
.shipping-form ul li {
	list-style: none;
}
.buttons-set11 {
	margin-top: 10px;
}
input.input-text, select, textarea {
	background-color: #fff;
	border: 1px #f1f1f1 solid;
	padding: 8px 10px;
	outline: none;
	color: #aaa;
}
#wishlist-table textarea {
	padding: 8px 10px;
}
input.input-text:focus, select:focus, textarea:focus {
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 8px 10px;
	outline: none;
}
input#coupon_code {
	margin: 8px 0;
	width: 90%;
}
#shopping-cart-table {
	background-color: #FFFFFF;
	text-align: left;
	border: none;
}
#shopping-cart-table input.qty {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #e5e5e5;
	font-size: 15px;
	font-weight: normal;
	margin: 0;
	outline: medium none;
	padding: 8px;
	width: 50px;
	text-align: center;
}
#shopping-cart-table a.remove-item {
	background-color: #fff;
	background-image: none;
	color: #333;
	cursor: pointer;
	padding: 0px;
	border-radius: 0px;
	cursor: pointer;
	text-decoration: none;
	float: left;
	transition: all 0.3s linear;
	border: none;
}
#shopping-cart-table a.remove-item span {
	display: none
}
#shopping-cart-table a.remove-item:before {
	content: "\f014";
	font-family: FontAwesome;
	font-size: 14px;
	font-weight: normal;
}
#shopping-cart-table a.remove-item:hover {
	padding: 0px;
	color: #098af2;
}
#shopping-cart-table .remove-item span span {
	display: none;
}
#shopping-cart-table dl {
	margin: 0;
	padding: 0;
}
#shopping-cart-table .item-options dd {
	color: #CCCCCC;
	margin: 0;
}
#shopping-cart-table h4 {
	font-size: 12px;
	font-weight: 900;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase
}
#shipping-zip-form .form-list label {
	display: block;
	margin-top: 8px
}
#shopping-cart-table .cart-price .price {
	font-size: 12px;
	font-weight: bold;
}
.cart-table .btn-continue {
	float: left;
}
.cart-table .btn-update, .cart-table .btn-empty {
	float: right;
	margin-left: 8px;
}
.cart .product-name a {
	font-size: 14px;
	color: #333;
}
#shopping-cart-table .data-table td {
	vertical-align: middle;
}
.checkout a {
	text-decoration: underline;
	color: #33c5fb;
}
.checkout {
	color: #666666;
	padding-top: 5px;
	text-align: center;
	list-style: none;
	padding: 0;
	margin: 0;
}
button.button.btn-proceed-checkout {
	background: #098af2;
	padding: 15px 5px;
	color: #fff;
	width: 100%;
	border: none;
}
button.button.btn-proceed-checkout:hover {
	background: #222;
	border: none;
}
.order-detail-content .btn-continue {
	float: left;
	background: #222;
	border-color: #222;
	color: #fff;
}
button.button.btn-proceed-checkout:before {
	content: "\f00c";
	font-family: FontAwesome;
	font-size: 20px;
	padding-right: 5px;
}
button.button.btn-proceed-checkout span {
	font-size: 18px;
	font-weight: 600;
}
.crosssel {
	margin: 12px 0px;
}
.crosssel .new_title.center {
	margin-bottom: 10px;
}
.cart {
	background: none repeat scroll 0 0 #fff;
	margin: 0 0px 20px;
	overflow: hidden;
}
.crosssel {
	background: none repeat scroll 0 0 #fff;
	margin: 40px 0px 20px;
	overflow: hidden;
}
.crosssel .new_title {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 15px;
	padding-left: 25px;
	padding-top: 5px;
	margin: 0px -25px 25px;
}
/******************************************
32. My Wishlist
******************************************/
.wishlist-item table .th-stock {
	width: 12%;
}
.wishlist-item table .th-stock a {
	color: #EC4445;
}
.wishlist-item table .td-add-to-cart > a {
	background: #098af2;
	color: #fff;
	display: inline-block;
	font-weight: 700;
	padding: 8px 16px;
	text-transform: uppercase;
	width: 115px; border-radius:50px;
}
.wishlist-item .all-cart {
	background: #000000;
	color: #fff;
	display: inline-block;
	font-weight: 700;
	padding: 8px 16px;
	text-transform: uppercase;
	margin-top: 18px;
	 border-radius:50px;
}
.wishlist-item table .td-add-to-cart > a:hover, .wishlist-item .all-cart:hover {
	background: #000;
	color: #fff;
}
.wishlist-area .social-sharing {
	border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	margin-bottom: 40px;
	padding: 35px;
	text-align: center;
}
.wishlist-area h3.widget-title-modal {
	text-align: center;
}
.wishlist-area .widget .social-icons {
	float: none;
}
.wishlist-area .widget .social-icons {
	float: none;
}
.wishlist-area .widget .social-icons li {
	display: inline;
	float: none;
}
.wishlist-item table {
	border-bottom: 1px solid #E1E1E1;
	width: 100%;
	text-align: center;
	font-size: 14px;
}
.wishlist-item table a {
	color: #000000;
}
.wishlist-item table a:hover {
	color: #098af2;
}
.wishlist-item table thead {
	background: #f8f8f8 none repeat scroll 0 0;
	color: #000000;
}
.wishlist-item.table-responsive {
	margin-top: 5px;
	border: none;
}
.wishlist-item table th {
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
	font-size: 12px;
	font-weight: 600;
	padding: 12px;
	text-align: center;
	text-transform: uppercase;
}
.wishlist-item table .th-product {
	width: 18%;
}
.wishlist-item table .th-product img {
	width: 100px;
}
.wishlist-item table .th-details {
	width: 35%;
}
.wishlist-item table tbody .th-details {
	text-align: left;
}
.wishlist-item table .th-delate {
	width: 5%;
}
.wishlist-item table .th-edit {
	width: 10%;
}
.wishlist-item table .td-add-to-cart {
	width: 18%;
}
.wishlist-item table .th-price {
	width: 12%;
	font-weight: 600;
}
.wishlist-item table td {
	border-bottom: 1px solid #e1e1e1;
	padding: 12px;
	text-align: center;
}
.wishlist-item .th-details a {
	font-size: 14px;
}
.sidebar-account .block-content {
	padding: 0px
}
.sidebar-account .block-content ul {
	margin-top: 5px;
	margin-bottom: 5px
}
.sidebar-account .block-content li {
	padding: 10px 0px;
	border-top: 1px #fff solid;
	border-bottom: 1px #eaeaea solid
}
.sidebar-account .block-content li:first-child {
	border-top: none
}
.sidebar-account .block-content li:before {
	content: "\f105";
	font-family: FontAwesome;
	font-size: 10px;
	display: inline-block;
	position: absolute;
	cursor: pointer;
	line-height: 16px;
	color: #000000
}
.sidebar .block-content li.last {
	border-bottom: none
}
.sidebar-account .block-content li a {
	cursor: pointer;
	padding: 0 12px;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s
}
.sidebar-account .block-content li a:hover {
	cursor: pointer;
	padding: 0 12px;
	color: #098af2
}
.sidebar-account .block-content li.current {
	font-weight: 900;
	color: #098af2
}
.sidebar-checkout .block-content {
	padding: 14px 0px
}
.box-wishlist label, .box-wishlist .button {
	margin-top: 10px;
	margin-bottom: 5px
}
.box-wishlist {
	margin-top: 20px
}
.my-account {
	margin-bottom: 30px;
}
/******************************************
33. Compare table
******************************************/

.table-compare td.compare-label {
	width: 150px;
	background: #fafafa;
	vertical-align: middle;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 13px;
}
.compare-list {
	margin-bottom: 35px;
}
.table-compare .product-star .fa {
	line-height: inherit;
	color: #ff9900;
}
.table-compare .price {
	font-weight: bold;
}
.table-compare .add-cart {
	background: #098af2;
	color: #fff;
	border: 2px #098af2 solid;
}
.table-compare .add-cart:hover {
	opacity: 0.8;
}
.table-compare .action button.button {
	padding: 0px 12px 0 10px;
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 12px;
}
/******************************************
34. Checkout page
******************************************/

.checkout-page ul {
	padding: 0px;
	margin: auto;
}
.checkout-page li {
	list-style: none;
}
.checkout-page h4.checkout-sep {
	text-transform: uppercase;
	font-size: 14px;
	border-bottom: 1px #eaeaea solid;
	line-height: normal;
	padding: 0 0 6px;
	margin-bottom: 12px; font-weight:600;
}
.checkout-page h4.checkout-sep.last {
	border: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.checkout-page .box-border {
	margin-bottom: 15px;
}
.checkout-page .box-border .button {
	margin-top: 15px;
}
.checkout-page .box-border label {
	margin-top: 5px;
	font-size: 13px;
}
.checkout-page .box-border p, .checkout-page .box-border h4 {
	padding-bottom: 5px;
	margin-top: 5px;
}
.checkout-page .box-border .fa {
	line-height: inherit;
}
.checkout-page .box-border input[type="radio"] {
	margin-right: 10px;
}
/******************************************
35. Contact page
******************************************/


/*#contact {
	margin-top: 10px;
}
#contact .page-subheading {
	padding-left: 0px;
	border: none;
	margin: 14px 0 30px;
	text-transform: uppercase;
	font-size: 16px;
	color: #333; font-weight:600;
}
#contact .contact-form-box {
	padding: 0;
	margin: 0;
}
#contact .contact-form-box label {
	padding-bottom: 5px;
}
#contact .contact-form-box .form-selector {
	padding-bottom: 25px;
}
#contact .contact-form-box .form-selector:last-child {
	padding-bottom: 0px;
}
#contact input, #contact select {
	border-radius: 0;
	border-color: #ddd;
	box-shadow: inherit;
	outline: 0 none;
	height: 35px;
	background: #f8f8f8; border-radius:0px;
}
#contact textarea {
	border-radius: 0;
	border-color: #ddd;
	box-shadow: inherit;
	outline: 0 none;
	height: 135px;
	background: #f8f8f8; border-radius:5px;
}
#contact input:focus, #contact select:focus, #contact textarea:focus {
	box-shadow: inherit;
	outline: 0 none;
}
#contact #btn-send-contact {
	font-size: 14px;
	line-height: 18px;
	color: white;
	padding: 0;
	font-weight: normal;
	background: #666;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: none;
	padding: 10px 25px;
}
#contact #btn-send-contact:hover {
	background: #F36;
}
#contact_form_map ul {
	line-height: 28px;
	list-style: disc;
	list-style-position: inside;
	font-style: italic;
	margin: auto;
}
#contact_form_map ul.store_info {
	list-style: none;
	font-style: normal;
	color: #696969;
}
#contact_form_map ul.store_info i {
	display: inline-block;
	width: 30px;
	line-height: inherit;
	font-size: 18px;
}
#message-box-conact .fa {
	line-height: inherit;
}

.error{
	color:red !important;
}
.content-text {
	padding: 10px 0;
}
.content-text p {
	margin-bottom: 15px;
}
.right-sidebar #left_column {
	float: right;
}*/
/******************************************
36. Login page
******************************************/
.account-login {
	display: inline-block;
	width: 100%;
	text-align: center;
}
.box-authentication {
	display: inline-block;
	width: 48%;
	float: none;
	text-align: left;
	border: 1px #eaeaea solid;
	background: #f9f9f9;
	padding: 25px;
}
.box-authentication h4 {
	margin-bottom: 16px;
	text-transform: uppercase;
	font-weight: 600;
}
.box-authentication p {
	margin: auto;
}
.box-authentication label {
	margin-top: 10px;
	margin-bottom: 2px;
}
.box-authentication .forgot-pass {
	margin-top: 15px;
}
.box-authentication input, .box-authentication textarea {
	border-radius: 0px;
	border: 1px solid #eaeaea;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
	width: 70%;
	background: #fff;
}
.box-authentication.new-customer-box input, .box-authentication.new-customer-box textarea {
	width: 100%;
}
.box-authentication .button {
	margin-top: 15px;
}
/******************************************
37. 404 Error Page
******************************************/


.error_pagenotfound {
	padding: 50px 30px 58px 30px;
	margin: 0 auto;
	width: 60%;
	text-align: center;
	margin: 30px auto;
}
.error_pagenotfound strong {
	display: block;
	font-size: 145px;
	line-height: 100px;
	color: #999;
	font-weight: bold;
	margin-bottom: 10px;
	text-shadow: 5px 5px 1px #eaeaea;
}
.error_pagenotfound b {
	display: block;
	font-size: 40px;
	line-height: 50px;
	color: #999;
	margin: 0;
	font-weight: 300;
}
.error_pagenotfound em {
	display: block;
	font-size: 18px;
	color: #666;
	margin: 15px 0;
	font-style: normal;
        line-height: 26px;
}
a.button-back {
	border-radius: 0px;
	text-transform: uppercase;
	font-size: 16px;
	padding: 15px 25px;
	margin-top: 15px;
	background: #098af2;
	color: #fff;
	font-weight: 600; border-radius:50px;
}
a.button-back:hover {
	background: #000000;
	color: #fff;
}
#animate-arrow {
	position: relative;
	top: 15px;
	left: 0px;
	animation: move 1s ease infinite;
	margin-top: 150px;
	color: red;
}
 @keyframes move {
 50% {
 bottom: 10px;
 top: 0px;
}
}
/******************************************
38. About us
******************************************/

.about-page h1 {
	font-weight: 400;
	text-transform: uppercase;
	font-size: 30px;
}
.about-page {
	margin-top: 15px;
	display: inline-block;
	overflow: hidden;
}
.about-slid {
	background-size: cover;
	text-align: center;
	padding: 80px 0 100px;
}
.about-slid h2 {
	font-size: 42px;
	color: #fff;
	font-weight: bold;
}
.about-slid p {
	color: #fff;
	font-size: 16px;
	margin: 8px auto 0;
	line-height: 22px;
	width: 78%;
}
.about-slid-info {
	width: 80%;
	margin: 0 auto;
}
.about-page ul {
	padding: 0;
	margin: auto;
}
.about-page ul li {

	display: block;
	margin: 1.2em 0 0;
}
.about-page ul li a {
	color: #333;
	font-size: 15px;
}
.about-page ul li a:hover {
	color: #098af2;
	padding-left: 10px;
}
.about-page .fa-arrow-right {
	font-size: 12px;
}
.about-page .text_color {
	color: #098af2;
}
label[for="rememberme"] {
	margin-left: 0.75em;
}
.box-authentication .inline input {
	width: auto;
}
.about-page .carousel-inner > .item > a > img, .about-page .carousel-inner > .item > img {
	width: 100%;
}
.register-benefits {
	margin-top: 12px;
}
.box-authentication .required {
	color: #ff0000;
	padding-left: 3px;
}
.our-team {
	padding-bottom: 30px;
	display: inline-block;
	width: 100%;
	margin-bottom: 15px;
}
.our-team .page-header h2 {
	border-bottom: 1px solid #e0e0e0;
	display: inline-block;
	font-size: 20px;
	letter-spacing: 0px;
	line-height: normal;
	margin: 0 0 20px;
	outline: medium none;
	padding: 0 0 6px;
	position: relative;
	text-transform: uppercase;
	width: 100%;
	z-index: 1;
	font-weight: 400;
}
.our-team .team {
	background: #f8f8f8;
	border: 1px #eee solid;
	padding: 15px;
	text-align: center;
}
.team h5 {
	margin-bottom: 10px;
	font-size: 14px;
	margin-bottom: 6px;
	text-transform: uppercase;
	font-weight: bold;
}
.team p.subtitle {
	margin-bottom: 10px;
}
.avatar {
	margin-bottom: 20px;
}
.team-social {
	margin-left: 0;
	padding-left: 0;
}
.align-center-btn a.button {
	border: 2px #098af2 solid;
	padding: 8px 25px;
	border-radius: 0px;
	font-weight: bold;
	font-size: 15px;
	margin-right: 15px;
	background: #098af2;
	color: #fff;
}
.align-center-btn a.button.buy-temp {
	background: #098af2;
	color: #fff;
	border: 2px #098af2 solid;
}
.align-center-btn {
	margin-top: 25px;
}
#service {
	padding-bottom: 30px;
	background: none repeat scroll 0 0 #fff;
	border-top: 1px solid #eee;
	padding-bottom: 20px;
	margin-top: 15px;
	padding-top: 15px;
}
#service .page-header h2 {
	color: #333;
}
#service i {
	font-size: 50px;
	margin-bottom: 20px;
	margin-top: 20px;
}
#service h4 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 8px;
}
.sitemap-page {
	margin-top: 15px;
	margin-bottom: 50px;
}
.simple-list {
	margin: 0;
	padding: 0;
	list-style-type: none
}
.bold-list>li>a {
	font-weight: 700;
	text-transform: uppercase
}
.simple-list ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	bottom: -.8em
}
.simple-list li {
	margin: 0;
	padding: 0 0 12px
}
/******************************************
39. FAQ Page
******************************************/

.faq-page {
	margin-bottom: 30px;
	padding: 5px 0px 20px;
	margin-top: 10px;
	display: inline-block;
}
.faq-page .page-title {
	margin: 15px 0px 20px auto;
}
.faq-page .content-box {
	padding: 32px 28px;
	margin: 0 0 20px 0;
	text-align: center;
	cursor: pointer;
}
.faq-page .content-box, .faq-page .content-box i, .faq-page .content-box p, .faq-page .content-box h3 {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.faq-page .content-box p {
	margin: 15px 0;
	color: #fff;
}
.faq-page .content-box h3 {
	line-height: 26px;
	padding-bottom: 8px;
	color: #fff;
	font-weight: 600;
}
.faq-page .content-box i {
	font-size: 80px;
	height: 80px;
	color: #fff;
	margin: 10px 0;
	display: block;
}
.faq-page .content-box.color-effect-1 {
	background: #222;
}
.faq-page .box-icon-wrap {
	text-align: center;
	margin: 0 auto;
	padding: 0px 0 20px 0;
	max-height: 120px;
}
.faq-page .box-icon i {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	margin: 15px 0;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff;
}
.faq-page .box-icon i:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.faq-page .box-icon i:before {
	speak: none;
	font-size: 40px;
	line-height: 90px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}
.faq-page .box-icon-effect-1 .box-icon i {
	background: #098af2;
	color: #fff;
	-webkit-transition: background 0.2s, color 0.2s;
	-moz-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;
}
.faq-page .box-icon-effect-1 .box-icon i:after {
	top: -7px;
	left: -7px;
	padding: 7px;
	box-shadow: 0 0 0 4px #fff;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-webkit-transform: scale(.8);
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	transition: transform 0.2s, opacity 0.2s;
	transform: scale(.8);
	opacity: 0;
}
.faq-page .content-box:hover .box-icon-effect-1a .box-icon i {
	background: rgba(255,255,255,1);
	color: #000000;
}
.faq-page .content-box:hover .box-icon-effect-1a .box-icon i:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.accordion-faq {
	text-align: left;
	position: relative
}
.accordion-faq .panel {
	border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none
}
.accordion-faq .panel .panel-heading {
	padding: 0;
	color: #fff;
	border-radius: 0;
	background: #333
}
.accordion-faq .panel-heading a {
	display: block;
	position: relative;
	background: #f8f8f8;
	color: #000000;
	padding: 14px 50px 12px 15px;
	border-radius: 0;
	border: 1px #eee solid;
	min-height: 50px;
	font-weight: 600;
	font-size: 14px; text-transform:uppercase
}
.accordion-faq .panel-heading a.collapsed {
	display: block;
	position: relative;
	background: #fff;
	padding: 14px 50px 12px 15px;
	border-radius: 0;
	border: 1px #eee solid;
	min-height: 50px;
	font-weight: 400;
	font-size: 15px;
}
.accordion-faq .panel-heading a:hover {
	text-decoration: none
}
.accordion-faq .panel:last-child {
	box-shadow: none;
	border-bottom: none
}
.accordion-faq .arrow-down, .accordion-faq .arrow-up {
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	font-size: 20px;
	top: 54%;
	margin-top: -12px;
	right: 10px;
}
.accordion-faq .arrow-down, .accordion-faq .collapsed .arrow-up {
	display: none
}
.accordion-faq .collapsed .arrow-down {
	display: block;
	color: #333;
}
.accordion-faq .panel-body {
	border-top: 0;
	padding: 15px;
	background: #fff;
	border: 1px #eee solid;
	border-top: none;
}
.accordion-faq.panel-group .panel+.panel {
	margin-top: 10px
}
.sitemap-page {
	padding: 5px 0px;
	background: #fff;
	display: inline-block;
	width: 100%;
}
.banner-jtv a img {
	max-width: 100%
}
.banner-jtv .banner-box {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
	margin-bottom: 27px;
	text-align: center;
}
.banner-jtv .banner-box.banner-inner-box {
	margin-bottom: 0px;
}
.banner-jtv .banner-box:before {
	background: rgba(255, 255, 255, .3);
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s
}
.banner-jtv .banner-box .banner-text {
	position: absolute;
	top: 12%;
	width: 100%;
	text-align: center;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}
.banner-jtv .banner-box .banner-text .first-text {
	font-size: 28px;
	color: #000;
	text-transform: uppercase;
	font-weight: 400;
	line-height: .5
}
.banner-jtv .banner-box .banner-text .medium-text {
	font-size: 14px;
	display: block;
	line-height: 1
}
.banner-jtv .banner-box .banner-text-mid {
	top: 76%
}
.banner-jtv .banner-box .banner-text-mid .first-text {
	color: #000;
	font-size: 28px;
	font-weight: 400;
	line-height: 100%
}
.banner-jtv .banner-box .banner-text-mid .first-text .text-top {
	font-size: 70%;
	padding-top: 4px;
	position: absolute;
	top: -8px
}
.banner-jtv .banner-box .banner-text-mid .medium-text {
	color: #444
}
.banner-jtv .banner-box .banner-text-mid .shop-now {
	border-color: #000;
	color: #fff;
}
.banner-jtv .banner-box .shop-now {
	display: inline-block;
	padding: 6px 15px;
	color: #fff;
	background-color: #ff7474;
	font-size: 13px;
	position: absolute;
	top: 1000px;
	left: 28%;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0px;
}
.banner-jtv .banner-box .shop-now:after {
	content: "\f105";
	font-family: fontawesome;
	font-size: 85.71%;
	color: #fff;
	padding-left: 5px
}
.banner-jtv .banner-box .shop-now:hover {
	background-color: #000;
	color: #fff;
	border-color: transparent
}
.banner-jtv .banner-box .shop-now:hover:after {
	color: #fff
}
.banner-jtv .banner-box .shop-now:before {
	background: 0 0
}
.banner-jtv .banner-box:hover:before {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s
}
.banner-jtv .banner-box:hover .banner-text {
	top: 40%;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}
.banner-jtv .banner-box:hover .banner-text-mid {
	top: 60%
}
.banner-jtv .banner-box:hover .banner-text-mid .shopnow {
	top: 80%
}
.banner-jtv .banner-box:hover.banner-inner-box .shop-now {
	top: 125%
}
.banner-jtv .banner-box:hover .shop-now {
	top: 64%;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}
.best-sale-product {
	margin-bottom: 30px;
}
.best-sale-product .sidebar-bar-title {
	color: #000;
}
.best-sale-product .products-block-left {
	width: 75px;
	float: left;
}
.best-sale-product .products-block-right {
	margin-left: 85px;
	text-align: left;
}
.best-sale-product .products-block-right p {
	margin: 0px;
}
.best-sale-product .block-content {
	padding: 14px 0px 0px;
}
.best-sale-product .slider-items-products .owl-buttons a {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 0 solid #e0e0e0;
	border-radius: 0;
	color: #000;
	display: block;
	height: 20px;
	margin: -8px 0 0 0;
	position: absolute;
	top: 48%;
	width: 20px;
	z-index: 5;
}
.best-sale-product .best-sale-item {
	display: inline-block;
	border-bottom: 1px #eaeaea solid;
	width: 100%;
	padding-bottom: 12px;
	margin-bottom: 12px;
}
.best-sale-product ul {
	margin: auto;
}
.best-sale-product .product-item {
	margin: auto;
}
.best-sale-product .best-sale-item:last-child {
	border: none;
	margin-bottom: 0px;
}
.container {
	width: 1200px;
}
.banner4 .product-flexslider {
	margin: 0;
	margin-top: 20px;
}
#pro3-slider .owl-carousel .owl-item img {
	margin: -2px;
}
/* ===== Begin top slidingbar ===== */
#top-slidingbar-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
}
#top-slidingbar {
	display: none;
	height: auto;
	color: #000;
	position: relative;
	padding: 0;
}
#top-slidingbar .container, #top-slidingbar .container-fluid {
	padding: 0 20px;
}
.top-slidingbar-trigger-wrapper, .top-slidingbar-trigger-wrapper {
	position: absolute;
	top: 0px;
	right: 0px;
	border-top: 35px solid #098af2;
	border-left: 35px solid rgba(0, 0, 0, 0);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.navbar-transparent .top-slidingbar-trigger-wrapper {
	top: 20px;
	right: 20px;
	border-top-color: #FFF;
}
.top-slidingbar-trigger, .navbar-transparent.navbar-shrink .top-slidingbar-trigger {
	position: absolute;
	width: 19px;
	height: 19px;
	line-height: 18px;
	bottom: 18px;
	right: 0px;
	text-align: center;
	font-size: 26px;
	font-weight: 900;
	color: #000;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.input-sm {
    height: 40px !important;
    margin:10px 0px;
  
}
/*.form-control {
	border-radius: 0px;
}
/*======================================
40. Modal Dialog Area styles 
========================================*/
.modal-dialog {
	background: #ffffff;
	width: 72%;
}
@media (max-width: 768px) and (max-width: 1199px) {
.modal-dialog {
	width: 73%;
}
}
@media (max-width: 480px) and (max-width: 767px) {
    
    .headerlinkmenu {
        
        text-align: center;
        
            
    }  
    
.modal-dialog {
	width: 80%;
}



}
@media only screen and (max-width: 479px) {
    
    div.tab button span {visibility: hidden !important;}
    div.tab button {padding: 5px 15px}
    
.modal-dialog {
	width: 95%;
}
}
.modal-dialog .modal-body .myclose {
	font-size: 40px;
	margin-right: 8px;
	font-weight: normal;
	line-height: 0.5;
}
.modal-dialog .product-details1-area {
	padding: 0;
}
.modal-dialog .product-details1-area .product-details-info-area {
	padding: 30px;
}
.modal-dialog .product-details1-area .product-details-social {
	margin-bottom: 50px;
}
.modal-dialog .inner-product-details-cart li:hover {
	border: 1px solid #111111;
}
.modal-dialog .inner-product-details-cart li:hover:nth-child(2) {
	border: 1px solid #d7d7d7;
}
.modal-dialog .inner-product-details-cart li a {
	background: #111111;
	color: #ffffff;
}
.modal-dialog .inner-product-details-cart li a:hover {
	background: transparent;
	color: #111111;
}
.modal-dialog .inner-product-details-cart li a:hover i {
	color: #111111;
}
.modal-dialog .product-details1-area .inner-product-details-left ul li {
	margin: 16px 0 0 0;
}
.owl-theme .owl-controls .owl-buttons div {
	color: #FFF;
	display: inline-block;
	zoom: 1;
 *display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: none;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 1;
	text-align: center
}
.nopad{
	padding: 0;
}
.socialmedia{
	float: right;
}
.socialmedia ul{
	margin: 0;
	padding: 0;
}
.socialmedia ul li{
	float: left;
	list-style: none;
	
	
}
.socialmedia ul li a{
	float: left;
	list-style: none;
	padding:10px 20px;
	
}
.socialmedia ul li a:hover{
	
		background:#098af2;
	
}
.socialmedia ul li a:hover .fa{
	color:#fff;
}

.fa-check, .fa-download{
	margin-right: 5px;
	color: #098af2;
}
.fa-angle-right{
	
	
	margin-right: 5px;
}
.environmental{
	border:1px solid #ccc;
	padding: 10px;
	text-align: center;
	background: #eee;
}
hr {
    margin-top: 11px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #ccc;
}
thead {
	
	background: #eee;
}
.related-product-area{
	margin-top: 10px;
	
}
.visionarea{

	background-color: #5ec3fb;

	padding:20px;
	margin: 0;
}
.bgicon {
    display: block;
    position: absolute;
    bottom: -10px;
    right:10px;
    font-size: 210px;
    color: rgba(0,0,0,.05);
}
.visionarea p{
	padding: 0px;
	line-height: 20px;
	
}

.missionarea{

	background:#fcd371;

		padding:20px;
	margin: 0;
}
.missionarea p{
	padding: 0px;
	line-height: 20px;
	
}
.why{

	background:#fc7b82;

		padding:20px;
	margin: 0;
}
.why p{
	padding: 0px;
	line-height: 20px;
	
}
/* ————————————————————–
  Tree core styles
*/
.tree { margin: 1em !important; }

.tree input {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  }

.tree input ~ ul { display: none; }

.tree input:checked ~ ul { display: block; }

/* ————————————————————–
  Tree rows
*/
.tree li {
  line-height: 1.2;
  position: relative;
  padding: 0 0 0.5em 1em;
  }
.tree li a{
font-weight:400;
  }
/*.tree ul li { padding: 1em 0 0 1em; }*/

.tree > li:last-child { padding-bottom: 0; }

/* ————————————————————–
  Tree labels
*/
.tree_label {
  position: relative;
  display: inline-block;
  background: #fff;
  line-height: 22px;

  }

label.tree_label { cursor: pointer; }

label.tree_label:hover { color: #666; }

/* ————————————————————–
  Tree expanded icon
*/
label.tree_label:before {
  border:1px solid #098af2;
  color: #000;
  position: relative;
  z-index: 1;
  float: left;
  margin: 0 1em 0 -2em;
  width: 1em;
  height: 1em;
 
  content: '+';
  text-align: center;
  line-height: .9em;
  }

:checked ~ label.tree_label:before { content: '–'; }

/* ————————————————————–
  Tree branches
*/
.tree li:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -.5em;
  display: block;
  width: 0;
  
  content: "";
  }

.tree_label:after {
  position: absolute;
  top: 0;
  left: -1.5em;
  display: block;
  height: 0.5em;
  width: 1em;
  
  border-radius: 0 0 0 .3em;
  content: '';
  }

label.tree_label:after { border-bottom: 0; }

:checked ~ label.tree_label:after {
  border-radius: 0 .3em 0 0;

  border-bottom: 0;
  border-left: 0;
  bottom: 0;
  top: 0.5em;
  height: auto;
  }

.tree li:last-child:before {
  height: 1em;
  bottom: auto;
  }

.tree > li:last-child:before { display: none; }

.tree_custom {
  display: block;
  background: #eee;
  padding: 1em;
  border-radius: 0.3em;
}
 
label {

     font-weight: normal; 
	font-size:14px;
}
.label2{
	font-size: 14px;
}
.bor{
	
	border:1px solid #ccc;
	padding:5px;
	margin: 0px auto;
	width: 80px;
	margin-top:0px;
        
        	margin-bottom:10px;
	text-align:center;
	color: #ccc !important;
	
}
/*Logo carousel*/
#clients {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#clients .clients-wrap {
	display: block;
	width: 95%;
	margin: 0 auto;
	overflow: hidden;
}

#clients .clients-wrap ul {
	display: block;
	list-style: none;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

#clients .clients-wrap ul li {
  display: block;
  float: left;
  position: relative;
  width: 220px;
  height: 100px;
  line-height: 100px;
  text-align: center;
}
#clients .clients-wrap ul li img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  -webkit-transition: 0 linear left;
  -moz-transition: 0 linear left;
  transition: 0 linear left;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter: alpha(opacity=65); 
  opacity: 0.65;
}
#clients .clients-wrap ul li img:hover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100); 
  opacity: 1.0;
}
.banner {
    margin: 0px 0px 10px 0px;
    padding: 0;
}
.banner img {
    width: 100%;
}
.testand{
	width: 100%;
	border:1px solid #346db6;
	margin: 30px 0px;
	padding: 0px;
	
	
}

.testand h4{width: 100%;
background: #0058a8;
	padding: 10px;
	margin: 0;
	color: #fff;
}
.dim h5{


text-align: center;
    border-top: 1px solid #ccc;
    padding: 5px 0;
    margin-bottom: 0px !important;
    font-size: 18px;

   

}


.dim{
	
	width:100%;
	margin: 20px 0;
	padding: 0;
	border:1px solid #eee;
}

.dim:hover{
	border-color:#0058a8;
background: #fac649;

}
.dim img{width:100%;}

.autom{
	width: 100%;
	border:1px solid #e40004;
	margin: 30px 0px;
	padding: 0px;
	
	
}
.autom h4{width: 100%;
background: #d10005;
	padding: 10px;
	margin: 0;
	color: #fff;
}
.dim1{
	
	width:100%;
	margin: 20px 0;
	padding: 0;
	border:1px solid #eee;
}
.dim1:hover{border:1px solid #e40004;}
.dim1 img{width:100%;}
.dim1 h5{text-align: center;
border-top:1px solid #ccc;
	padding: 5px 0;

}

.spec{
	width: 100%;
	border:1px solid #df9000;
	margin: 30px 0px;
	padding: 0px;
	
	
}
.spec h4{width: 100%;
background: #f3a301;
	padding: 10px;
	margin: 0;
	color: #fff;
}
.dim2{
	
	width:100%;
	margin: 20px 0;
	padding: 0;
	border:1px solid #eee;

}
.dim2:hover{border:1px solid #f3a301;}
.dim2 img{width:100%;}
.dim2 h5{text-align: center;
border-top:1px solid #ccc;
	padding: 5px 0;

}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover{

	color: #098af2;
	
	
}
a.list-group-item, button.list-group-item{
	
	
	
		color: #808080;
	font-size: 20px;font-weight: 100;
	padding: 15px;
}

/*.panel-billing .collapse.in p{
	
border-top:0;
padding: 0px !important;
border: none !important;
margin: 0px;
font-weight: 100;
font-size: 16px;}
.collapse.in p{
	
	border: 1px solid #ccc;
	border-top:0;
padding: 10px;
	margin: 0px;
font-weight: 100;
font-size: 16px;
}*/


.gallery
{
    display: inline-block;
    margin-top: 20px;
}
.input-text{
	margin: 5px 0px;
}
.textbox{
	height: 80px;
	resize: none;
	margin: 5px 0px;
}
input[type="file"] {
    display: none;
}

.upload input[type="file"] {
    display: block;
}
.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}

.example-image{
	
	margin: 15px 10px;
	width: 23%;
}


/*service area*/


.grid {
	position: relative;
	margin: 0 auto;
	padding: 1em 0 4em;
	
	list-style: none;
	text-align: center;
}

/* Common style */

.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 15px;
	min-width: 280px;
	max-width: 350px;
	height: 150px !important;
	width: 48%;
	background: #000;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 0;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 0px;
	font-size: 68.5%;
}

/* Individual effects */

/*---------------*/
/***** Lily *****/
/*---------------*/

figure.effect-lily img {
	max-width: none;
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);
	opacity: 0.7;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0, 0);
	transform: translate3d(-40px,0,0);
}

figure.effect-lily figcaption {
	text-align: left;
}

figure.effect-lily figcaption > div {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	height: 50%;
}

figure.effect-lily h2,
figure.effect-lily p {
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-lily h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-lily p {
	color: rgba(255,255,255,0.8);
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
}

figure.effect-lily:hover img,
figure.effect-lily:hover p {
	opacity: 1;
}

figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-lily:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}

/*---------------*/
/***** Sadie *****/
/*---------------*/

figure.effect-sadie figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
	background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
}

figure.effect-sadie h2 {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color: #484c61;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
}

figure.effect-sadie figcaption::before,
figure.effect-sadie p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	opacity: 0;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}

figure.effect-sadie:hover h2 {
	color: #fff;
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
	transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}

figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Roxy *****/
/*---------------*/

figure.effect-roxy {
	background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
	background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);
}

figure.effect-roxy img {
	max-width: none;
	width: -webkit-calc(100% + 60px);
	width: calc(100% + 60px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50px,0,0);
	transform: translate3d(-50px,0,0);
}

figure.effect-roxy figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-20px,0,0);
	transform: translate3d(-20px,0,0);
}

figure.effect-roxy figcaption {
	padding: 3em;
	text-align: left;
}

figure.effect-roxy h2 {
	padding: 30% 0 10px 0;
}

figure.effect-roxy p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
}

figure.effect-roxy:hover img {
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-roxy:hover figcaption::before,
figure.effect-roxy:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba {
	background: #000;
}

figure.effect-bubba img {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
	opacity: 0.4;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 15px;
	right: 15px;
	bottom: 15px;
	left: 15px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h2 {
	padding-top: 18%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
	color: #fff;
}

figure.effect-bubba p {
	padding: 10px 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Romeo *****/
/*---------------*/

figure.effect-romeo {
	-webkit-perspective: 1000px;
	perspective: 1000px;
}

figure.effect-romeo img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,0,300px);
	transform: translate3d(0,0,300px);
}

figure.effect-romeo:hover img {
	opacity: 0.6;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-romeo figcaption::before,
figure.effect-romeo figcaption::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	height: 1px;
	background: #fff;
	content: '';
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
}

figure.effect-romeo:hover figcaption::before {
	opacity: 0.5;
	-webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
	transform: translate3d(-50%,-50%,0) rotate(45deg);
}

figure.effect-romeo:hover figcaption::after {
	opacity: 0.5;
	-webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
	transform: translate3d(-50%,-50%,0) rotate(-45deg);
}

figure.effect-romeo h2,
figure.effect-romeo p {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-romeo h2 {
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
	transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
}

figure.effect-romeo p {
	padding: 0.25em 2em;
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,150%,0);
	transform: translate3d(0,-50%,0) translate3d(0,150%,0);
}

figure.effect-romeo:hover h2 {
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
	transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
}

figure.effect-romeo:hover p {
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,100%,0);
	transform: translate3d(0,-50%,0) translate3d(0,100%,0);
}

/*---------------*/
/***** Layla *****/
/*---------------*/

figure.effect-layla {
	background: #18a367;
}

figure.effect-layla img {
	height: 390px;
}

figure.effect-layla figcaption {
	padding: 3em;
}

figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
}

figure.effect-layla figcaption::before {
	top: 50px;
	right: 30px;
	bottom: 50px;
	left: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

figure.effect-layla figcaption::after {
	top: 30px;
	right: 50px;
	bottom: 30px;
	left: 50px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

figure.effect-layla h2 {
	padding-top: 26%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-layla p {
	padding: 0.5em 2em;
	text-transform: none;
	opacity: 0;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
}

figure.effect-layla img,
figure.effect-layla h2 {
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-layla:hover img {
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-layla:hover h2,
figure.effect-layla:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover p,
figure.effect-layla:hover img {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

/*---------------*/
/***** Honey *****/
/*---------------*/

figure.effect-honey {
	background: #4a3753;
}

figure.effect-honey img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-honey:hover img {
	opacity: 0.5;
}

figure.effect-honey figcaption::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}

figure.effect-honey h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 1em 1.5em;
	width: 100%;
	text-align: left;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-honey h2 i {
	font-style: normal;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-honey figcaption::before,
figure.effect-honey h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-honey:hover figcaption::before,
figure.effect-honey:hover h2,
figure.effect-honey:hover h2 i {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Oscar *****/
/*---------------*/

figure.effect-oscar {
	background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
	background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);
}

figure.effect-oscar img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-oscar figcaption {
	padding: 3em;
	background-color: rgba(58,52,42,0.7);
	-webkit-transition: background-color 0.35s;
	transition: background-color 0.35s;
}

figure.effect-oscar figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
}

figure.effect-oscar h2 {
	margin: 20% 0 10px 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-oscar figcaption::before,
figure.effect-oscar p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}

figure.effect-oscar:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-oscar:hover figcaption {
	background-color: rgba(58,52,42,0);
}

figure.effect-oscar:hover img {
	opacity: 0.4;
}

/*---------------*/
/***** Marley *****/
/*---------------*/

figure.effect-marley figcaption {
	text-align: right;
}

figure.effect-marley h2,
figure.effect-marley p {
	position: absolute;
	right: 30px;
	left: 30px;
	padding: 10px 0;
}


figure.effect-marley p {
	bottom: 30px;
	line-height: 1.5;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-marley h2 {
	top: 30px;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-marley:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-marley h2::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 4px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-marley h2::after,
figure.effect-marley p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-marley:hover h2::after,
figure.effect-marley:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Ruby *****/
/*---------------*/

figure.effect-ruby {
	background-color: #17819c;
}

figure.effect-ruby img {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

figure.effect-ruby:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-ruby h2 {
	margin-top: 20%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-ruby p {
	margin: 1em 0 0;
	padding: 3em;
	border: 1px solid #fff;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0) scale(1.1);
	transform: translate3d(0,20px,0) scale(1.1);
} 

figure.effect-ruby:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-ruby:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}

/*---------------*/
/***** Milo *****/
/*---------------*/

figure.effect-milo {
	background: #2e5d5a;
}

figure.effect-milo img {
	max-width: none;
	width: -webkit-calc(100% + 60px);
	width: calc(100% + 60px);
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-30px,0,0) scale(1.12);
	transform: translate3d(-30px,0,0) scale(1.12);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-milo:hover img {
	opacity: 0.5;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}

figure.effect-milo h2 {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 1em 1.2em;
}

figure.effect-milo p {
	padding: 0 10px 0 0;
	width: 50%;
	border-right: 1px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0,0);
	transform: translate3d(-40px,0,0);
}

figure.effect-milo:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Dexter *****/
/*---------------*/

figure.effect-dexter {
	background: -webkit-linear-gradient(top, rgba(37,141,200,1) 0%, rgba(104,60,19,1) 100%);
	background: linear-gradient(to bottom, rgba(37,141,200,1) 0%,rgba(104,60,19,1) 100%); 
}

figure.effect-dexter img {
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-dexter:hover img {
	opacity: 0.4;
}

figure.effect-dexter figcaption::after {
	position: absolute;
	right: 30px;
	bottom: 30px;
	left: 30px;
	height: -webkit-calc(50% - 30px);
	height: calc(50% - 30px);
	border: 7px solid #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-100%,0);
	transform: translate3d(0,-100%,0);
}

figure.effect-dexter:hover figcaption::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-dexter figcaption {
	padding: 3em;
	text-align: left;
}

figure.effect-dexter p {
	position: absolute;
	right: 60px;
	bottom: 60px;
	left: 60px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-100px,0);
	transform: translate3d(0,-100px,0);
}

figure.effect-dexter:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Sarah *****/
/*---------------*/

figure.effect-sarah {
	background: #42b078;
}

figure.effect-sarah img {
	max-width: none;
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-sarah:hover img {
	opacity: 0.4;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-sarah figcaption {
	text-align: left;
}

figure.effect-sarah h2 {
	position: relative;
	overflow: hidden;
	padding: 0.5em 0;
}

figure.effect-sarah h2::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}

figure.effect-sarah:hover h2::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-sarah p {
	padding: 1em 0;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

figure.effect-sarah:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Zoe *****/
/*---------------*/

figure.effect-zoe figcaption {
	top: auto;
	bottom: 0;
	padding: 1em;
	height: 3.75em;
	background: #fff;
	color: #3c4a50;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-zoe h2 {
	float: left;
}

figure.effect-zoe p.icon-links a {
	float: right;
	color: #3c4a50;
	font-size: 1.4em;
}

figure.effect-zoe:hover p.icon-links a:hover,
figure.effect-zoe:hover p.icon-links a:focus {
	color: #252d31;
}

figure.effect-zoe p.description {
	position: absolute;
	bottom: 8em;
	padding: 2em;
	color: #fff;
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */
}

figure.effect-zoe h2,
figure.effect-zoe p.icon-links a {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}

figure.effect-zoe p.icon-links a span::before {
	display: inline-block;
	padding: 8px 10px;
	font-family: 'feathericons';
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-eye::before {
	content: '\e000';
}

.icon-paper-clip::before {
	content: '\e001';
}

.icon-heart::before {
	content: '\e024';
}

figure.effect-zoe h2 {
	display: inline-block;
}

figure.effect-zoe:hover p.description {
	opacity: 1;
}

figure.effect-zoe:hover figcaption,
figure.effect-zoe:hover h2,
figure.effect-zoe:hover p.icon-links a {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-zoe:hover h2 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-zoe:hover p.icon-links a:nth-child(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-zoe:hover p.icon-links a:nth-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

figure.effect-zoe:hover p.icon-links a:first-child {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

/*---------------*/
/***** Chico *****/
/*---------------*/

figure.effect-chico img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}

figure.effect-chico:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-chico figcaption {
	padding: 3em;
}

figure.effect-chico figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

figure.effect-chico figcaption::before,
figure.effect-chico p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-chico h2 {
	padding: 20% 0 20px 0;
}

figure.effect-chico p {
	margin: 0 auto;
	max-width: 200px;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

@media screen and (max-width: 50em) {
	.content {
		padding: 0 10px;
		text-align: center;
	}
	.grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}
.form-group {
    margin-bottom: 0px;

}
/* Credit to bootsnipp.com for the css for the color graph */
.colorgraph {
  height: 5px;
	margin: 15px 0px;
  border-top: 0;
  background: #c4e17f;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}
.input-lg {
	height: 35px;
font-size:14px;
}
.form-control{
	border-radius: 0;
}
select{
	width: 100%;
	height: 35px;
	color:#000;
}
.imagee{
	float: right;
	padding: 10px;
	margin: 0;
}
.imtext{
	margin: 10px 0px;
}

/* written by riliwan balogun http://www.facebook.com/riliwan.rabo*/
.board{
    width: 90%;
margin: 60px auto;

background: #fff;

	border-top:0;
}
.board .nav-tabs {
    position: relative;
    /* border-bottom: 0; */
    /* width: 80%; */
    margin: 40px auto;
    margin-bottom: 0;
    box-sizing: border-box;

}

.board > div.board-inner{
    background: #fafafa url(http://subtlepatterns.com/patterns/geometry2.png);
    background-size: 30%;
}

p.narrow{
    width: 60%;
    margin: 10px auto;
}

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


span.round-tabs{
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: white;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}

span.round-tabs.one{
    color: rgb(34, 194, 34);border: 2px solid rgb(34, 194, 34);
}

li.active span.round-tabs.one{
    background: #fff !important;
    border: 2px solid #ddd;
    color: rgb(34, 194, 34);
}

span.round-tabs.two{
    color: #febe29;border: 2px solid #febe29;
}

li.active span.round-tabs.two{
    background: #fff !important;
    border: 2px solid #ddd;
    color: #febe29;
}

span.round-tabs.three{
    color: #3e5e9a;border: 2px solid #3e5e9a;
}

li.active span.round-tabs.three{
    background: #fff !important;
    border: 2px solid #ddd;
    color: #3e5e9a;
}

span.round-tabs.four{
    color: #f1685e;border: 2px solid #f1685e;
}

li.active span.round-tabs.four{
    background: #fff !important;
    border: 2px solid #ddd;
    color: #f1685e;
}

span.round-tabs.five{
    color: #999;border: 2px solid #999;
}

li.active span.round-tabs.five{
    background: #fff !important;
    border: 2px solid #ddd;
    color: #999;
}

.nav-tabs > li.active > a span.round-tabs{
    background: #fafafa;
}
/*  .nav-tabs > li {
    width: 20%;
}*/
/*li.active:before {
    content: " ";
    position: absolute;
    left: 45%;
    opacity:0;
    margin: 0 auto;
    bottom: -2px;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    z-index: 1;
    transition:0.2s ease-in-out;
}*/
/*  .nav-tabs > li:after {
    content: " ";
    position: absolute;
    left: 45%;
   opacity:0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #ddd;
    transition:0.1s ease-in-out;
    
}*/
/*  .nav-tabs > li.active:after {
    content: " ";
    position: absolute;
    left: 45%;
   opacity:1;
    margin: 0 auto;6040
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color:#3e5e9a;
    
}*/
/*  .nav-tabs > li a{
   width: 70px;
   height: 70px;
   margin: 20px auto;
   border-radius: 100%;
   padding: 0;
}*/

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

.tab-content{
}
.tab-pane{
   position: relative;
padding-top: 5px;
}
.tab-content .head{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 25px;
    text-transform: uppercase;
    padding-bottom: 10px;
}
.btn-outline-rounded{
    padding: 10px 40px;
    margin: 20px 0;
    border: 2px solid transparent;
    border-radius: 25px;
}

.btn.green{
    background-color:#5cb85c;
    /*border: 2px solid #5cb85c;*/
    color: #ffffff;
}




    
    .board {
width: 90%;
height:auto !important;
}
    span.round-tabs {
        font-size:16px;
width: 50px;
height: 50px;
line-height: 50px;
    }
    .tab-content .head{
        font-size:20px;
        }
/*    .nav-tabs > li a {
width: 50px;
height: 50px;
line-height:50px;
}*/

/*  .nav-tabs > li.active:after {
content: " ";
position: absolute;
left: 45%;
}*/

.btn-outline-rounded {
    padding:12px 20px;
    }

textarea{
	resize: none;
}/* The Magic */

.block {
  
  width: 100%;
  height: 100%;
  float: left;
  padding: 15px;
  z-index: 10;
 
  overflow: hidden;
  margin: 10px auto;
}
@media screen and (max-width: 599px) {

.block { max-width: 100%; }
}

/*.block > div {
  display: block;
  position: relative;
  padding: 0 10px;
  border: 1px solid #e6e6e6;
  border: 0;
  color: black;
}





.block > div input + label {
  cursor: pointer;
  display: block;
  padding: 15px 0px;
  background-color: #fff;
  -webkit-transition: background-color 0.25s ease-in-out 0.5s, color 0.25s ease-in-out 0.5s;
  transition: background-color 0.25s ease-in-out 0.5s, color 0.25s ease-in-out 0.5s;
  color: black;
}

.block > div input ~ div {
  visibility: hidden;
  max-height: 0;
  padding: 0;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out 0.2s, opacity 0.25s ease-in-out 0.25s, padding 0s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0.2s, opacity 0.25s ease-in-out 0.25s, padding 0s ease-in-out 0s;
}

.block > div input ~ div p { padding: 0px; }

.block > div input:checked + label {
  background-color: #fff;
  -webkit-transition: background-color 0s ease-in-out 0s;
  transition: background-color 0s ease-in-out 0s;
  color: black;
	font-size:20px;
}*/

.block > div input:checked ~ div {
  display: block;
  opacity: 1;
  visibility: visible;
  max-height: 1500px;
  padding: 10px;
	border:none !important;
  -webkit-transition: all 0.5s ease-in-out 0.2s, opacity 0.25s ease-in-out 0.5s, padding 0s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0.2s, opacity 0.25s ease-in-out 0.5s, padding 0s ease-in-out 0s;
}
.block ul{
	list-style: none;
	margin:0px;
}


    
input[type="checkbox"], input[type="radio"] {

    margin:0px 10px 0px 0px;
   
    line-height: normal;

}

.fifty{
	width: 90%;
	margin: 5px 0px;

	
}

.boxarea{
	border:1px solid #ccc;
	border-radius:10px;
	width:100%;
	padding: 10px;
}


.boxarea:hover{
	background: red;
	
}

.dashleft{
	background: #edebeb;
	margin: 20px 0px;
	padding: 20px;
		min-height:620px;	
	
}

.dash{
	margin: 0;
	padding: 0;
	list-style: none;
}
.dash ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.dash li{
	margin: 0;
	padding: 5px 10px;
	list-style: none;
	border-bottom: 1px solid #ccc;

	text-transform: uppercase;
}
.dash li a{
	color: #000;
	list-style: none;
	
	
}
.dash li a:hover{
	color: #337ab7;
}
.dash li a.active{
	color: #337ab7;
}
.avatar{
	width:80px;
	height: 80px;
	border-radius: 50%;
	background: #fff;
	margin: 0px auto;
	margin-bottom: 20px;
}.avatar img{width:100%;
height:100%;
}
.dashleft p{ 
color: #000;
}

.dashright{
	margin: 20px 0px;
	padding: 20px;
	
	background: #f7f5f5;

	min-height:620px;
}
.dashright h3{
	
	text-transform: uppercase;
	margin-bottom: 20px;
}

.hel{
	border:1px solid #fff;
	padding: 20px;
}
.dashleft h5{
	
	text-transform: uppercase;
	font-size:15px;
	background: #ccc;
	padding: 5px;
}

/*login page*/
.login-wrap{
	width:100%;
	margin:auto;
	max-width:525px;
	min-height:670px;
	position:relative;
	background:url(https://raw.githubusercontent.com/khadkamhn/day-01-login-form/master/img/bg.jpg) no-repeat center;
	box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
}
.login-html{
	width:100%;
	height:100%;
	position:absolute;
	padding:70px 70px 50px 70px;
	background:rgba(40,57,101,.9);
}
.login-html .sign-in-htm,
.login-html .sign-up-htm{
	top:0;
	left:0;
	right:0;
	bottom:0;
	position:absolute;
	-webkit-transform:rotateY(180deg);
	        transform:rotateY(180deg);
	-webkit-backface-visibility:hidden;
	        backface-visibility:hidden;
	-webkit-transition:all .4s linear;
	transition:all .4s linear;
}
.login-html .sign-in,
.login-html .sign-up,
.login-form .group .check{
	display:none;
}
.login-html .tab,
.login-form .group .label,
.login-form .group .button{
	text-transform:uppercase;
}
.login-html .tab{
	font-size:22px;color: #aaa;
	margin-right:15px;
	padding-bottom:5px;
	margin:0 25px 10px 0;
	display:inline-block;
	border-bottom:2px solid transparent;
}
.login-html .sign-in:checked + .tab,
.login-html .sign-up:checked + .tab{
	color:#fff;
	border-color:#1161ee;
}
.login-form{
	margin-top: 20px;
	min-height:345px;
	position:relative;
	-webkit-perspective:1000px;
	        perspective:1000px;
	-webkit-transform-style:preserve-3d;
	        transform-style:preserve-3d;
}
.login-form .group{
	margin-bottom:15px;
}
.login-form .group .label,
.login-form .group .input,
.login-form .group .button{
	width:100%;
	color:#fff;
	display:block;
}
.login-form .group .input,
.login-form .group .button{
	border:none;
	padding:15px 20px;
	border-radius:25px;
	background:rgba(255,255,255,.2);
}
.login-form .group input[data-type="password"]{
	text-security:circle;
	-webkit-text-security:circle;
}
.login-form .group .label{
	color:#d7d4d4;
	font-size:12px;
}
.login-form .group .button{
	background:#1161ee;
}
.login-form .group label .icon{
	width:15px;
	height:15px;
	border-radius:2px;
	position:relative;
	display:inline-block;
	background:rgba(255,255,255,.1);
}
.login-form .group label .icon:before,
.login-form .group label .icon:after{
	content:'';
	width:10px;
	height:2px;
	background:#fff;
	position:absolute;
	-webkit-transition:all .2s ease-in-out 0s;
	transition:all .2s ease-in-out 0s;
}
.login-form .group label .icon:before{
	left:3px;
	width:5px;
	bottom:6px;
	-webkit-transform:scale(0) rotate(0);
	        transform:scale(0) rotate(0);
}
.login-form .group label .icon:after{
	top:6px;
	right:0;
	-webkit-transform:scale(0) rotate(0);
	        transform:scale(0) rotate(0);
}
.login-form .group .check:checked + label{
	color:#fff;
}
.login-form .group .check:checked + label .icon{
	background:#1161ee;
}
.login-form .group .check:checked + label .icon:before{
	-webkit-transform:scale(1) rotate(45deg);
	        transform:scale(1) rotate(45deg);
}
.login-form .group .check:checked + label .icon:after{
	-webkit-transform:scale(1) rotate(-45deg);
	        transform:scale(1) rotate(-45deg);
}
.login-html .sign-in:checked + .tab + .sign-up + .tab + .login-form .sign-in-htm{
	-webkit-transform:rotate(0);
	        transform:rotate(0);
}
.login-html .sign-up:checked + .tab + .login-form .sign-up-htm{
	-webkit-transform:rotate(0);
	        transform:rotate(0);
}

.hr{
	height:2px;
	margin:60px 0 50px 0;
	background:rgba(255,255,255,.2);
}
.foot-lnk{
	text-align:center;
}
.foot-lnk a{
	
	color: #fff;
}
.foot-lnk label{
	
	color: #ccc;
}
.areatxt{
	
	margin: 20px 0px;
}
.tablearea{
	margin: 30px 0px;
	
	padding: 20px;
}
.tablearea1{
	margin: 10px 0px;
	border:1px solid #aaa;
	padding: 20px;
}
.txtbox{
	
border: 1px solid #a6a6a6;
	height: 30px;
	width:90%;
	background: #fff;
	margin: 0px;
	padding: 10px;
border-radius: 5px;
}
textarea{
	width:100%;
	height: 100px;
	padding: 5px;
	resize: none;
}

.savedad{
margin: 10px 0px;
	border:1px solid #aaa;
	float: right;
	padding: 20px;
}

.edit{
	border:1px solid #aaa;
	padding:2px 5px;
	margin: 15px 0px;
}

.edited{
	
	margin: 0px 0px;
}

.orders{
	border:1px solid #aaa;
	padding: 10px;
}

/*tab area */

div.tab {
    float: left;

    background-color: #fff;
    width: 30%;
    height: 300px;
}

/* Style the buttons inside the tab */
div.tab button {
    display: block;
    background-color:#fff;
    color: black;
    padding: 10px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
    border: 1px solid #ccc;
    border-top:0;
  
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #fff;
    border-left:5px solid #098af2;
    border-right:0;
}

/* Create an active/current "tab button" class */
div.tab button.active {
       background-color: #fff;
    border-left:5px solid #098af2;
       border-right:0;
}

div.tab button span {visibility: visible;font-weight: 300;text-transform: none}

/* Style the tab content */
.tabcontent {
    float: left;
    padding: 0px 12px;
   
    width: 70%;
    border-left: none;
    height: 389px;
}
.tob{
    margin-top:30px;
      margin-bottom:30px;
         border: 1px solid #ccc;
         padding:0px;
         border-left:0;
        

          
}
/* Global */
/* Thumbnail Box */
.caption h4 {
    font-size: 1rem;
    color: #444;
    }
    .caption p {
        font-size: 0.75rem;
        color: #999;
        }
        .btn.btn-mini {
            font-size: 0.63rem;
            }

/* Carousel Control */
.control-box {
    text-align: right;
    width: 100%;
    }
    .carousel-control{
        background: #666;
        border: 0px;
        border-radius: 0px;
        display: inline-block;
        font-size: 34px;
        font-weight: 200;
        line-height: 18px;
        opacity: 0.5;
        padding: 4px 10px 0px;
        position: static;
        height: 30px;
        width: 15px;
        }




/* Mobile Only */
@media (max-width: 767px) {
    .page-header, .control-box {
    text-align: center;
    } 
}
@media (max-width: 479px) {
    .caption {
    word-break: break-all;
    }
}

.margi{
      margin:25px 0px;
}
.mar{
    margin:30px 0px;
}
.marc{
    
   margin-top:30px;
   margin-bottom:30px;
}
.img-block h5{
   font-size:14px;
   text-transform:uppercase;
 
  padding:5px 10px;
}

.img-block span{
    font-size:14px;
     
     
      padding:10px;
}
.imba1{
    padding-right:15px;
    padding-left:0;
}
.imbalas{
    padding-right:15px;
    padding-left:0;
    height:300px;
    margin-top:15px;
    
}
.loglogo{
    
    margin:30px 0px;

    text-align:center;
}
.loginbtn {
    padding: 10px 0;
    background-color: #0468b9!important;
    color:#fff;
    text-transform:uppercase;
}
.loginbtn:hover{
    
    color:#fff;
}
.fbs{
   
    margin:0px;

 
    padding:0px 8px;
    font-size:15px;
    text-align:center;
    border-right:1px solid #ccc;
    
}
.login1 .login-options {
    margin-top: 30px;
    padding-top: 20px;
    padding-bottom: 50px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.login1 .create-account {
    padding-top: 10px;
    margin-top: 15px;
    
}
.create-account a{
    color:#098af2;
    font-size:15px;
}
.create-account a:hover{
    color:#000;
   
}
.forget-password{
    

    font-size:15px; 
}
.regcenter{
    margin:0px auto;
    width:50%;
    padding:30px;
}

.thnku {
    background:#b3d8f7;
    color:#000;

}
.style-msg, .style-msg2 {
    position: relative;
    display: block;
    color: #444;
    border-left: 4px solid #055ca2;
    margin-bottom: 20px;
}
.style-msg .sb-msg, .style-msg2 .msgtitle, .style-msg2 .sb-msg {
    display: block;
    padding: 15px;
    border-left: 1px solid rgba(255,255,255,0.5);
    font-size: 14px;
    /* text-shadow: 1px 1px 1px rgba(255,255,255,0.6); */
    text-shadow: none;
}
.style-msg .close {
    position: absolute;
    top: 10px;
    left: auto;
    right: 10px;
}
.ti{
    color:#fff;
}
.wr{
    
    position:relative;
}
.borderarea{
    
    border:1px solid #ccc;
    padding:20px;
    margin:20px 0px;
}
.tdcenter{
      text-align:center !important;
}
.checkbox{
   float:left;
   width:20px;

}

.fancy-title.title-dotted-border {
    background: url(../images/dotted.png) center repeat-x;
}


.title-center {
    text-align: center;
}

.fancy-title {
    position: relative;
    margin-bottom:10px;
}
.title-center h1, .title-center h2, .title-center h3 {
    padding: 0 15px;
}

.fancy-title h1, .fancy-title h2, .fancy-title h3, .fancy-title h4, .fancy-title h5, .fancy-title h6 {
    position: relative;
    display: inline-block;
    background-color: #FFF;
    padding-right: 15px;
    margin-bottom: 0;
}
.buttonarea {
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #0468b9;
  color: #000;
  text-align: center;
  font-size: 28px;
  padding: 0px;
  width: 80px;

  cursor: pointer;
  margin: 12px;
}

.buttonarea span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
  padding: 8px;
  text-transform:capitalize;
  font-weight:100;
}



.buttonarea:hover{
  

    background: #0468b9;
    color:#fff;
}

.buttonarea:hover span:after {
  opacity: 1;
  right: 0;
}

/*shameem*/


.productsliders .product-thumbnail img {
    height: auto;
}

.snip1556 {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  color: #000000;
  display: inline-block;

  font-size: 16px;
  margin: 8px;
  max-width: 350px;
  min-width: 250px;
  position: relative;
  text-align: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: transparent;
  box-shadow: none !important;
  padding: 30px 40px 0 0;
}

.snip1556 *,
.snip1556 *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.snip1556 img {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  max-width: 100%;
  position: relative;
  vertical-align: top;
}

.snip1556 figcaption {
  background-color: #098af2 ;
  bottom: 30px;
  left: 40px;
  position: absolute;
  right: 0;
  top: 0;
}

.snip1556 h3 {
  font-size: 16px;
  position: absolute;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  color: #fff;
  left: 100%;
  letter-spacing: 0px;
  margin: 12px 0;
  opacity: 0.8;
  padding: 6px 40px 0 0;
  right: 0;
  text-transform: uppercase;
  top: 0;
  white-space: nowrap;
}

.snip1556 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.snip1556:hover figcaption,
.snip1556.hover figcaption {
  background-color: #c0392b;
}

/*Mobile <320px and 480px*/

@media (max-width: 480px) and (max-width: 767px) {
    
    .headerlinkmenu {
        
        text-align: center;
        
            
    }  
    
    
    .userdashboard  .wrapper {
        
        
        margin-top: 7.5%;
        
    }
    .userdashboard  .wrapper  .sidebar,.userdashboard  .wrapper .off-canvas-sidebar{
        
        width:86% !important;
        
    }
    
}

@media (max-width: 320px) and (max-width: 479px) {
    
    .userdashboard  .wrapper  .sidebar,.userdashboard  .wrapper .off-canvas-sidebar{
        
        width:100%!important;
       
        
    }
    
    
    

    
    .userdashboard  .wrapper {
        
        width:80%;
        
        
    }
    
    /*product cat home*/
    
    .productcat div.bhoechie-tab-menu div.list-group   span{display: none} 
     .productcat div.bhoechie-tab-menu div.list-group  {padding: 0 ;height: 45px !important} 
     .productcat div.bhoechie-tab-menu div.list-group i:before  {margin-left:0 } 
}


/*product cat home*/

.productcat-slider .product-item .item-inner .product-thumbnail .product-item-photo img{max-width: 100%}
.productcat-slider .product-item .item-inner .pro-box-info .box-hover {margin-top: 2px}
.productcat-slider .product-item .item-inner .pro-box-info .pro-actions .action.add-to-cart {
    

	background: #fff;
	border: 1px solid #cccccc;
	color: #444444;
	font-size: 11px;
	font-weight: 400;
	padding: 0 8px;
	line-height: 24px;
	letter-spacing: 0px;
	text-transform: inherit;
	border-radius: 0;
	transition: all 0.4s ease-out 0s;
	border-radius: 50px;
	margin: 8px 0px;

    
}
.productcat-slider .product-flexslider {
	/* margin: 0 -12px; */
	/* margin-bottom: 48px; */
	margin: 0px -12px;
}
.productcat-slider .owl-theme .owl-controls .owl-buttons div {margin-top: 28px}

.fancy-title.title-double-border:before,
.fancy-title.title-border:before,
.fancy-title.title-border-color:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 0;
	border-top: 3px double #E5E5E5;
	left: auto;
	top: 46%;
	right: 0;
}

.productcat {margin-top: 3%;margin-bottom: 3%}
/*  bhoechie tab */
.productcat div.bhoechie-tab-container{
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
/*  margin-top: 20px;
  margin-left: 50px;*/
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
.productcat div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
.productcat div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
}
.productcat div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 20px;
}
.productcat div.bhoechie-tab-menu div.list-group>a .glyphicon,
.productcat div.bhoechie-tab-menu div.list-group>a .fa {
  color: #098af2;
}
.productcat div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
.productcat div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
.productcat div.bhoechie-tab-menu div.list-group>a.active,
.productcat div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
.productcat div.bhoechie-tab-menu div.list-group>a.active .fa{
  background-color: #098af2;
  background-image: #098af2;
  color: #ffffff;
}


.productcat div.bhoechie-tab-menu div.list-group a.active h4{color: #fff; }
.productcat div.bhoechie-tab-menu div.list-group  h4{color: #098af2; }
.productcat div.bhoechie-tab-menu div.list-group  h4 span{ vertical-align: super}
.productcat div.bhoechie-tab-menu div.list-group  i {color: #098af2; font-size: 36px;}

.productcat div.bhoechie-tab-menu div.list-group  a.active i {color: #fff;}
.productcat div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #098af2;
  color: #fff;
}

.productcat div.bhoechie-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding-left: 20px;
  padding-top: 10px;
}

.productcat div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}


[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
margin-left: 20px;
}

.snip1573 {
  background-color: transparent;
  display: inline-block;
  border:1px solid #fff;
  font-size: 16px;
  margin: 0px 0px;
  max-width: 100%;
  min-width: 230px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
}

.snip1573 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.snip1573:before,
.snip1573:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -50px;
  right: -50px;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  background-color: #000000;
  border-left: 3px solid #fff;
  border-right: 3px solid #fff;
  content: '';
  opacity: 0.7;
  z-index: 1;
}

.snip1573:before {
  -webkit-transform: skew(45deg) translateX(-155%);
  transform: skew(45deg) translateX(-155%);
}

.snip1573:after {
  -webkit-transform: skew(45deg) translateX(155%);
  transform: skew(45deg) translateX(155%);
}

.snip1573 img {
  backface-visibility: hidden;
  max-width: 100%;
  vertical-align: top;
}

.snip1573 figcaption {
  top: 50%;
  left: 50%;
  position: absolute;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%) scale(0.5);
  transform: translate(-50%, -50%) scale(0.5);
  opacity: 0;
  -webkit-box-shadow: 0 0 10px #000000;
  box-shadow: 0 0 10px #000000;
}

.snip1573 h3 {
  background-color: #000000;
  border: 2px solid #fff;
  color: #fff;
  font-size: 1em;
  font-weight: 600;
  letter-spacing: 0px;
  margin: 0;
  padding: 5px 10px;
  text-transform: uppercase;
}

.snip1573 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
}

.snip1573:hover > img,
.snip1573.hover > img {
  opacity: 0.5;
}

.snip1573:hover:before,
.snip1573.hover:before {
  -webkit-transform: skew(45deg) translateX(-55%);
  transform: skew(45deg) translateX(-55%);
}

.snip1573:hover:after,
.snip1573.hover:after {
  -webkit-transform: skew(45deg) translateX(55%);
  transform: skew(45deg) translateX(55%);
}

.snip1573:hover figcaption,
.snip1573.hover figcaption {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}



.order-successful-text {
  
  font-size: 2.25em;
  font-weight: bold;
  color: #444444;
  padding: 20px;
}
.track-your-order {
  padding-top: 20px;
  padding-left: 0px;
}
.arriving-in-header{
  padding-top: 20px;
  padding-left: 0px;
}
.main-div {
  background-color: #f5f5f5;
}
.track-order-div {

}
.order-status-div {
    background-color: #ffffff;
    box-shadow: 0 2px 2px 0 rgba(181, 181, 181, 0.5);
    padding: 5px;
}
.order-placed-image {
  display: block;
  margin: auto;
}
.order-status-text {
  text-align:center;
  margin-top: 10px;
  
  font-size: 2.25em;
  font-weight: bold;
  text-align: center;
  color: #4cb209;
}
.order-id {
  text-align: center;
  
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  color: #4a4a4a;
}
.progress-bar {
  width:60%;
  height:1px;
  background-color: #d55e57;
}
.order-received{
  width:50px;
  height:50px;
      background: url(https://d30mle0t4iy75h.cloudfront.net/website/track-order-status-1.png);
}
.track-process {
    position: relative;
}
.customer-details{
  box-shadow: 0 2px 2px 0 rgba(181, 181, 181, 0.5);
  padding-left:20px;

  font-size: 1em;
  font-weight: 500;
  background-color: #ffffff;
  border-top: solid 1px #979797;
  padding-top: 10px;
}
.delivery-text{
  
  font-size: 17px;
  font-weight: 500;
  color: #000000;
}
.delivery-address {
 
  font-size: 1em;
  color: #4a4a4a;
}
.consumer-phonenumber {

  font-size: 1em;
  color: #000000;
 padding-bottom: 10px;
}
.arriving-in-details{
  box-shadow: 0 2px 2px 0 rgba(181, 181, 181, 0.5);
  background-color:#ffffff;
}

.arriving-in-details li {
  border-bottom: solid 1px #979797;
}
.arriving-in-details ul {
  list-style-type: none;
  padding: 0px;
}
.delivery-time {
  
  font-size: 1.5em;
  font-weight: 500;
  color: #000000;
  text-align:center;
  padding:5px;
}
.delivery-boy-num {
   
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  color: #cb352b;
  padding: 5px;
}
.live-tracking-btn {

  font-size: 1.5em;
  font-weight: bold;
  color: #cb352b;
  text-align:center;
  padding: 5px;
}
.order-information-header{

  font-size: 1em;
  font-weight: 500;
  color: #000000;
  margin-top: 20px;
}
.order-information-div {
  box-shadow: 0 2px 2px 0 rgba(181, 181, 181, 0.5);
  background-color: #ffffff;
}
.orderId{

  font-size: 1em;
  font-weight: bold;
  color: #4a4a4a;
  padding-top:10px;
  padding-left: 15px;
}
.ordered-time{

   font-size: 1em;
   color: #4a4a4a;
   padding-top:5px;
   padding-left:15px;
  padding-bottom: 5px;
}
.item-container-div {
  box-shadow: 0 2px 2px 0 rgba(181, 181, 181, 0.5);
  background-color: #ffffff;
}
.item-container-div ul {
  list-style-type: none;
  padding:0px;
}
.item-container-div li {
  border-bottom:solid 1px #979797;
}
.item-container-div p {

  font-size: 1em;
  color: #000000;
  padding: 0px;
  margin:0px;
}
.item-container-div quantity {
  font-family: Lato;
  font-size: 0.1em;
  color: #787878;
}
.item-list-div{
  padding-top:5px;
  padding-left: 15px;
  padding-bottom: 5px;
}
.combo-item {
  display:block;
  margin-left: 5px;
}
.order-status-animation{
  list-style-type: none;   
  padding: 0px;
  width: 100%;
  display: table;
  table-layout: fixed;
}
.order-status-animation img {
  width: 50px;
}
.order-status-animation p{

  font-size: 1em;
  margin-top: 10px;
  color: #ce453b;
  word-break: break-word;
}

.order-status-animation li {
/*   display: inline-block;
  padding-left: 10%; */
   display: table-cell;
  width: auto;
  text-align: center;
}
.order-status-animation li:first-child {
  padding-left: 0px;
}

@media screen and (max-width:640px) {
  .order-status-animation p{ 
    font-size: 0.9em;
  }
}  
.order-status-animation li {
  position: relative;
}
.track .card img{width:15%}
/*Alert Box*/
.alert {
  border: 0;
  border-radius: 0;
  position: relative;
  padding: 20px 15px;
  line-height: 20px;
}
.alert b {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 12px;
}
.alert, .alert.alert-default {
  background-color: white;
  color: #555555;
  border-radius: 3px;
  box-shadow: 0 12px 20px -10px rgba(255, 255, 255, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 255, 255, 0.2);
}
.alert a, .alert .alert-link, .alert.alert-default a, .alert.alert-default .alert-link {
  color: #555555;
}
.alert.alert-inverse {
  background-color: #2e2e2e;
  color: #fff;
  border-radius: 3px;
  box-shadow: 0 12px 20px -10px rgba(33, 33, 33, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(33, 33, 33, 0.2);
}
.alert.alert-inverse a, .alert.alert-inverse .alert-link {
  color: #fff;
}
.alert.alert-primary {
  background-color: #af2cc5;
  color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2);
}
.alert.alert-primary a, .alert.alert-primary .alert-link {
  color: #ffffff;
}
.alert.alert-success {
  background-color: #5cb860;
  color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2);
}
.alert.alert-success a, .alert.alert-success .alert-link {
  color: #ffffff;
}
.alert.alert-info {
  background-color: #00d3ee;
  color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2);
}
.alert.alert-info a, .alert.alert-info .alert-link {
  color: #ffffff;
}
.alert.alert-warning {
  background-color: #ffa21a;
  color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2);
}
.alert.alert-warning a, .alert.alert-warning .alert-link {
  color: #ffffff;
}
.alert.alert-danger {
  background-color: #f55a4e;
  color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2);
}
.alert.alert-danger a, .alert.alert-danger .alert-link {
  color: #ffffff;
}
.alert.alert-rose {
  background-color: #eb3573;
  color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 12px 20px -10px rgba(233, 30, 99, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(233, 30, 99, 0.2);
}
.alert.alert-rose a, .alert.alert-rose .alert-link {
  color: #ffffff;
}
.alert-info, .alert-danger, .alert-warning, .alert-success {
  color: #ffffff;
}
.alert-default a, .alert-default .alert-link {
  color: rgba(0,0,0, 0.87);
}
.alert i[data-notify="icon"] {
  font-size: 30px;
  display: block;
  left: 15px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
}
.alert span {
  display: block;
  max-width: 89%;
}
.alert .alert-icon {
  display: block;
  float: left;
  margin-right: 15px;
}
.alert .alert-icon i {
  margin-top: -7px;
  top: 5px;
  position: relative;
}

.alert.alert-with-icon {
  padding-left: 65px;
}


.btn.white:not(.btn-outline) {
  color: #666;
  background-color: #ffffff;
  border-color: #ffffff; }
  .btn.white:not(.btn-outline):focus, .btn.white:not(.btn-outline).focus {
    color: #666;
    background-color: #e6e6e6;
    border-color: #bfbfbf; }
  .btn.white:not(.btn-outline):hover {
    color: #666;
    background-color: #e6e6e6;
    border-color: #e0e0e0; }
  .btn.white:not(.btn-outline):active, .btn.white:not(.btn-outline).active,
  .open > .btn.white:not(.btn-outline).dropdown-toggle {
    color: #666;
    background-color: #e6e6e6;
    border-color: #e0e0e0; }
    .btn.white:not(.btn-outline):active:hover, .btn.white:not(.btn-outline):active:focus, .btn.white:not(.btn-outline):active.focus, .btn.white:not(.btn-outline).active:hover, .btn.white:not(.btn-outline).active:focus, .btn.white:not(.btn-outline).active.focus,
    .open > .btn.white:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.white:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.white:not(.btn-outline).dropdown-toggle.focus {
      color: #666;
      background-color: #d4d4d4;
      border-color: #bfbfbf; }
  .btn.white:not(.btn-outline):active, .btn.white:not(.btn-outline).active,
  .open > .btn.white:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.white:not(.btn-outline).disabled:hover, .btn.white:not(.btn-outline).disabled:focus, .btn.white:not(.btn-outline).disabled.focus, .btn.white:not(.btn-outline)[disabled]:hover, .btn.white:not(.btn-outline)[disabled]:focus, .btn.white:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.white:not(.btn-outline):hover,
  fieldset[disabled] .btn.white:not(.btn-outline):focus,
  fieldset[disabled] .btn.white:not(.btn-outline).focus {
    background-color: #ffffff;
    border-color: #ffffff; }
  .btn.white:not(.btn-outline) .badge {
    color: #ffffff;
    background-color: #666; }

.btn.btn-outline.white {
  border-color: #ffffff;
  color: #ffffff;
  background: none; }
  .btn.btn-outline.white:hover, .btn.btn-outline.white:active, .btn.btn-outline.white:active:hover, .btn.btn-outline.white:active:focus, .btn.btn-outline.white:focus, .btn.btn-outline.white.active {
    border-color: #ffffff;
    color: #666;
    background-color: #ffffff; }

.btn.white-stripe {
  border-left: 4px solid #ffffff !important; }

.btn.white.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.default:not(.btn-outline) {
  color: #666;
  background-color: #e1e5ec;
  border-color: #e1e5ec; }
  .btn.default:not(.btn-outline):focus, .btn.default:not(.btn-outline).focus {
    color: #666;
    background-color: #c2cad8;
    border-color: #93a1bb; }
  .btn.default:not(.btn-outline):hover {
    color: #666;
    background-color: #c2cad8;
    border-color: #bcc5d4; }
  .btn.default:not(.btn-outline):active, .btn.default:not(.btn-outline).active,
  .open > .btn.default:not(.btn-outline).dropdown-toggle {
    color: #666;
    background-color: #c2cad8;
    border-color: #bcc5d4; }
    .btn.default:not(.btn-outline):active:hover, .btn.default:not(.btn-outline):active:focus, .btn.default:not(.btn-outline):active.focus, .btn.default:not(.btn-outline).active:hover, .btn.default:not(.btn-outline).active:focus, .btn.default:not(.btn-outline).active.focus,
    .open > .btn.default:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.default:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.default:not(.btn-outline).dropdown-toggle.focus {
      color: #666;
      background-color: #acb7ca;
      border-color: #93a1bb; }
  .btn.default:not(.btn-outline):active, .btn.default:not(.btn-outline).active,
  .open > .btn.default:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.default:not(.btn-outline).disabled:hover, .btn.default:not(.btn-outline).disabled:focus, .btn.default:not(.btn-outline).disabled.focus, .btn.default:not(.btn-outline)[disabled]:hover, .btn.default:not(.btn-outline)[disabled]:focus, .btn.default:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.default:not(.btn-outline):hover,
  fieldset[disabled] .btn.default:not(.btn-outline):focus,
  fieldset[disabled] .btn.default:not(.btn-outline).focus {
    background-color: #e1e5ec;
    border-color: #e1e5ec; }
  .btn.default:not(.btn-outline) .badge {
    color: #e1e5ec;
    background-color: #666; }

.btn.btn-outline.default {
  border-color: #e1e5ec;
  color: #e1e5ec;
  background: none; }
  .btn.btn-outline.default:hover, .btn.btn-outline.default:active, .btn.btn-outline.default:active:hover, .btn.btn-outline.default:active:focus, .btn.btn-outline.default:focus, .btn.btn-outline.default.active {
    border-color: #e1e5ec;
    color: #666;
    background-color: #e1e5ec; }

.btn.default-stripe {
  border-left: 4px solid #e1e5ec !important; }

.btn.default.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.dark:not(.btn-outline) {
  color: #FFFFFF;
  background-color: #2f353b;
  border-color: #2f353b; }
  .btn.dark:not(.btn-outline):focus, .btn.dark:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #181c1f;
    border-color: black; }
  .btn.dark:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #181c1f;
    border-color: #141619; }
  .btn.dark:not(.btn-outline):active, .btn.dark:not(.btn-outline).active,
  .open > .btn.dark:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #181c1f;
    border-color: #141619; }
    .btn.dark:not(.btn-outline):active:hover, .btn.dark:not(.btn-outline):active:focus, .btn.dark:not(.btn-outline):active.focus, .btn.dark:not(.btn-outline).active:hover, .btn.dark:not(.btn-outline).active:focus, .btn.dark:not(.btn-outline).active.focus,
    .open > .btn.dark:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.dark:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.dark:not(.btn-outline).dropdown-toggle.focus {
      color: #FFFFFF;
      background-color: #090a0b;
      border-color: black; }
  .btn.dark:not(.btn-outline):active, .btn.dark:not(.btn-outline).active,
  .open > .btn.dark:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.dark:not(.btn-outline).disabled:hover, .btn.dark:not(.btn-outline).disabled:focus, .btn.dark:not(.btn-outline).disabled.focus, .btn.dark:not(.btn-outline)[disabled]:hover, .btn.dark:not(.btn-outline)[disabled]:focus, .btn.dark:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.dark:not(.btn-outline):hover,
  fieldset[disabled] .btn.dark:not(.btn-outline):focus,
  fieldset[disabled] .btn.dark:not(.btn-outline).focus {
    background-color: #2f353b;
    border-color: #2f353b; }
  .btn.dark:not(.btn-outline) .badge {
    color: #2f353b;
    background-color: #FFFFFF; }

.btn.btn-outline.dark {
  border-color: #2f353b;
  color: #2f353b;
  background: none; }
  .btn.btn-outline.dark:hover, .btn.btn-outline.dark:active, .btn.btn-outline.dark:active:hover, .btn.btn-outline.dark:active:focus, .btn.btn-outline.dark:focus, .btn.btn-outline.dark.active {
    border-color: #2f353b;
    color: #FFFFFF;
    background-color: #2f353b; }

.btn.dark-stripe {
  border-left: 4px solid #2f353b !important; }

.btn.dark.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.blue:not(.btn-outline) {
  color: #FFFFFF;
  background-color: #3598dc;
  border-color: #3598dc; }
  .btn.blue:not(.btn-outline):focus, .btn.blue:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #217ebd;
    border-color: #15527c; }
  .btn.blue:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #217ebd;
    border-color: #1f78b5; }
  .btn.blue:not(.btn-outline):active, .btn.blue:not(.btn-outline).active,
  .open > .btn.blue:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #217ebd;
    border-color: #1f78b5; }
    .btn.blue:not(.btn-outline):active:hover, .btn.blue:not(.btn-outline):active:focus, .btn.blue:not(.btn-outline):active.focus, .btn.blue:not(.btn-outline).active:hover, .btn.blue:not(.btn-outline).active:focus, .btn.blue:not(.btn-outline).active.focus,
    .open > .btn.blue:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.blue:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.blue:not(.btn-outline).dropdown-toggle.focus {
      color: #FFFFFF;
      background-color: #1c699f;
      border-color: #15527c; }
  .btn.blue:not(.btn-outline):active, .btn.blue:not(.btn-outline).active,
  .open > .btn.blue:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.blue:not(.btn-outline).disabled:hover, .btn.blue:not(.btn-outline).disabled:focus, .btn.blue:not(.btn-outline).disabled.focus, .btn.blue:not(.btn-outline)[disabled]:hover, .btn.blue:not(.btn-outline)[disabled]:focus, .btn.blue:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.blue:not(.btn-outline):hover,
  fieldset[disabled] .btn.blue:not(.btn-outline):focus,
  fieldset[disabled] .btn.blue:not(.btn-outline).focus {
    background-color: #3598dc;
    border-color: #3598dc; }
  .btn.blue:not(.btn-outline) .badge {
    color: #3598dc;
    background-color: #FFFFFF; }

.btn.btn-outline.blue {
  border-color: #3598dc;
  color: #3598dc;
  background: none; }
  .btn.btn-outline.blue:hover, .btn.btn-outline.blue:active, .btn.btn-outline.blue:active:hover, .btn.btn-outline.blue:active:focus, .btn.btn-outline.blue:focus, .btn.btn-outline.blue.active {
    border-color: #3598dc;
    color: #FFFFFF;
    background-color: #3598dc; }

.btn.blue-stripe {
  border-left: 4px solid #3598dc !important; }

.btn.blue.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.blue-madison:not(.btn-outline) {
  color: #FFFFFF;
  background-color: #578ebe;
  border-color: #578ebe; }
  .btn.blue-madison:not(.btn-outline):focus, .btn.blue-madison:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #3f74a3;
    border-color: #2a4d6c; }
  .btn.blue-madison:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #3f74a3;
    border-color: #3c6f9c; }
  .btn.blue-madison:not(.btn-outline):active, .btn.blue-madison:not(.btn-outline).active,
  .open > .btn.blue-madison:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #3f74a3;
    border-color: #3c6f9c; }
    .btn.blue-madison:not(.btn-outline):active:hover, .btn.blue-madison:not(.btn-outline):active:focus, .btn.blue-madison:not(.btn-outline):active.focus, .btn.blue-madison:not(.btn-outline).active:hover, .btn.blue-madison:not(.btn-outline).active:focus, .btn.blue-madison:not(.btn-outline).active.focus,
    .open > .btn.blue-madison:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.blue-madison:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.blue-madison:not(.btn-outline).dropdown-toggle.focus {
      color: #FFFFFF;
      background-color: #356289;
      border-color: #2a4d6c; }
  .btn.blue-madison:not(.btn-outline):active, .btn.blue-madison:not(.btn-outline).active,
  .open > .btn.blue-madison:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.blue-madison:not(.btn-outline).disabled:hover, .btn.blue-madison:not(.btn-outline).disabled:focus, .btn.blue-madison:not(.btn-outline).disabled.focus, .btn.blue-madison:not(.btn-outline)[disabled]:hover, .btn.blue-madison:not(.btn-outline)[disabled]:focus, .btn.blue-madison:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.blue-madison:not(.btn-outline):hover,
  fieldset[disabled] .btn.blue-madison:not(.btn-outline):focus,
  fieldset[disabled] .btn.blue-madison:not(.btn-outline).focus {
    background-color: #578ebe;
    border-color: #578ebe; }
  .btn.blue-madison:not(.btn-outline) .badge {
    color: #578ebe;
    background-color: #FFFFFF; }

.btn.btn-outline.blue-madison {
  border-color: #578ebe;
  color: #578ebe;
  background: none; }
  .btn.btn-outline.blue-madison:hover, .btn.btn-outline.blue-madison:active, .btn.btn-outline.blue-madison:active:hover, .btn.btn-outline.blue-madison:active:focus, .btn.btn-outline.blue-madison:focus, .btn.btn-outline.blue-madison.active {
    border-color: #578ebe;
    color: #FFFFFF;
    background-color: #578ebe; }

.btn.blue-madison-stripe {
  border-left: 4px solid #578ebe !important; }

.btn.blue-madison.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.blue-chambray:not(.btn-outline) {
  color: #FFFFFF;
  background-color: #2C3E50;
  border-color: #2C3E50; }
  .btn.blue-chambray:not(.btn-outline):focus, .btn.blue-chambray:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #1a252f;
    border-color: black; }
  .btn.blue-chambray:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #1a252f;
    border-color: #161f29; }
  .btn.blue-chambray:not(.btn-outline):active, .btn.blue-chambray:not(.btn-outline).active,
  .open > .btn.blue-chambray:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #1a252f;
    border-color: #161f29; }
    .btn.blue-chambray:not(.btn-outline):active:hover, .btn.blue-chambray:not(.btn-outline):active:focus, .btn.blue-chambray:not(.btn-outline):active.focus, .btn.blue-chambray:not(.btn-outline).active:hover, .btn.blue-chambray:not(.btn-outline).active:focus, .btn.blue-chambray:not(.btn-outline).active.focus,
    .open > .btn.blue-chambray:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.blue-chambray:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.blue-chambray:not(.btn-outline).dropdown-toggle.focus {
      color: #FFFFFF;
      background-color: #0d1318;
      border-color: black; }
  .btn.blue-chambray:not(.btn-outline):active, .btn.blue-chambray:not(.btn-outline).active,
  .open > .btn.blue-chambray:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.blue-chambray:not(.btn-outline).disabled:hover, .btn.blue-chambray:not(.btn-outline).disabled:focus, .btn.blue-chambray:not(.btn-outline).disabled.focus, .btn.blue-chambray:not(.btn-outline)[disabled]:hover, .btn.blue-chambray:not(.btn-outline)[disabled]:focus, .btn.blue-chambray:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.blue-chambray:not(.btn-outline):hover,
  fieldset[disabled] .btn.blue-chambray:not(.btn-outline):focus,
  fieldset[disabled] .btn.blue-chambray:not(.btn-outline).focus {
    background-color: #2C3E50;
    border-color: #2C3E50; }
  .btn.blue-chambray:not(.btn-outline) .badge {
    color: #2C3E50;
    background-color: #FFFFFF; }

.btn.btn-outline.blue-chambray {
  border-color: #2C3E50;
  color: #2C3E50;
  background: none; }
  .btn.btn-outline.blue-chambray:hover, .btn.btn-outline.blue-chambray:active, .btn.btn-outline.blue-chambray:active:hover, .btn.btn-outline.blue-chambray:active:focus, .btn.btn-outline.blue-chambray:focus, .btn.btn-outline.blue-chambray.active {
    border-color: #2C3E50;
    color: #FFFFFF;
    background-color: #2C3E50; }

.btn.blue-chambray-stripe {
  border-left: 4px solid #2C3E50 !important; }

.btn.blue-chambray.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.blue-ebonyclay:not(.btn-outline) {
  color: #FFFFFF;
  background-color: #22313F;
  border-color: #22313F; }
  .btn.blue-ebonyclay:not(.btn-outline):focus, .btn.blue-ebonyclay:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #10171e;
    border-color: black; }
  .btn.blue-ebonyclay:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #10171e;
    border-color: #0d1217; }
  .btn.blue-ebonyclay:not(.btn-outline):active, .btn.blue-ebonyclay:not(.btn-outline).active,
  .open > .btn.blue-ebonyclay:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #10171e;
    border-color: #0d1217; }
    .btn.blue-ebonyclay:not(.btn-outline):active:hover, .btn.blue-ebonyclay:not(.btn-outline):active:focus, .btn.blue-ebonyclay:not(.btn-outline):active.focus, .btn.blue-ebonyclay:not(.btn-outline).active:hover, .btn.blue-ebonyclay:not(.btn-outline).active:focus, .btn.blue-ebonyclay:not(.btn-outline).active.focus,
    .open > .btn.blue-ebonyclay:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.blue-ebonyclay:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.blue-ebonyclay:not(.btn-outline).dropdown-toggle.focus {
      color: #FFFFFF;
      background-color: #040507;
      border-color: black; }
  .btn.blue-ebonyclay:not(.btn-outline):active, .btn.blue-ebonyclay:not(.btn-outline).active,
  .open > .btn.blue-ebonyclay:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.blue-ebonyclay:not(.btn-outline).disabled:hover, .btn.blue-ebonyclay:not(.btn-outline).disabled:focus, .btn.blue-ebonyclay:not(.btn-outline).disabled.focus, .btn.blue-ebonyclay:not(.btn-outline)[disabled]:hover, .btn.blue-ebonyclay:not(.btn-outline)[disabled]:focus, .btn.blue-ebonyclay:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.blue-ebonyclay:not(.btn-outline):hover,
  fieldset[disabled] .btn.blue-ebonyclay:not(.btn-outline):focus,
  fieldset[disabled] .btn.blue-ebonyclay:not(.btn-outline).focus {
    background-color: #22313F;
    border-color: #22313F; }
  .btn.blue-ebonyclay:not(.btn-outline) .badge {
    color: #22313F;
    background-color: #FFFFFF; }

.btn.btn-outline.blue-ebonyclay {
  border-color: #22313F;
  color: #22313F;
  background: none; }
  .btn.btn-outline.blue-ebonyclay:hover, .btn.btn-outline.blue-ebonyclay:active, .btn.btn-outline.blue-ebonyclay:active:hover, .btn.btn-outline.blue-ebonyclay:active:focus, .btn.btn-outline.blue-ebonyclay:focus, .btn.btn-outline.blue-ebonyclay.active {
    border-color: #22313F;
    color: #FFFFFF;
    background-color: #22313F; }

.btn.blue-ebonyclay-stripe {
  border-left: 4px solid #22313F !important; }

.btn.blue-ebonyclay.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.blue-hoki:not(.btn-outline) {
  color: #FFFFFF;
  background-color: #67809F;
  border-color: #67809F; }
  .btn.blue-hoki:not(.btn-outline):focus, .btn.blue-hoki:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #526781;
    border-color: #344252; }
  .btn.blue-hoki:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #526781;
    border-color: #4e627b; }
  .btn.blue-hoki:not(.btn-outline):active, .btn.blue-hoki:not(.btn-outline).active,
  .open > .btn.blue-hoki:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #526781;
    border-color: #4e627b; }
    .btn.blue-hoki:not(.btn-outline):active:hover, .btn.blue-hoki:not(.btn-outline):active:focus, .btn.blue-hoki:not(.btn-outline):active.focus, .btn.blue-hoki:not(.btn-outline).active:hover, .btn.blue-hoki:not(.btn-outline).active:focus, .btn.blue-hoki:not(.btn-outline).active.focus,
    .open > .btn.blue-hoki:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.blue-hoki:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.blue-hoki:not(.btn-outline).dropdown-toggle.focus {
      color: #FFFFFF;
      background-color: #44566b;
      border-color: #344252; }
  .btn.blue-hoki:not(.btn-outline):active, .btn.blue-hoki:not(.btn-outline).active,
  .open > .btn.blue-hoki:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.blue-hoki:not(.btn-outline).disabled:hover, .btn.blue-hoki:not(.btn-outline).disabled:focus, .btn.blue-hoki:not(.btn-outline).disabled.focus, .btn.blue-hoki:not(.btn-outline)[disabled]:hover, .btn.blue-hoki:not(.btn-outline)[disabled]:focus, .btn.blue-hoki:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.blue-hoki:not(.btn-outline):hover,
  fieldset[disabled] .btn.blue-hoki:not(.btn-outline):focus,
  fieldset[disabled] .btn.blue-hoki:not(.btn-outline).focus {
    background-color: #67809F;
    border-color: #67809F; }
  .btn.blue-hoki:not(.btn-outline) .badge {
    color: #67809F;
    background-color: #FFFFFF; }

.btn.btn-outline.blue-hoki {
  border-color: #67809F;
  color: #67809F;
  background: none; }
  .btn.btn-outline.blue-hoki:hover, .btn.btn-outline.blue-hoki:active, .btn.btn-outline.blue-hoki:active:hover, .btn.btn-outline.blue-hoki:active:focus, .btn.btn-outline.blue-hoki:focus, .btn.btn-outline.blue-hoki.active {
    border-color: #67809F;
    color: #FFFFFF;
    background-color: #67809F; }

.btn.blue-hoki-stripe {
  border-left: 4px solid #67809F !important; }

.btn.blue-hoki.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.blue-steel:not(.btn-outline) {
  color: #FFFFFF;
  background-color: #4B77BE;
  border-color: #4B77BE; }
  .btn.blue-steel:not(.btn-outline):focus, .btn.blue-steel:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #395f9d;
    border-color: #243d65; }
  .btn.blue-steel:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #395f9d;
    border-color: #365b96; }
  .btn.blue-steel:not(.btn-outline):active, .btn.blue-steel:not(.btn-outline).active,
  .open > .btn.blue-steel:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #395f9d;
    border-color: #365b96; }
    .btn.blue-steel:not(.btn-outline):active:hover, .btn.blue-steel:not(.btn-outline):active:focus, .btn.blue-steel:not(.btn-outline):active.focus, .btn.blue-steel:not(.btn-outline).active:hover, .btn.blue-steel:not(.btn-outline).active:focus, .btn.blue-steel:not(.btn-outline).active.focus,
    .open > .btn.blue-steel:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.blue-steel:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.blue-steel:not(.btn-outline).dropdown-toggle.focus {
      color: #FFFFFF;
      background-color: #2f4f83;
      border-color: #243d65; }
  .btn.blue-steel:not(.btn-outline):active, .btn.blue-steel:not(.btn-outline).active,
  .open > .btn.blue-steel:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.blue-steel:not(.btn-outline).disabled:hover, .btn.blue-steel:not(.btn-outline).disabled:focus, .btn.blue-steel:not(.btn-outline).disabled.focus, .btn.blue-steel:not(.btn-outline)[disabled]:hover, .btn.blue-steel:not(.btn-outline)[disabled]:focus, .btn.blue-steel:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.blue-steel:not(.btn-outline):hover,
  fieldset[disabled] .btn.blue-steel:not(.btn-outline):focus,
  fieldset[disabled] .btn.blue-steel:not(.btn-outline).focus {
    background-color: #4B77BE;
    border-color: #4B77BE; }
  .btn.blue-steel:not(.btn-outline) .badge {
    color: #4B77BE;
    background-color: #FFFFFF; }

.btn.btn-outline.blue-steel {
  border-color: #4B77BE;
  color: #4B77BE;
  background: none; }
  .btn.btn-outline.blue-steel:hover, .btn.btn-outline.blue-steel:active, .btn.btn-outline.blue-steel:active:hover, .btn.btn-outline.blue-steel:active:focus, .btn.btn-outline.blue-steel:focus, .btn.btn-outline.blue-steel.active {
    border-color: #4B77BE;
    color: #FFFFFF;
    background-color: #4B77BE; }

.btn.blue-steel-stripe {
  border-left: 4px solid #4B77BE !important; }

.btn.blue-steel.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.blue-soft:not(.btn-outline) {
  color: #FFFFFF;
  background-color: #4c87b9;
  border-color: #4c87b9; }
  .btn.blue-soft:not(.btn-outline):focus, .btn.blue-soft:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #3b6d97;
    border-color: #264560; }
  .btn.blue-soft:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #3b6d97;
    border-color: #386890; }
  .btn.blue-soft:not(.btn-outline):active, .btn.blue-soft:not(.btn-outline).active,
  .open > .btn.blue-soft:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #3b6d97;
    border-color: #386890; }
    .btn.blue-soft:not(.btn-outline):active:hover, .btn.blue-soft:not(.btn-outline):active:focus, .btn.blue-soft:not(.btn-outline):active.focus, .btn.blue-soft:not(.btn-outline).active:hover, .btn.blue-soft:not(.btn-outline).active:focus, .btn.blue-soft:not(.btn-outline).active.focus,
    .open > .btn.blue-soft:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.blue-soft:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.blue-soft:not(.btn-outline).dropdown-toggle.focus {
      color: #FFFFFF;
      background-color: #315a7d;
      border-color: #264560; }
  .btn.blue-soft:not(.btn-outline):active, .btn.blue-soft:not(.btn-outline).active,
  .open > .btn.blue-soft:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.blue-soft:not(.btn-outline).disabled:hover, .btn.blue-soft:not(.btn-outline).disabled:focus, .btn.blue-soft:not(.btn-outline).disabled.focus, .btn.blue-soft:not(.btn-outline)[disabled]:hover, .btn.blue-soft:not(.btn-outline)[disabled]:focus, .btn.blue-soft:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.blue-soft:not(.btn-outline):hover,
  fieldset[disabled] .btn.blue-soft:not(.btn-outline):focus,
  fieldset[disabled] .btn.blue-soft:not(.btn-outline).focus {
    background-color: #4c87b9;
    border-color: #4c87b9; }
  .btn.blue-soft:not(.btn-outline) .badge {
    color: #4c87b9;
    background-color: #FFFFFF; }

.btn.btn-outline.blue-soft {
  border-color: #4c87b9;
  color: #4c87b9;
  background: none; }
  .btn.btn-outline.blue-soft:hover, .btn.btn-outline.blue-soft:active, .btn.btn-outline.blue-soft:active:hover, .btn.btn-outline.blue-soft:active:focus, .btn.btn-outline.blue-soft:focus, .btn.btn-outline.blue-soft.active {
    border-color: #4c87b9;
    color: #FFFFFF;
    background-color: #4c87b9; }

.btn.blue-soft-stripe {
  border-left: 4px solid #4c87b9 !important; }

.btn.blue-soft.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.blue-dark:not(.btn-outline) {
  color: #FFFFFF;
  background-color: #5e738b;
  border-color: #5e738b; }
  .btn.blue-dark:not(.btn-outline):focus, .btn.blue-dark:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #495a6d;
    border-color: #2b343f; }
  .btn.blue-dark:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #495a6d;
    border-color: #455566; }
  .btn.blue-dark:not(.btn-outline):active, .btn.blue-dark:not(.btn-outline).active,
  .open > .btn.blue-dark:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #495a6d;
    border-color: #455566; }
    .btn.blue-dark:not(.btn-outline):active:hover, .btn.blue-dark:not(.btn-outline):active:focus, .btn.blue-dark:not(.btn-outline):active.focus, .btn.blue-dark:not(.btn-outline).active:hover, .btn.blue-dark:not(.btn-outline).active:focus, .btn.blue-dark:not(.btn-outline).active.focus,
    .open > .btn.blue-dark:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.blue-dark:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.blue-dark:not(.btn-outline).dropdown-toggle.focus {
      color: #FFFFFF;
      background-color: #3b4857;
      border-color: #2b343f; }
  .btn.blue-dark:not(.btn-outline):active, .btn.blue-dark:not(.btn-outline).active,
  .open > .btn.blue-dark:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.blue-dark:not(.btn-outline).disabled:hover, .btn.blue-dark:not(.btn-outline).disabled:focus, .btn.blue-dark:not(.btn-outline).disabled.focus, .btn.blue-dark:not(.btn-outline)[disabled]:hover, .btn.blue-dark:not(.btn-outline)[disabled]:focus, .btn.blue-dark:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.blue-dark:not(.btn-outline):hover,
  fieldset[disabled] .btn.blue-dark:not(.btn-outline):focus,
  fieldset[disabled] .btn.blue-dark:not(.btn-outline).focus {
    background-color: #5e738b;
    border-color: #5e738b; }
  .btn.blue-dark:not(.btn-outline) .badge {
    color: #5e738b;
    background-color: #FFFFFF; }

.btn.btn-outline.blue-dark {
  border-color: #5e738b;
  color: #5e738b;
  background: none; }
  .btn.btn-outline.blue-dark:hover, .btn.btn-outline.blue-dark:active, .btn.btn-outline.blue-dark:active:hover, .btn.btn-outline.blue-dark:active:focus, .btn.btn-outline.blue-dark:focus, .btn.btn-outline.blue-dark.active {
    border-color: #5e738b;
    color: #FFFFFF;
    background-color: #5e738b; }

.btn.blue-dark-stripe {
  border-left: 4px solid #5e738b !important; }

.btn.blue-dark.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.blue-sharp:not(.btn-outline) {
  color: #FFFFFF;
  background-color: #5C9BD1;
  border-color: #5C9BD1; }
  .btn.blue-sharp:not(.btn-outline):focus, .btn.blue-sharp:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #3782c3;
    border-color: #265a87; }
  .btn.blue-sharp:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #3782c3;
    border-color: #357dbb; }
  .btn.blue-sharp:not(.btn-outline):active, .btn.blue-sharp:not(.btn-outline).active,
  .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #3782c3;
    border-color: #357dbb; }
    .btn.blue-sharp:not(.btn-outline):active:hover, .btn.blue-sharp:not(.btn-outline):active:focus, .btn.blue-sharp:not(.btn-outline):active.focus, .btn.blue-sharp:not(.btn-outline).active:hover, .btn.blue-sharp:not(.btn-outline).active:focus, .btn.blue-sharp:not(.btn-outline).active.focus,
    .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle.focus {
      color: #FFFFFF;
      background-color: #2f70a7;
      border-color: #265a87; }
  .btn.blue-sharp:not(.btn-outline):active, .btn.blue-sharp:not(.btn-outline).active,
  .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.blue-sharp:not(.btn-outline).disabled:hover, .btn.blue-sharp:not(.btn-outline).disabled:focus, .btn.blue-sharp:not(.btn-outline).disabled.focus, .btn.blue-sharp:not(.btn-outline)[disabled]:hover, .btn.blue-sharp:not(.btn-outline)[disabled]:focus, .btn.blue-sharp:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.blue-sharp:not(.btn-outline):hover,
  fieldset[disabled] .btn.blue-sharp:not(.btn-outline):focus,
  fieldset[disabled] .btn.blue-sharp:not(.btn-outline).focus {
    background-color: #5C9BD1;
    border-color: #5C9BD1; }
  .btn.blue-sharp:not(.btn-outline) .badge {
    color: #5C9BD1;
    background-color: #FFFFFF; }

.btn.btn-outline.blue-sharp {
  border-color: #5C9BD1;
  color: #5C9BD1;
  background: none; }
  .btn.btn-outline.blue-sharp:hover, .btn.btn-outline.blue-sharp:active, .btn.btn-outline.blue-sharp:active:hover, .btn.btn-outline.blue-sharp:active:focus, .btn.btn-outline.blue-sharp:focus, .btn.btn-outline.blue-sharp.active {
    border-color: #5C9BD1;
    color: #FFFFFF;
    background-color: #5C9BD1; }

.btn.blue-sharp-stripe {
  border-left: 4px solid #5C9BD1 !important; }

.btn.blue-sharp.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.blue-oleo:not(.btn-outline) {
  color: #FFFFFF;
  background-color: #94A0B2;
  border-color: #94A0B2; }
  .btn.blue-oleo:not(.btn-outline):focus, .btn.blue-oleo:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #76869d;
    border-color: #536073; }
  .btn.blue-oleo:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #76869d;
    border-color: #708098; }
  .btn.blue-oleo:not(.btn-outline):active, .btn.blue-oleo:not(.btn-outline).active,
  .open > .btn.blue-oleo:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #76869d;
    border-color: #708098; }
    .btn.blue-oleo:not(.btn-outline):active:hover, .btn.blue-oleo:not(.btn-outline):active:focus, .btn.blue-oleo:not(.btn-outline):active.focus, .btn.blue-oleo:not(.btn-outline).active:hover, .btn.blue-oleo:not(.btn-outline).active:focus, .btn.blue-oleo:not(.btn-outline).active.focus,
    .open > .btn.blue-oleo:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.blue-oleo:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.blue-oleo:not(.btn-outline).dropdown-toggle.focus {
      color: #FFFFFF;
      background-color: #64748b;
      border-color: #536073; }
  .btn.blue-oleo:not(.btn-outline):active, .btn.blue-oleo:not(.btn-outline).active,
  .open > .btn.blue-oleo:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.blue-oleo:not(.btn-outline).disabled:hover, .btn.blue-oleo:not(.btn-outline).disabled:focus, .btn.blue-oleo:not(.btn-outline).disabled.focus, .btn.blue-oleo:not(.btn-outline)[disabled]:hover, .btn.blue-oleo:not(.btn-outline)[disabled]:focus, .btn.blue-oleo:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.blue-oleo:not(.btn-outline):hover,
  fieldset[disabled] .btn.blue-oleo:not(.btn-outline):focus,
  fieldset[disabled] .btn.blue-oleo:not(.btn-outline).focus {
    background-color: #94A0B2;
    border-color: #94A0B2; }
  .btn.blue-oleo:not(.btn-outline) .badge {
    color: #94A0B2;
    background-color: #FFFFFF; }

.btn.btn-outline.blue-oleo {
  border-color: #94A0B2;
  color: #94A0B2;
  background: none; }
  .btn.btn-outline.blue-oleo:hover, .btn.btn-outline.blue-oleo:active, .btn.btn-outline.blue-oleo:active:hover, .btn.btn-outline.blue-oleo:active:focus, .btn.btn-outline.blue-oleo:focus, .btn.btn-outline.blue-oleo.active {
    border-color: #94A0B2;
    color: #FFFFFF;
    background-color: #94A0B2; }

.btn.blue-oleo-stripe {
  border-left: 4px solid #94A0B2 !important; }

.btn.blue-oleo.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.green:not(.btn-outline) {
  color: #FFFFFF;
  background-color: #32c5d2;
  border-color: #32c5d2; }
  .btn.green:not(.btn-outline):focus, .btn.green:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #26a1ab;
    border-color: #18666d; }
  .btn.green:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #26a1ab;
    border-color: #2499a3; }
  .btn.green:not(.btn-outline):active, .btn.green:not(.btn-outline).active,
  .open > .btn.green:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #26a1ab;
    border-color: #2499a3; }
    .btn.green:not(.btn-outline):active:hover, .btn.green:not(.btn-outline):active:focus, .btn.green:not(.btn-outline):active.focus, .btn.green:not(.btn-outline).active:hover, .btn.green:not(.btn-outline).active:focus, .btn.green:not(.btn-outline).active.focus,
    .open > .btn.green:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.green:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.green:not(.btn-outline).dropdown-toggle.focus {
      color: #FFFFFF;
      background-color: #1f858e;
      border-color: #18666d; }
  .btn.green:not(.btn-outline):active, .btn.green:not(.btn-outline).active,
  .open > .btn.green:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.green:not(.btn-outline).disabled:hover, .btn.green:not(.btn-outline).disabled:focus, .btn.green:not(.btn-outline).disabled.focus, .btn.green:not(.btn-outline)[disabled]:hover, .btn.green:not(.btn-outline)[disabled]:focus, .btn.green:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.green:not(.btn-outline):hover,
  fieldset[disabled] .btn.green:not(.btn-outline):focus,
  fieldset[disabled] .btn.green:not(.btn-outline).focus {
    background-color: #32c5d2;
    border-color: #32c5d2; }
  .btn.green:not(.btn-outline) .badge {
    color: #32c5d2;
    background-color: #FFFFFF; }

.btn.btn-outline.green {
  border-color: #32c5d2;
  color: #32c5d2;
  background: none; }
  .btn.btn-outline.green:hover, .btn.btn-outline.green:active, .btn.btn-outline.green:active:hover, .btn.btn-outline.green:active:focus, .btn.btn-outline.green:focus, .btn.btn-outline.green.active {
    border-color: #32c5d2;
    color: #FFFFFF;
    background-color: #32c5d2; }

.btn.green-stripe {
  border-left: 4px solid #32c5d2 !important; }

.btn.green.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.green-meadow:not(.btn-outline) {
  color: #FFFFFF;
  background-color: #1BBC9B;
  border-color: #1BBC9B; }
  .btn.green-meadow:not(.btn-outline):focus, .btn.green-meadow:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #158f76;
    border-color: #0b4d3f; }
  .btn.green-meadow:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #158f76;
    border-color: #13866f; }
  .btn.green-meadow:not(.btn-outline):active, .btn.green-meadow:not(.btn-outline).active,
  .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #158f76;
    border-color: #13866f; }
    .btn.green-meadow:not(.btn-outline):active:hover, .btn.green-meadow:not(.btn-outline):active:focus, .btn.green-meadow:not(.btn-outline):active.focus, .btn.green-meadow:not(.btn-outline).active:hover, .btn.green-meadow:not(.btn-outline).active:focus, .btn.green-meadow:not(.btn-outline).active.focus,
    .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle.focus {
      color: #FFFFFF;
      background-color: #10705c;
      border-color: #0b4d3f; }
  .btn.green-meadow:not(.btn-outline):active, .btn.green-meadow:not(.btn-outline).active,
  .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.green-meadow:not(.btn-outline).disabled:hover, .btn.green-meadow:not(.btn-outline).disabled:focus, .btn.green-meadow:not(.btn-outline).disabled.focus, .btn.green-meadow:not(.btn-outline)[disabled]:hover, .btn.green-meadow:not(.btn-outline)[disabled]:focus, .btn.green-meadow:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.green-meadow:not(.btn-outline):hover,
  fieldset[disabled] .btn.green-meadow:not(.btn-outline):focus,
  fieldset[disabled] .btn.green-meadow:not(.btn-outline).focus {
    background-color: #1BBC9B;
    border-color: #1BBC9B; }
  .btn.green-meadow:not(.btn-outline) .badge {
    color: #1BBC9B;
    background-color: #FFFFFF; }

.btn.btn-outline.green-meadow {
  border-color: #1BBC9B;
  color: #1BBC9B;
  background: none; }
  .btn.btn-outline.green-meadow:hover, .btn.btn-outline.green-meadow:active, .btn.btn-outline.green-meadow:active:hover, .btn.btn-outline.green-meadow:active:focus, .btn.btn-outline.green-meadow:focus, .btn.btn-outline.green-meadow.active {
    border-color: #1BBC9B;
    color: #FFFFFF;
    background-color: #1BBC9B; }

.btn.green-meadow-stripe {
  border-left: 4px solid #1BBC9B !important; }

.btn.green-meadow.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.green-seagreen:not(.btn-outline) {
  color: #FFFFFF;
  background-color: #1BA39C;
  border-color: #1BA39C; }
  .btn.green-seagreen:not(.btn-outline):focus, .btn.green-seagreen:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #147772;
    border-color: #093633; }
  .btn.green-seagreen:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #147772;
    border-color: #126e6a; }
  .btn.green-seagreen:not(.btn-outline):active, .btn.green-seagreen:not(.btn-outline).active,
  .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #147772;
    border-color: #126e6a; }
    .btn.green-seagreen:not(.btn-outline):active:hover, .btn.green-seagreen:not(.btn-outline):active:focus, .btn.green-seagreen:not(.btn-outline):active.focus, .btn.green-seagreen:not(.btn-outline).active:hover, .btn.green-seagreen:not(.btn-outline).active:focus, .btn.green-seagreen:not(.btn-outline).active.focus,
    .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle.focus {
      color: #FFFFFF;
      background-color: #0f5955;
      border-color: #093633; }
  .btn.green-seagreen:not(.btn-outline):active, .btn.green-seagreen:not(.btn-outline).active,
  .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.green-seagreen:not(.btn-outline).disabled:hover, .btn.green-seagreen:not(.btn-outline).disabled:focus, .btn.green-seagreen:not(.btn-outline).disabled.focus, .btn.green-seagreen:not(.btn-outline)[disabled]:hover, .btn.green-seagreen:not(.btn-outline)[disabled]:focus, .btn.green-seagreen:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.green-seagreen:not(.btn-outline):hover,
  fieldset[disabled] .btn.green-seagreen:not(.btn-outline):focus,
  fieldset[disabled] .btn.green-seagreen:not(.btn-outline).focus {
    background-color: #1BA39C;
    border-color: #1BA39C; }
  .btn.green-seagreen:not(.btn-outline) .badge {
    color: #1BA39C;
    background-color: #FFFFFF; }

.btn.btn-outline.green-seagreen {
  border-color: #1BA39C;
  color: #1BA39C;
  background: none; }
  .btn.btn-outline.green-seagreen:hover, .btn.btn-outline.green-seagreen:active, .btn.btn-outline.green-seagreen:active:hover, .btn.btn-outline.green-seagreen:active:focus, .btn.btn-outline.green-seagreen:focus, .btn.btn-outline.green-seagreen.active {
    border-color: #1BA39C;
    color: #FFFFFF;
    background-color: #1BA39C; }

.btn.green-seagreen-stripe {
  border-left: 4px solid #1BA39C !important; }

.btn.green-seagreen.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.green-turquoise:not(.btn-outline) {
  color: #FFFFFF;
  background-color: #36D7B7;
  border-color: #36D7B7; }
  .btn.green-turquoise:not(.btn-outline):focus, .btn.green-turquoise:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #24b699;
    border-color: #177663; }
  .btn.green-turquoise:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #24b699;
    border-color: #22ad92; }
  .btn.green-turquoise:not(.btn-outline):active, .btn.green-turquoise:not(.btn-outline).active,
  .open > .btn.green-turquoise:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #24b699;
    border-color: #22ad92; }
    .btn.green-turquoise:not(.btn-outline):active:hover, .btn.green-turquoise:not(.btn-outline):active:focus, .btn.green-turquoise:not(.btn-outline):active.focus, .btn.green-turquoise:not(.btn-outline).active:hover, .btn.green-turquoise:not(.btn-outline).active:focus, .btn.green-turquoise:not(.btn-outline).active.focus,
    .open > .btn.green-turquoise:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.green-turquoise:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.green-turquoise:not(.btn-outline).dropdown-toggle.focus {
      color: #FFFFFF;
      background-color: #1e9880;
      border-color: #177663; }
  .btn.green-turquoise:not(.btn-outline):active, .btn.green-turquoise:not(.btn-outline).active,
  .open > .btn.green-turquoise:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.green-turquoise:not(.btn-outline).disabled:hover, .btn.green-turquoise:not(.btn-outline).disabled:focus, .btn.green-turquoise:not(.btn-outline).disabled.focus, .btn.green-turquoise:not(.btn-outline)[disabled]:hover, .btn.green-turquoise:not(.btn-outline)[disabled]:focus, .btn.green-turquoise:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.green-turquoise:not(.btn-outline):hover,
  fieldset[disabled] .btn.green-turquoise:not(.btn-outline):focus,
  fieldset[disabled] .btn.green-turquoise:not(.btn-outline).focus {
    background-color: #36D7B7;
    border-color: #36D7B7; }
  .btn.green-turquoise:not(.btn-outline) .badge {
    color: #36D7B7;
    background-color: #FFFFFF; }

.btn.btn-outline.green-turquoise {
  border-color: #36D7B7;
  color: #36D7B7;
  background: none; }
  .btn.btn-outline.green-turquoise:hover, .btn.btn-outline.green-turquoise:active, .btn.btn-outline.green-turquoise:active:hover, .btn.btn-outline.green-turquoise:active:focus, .btn.btn-outline.green-turquoise:focus, .btn.btn-outline.green-turquoise.active {
    border-color: #36D7B7;
    color: #FFFFFF;
    background-color: #36D7B7; }

.btn.green-turquoise-stripe {
  border-left: 4px solid #36D7B7 !important; }

.btn.green-turquoise.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.green-haze:not(.btn-outline) {
  color: #FFFFFF;
  background-color: #44b6ae;
  border-color: #44b6ae; }
  .btn.green-haze:not(.btn-outline):focus, .btn.green-haze:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #36918b;
    border-color: #215955; }
  .btn.green-haze:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #36918b;
    border-color: #338983; }
  .btn.green-haze:not(.btn-outline):active, .btn.green-haze:not(.btn-outline).active,
  .open > .btn.green-haze:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #36918b;
    border-color: #338983; }
    .btn.green-haze:not(.btn-outline):active:hover, .btn.green-haze:not(.btn-outline):active:focus, .btn.green-haze:not(.btn-outline):active.focus, .btn.green-haze:not(.btn-outline).active:hover, .btn.green-haze:not(.btn-outline).active:focus, .btn.green-haze:not(.btn-outline).active.focus,
    .open > .btn.green-haze:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.green-haze:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.green-haze:not(.btn-outline).dropdown-toggle.focus {
      color: #FFFFFF;
      background-color: #2c7772;
      border-color: #215955; }
  .btn.green-haze:not(.btn-outline):active, .btn.green-haze:not(.btn-outline).active,
  .open > .btn.green-haze:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.green-haze:not(.btn-outline).disabled:hover, .btn.green-haze:not(.btn-outline).disabled:focus, .btn.green-haze:not(.btn-outline).disabled.focus, .btn.green-haze:not(.btn-outline)[disabled]:hover, .btn.green-haze:not(.btn-outline)[disabled]:focus, .btn.green-haze:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.green-haze:not(.btn-outline):hover,
  fieldset[disabled] .btn.green-haze:not(.btn-outline):focus,
  fieldset[disabled] .btn.green-haze:not(.btn-outline).focus {
    background-color: #44b6ae;
    border-color: #44b6ae; }
  .btn.green-haze:not(.btn-outline) .badge {
    color: #44b6ae;
    background-color: #FFFFFF; }

.btn.btn-outline.green-haze {
  border-color: #44b6ae;
  color: #44b6ae;
  background: none; }
  .btn.btn-outline.green-haze:hover, .btn.btn-outline.green-haze:active, .btn.btn-outline.green-haze:active:hover, .btn.btn-outline.green-haze:active:focus, .btn.btn-outline.green-haze:focus, .btn.btn-outline.green-haze.active {
    border-color: #44b6ae;
    color: #FFFFFF;
    background-color: #44b6ae; }

.btn.green-haze-stripe {
  border-left: 4px solid #44b6ae !important; }

.btn.green-haze.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.green-jungle:not(.btn-outline) {
  color: #FFFFFF;
  background-color: #26C281;
  border-color: #26C281; }
  .btn.green-jungle:not(.btn-outline):focus, .btn.green-jungle:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #1e9765;
    border-color: #11573a; }
  .btn.green-jungle:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #1e9765;
    border-color: #1c8f5f; }
  .btn.green-jungle:not(.btn-outline):active, .btn.green-jungle:not(.btn-outline).active,
  .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #1e9765;
    border-color: #1c8f5f; }
    .btn.green-jungle:not(.btn-outline):active:hover, .btn.green-jungle:not(.btn-outline):active:focus, .btn.green-jungle:not(.btn-outline):active.focus, .btn.green-jungle:not(.btn-outline).active:hover, .btn.green-jungle:not(.btn-outline).active:focus, .btn.green-jungle:not(.btn-outline).active.focus,
    .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle.focus {
      color: #FFFFFF;
      background-color: #187a51;
      border-color: #11573a; }
  .btn.green-jungle:not(.btn-outline):active, .btn.green-jungle:not(.btn-outline).active,
  .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.green-jungle:not(.btn-outline).disabled:hover, .btn.green-jungle:not(.btn-outline).disabled:focus, .btn.green-jungle:not(.btn-outline).disabled.focus, .btn.green-jungle:not(.btn-outline)[disabled]:hover, .btn.green-jungle:not(.btn-outline)[disabled]:focus, .btn.green-jungle:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.green-jungle:not(.btn-outline):hover,
  fieldset[disabled] .btn.green-jungle:not(.btn-outline):focus,
  fieldset[disabled] .btn.green-jungle:not(.btn-outline).focus {
    background-color: #26C281;
    border-color: #26C281; }
  .btn.green-jungle:not(.btn-outline) .badge {
    color: #26C281;
    background-color: #FFFFFF; }

.btn.btn-outline.green-jungle {
  border-color: #26C281;
  color: #26C281;
  background: none; }
  .btn.btn-outline.green-jungle:hover, .btn.btn-outline.green-jungle:active, .btn.btn-outline.green-jungle:active:hover, .btn.btn-outline.green-jungle:active:focus, .btn.btn-outline.green-jungle:focus, .btn.btn-outline.green-jungle.active {
    border-color: #26C281;
    color: #FFFFFF;
    background-color: #26C281; }

.btn.green-jungle-stripe {
  border-left: 4px solid #26C281 !important; }

.btn.green-jungle.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.green-soft:not(.btn-outline) {
  color: #FFFFFF;
  background-color: #3faba4;
  border-color: #3faba4; }
  .btn.green-soft:not(.btn-outline):focus, .btn.green-soft:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #318680;
    border-color: #1d4e4b; }
  .btn.green-soft:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #318680;
    border-color: #2f7e79; }
  .btn.green-soft:not(.btn-outline):active, .btn.green-soft:not(.btn-outline).active,
  .open > .btn.green-soft:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #318680;
    border-color: #2f7e79; }
    .btn.green-soft:not(.btn-outline):active:hover, .btn.green-soft:not(.btn-outline):active:focus, .btn.green-soft:not(.btn-outline):active.focus, .btn.green-soft:not(.btn-outline).active:hover, .btn.green-soft:not(.btn-outline).active:focus, .btn.green-soft:not(.btn-outline).active.focus,
    .open > .btn.green-soft:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.green-soft:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.green-soft:not(.btn-outline).dropdown-toggle.focus {
      color: #FFFFFF;
      background-color: #286c67;
      border-color: #1d4e4b; }
  .btn.green-soft:not(.btn-outline):active, .btn.green-soft:not(.btn-outline).active,
  .open > .btn.green-soft:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.green-soft:not(.btn-outline).disabled:hover, .btn.green-soft:not(.btn-outline).disabled:focus, .btn.green-soft:not(.btn-outline).disabled.focus, .btn.green-soft:not(.btn-outline)[disabled]:hover, .btn.green-soft:not(.btn-outline)[disabled]:focus, .btn.green-soft:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.green-soft:not(.btn-outline):hover,
  fieldset[disabled] .btn.green-soft:not(.btn-outline):focus,
  fieldset[disabled] .btn.green-soft:not(.btn-outline).focus {
    background-color: #3faba4;
    border-color: #3faba4; }
  .btn.green-soft:not(.btn-outline) .badge {
    color: #3faba4;
    background-color: #FFFFFF; }

.btn.btn-outline.green-soft {
  border-color: #3faba4;
  color: #3faba4;
  background: none; }
  .btn.btn-outline.green-soft:hover, .btn.btn-outline.green-soft:active, .btn.btn-outline.green-soft:active:hover, .btn.btn-outline.green-soft:active:focus, .btn.btn-outline.green-soft:focus, .btn.btn-outline.green-soft.active {
    border-color: #3faba4;
    color: #FFFFFF;
    background-color: #3faba4; }

.btn.green-soft-stripe {
  border-left: 4px solid #3faba4 !important; }

.btn.green-soft.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.green-dark:not(.btn-outline) {
  color: #FFFFFF;
  background-color: #4DB3A2;
  border-color: #4DB3A2; }
  .btn.green-dark:not(.btn-outline):focus, .btn.green-dark:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #3d9082;
    border-color: #265a51; }
  .btn.green-dark:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #3d9082;
    border-color: #3a897b; }
  .btn.green-dark:not(.btn-outline):active, .btn.green-dark:not(.btn-outline).active,
  .open > .btn.green-dark:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #3d9082;
    border-color: #3a897b; }
    .btn.green-dark:not(.btn-outline):active:hover, .btn.green-dark:not(.btn-outline):active:focus, .btn.green-dark:not(.btn-outline):active.focus, .btn.green-dark:not(.btn-outline).active:hover, .btn.green-dark:not(.btn-outline).active:focus, .btn.green-dark:not(.btn-outline).active.focus,
    .open > .btn.green-dark:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.green-dark:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.green-dark:not(.btn-outline).dropdown-toggle.focus {
      color: #FFFFFF;
      background-color: #33776b;
      border-color: #265a51; }
  .btn.green-dark:not(.btn-outline):active, .btn.green-dark:not(.btn-outline).active,
  .open > .btn.green-dark:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.green-dark:not(.btn-outline).disabled:hover, .btn.green-dark:not(.btn-outline).disabled:focus, .btn.green-dark:not(.btn-outline).disabled.focus, .btn.green-dark:not(.btn-outline)[disabled]:hover, .btn.green-dark:not(.btn-outline)[disabled]:focus, .btn.green-dark:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.green-dark:not(.btn-outline):hover,
  fieldset[disabled] .btn.green-dark:not(.btn-outline):focus,
  fieldset[disabled] .btn.green-dark:not(.btn-outline).focus {
    background-color: #4DB3A2;
    border-color: #4DB3A2; }
  .btn.green-dark:not(.btn-outline) .badge {
    color: #4DB3A2;
    background-color: #FFFFFF; }

.btn.btn-outline.green-dark {
  border-color: #4DB3A2;
  color: #4DB3A2;
  background: none; }
  .btn.btn-outline.green-dark:hover, .btn.btn-outline.green-dark:active, .btn.btn-outline.green-dark:active:hover, .btn.btn-outline.green-dark:active:focus, .btn.btn-outline.green-dark:focus, .btn.btn-outline.green-dark.active {
    border-color: #4DB3A2;
    color: #FFFFFF;
    background-color: #4DB3A2; }

.btn.green-dark-stripe {
  border-left: 4px solid #4DB3A2 !important; }

.btn.green-dark.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.green-sharp:not(.btn-outline) {
  color: #FFFFFF;
  background-color: #2ab4c0;
  border-color: #2ab4c0; }
  .btn.green-sharp:not(.btn-outline):focus, .btn.green-sharp:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #218d96;
    border-color: #135257; }
  .btn.green-sharp:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #218d96;
    border-color: #1f858e; }
  .btn.green-sharp:not(.btn-outline):active, .btn.green-sharp:not(.btn-outline).active,
  .open > .btn.green-sharp:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #218d96;
    border-color: #1f858e; }
    .btn.green-sharp:not(.btn-outline):active:hover, .btn.green-sharp:not(.btn-outline):active:focus, .btn.green-sharp:not(.btn-outline):active.focus, .btn.green-sharp:not(.btn-outline).active:hover, .btn.green-sharp:not(.btn-outline).active:focus, .btn.green-sharp:not(.btn-outline).active.focus,
    .open > .btn.green-sharp:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.green-sharp:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.green-sharp:not(.btn-outline).dropdown-toggle.focus {
      color: #FFFFFF;
      background-color: #1a7179;
      border-color: #135257; }
  .btn.green-sharp:not(.btn-outline):active, .btn.green-sharp:not(.btn-outline).active,
  .open > .btn.green-sharp:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.green-sharp:not(.btn-outline).disabled:hover, .btn.green-sharp:not(.btn-outline).disabled:focus, .btn.green-sharp:not(.btn-outline).disabled.focus, .btn.green-sharp:not(.btn-outline)[disabled]:hover, .btn.green-sharp:not(.btn-outline)[disabled]:focus, .btn.green-sharp:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.green-sharp:not(.btn-outline):hover,
  fieldset[disabled] .btn.green-sharp:not(.btn-outline):focus,
  fieldset[disabled] .btn.green-sharp:not(.btn-outline).focus {
    background-color: #2ab4c0;
    border-color: #2ab4c0; }
  .btn.green-sharp:not(.btn-outline) .badge {
    color: #2ab4c0;
    background-color: #FFFFFF; }

.btn.btn-outline.green-sharp {
  border-color: #2ab4c0;
  color: #2ab4c0;
  background: none; }
  .btn.btn-outline.green-sharp:hover, .btn.btn-outline.green-sharp:active, .btn.btn-outline.green-sharp:active:hover, .btn.btn-outline.green-sharp:active:focus, .btn.btn-outline.green-sharp:focus, .btn.btn-outline.green-sharp.active {
    border-color: #2ab4c0;
    color: #FFFFFF;
    background-color: #2ab4c0; }

.btn.green-sharp-stripe {
  border-left: 4px solid #2ab4c0 !important; }

.btn.green-sharp.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.green-steel:not(.btn-outline) {
  color: #FFFFFF;
  background-color: #29b4b6;
  border-color: #29b4b6; }
  .btn.green-steel:not(.btn-outline):focus, .btn.green-steel:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #208b8c;
    border-color: #124d4e; }
  .btn.green-steel:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #208b8c;
    border-color: #1e8384; }
  .btn.green-steel:not(.btn-outline):active, .btn.green-steel:not(.btn-outline).active,
  .open > .btn.green-steel:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #208b8c;
    border-color: #1e8384; }
    .btn.green-steel:not(.btn-outline):active:hover, .btn.green-steel:not(.btn-outline):active:focus, .btn.green-steel:not(.btn-outline):active.focus, .btn.green-steel:not(.btn-outline).active:hover, .btn.green-steel:not(.btn-outline).active:focus, .btn.green-steel:not(.btn-outline).active.focus,
    .open > .btn.green-steel:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.green-steel:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.green-steel:not(.btn-outline).dropdown-toggle.focus {
      color: #FFFFFF;
      background-color: #196e6f;
      border-color: #124d4e; }
  .btn.green-steel:not(.btn-outline):active, .btn.green-steel:not(.btn-outline).active,
  .open > .btn.green-steel:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.green-steel:not(.btn-outline).disabled:hover, .btn.green-steel:not(.btn-outline).disabled:focus, .btn.green-steel:not(.btn-outline).disabled.focus, .btn.green-steel:not(.btn-outline)[disabled]:hover, .btn.green-steel:not(.btn-outline)[disabled]:focus, .btn.green-steel:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.green-steel:not(.btn-outline):hover,
  fieldset[disabled] .btn.green-steel:not(.btn-outline):focus,
  fieldset[disabled] .btn.green-steel:not(.btn-outline).focus {
    background-color: #29b4b6;
    border-color: #29b4b6; }
  .btn.green-steel:not(.btn-outline) .badge {
    color: #29b4b6;
    background-color: #FFFFFF; }

.btn.btn-outline.green-steel {
  border-color: #29b4b6;
  color: #29b4b6;
  background: none; }
  .btn.btn-outline.green-steel:hover, .btn.btn-outline.green-steel:active, .btn.btn-outline.green-steel:active:hover, .btn.btn-outline.green-steel:active:focus, .btn.btn-outline.green-steel:focus, .btn.btn-outline.green-steel.active {
    border-color: #29b4b6;
    color: #FFFFFF;
    background-color: #29b4b6; }

.btn.green-steel-stripe {
  border-left: 4px solid #29b4b6 !important; }

.btn.green-steel.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.grey:not(.btn-outline) {
  color: #333333;
  background-color: #E5E5E5;
  border-color: #E5E5E5; }
  .btn.grey:not(.btn-outline):focus, .btn.grey:not(.btn-outline).focus {
    color: #333333;
    background-color: #cccccc;
    border-color: #a5a5a5; }
  .btn.grey:not(.btn-outline):hover {
    color: #333333;
    background-color: #cccccc;
    border-color: #c6c6c6; }
  .btn.grey:not(.btn-outline):active, .btn.grey:not(.btn-outline).active,
  .open > .btn.grey:not(.btn-outline).dropdown-toggle {
    color: #333333;
    background-color: #cccccc;
    border-color: #c6c6c6; }
    .btn.grey:not(.btn-outline):active:hover, .btn.grey:not(.btn-outline):active:focus, .btn.grey:not(.btn-outline):active.focus, .btn.grey:not(.btn-outline).active:hover, .btn.grey:not(.btn-outline).active:focus, .btn.grey:not(.btn-outline).active.focus,
    .open > .btn.grey:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.grey:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.grey:not(.btn-outline).dropdown-toggle.focus {
      color: #333333;
      background-color: #bababa;
      border-color: #a5a5a5; }
  .btn.grey:not(.btn-outline):active, .btn.grey:not(.btn-outline).active,
  .open > .btn.grey:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.grey:not(.btn-outline).disabled:hover, .btn.grey:not(.btn-outline).disabled:focus, .btn.grey:not(.btn-outline).disabled.focus, .btn.grey:not(.btn-outline)[disabled]:hover, .btn.grey:not(.btn-outline)[disabled]:focus, .btn.grey:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.grey:not(.btn-outline):hover,
  fieldset[disabled] .btn.grey:not(.btn-outline):focus,
  fieldset[disabled] .btn.grey:not(.btn-outline).focus {
    background-color: #E5E5E5;
    border-color: #E5E5E5; }
  .btn.grey:not(.btn-outline) .badge {
    color: #E5E5E5;
    background-color: #333333; }

.btn.btn-outline.grey {
  border-color: #E5E5E5;
  color: #E5E5E5;
  background: none; }
  .btn.btn-outline.grey:hover, .btn.btn-outline.grey:active, .btn.btn-outline.grey:active:hover, .btn.btn-outline.grey:active:focus, .btn.btn-outline.grey:focus, .btn.btn-outline.grey.active {
    border-color: #E5E5E5;
    color: #333333;
    background-color: #E5E5E5; }

.btn.grey-stripe {
  border-left: 4px solid #E5E5E5 !important; }

.btn.grey.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.grey-steel:not(.btn-outline) {
  color: #80898e;
  background-color: #e9edef;
  border-color: #e9edef; }
  .btn.grey-steel:not(.btn-outline):focus, .btn.grey-steel:not(.btn-outline).focus {
    color: #80898e;
    background-color: #cbd5da;
    border-color: #9fb1b9; }
  .btn.grey-steel:not(.btn-outline):hover {
    color: #80898e;
    background-color: #cbd5da;
    border-color: #c6d0d5; }
  .btn.grey-steel:not(.btn-outline):active, .btn.grey-steel:not(.btn-outline).active,
  .open > .btn.grey-steel:not(.btn-outline).dropdown-toggle {
    color: #80898e;
    background-color: #cbd5da;
    border-color: #c6d0d5; }
    .btn.grey-steel:not(.btn-outline):active:hover, .btn.grey-steel:not(.btn-outline):active:focus, .btn.grey-steel:not(.btn-outline):active.focus, .btn.grey-steel:not(.btn-outline).active:hover, .btn.grey-steel:not(.btn-outline).active:focus, .btn.grey-steel:not(.btn-outline).active.focus,
    .open > .btn.grey-steel:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.grey-steel:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.grey-steel:not(.btn-outline).dropdown-toggle.focus {
      color: #80898e;
      background-color: #b7c4ca;
      border-color: #9fb1b9; }
  .btn.grey-steel:not(.btn-outline):active, .btn.grey-steel:not(.btn-outline).active,
  .open > .btn.grey-steel:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.grey-steel:not(.btn-outline).disabled:hover, .btn.grey-steel:not(.btn-outline).disabled:focus, .btn.grey-steel:not(.btn-outline).disabled.focus, .btn.grey-steel:not(.btn-outline)[disabled]:hover, .btn.grey-steel:not(.btn-outline)[disabled]:focus, .btn.grey-steel:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.grey-steel:not(.btn-outline):hover,
  fieldset[disabled] .btn.grey-steel:not(.btn-outline):focus,
  fieldset[disabled] .btn.grey-steel:not(.btn-outline).focus {
    background-color: #e9edef;
    border-color: #e9edef; }
  .btn.grey-steel:not(.btn-outline) .badge {
    color: #e9edef;
    background-color: #80898e; }

.btn.btn-outline.grey-steel {
  border-color: #e9edef;
  color: #e9edef;
  background: none; }
  .btn.btn-outline.grey-steel:hover, .btn.btn-outline.grey-steel:active, .btn.btn-outline.grey-steel:active:hover, .btn.btn-outline.grey-steel:active:focus, .btn.btn-outline.grey-steel:focus, .btn.btn-outline.grey-steel.active {
    border-color: #e9edef;
    color: #80898e;
    background-color: #e9edef; }

.btn.grey-steel-stripe {
  border-left: 4px solid #e9edef !important; }

.btn.grey-steel.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.grey-cararra:not(.btn-outline) {
  color: #333333;
  background-color: #fafafa;
  border-color: #fafafa; }
  .btn.grey-cararra:not(.btn-outline):focus, .btn.grey-cararra:not(.btn-outline).focus {
    color: #333333;
    background-color: #e1e1e1;
    border-color: #bababa; }
  .btn.grey-cararra:not(.btn-outline):hover {
    color: #333333;
    background-color: #e1e1e1;
    border-color: #dbdbdb; }
  .btn.grey-cararra:not(.btn-outline):active, .btn.grey-cararra:not(.btn-outline).active,
  .open > .btn.grey-cararra:not(.btn-outline).dropdown-toggle {
    color: #333333;
    background-color: #e1e1e1;
    border-color: #dbdbdb; }
    .btn.grey-cararra:not(.btn-outline):active:hover, .btn.grey-cararra:not(.btn-outline):active:focus, .btn.grey-cararra:not(.btn-outline):active.focus, .btn.grey-cararra:not(.btn-outline).active:hover, .btn.grey-cararra:not(.btn-outline).active:focus, .btn.grey-cararra:not(.btn-outline).active.focus,
    .open > .btn.grey-cararra:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.grey-cararra:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.grey-cararra:not(.btn-outline).dropdown-toggle.focus {
      color: #333333;
      background-color: #cfcfcf;
      border-color: #bababa; }
  .btn.grey-cararra:not(.btn-outline):active, .btn.grey-cararra:not(.btn-outline).active,
  .open > .btn.grey-cararra:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.grey-cararra:not(.btn-outline).disabled:hover, .btn.grey-cararra:not(.btn-outline).disabled:focus, .btn.grey-cararra:not(.btn-outline).disabled.focus, .btn.grey-cararra:not(.btn-outline)[disabled]:hover, .btn.grey-cararra:not(.btn-outline)[disabled]:focus, .btn.grey-cararra:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.grey-cararra:not(.btn-outline):hover,
  fieldset[disabled] .btn.grey-cararra:not(.btn-outline):focus,
  fieldset[disabled] .btn.grey-cararra:not(.btn-outline).focus {
    background-color: #fafafa;
    border-color: #fafafa; }
  .btn.grey-cararra:not(.btn-outline) .badge {
    color: #fafafa;
    background-color: #333333; }

.btn.btn-outline.grey-cararra {
  border-color: #fafafa;
  color: #fafafa;
  background: none; }
  .btn.btn-outline.grey-cararra:hover, .btn.btn-outline.grey-cararra:active, .btn.btn-outline.grey-cararra:active:hover, .btn.btn-outline.grey-cararra:active:focus, .btn.btn-outline.grey-cararra:focus, .btn.btn-outline.grey-cararra.active {
    border-color: #fafafa;
    color: #333333;
    background-color: #fafafa; }

.btn.grey-cararra-stripe {
  border-left: 4px solid #fafafa !important; }

.btn.grey-cararra.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.grey-gallery:not(.btn-outline) {
  color: #ffffff;
  background-color: #555555;
  border-color: #555555; }
  .btn.grey-gallery:not(.btn-outline):focus, .btn.grey-gallery:not(.btn-outline).focus {
    color: #ffffff;
    background-color: #3c3c3c;
    border-color: #151515; }
  .btn.grey-gallery:not(.btn-outline):hover {
    color: #ffffff;
    background-color: #3c3c3c;
    border-color: #363636; }
  .btn.grey-gallery:not(.btn-outline):active, .btn.grey-gallery:not(.btn-outline).active,
  .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle {
    color: #ffffff;
    background-color: #3c3c3c;
    border-color: #363636; }
    .btn.grey-gallery:not(.btn-outline):active:hover, .btn.grey-gallery:not(.btn-outline):active:focus, .btn.grey-gallery:not(.btn-outline):active.focus, .btn.grey-gallery:not(.btn-outline).active:hover, .btn.grey-gallery:not(.btn-outline).active:focus, .btn.grey-gallery:not(.btn-outline).active.focus,
    .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle.focus {
      color: #ffffff;
      background-color: #2a2a2a;
      border-color: #151515; }
  .btn.grey-gallery:not(.btn-outline):active, .btn.grey-gallery:not(.btn-outline).active,
  .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.grey-gallery:not(.btn-outline).disabled:hover, .btn.grey-gallery:not(.btn-outline).disabled:focus, .btn.grey-gallery:not(.btn-outline).disabled.focus, .btn.grey-gallery:not(.btn-outline)[disabled]:hover, .btn.grey-gallery:not(.btn-outline)[disabled]:focus, .btn.grey-gallery:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.grey-gallery:not(.btn-outline):hover,
  fieldset[disabled] .btn.grey-gallery:not(.btn-outline):focus,
  fieldset[disabled] .btn.grey-gallery:not(.btn-outline).focus {
    background-color: #555555;
    border-color: #555555; }
  .btn.grey-gallery:not(.btn-outline) .badge {
    color: #555555;
    background-color: #ffffff; }

.btn.btn-outline.grey-gallery {
  border-color: #555555;
  color: #555555;
  background: none; }
  .btn.btn-outline.grey-gallery:hover, .btn.btn-outline.grey-gallery:active, .btn.btn-outline.grey-gallery:active:hover, .btn.btn-outline.grey-gallery:active:focus, .btn.btn-outline.grey-gallery:focus, .btn.btn-outline.grey-gallery.active {
    border-color: #555555;
    color: #ffffff;
    background-color: #555555; }

.btn.grey-gallery-stripe {
  border-left: 4px solid #555555 !important; }

.btn.grey-gallery.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.grey-cascade:not(.btn-outline) {
  color: #FFFFFF;
  background-color: #95A5A6;
  border-color: #95A5A6; }
  .btn.grey-cascade:not(.btn-outline):focus, .btn.grey-cascade:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #798d8f;
    border-color: #566566; }
  .btn.grey-cascade:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #798d8f;
    border-color: #74898a; }
  .btn.grey-cascade:not(.btn-outline):active, .btn.grey-cascade:not(.btn-outline).active,
  .open > .btn.grey-cascade:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #798d8f;
    border-color: #74898a; }
    .btn.grey-cascade:not(.btn-outline):active:hover, .btn.grey-cascade:not(.btn-outline):active:focus, .btn.grey-cascade:not(.btn-outline):active.focus, .btn.grey-cascade:not(.btn-outline).active:hover, .btn.grey-cascade:not(.btn-outline).active:focus, .btn.grey-cascade:not(.btn-outline).active.focus,
    .open > .btn.grey-cascade:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.grey-cascade:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.grey-cascade:not(.btn-outline).dropdown-toggle.focus {
      color: #FFFFFF;
      background-color: #687b7c;
      border-color: #566566; }
  .btn.grey-cascade:not(.btn-outline):active, .btn.grey-cascade:not(.btn-outline).active,
  .open > .btn.grey-cascade:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.grey-cascade:not(.btn-outline).disabled:hover, .btn.grey-cascade:not(.btn-outline).disabled:focus, .btn.grey-cascade:not(.btn-outline).disabled.focus, .btn.grey-cascade:not(.btn-outline)[disabled]:hover, .btn.grey-cascade:not(.btn-outline)[disabled]:focus, .btn.grey-cascade:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.grey-cascade:not(.btn-outline):hover,
  fieldset[disabled] .btn.grey-cascade:not(.btn-outline):focus,
  fieldset[disabled] .btn.grey-cascade:not(.btn-outline).focus {
    background-color: #95A5A6;
    border-color: #95A5A6; }
  .btn.grey-cascade:not(.btn-outline) .badge {
    color: #95A5A6;
    background-color: #FFFFFF; }

.btn.btn-outline.grey-cascade {
  border-color: #95A5A6;
  color: #95A5A6;
  background: none; }
  .btn.btn-outline.grey-cascade:hover, .btn.btn-outline.grey-cascade:active, .btn.btn-outline.grey-cascade:active:hover, .btn.btn-outline.grey-cascade:active:focus, .btn.btn-outline.grey-cascade:focus, .btn.btn-outline.grey-cascade.active {
    border-color: #95A5A6;
    color: #FFFFFF;
    background-color: #95A5A6; }

.btn.grey-cascade-stripe {
  border-left: 4px solid #95A5A6 !important; }

.btn.grey-cascade.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.grey-silver:not(.btn-outline) {
  color: #FAFCFB;
  background-color: #BFBFBF;
  border-color: #BFBFBF; }
  .btn.grey-silver:not(.btn-outline):focus, .btn.grey-silver:not(.btn-outline).focus {
    color: #FAFCFB;
    background-color: #a6a6a6;
    border-color: #7f7f7f; }
  .btn.grey-silver:not(.btn-outline):hover {
    color: #FAFCFB;
    background-color: #a6a6a6;
    border-color: #a0a0a0; }
  .btn.grey-silver:not(.btn-outline):active, .btn.grey-silver:not(.btn-outline).active,
  .open > .btn.grey-silver:not(.btn-outline).dropdown-toggle {
    color: #FAFCFB;
    background-color: #a6a6a6;
    border-color: #a0a0a0; }
    .btn.grey-silver:not(.btn-outline):active:hover, .btn.grey-silver:not(.btn-outline):active:focus, .btn.grey-silver:not(.btn-outline):active.focus, .btn.grey-silver:not(.btn-outline).active:hover, .btn.grey-silver:not(.btn-outline).active:focus, .btn.grey-silver:not(.btn-outline).active.focus,
    .open > .btn.grey-silver:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.grey-silver:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.grey-silver:not(.btn-outline).dropdown-toggle.focus {
      color: #FAFCFB;
      background-color: #949494;
      border-color: #7f7f7f; }
  .btn.grey-silver:not(.btn-outline):active, .btn.grey-silver:not(.btn-outline).active,
  .open > .btn.grey-silver:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.grey-silver:not(.btn-outline).disabled:hover, .btn.grey-silver:not(.btn-outline).disabled:focus, .btn.grey-silver:not(.btn-outline).disabled.focus, .btn.grey-silver:not(.btn-outline)[disabled]:hover, .btn.grey-silver:not(.btn-outline)[disabled]:focus, .btn.grey-silver:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.grey-silver:not(.btn-outline):hover,
  fieldset[disabled] .btn.grey-silver:not(.btn-outline):focus,
  fieldset[disabled] .btn.grey-silver:not(.btn-outline).focus {
    background-color: #BFBFBF;
    border-color: #BFBFBF; }
  .btn.grey-silver:not(.btn-outline) .badge {
    color: #BFBFBF;
    background-color: #FAFCFB; }

.btn.btn-outline.grey-silver {
  border-color: #BFBFBF;
  color: #BFBFBF;
  background: none; }
  .btn.btn-outline.grey-silver:hover, .btn.btn-outline.grey-silver:active, .btn.btn-outline.grey-silver:active:hover, .btn.btn-outline.grey-silver:active:focus, .btn.btn-outline.grey-silver:focus, .btn.btn-outline.grey-silver.active {
    border-color: #BFBFBF;
    color: #FAFCFB;
    background-color: #BFBFBF; }

.btn.grey-silver-stripe {
  border-left: 4px solid #BFBFBF !important; }

.btn.grey-silver.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.grey-salsa:not(.btn-outline) {
  color: #FAFCFB;
  background-color: #ACB5C3;
  border-color: #ACB5C3; }
  .btn.grey-salsa:not(.btn-outline):focus, .btn.grey-salsa:not(.btn-outline).focus {
    color: #FAFCFB;
    background-color: #8e9bae;
    border-color: #64748b; }
  .btn.grey-salsa:not(.btn-outline):hover {
    color: #FAFCFB;
    background-color: #8e9bae;
    border-color: #8895a9; }
  .btn.grey-salsa:not(.btn-outline):active, .btn.grey-salsa:not(.btn-outline).active,
  .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle {
    color: #FAFCFB;
    background-color: #8e9bae;
    border-color: #8895a9; }
    .btn.grey-salsa:not(.btn-outline):active:hover, .btn.grey-salsa:not(.btn-outline):active:focus, .btn.grey-salsa:not(.btn-outline):active.focus, .btn.grey-salsa:not(.btn-outline).active:hover, .btn.grey-salsa:not(.btn-outline).active:focus, .btn.grey-salsa:not(.btn-outline).active.focus,
    .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle.focus {
      color: #FAFCFB;
      background-color: #7a889f;
      border-color: #64748b; }
  .btn.grey-salsa:not(.btn-outline):active, .btn.grey-salsa:not(.btn-outline).active,
  .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.grey-salsa:not(.btn-outline).disabled:hover, .btn.grey-salsa:not(.btn-outline).disabled:focus, .btn.grey-salsa:not(.btn-outline).disabled.focus, .btn.grey-salsa:not(.btn-outline)[disabled]:hover, .btn.grey-salsa:not(.btn-outline)[disabled]:focus, .btn.grey-salsa:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.grey-salsa:not(.btn-outline):hover,
  fieldset[disabled] .btn.grey-salsa:not(.btn-outline):focus,
  fieldset[disabled] .btn.grey-salsa:not(.btn-outline).focus {
    background-color: #ACB5C3;
    border-color: #ACB5C3; }
  .btn.grey-salsa:not(.btn-outline) .badge {
    color: #ACB5C3;
    background-color: #FAFCFB; }

.btn.btn-outline.grey-salsa {
  border-color: #ACB5C3;
  color: #ACB5C3;
  background: none; }
  .btn.btn-outline.grey-salsa:hover, .btn.btn-outline.grey-salsa:active, .btn.btn-outline.grey-salsa:active:hover, .btn.btn-outline.grey-salsa:active:focus, .btn.btn-outline.grey-salsa:focus, .btn.btn-outline.grey-salsa.active {
    border-color: #ACB5C3;
    color: #FAFCFB;
    background-color: #ACB5C3; }

.btn.grey-salsa-stripe {
  border-left: 4px solid #ACB5C3 !important; }

.btn.grey-salsa.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.grey-salt:not(.btn-outline) {
  color: #FAFCFB;
  background-color: #bfcad1;
  border-color: #bfcad1; }
  .btn.grey-salt:not(.btn-outline):focus, .btn.grey-salt:not(.btn-outline).focus {
    color: #FAFCFB;
    background-color: #a1b1bc;
    border-color: #758d9c; }
  .btn.grey-salt:not(.btn-outline):hover {
    color: #FAFCFB;
    background-color: #a1b1bc;
    border-color: #9badb7; }
  .btn.grey-salt:not(.btn-outline):active, .btn.grey-salt:not(.btn-outline).active,
  .open > .btn.grey-salt:not(.btn-outline).dropdown-toggle {
    color: #FAFCFB;
    background-color: #a1b1bc;
    border-color: #9badb7; }
    .btn.grey-salt:not(.btn-outline):active:hover, .btn.grey-salt:not(.btn-outline):active:focus, .btn.grey-salt:not(.btn-outline):active.focus, .btn.grey-salt:not(.btn-outline).active:hover, .btn.grey-salt:not(.btn-outline).active:focus, .btn.grey-salt:not(.btn-outline).active.focus,
    .open > .btn.grey-salt:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.grey-salt:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.grey-salt:not(.btn-outline).dropdown-toggle.focus {
      color: #FAFCFB;
      background-color: #8da0ad;
      border-color: #758d9c; }
  .btn.grey-salt:not(.btn-outline):active, .btn.grey-salt:not(.btn-outline).active,
  .open > .btn.grey-salt:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.grey-salt:not(.btn-outline).disabled:hover, .btn.grey-salt:not(.btn-outline).disabled:focus, .btn.grey-salt:not(.btn-outline).disabled.focus, .btn.grey-salt:not(.btn-outline)[disabled]:hover, .btn.grey-salt:not(.btn-outline)[disabled]:focus, .btn.grey-salt:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.grey-salt:not(.btn-outline):hover,
  fieldset[disabled] .btn.grey-salt:not(.btn-outline):focus,
  fieldset[disabled] .btn.grey-salt:not(.btn-outline).focus {
    background-color: #bfcad1;
    border-color: #bfcad1; }
  .btn.grey-salt:not(.btn-outline) .badge {
    color: #bfcad1;
    background-color: #FAFCFB; }

.btn.btn-outline.grey-salt {
  border-color: #bfcad1;
  color: #bfcad1;
  background: none; }
  .btn.btn-outline.grey-salt:hover, .btn.btn-outline.grey-salt:active, .btn.btn-outline.grey-salt:active:hover, .btn.btn-outline.grey-salt:active:focus, .btn.btn-outline.grey-salt:focus, .btn.btn-outline.grey-salt.active {
    border-color: #bfcad1;
    color: #FAFCFB;
    background-color: #bfcad1; }

.btn.grey-salt-stripe {
  border-left: 4px solid #bfcad1 !important; }

.btn.grey-salt.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.grey-mint:not(.btn-outline) {
  color: #FFFFFF;
  background-color: #525e64;
  border-color: #525e64; }
  .btn.grey-mint:not(.btn-outline):focus, .btn.grey-mint:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #3b4448;
    border-color: #191c1e; }
  .btn.grey-mint:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #3b4448;
    border-color: #363e42; }
  .btn.grey-mint:not(.btn-outline):active, .btn.grey-mint:not(.btn-outline).active,
  .open > .btn.grey-mint:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #3b4448;
    border-color: #363e42; }
    .btn.grey-mint:not(.btn-outline):active:hover, .btn.grey-mint:not(.btn-outline):active:focus, .btn.grey-mint:not(.btn-outline):active.focus, .btn.grey-mint:not(.btn-outline).active:hover, .btn.grey-mint:not(.btn-outline).active:focus, .btn.grey-mint:not(.btn-outline).active.focus,
    .open > .btn.grey-mint:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.grey-mint:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.grey-mint:not(.btn-outline).dropdown-toggle.focus {
      color: #FFFFFF;
      background-color: #2b3134;
      border-color: #191c1e; }
  .btn.grey-mint:not(.btn-outline):active, .btn.grey-mint:not(.btn-outline).active,
  .open > .btn.grey-mint:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.grey-mint:not(.btn-outline).disabled:hover, .btn.grey-mint:not(.btn-outline).disabled:focus, .btn.grey-mint:not(.btn-outline).disabled.focus, .btn.grey-mint:not(.btn-outline)[disabled]:hover, .btn.grey-mint:not(.btn-outline)[disabled]:focus, .btn.grey-mint:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.grey-mint:not(.btn-outline):hover,
  fieldset[disabled] .btn.grey-mint:not(.btn-outline):focus,
  fieldset[disabled] .btn.grey-mint:not(.btn-outline).focus {
    background-color: #525e64;
    border-color: #525e64; }
  .btn.grey-mint:not(.btn-outline) .badge {
    color: #525e64;
    background-color: #FFFFFF; }

.btn.btn-outline.grey-mint {
  border-color: #525e64;
  color: #525e64;
  background: none; }
  .btn.btn-outline.grey-mint:hover, .btn.btn-outline.grey-mint:active, .btn.btn-outline.grey-mint:active:hover, .btn.btn-outline.grey-mint:active:focus, .btn.btn-outline.grey-mint:focus, .btn.btn-outline.grey-mint.active {
    border-color: #525e64;
    color: #FFFFFF;
    background-color: #525e64; }

.btn.grey-mint-stripe {
  border-left: 4px solid #525e64 !important; }

.btn.grey-mint.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.red:not(.btn-outline) {
  color: #ffffff;
  background-color: #e7505a;
  border-color: #e7505a; }
  .btn.red:not(.btn-outline):focus, .btn.red:not(.btn-outline).focus {
    color: #ffffff;
    background-color: #e12330;
    border-color: #a1161f; }
  .btn.red:not(.btn-outline):hover {
    color: #ffffff;
    background-color: #e12330;
    border-color: #dc1e2b; }
  .btn.red:not(.btn-outline):active, .btn.red:not(.btn-outline).active,
  .open > .btn.red:not(.btn-outline).dropdown-toggle {
    color: #ffffff;
    background-color: #e12330;
    border-color: #dc1e2b; }
    .btn.red:not(.btn-outline):active:hover, .btn.red:not(.btn-outline):active:focus, .btn.red:not(.btn-outline):active.focus, .btn.red:not(.btn-outline).active:hover, .btn.red:not(.btn-outline).active:focus, .btn.red:not(.btn-outline).active.focus,
    .open > .btn.red:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.red:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.red:not(.btn-outline).dropdown-toggle.focus {
      color: #ffffff;
      background-color: #c51b26;
      border-color: #a1161f; }
  .btn.red:not(.btn-outline):active, .btn.red:not(.btn-outline).active,
  .open > .btn.red:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.red:not(.btn-outline).disabled:hover, .btn.red:not(.btn-outline).disabled:focus, .btn.red:not(.btn-outline).disabled.focus, .btn.red:not(.btn-outline)[disabled]:hover, .btn.red:not(.btn-outline)[disabled]:focus, .btn.red:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.red:not(.btn-outline):hover,
  fieldset[disabled] .btn.red:not(.btn-outline):focus,
  fieldset[disabled] .btn.red:not(.btn-outline).focus {
    background-color: #e7505a;
    border-color: #e7505a; }
  .btn.red:not(.btn-outline) .badge {
    color: #e7505a;
    background-color: #ffffff; }

.btn.btn-outline.red {
  border-color: #e7505a;
  color: #e7505a;
  background: none; }
  .btn.btn-outline.red:hover, .btn.btn-outline.red:active, .btn.btn-outline.red:active:hover, .btn.btn-outline.red:active:focus, .btn.btn-outline.red:focus, .btn.btn-outline.red.active {
    border-color: #e7505a;
    color: #ffffff;
    background-color: #e7505a; }

.btn.red-stripe {
  border-left: 4px solid #e7505a !important; }

.btn.red.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.red-pink:not(.btn-outline) {
  color: #ffffff;
  background-color: #E08283;
  border-color: #E08283; }
  .btn.red-pink:not(.btn-outline):focus, .btn.red-pink:not(.btn-outline).focus {
    color: #ffffff;
    background-color: #d6595a;
    border-color: #b52d2e; }
  .btn.red-pink:not(.btn-outline):hover {
    color: #ffffff;
    background-color: #d6595a;
    border-color: #d45152; }
  .btn.red-pink:not(.btn-outline):active, .btn.red-pink:not(.btn-outline).active,
  .open > .btn.red-pink:not(.btn-outline).dropdown-toggle {
    color: #ffffff;
    background-color: #d6595a;
    border-color: #d45152; }
    .btn.red-pink:not(.btn-outline):active:hover, .btn.red-pink:not(.btn-outline):active:focus, .btn.red-pink:not(.btn-outline):active.focus, .btn.red-pink:not(.btn-outline).active:hover, .btn.red-pink:not(.btn-outline).active:focus, .btn.red-pink:not(.btn-outline).active.focus,
    .open > .btn.red-pink:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.red-pink:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.red-pink:not(.btn-outline).dropdown-toggle.focus {
      color: #ffffff;
      background-color: #cf3d3e;
      border-color: #b52d2e; }
  .btn.red-pink:not(.btn-outline):active, .btn.red-pink:not(.btn-outline).active,
  .open > .btn.red-pink:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.red-pink:not(.btn-outline).disabled:hover, .btn.red-pink:not(.btn-outline).disabled:focus, .btn.red-pink:not(.btn-outline).disabled.focus, .btn.red-pink:not(.btn-outline)[disabled]:hover, .btn.red-pink:not(.btn-outline)[disabled]:focus, .btn.red-pink:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.red-pink:not(.btn-outline):hover,
  fieldset[disabled] .btn.red-pink:not(.btn-outline):focus,
  fieldset[disabled] .btn.red-pink:not(.btn-outline).focus {
    background-color: #E08283;
    border-color: #E08283; }
  .btn.red-pink:not(.btn-outline) .badge {
    color: #E08283;
    background-color: #ffffff; }

.btn.btn-outline.red-pink {
  border-color: #E08283;
  color: #E08283;
  background: none; }
  .btn.btn-outline.red-pink:hover, .btn.btn-outline.red-pink:active, .btn.btn-outline.red-pink:active:hover, .btn.btn-outline.red-pink:active:focus, .btn.btn-outline.red-pink:focus, .btn.btn-outline.red-pink.active {
    border-color: #E08283;
    color: #ffffff;
    background-color: #E08283; }

.btn.red-pink-stripe {
  border-left: 4px solid #E08283 !important; }

.btn.red-pink.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.red-sunglo:not(.btn-outline) {
  color: #ffffff;
  background-color: #E26A6A;
  border-color: #E26A6A; }
  .btn.red-sunglo:not(.btn-outline):focus, .btn.red-sunglo:not(.btn-outline).focus {
    color: #ffffff;
    background-color: #da3f3f;
    border-color: #ab2121; }
  .btn.red-sunglo:not(.btn-outline):hover {
    color: #ffffff;
    background-color: #da3f3f;
    border-color: #d83737; }
  .btn.red-sunglo:not(.btn-outline):active, .btn.red-sunglo:not(.btn-outline).active,
  .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle {
    color: #ffffff;
    background-color: #da3f3f;
    border-color: #d83737; }
    .btn.red-sunglo:not(.btn-outline):active:hover, .btn.red-sunglo:not(.btn-outline):active:focus, .btn.red-sunglo:not(.btn-outline):active.focus, .btn.red-sunglo:not(.btn-outline).active:hover, .btn.red-sunglo:not(.btn-outline).active:focus, .btn.red-sunglo:not(.btn-outline).active.focus,
    .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle.focus {
      color: #ffffff;
      background-color: #cd2828;
      border-color: #ab2121; }
  .btn.red-sunglo:not(.btn-outline):active, .btn.red-sunglo:not(.btn-outline).active,
  .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.red-sunglo:not(.btn-outline).disabled:hover, .btn.red-sunglo:not(.btn-outline).disabled:focus, .btn.red-sunglo:not(.btn-outline).disabled.focus, .btn.red-sunglo:not(.btn-outline)[disabled]:hover, .btn.red-sunglo:not(.btn-outline)[disabled]:focus, .btn.red-sunglo:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.red-sunglo:not(.btn-outline):hover,
  fieldset[disabled] .btn.red-sunglo:not(.btn-outline):focus,
  fieldset[disabled] .btn.red-sunglo:not(.btn-outline).focus {
    background-color: #E26A6A;
    border-color: #E26A6A; }
  .btn.red-sunglo:not(.btn-outline) .badge {
    color: #E26A6A;
    background-color: #ffffff; }

.btn.btn-outline.red-sunglo {
  border-color: #E26A6A;
  color: #E26A6A;
  background: none; }
  .btn.btn-outline.red-sunglo:hover, .btn.btn-outline.red-sunglo:active, .btn.btn-outline.red-sunglo:active:hover, .btn.btn-outline.red-sunglo:active:focus, .btn.btn-outline.red-sunglo:focus, .btn.btn-outline.red-sunglo.active {
    border-color: #E26A6A;
    color: #ffffff;
    background-color: #E26A6A; }

.btn.red-sunglo-stripe {
  border-left: 4px solid #E26A6A !important; }

.btn.red-sunglo.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.red-intense:not(.btn-outline) {
  color: #ffffff;
  background-color: #e35b5a;
  border-color: #e35b5a; }
  .btn.red-intense:not(.btn-outline):focus, .btn.red-intense:not(.btn-outline).focus {
    color: #ffffff;
    background-color: #dc302e;
    border-color: #a21c1b; }
  .btn.red-intense:not(.btn-outline):hover {
    color: #ffffff;
    background-color: #dc302e;
    border-color: #da2726; }
  .btn.red-intense:not(.btn-outline):active, .btn.red-intense:not(.btn-outline).active,
  .open > .btn.red-intense:not(.btn-outline).dropdown-toggle {
    color: #ffffff;
    background-color: #dc302e;
    border-color: #da2726; }
    .btn.red-intense:not(.btn-outline):active:hover, .btn.red-intense:not(.btn-outline):active:focus, .btn.red-intense:not(.btn-outline):active.focus, .btn.red-intense:not(.btn-outline).active:hover, .btn.red-intense:not(.btn-outline).active:focus, .btn.red-intense:not(.btn-outline).active.focus,
    .open > .btn.red-intense:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.red-intense:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.red-intense:not(.btn-outline).dropdown-toggle.focus {
      color: #ffffff;
      background-color: #c52321;
      border-color: #a21c1b; }
  .btn.red-intense:not(.btn-outline):active, .btn.red-intense:not(.btn-outline).active,
  .open > .btn.red-intense:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.red-intense:not(.btn-outline).disabled:hover, .btn.red-intense:not(.btn-outline).disabled:focus, .btn.red-intense:not(.btn-outline).disabled.focus, .btn.red-intense:not(.btn-outline)[disabled]:hover, .btn.red-intense:not(.btn-outline)[disabled]:focus, .btn.red-intense:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.red-intense:not(.btn-outline):hover,
  fieldset[disabled] .btn.red-intense:not(.btn-outline):focus,
  fieldset[disabled] .btn.red-intense:not(.btn-outline).focus {
    background-color: #e35b5a;
    border-color: #e35b5a; }
  .btn.red-intense:not(.btn-outline) .badge {
    color: #e35b5a;
    background-color: #ffffff; }

.btn.btn-outline.red-intense {
  border-color: #e35b5a;
  color: #e35b5a;
  background: none; }
  .btn.btn-outline.red-intense:hover, .btn.btn-outline.red-intense:active, .btn.btn-outline.red-intense:active:hover, .btn.btn-outline.red-intense:active:focus, .btn.btn-outline.red-intense:focus, .btn.btn-outline.red-intense.active {
    border-color: #e35b5a;
    color: #ffffff;
    background-color: #e35b5a; }

.btn.red-intense-stripe {
  border-left: 4px solid #e35b5a !important; }

.btn.red-intense.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.red-thunderbird:not(.btn-outline) {
  color: #ffffff;
  background-color: #D91E18;
  border-color: #D91E18; }
  .btn.red-thunderbird:not(.btn-outline):focus, .btn.red-thunderbird:not(.btn-outline).focus {
    color: #ffffff;
    background-color: #ab1813;
    border-color: #660e0b; }
  .btn.red-thunderbird:not(.btn-outline):hover {
    color: #ffffff;
    background-color: #ab1813;
    border-color: #a21612; }
  .btn.red-thunderbird:not(.btn-outline):active, .btn.red-thunderbird:not(.btn-outline).active,
  .open > .btn.red-thunderbird:not(.btn-outline).dropdown-toggle {
    color: #ffffff;
    background-color: #ab1813;
    border-color: #a21612; }
    .btn.red-thunderbird:not(.btn-outline):active:hover, .btn.red-thunderbird:not(.btn-outline):active:focus, .btn.red-thunderbird:not(.btn-outline):active.focus, .btn.red-thunderbird:not(.btn-outline).active:hover, .btn.red-thunderbird:not(.btn-outline).active:focus, .btn.red-thunderbird:not(.btn-outline).active.focus,
    .open > .btn.red-thunderbird:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.red-thunderbird:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.red-thunderbird:not(.btn-outline).dropdown-toggle.focus {
      color: #ffffff;
      background-color: #8b130f;
      border-color: #660e0b; }
  .btn.red-thunderbird:not(.btn-outline):active, .btn.red-thunderbird:not(.btn-outline).active,
  .open > .btn.red-thunderbird:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.red-thunderbird:not(.btn-outline).disabled:hover, .btn.red-thunderbird:not(.btn-outline).disabled:focus, .btn.red-thunderbird:not(.btn-outline).disabled.focus, .btn.red-thunderbird:not(.btn-outline)[disabled]:hover, .btn.red-thunderbird:not(.btn-outline)[disabled]:focus, .btn.red-thunderbird:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.red-thunderbird:not(.btn-outline):hover,
  fieldset[disabled] .btn.red-thunderbird:not(.btn-outline):focus,
  fieldset[disabled] .btn.red-thunderbird:not(.btn-outline).focus {
    background-color: #D91E18;
    border-color: #D91E18; }
  .btn.red-thunderbird:not(.btn-outline) .badge {
    color: #D91E18;
    background-color: #ffffff; }

.btn.btn-outline.red-thunderbird {
  border-color: #D91E18;
  color: #D91E18;
  background: none; }
  .btn.btn-outline.red-thunderbird:hover, .btn.btn-outline.red-thunderbird:active, .btn.btn-outline.red-thunderbird:active:hover, .btn.btn-outline.red-thunderbird:active:focus, .btn.btn-outline.red-thunderbird:focus, .btn.btn-outline.red-thunderbird.active {
    border-color: #D91E18;
    color: #ffffff;
    background-color: #D91E18; }

.btn.red-thunderbird-stripe {
  border-left: 4px solid #D91E18 !important; }

.btn.red-thunderbird.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.red-flamingo:not(.btn-outline) {
  color: #ffffff;
  background-color: #EF4836;
  border-color: #EF4836; }
  .btn.red-flamingo:not(.btn-outline):focus, .btn.red-flamingo:not(.btn-outline).focus {
    color: #ffffff;
    background-color: #e02612;
    border-color: #991a0c; }
  .btn.red-flamingo:not(.btn-outline):hover {
    color: #ffffff;
    background-color: #e02612;
    border-color: #d72411; }
  .btn.red-flamingo:not(.btn-outline):active, .btn.red-flamingo:not(.btn-outline).active,
  .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle {
    color: #ffffff;
    background-color: #e02612;
    border-color: #d72411; }
    .btn.red-flamingo:not(.btn-outline):active:hover, .btn.red-flamingo:not(.btn-outline):active:focus, .btn.red-flamingo:not(.btn-outline):active.focus, .btn.red-flamingo:not(.btn-outline).active:hover, .btn.red-flamingo:not(.btn-outline).active:focus, .btn.red-flamingo:not(.btn-outline).active.focus,
    .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle.focus {
      color: #ffffff;
      background-color: #bf200f;
      border-color: #991a0c; }
  .btn.red-flamingo:not(.btn-outline):active, .btn.red-flamingo:not(.btn-outline).active,
  .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.red-flamingo:not(.btn-outline).disabled:hover, .btn.red-flamingo:not(.btn-outline).disabled:focus, .btn.red-flamingo:not(.btn-outline).disabled.focus, .btn.red-flamingo:not(.btn-outline)[disabled]:hover, .btn.red-flamingo:not(.btn-outline)[disabled]:focus, .btn.red-flamingo:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.red-flamingo:not(.btn-outline):hover,
  fieldset[disabled] .btn.red-flamingo:not(.btn-outline):focus,
  fieldset[disabled] .btn.red-flamingo:not(.btn-outline).focus {
    background-color: #EF4836;
    border-color: #EF4836; }
  .btn.red-flamingo:not(.btn-outline) .badge {
    color: #EF4836;
    background-color: #ffffff; }

.btn.btn-outline.red-flamingo {
  border-color: #EF4836;
  color: #EF4836;
  background: none; }
  .btn.btn-outline.red-flamingo:hover, .btn.btn-outline.red-flamingo:active, .btn.btn-outline.red-flamingo:active:hover, .btn.btn-outline.red-flamingo:active:focus, .btn.btn-outline.red-flamingo:focus, .btn.btn-outline.red-flamingo.active {
    border-color: #EF4836;
    color: #ffffff;
    background-color: #EF4836; }

.btn.red-flamingo-stripe {
  border-left: 4px solid #EF4836 !important; }

.btn.red-flamingo.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.red-soft:not(.btn-outline) {
  color: #ffffff;
  background-color: #d05454;
  border-color: #d05454; }
  .btn.red-soft:not(.btn-outline):focus, .btn.red-soft:not(.btn-outline).focus {
    color: #ffffff;
    background-color: #bd3434;
    border-color: #812323; }
  .btn.red-soft:not(.btn-outline):hover {
    color: #ffffff;
    background-color: #bd3434;
    border-color: #b53232; }
  .btn.red-soft:not(.btn-outline):active, .btn.red-soft:not(.btn-outline).active,
  .open > .btn.red-soft:not(.btn-outline).dropdown-toggle {
    color: #ffffff;
    background-color: #bd3434;
    border-color: #b53232; }
    .btn.red-soft:not(.btn-outline):active:hover, .btn.red-soft:not(.btn-outline):active:focus, .btn.red-soft:not(.btn-outline):active.focus, .btn.red-soft:not(.btn-outline).active:hover, .btn.red-soft:not(.btn-outline).active:focus, .btn.red-soft:not(.btn-outline).active.focus,
    .open > .btn.red-soft:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.red-soft:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.red-soft:not(.btn-outline).dropdown-toggle.focus {
      color: #ffffff;
      background-color: #a12c2c;
      border-color: #812323; }
  .btn.red-soft:not(.btn-outline):active, .btn.red-soft:not(.btn-outline).active,
  .open > .btn.red-soft:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.red-soft:not(.btn-outline).disabled:hover, .btn.red-soft:not(.btn-outline).disabled:focus, .btn.red-soft:not(.btn-outline).disabled.focus, .btn.red-soft:not(.btn-outline)[disabled]:hover, .btn.red-soft:not(.btn-outline)[disabled]:focus, .btn.red-soft:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.red-soft:not(.btn-outline):hover,
  fieldset[disabled] .btn.red-soft:not(.btn-outline):focus,
  fieldset[disabled] .btn.red-soft:not(.btn-outline).focus {
    background-color: #d05454;
    border-color: #d05454; }
  .btn.red-soft:not(.btn-outline) .badge {
    color: #d05454;
    background-color: #ffffff; }

.btn.btn-outline.red-soft {
  border-color: #d05454;
  color: #d05454;
  background: none; }
  .btn.btn-outline.red-soft:hover, .btn.btn-outline.red-soft:active, .btn.btn-outline.red-soft:active:hover, .btn.btn-outline.red-soft:active:focus, .btn.btn-outline.red-soft:focus, .btn.btn-outline.red-soft.active {
    border-color: #d05454;
    color: #ffffff;
    background-color: #d05454; }

.btn.red-soft-stripe {
  border-left: 4px solid #d05454 !important; }

.btn.red-soft.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.red-haze:not(.btn-outline) {
  color: #ffffff;
  background-color: #f36a5a;
  border-color: #f36a5a; }
  .btn.red-haze:not(.btn-outline):focus, .btn.red-haze:not(.btn-outline).focus {
    color: #ffffff;
    background-color: #f03f2a;
    border-color: #c0210e; }
  .btn.red-haze:not(.btn-outline):hover {
    color: #ffffff;
    background-color: #f03f2a;
    border-color: #ef3621; }
  .btn.red-haze:not(.btn-outline):active, .btn.red-haze:not(.btn-outline).active,
  .open > .btn.red-haze:not(.btn-outline).dropdown-toggle {
    color: #ffffff;
    background-color: #f03f2a;
    border-color: #ef3621; }
    .btn.red-haze:not(.btn-outline):active:hover, .btn.red-haze:not(.btn-outline):active:focus, .btn.red-haze:not(.btn-outline):active.focus, .btn.red-haze:not(.btn-outline).active:hover, .btn.red-haze:not(.btn-outline).active:focus, .btn.red-haze:not(.btn-outline).active.focus,
    .open > .btn.red-haze:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.red-haze:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.red-haze:not(.btn-outline).dropdown-toggle.focus {
      color: #ffffff;
      background-color: #e62711;
      border-color: #c0210e; }
  .btn.red-haze:not(.btn-outline):active, .btn.red-haze:not(.btn-outline).active,
  .open > .btn.red-haze:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.red-haze:not(.btn-outline).disabled:hover, .btn.red-haze:not(.btn-outline).disabled:focus, .btn.red-haze:not(.btn-outline).disabled.focus, .btn.red-haze:not(.btn-outline)[disabled]:hover, .btn.red-haze:not(.btn-outline)[disabled]:focus, .btn.red-haze:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.red-haze:not(.btn-outline):hover,
  fieldset[disabled] .btn.red-haze:not(.btn-outline):focus,
  fieldset[disabled] .btn.red-haze:not(.btn-outline).focus {
    background-color: #f36a5a;
    border-color: #f36a5a; }
  .btn.red-haze:not(.btn-outline) .badge {
    color: #f36a5a;
    background-color: #ffffff; }

.btn.btn-outline.red-haze {
  border-color: #f36a5a;
  color: #f36a5a;
  background: none; }
  .btn.btn-outline.red-haze:hover, .btn.btn-outline.red-haze:active, .btn.btn-outline.red-haze:active:hover, .btn.btn-outline.red-haze:active:focus, .btn.btn-outline.red-haze:focus, .btn.btn-outline.red-haze.active {
    border-color: #f36a5a;
    color: #ffffff;
    background-color: #f36a5a; }

.btn.red-haze-stripe {
  border-left: 4px solid #f36a5a !important; }

.btn.red-haze.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.red-mint:not(.btn-outline) {
  color: #ffffff;
  background-color: #e43a45;
  border-color: #e43a45; }
  .btn.red-mint:not(.btn-outline):focus, .btn.red-mint:not(.btn-outline).focus {
    color: #ffffff;
    background-color: #cf1c28;
    border-color: #8b131b; }
  .btn.red-mint:not(.btn-outline):hover {
    color: #ffffff;
    background-color: #cf1c28;
    border-color: #c61b26; }
  .btn.red-mint:not(.btn-outline):active, .btn.red-mint:not(.btn-outline).active,
  .open > .btn.red-mint:not(.btn-outline).dropdown-toggle {
    color: #ffffff;
    background-color: #cf1c28;
    border-color: #c61b26; }
    .btn.red-mint:not(.btn-outline):active:hover, .btn.red-mint:not(.btn-outline):active:focus, .btn.red-mint:not(.btn-outline):active.focus, .btn.red-mint:not(.btn-outline).active:hover, .btn.red-mint:not(.btn-outline).active:focus, .btn.red-mint:not(.btn-outline).active.focus,
    .open > .btn.red-mint:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.red-mint:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.red-mint:not(.btn-outline).dropdown-toggle.focus {
      color: #ffffff;
      background-color: #af1822;
      border-color: #8b131b; }
  .btn.red-mint:not(.btn-outline):active, .btn.red-mint:not(.btn-outline).active,
  .open > .btn.red-mint:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.red-mint:not(.btn-outline).disabled:hover, .btn.red-mint:not(.btn-outline).disabled:focus, .btn.red-mint:not(.btn-outline).disabled.focus, .btn.red-mint:not(.btn-outline)[disabled]:hover, .btn.red-mint:not(.btn-outline)[disabled]:focus, .btn.red-mint:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.red-mint:not(.btn-outline):hover,
  fieldset[disabled] .btn.red-mint:not(.btn-outline):focus,
  fieldset[disabled] .btn.red-mint:not(.btn-outline).focus {
    background-color: #e43a45;
    border-color: #e43a45; }
  .btn.red-mint:not(.btn-outline) .badge {
    color: #e43a45;
    background-color: #ffffff; }

.btn.btn-outline.red-mint {
  border-color: #e43a45;
  color: #e43a45;
  background: none; }
  .btn.btn-outline.red-mint:hover, .btn.btn-outline.red-mint:active, .btn.btn-outline.red-mint:active:hover, .btn.btn-outline.red-mint:active:focus, .btn.btn-outline.red-mint:focus, .btn.btn-outline.red-mint.active {
    border-color: #e43a45;
    color: #ffffff;
    background-color: #e43a45; }

.btn.red-mint-stripe {
  border-left: 4px solid #e43a45 !important; }

.btn.red-mint.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.yellow:not(.btn-outline) {
  color: #ffffff;
  background-color: #c49f47;
  border-color: #c49f47; }
  .btn.yellow:not(.btn-outline):focus, .btn.yellow:not(.btn-outline).focus {
    color: #ffffff;
    background-color: #a48334;
    border-color: #6a5422; }
  .btn.yellow:not(.btn-outline):hover {
    color: #ffffff;
    background-color: #a48334;
    border-color: #9c7c32; }
  .btn.yellow:not(.btn-outline):active, .btn.yellow:not(.btn-outline).active,
  .open > .btn.yellow:not(.btn-outline).dropdown-toggle {
    color: #ffffff;
    background-color: #a48334;
    border-color: #9c7c32; }
    .btn.yellow:not(.btn-outline):active:hover, .btn.yellow:not(.btn-outline):active:focus, .btn.yellow:not(.btn-outline):active.focus, .btn.yellow:not(.btn-outline).active:hover, .btn.yellow:not(.btn-outline).active:focus, .btn.yellow:not(.btn-outline).active.focus,
    .open > .btn.yellow:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.yellow:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.yellow:not(.btn-outline).dropdown-toggle.focus {
      color: #ffffff;
      background-color: #896d2c;
      border-color: #6a5422; }
  .btn.yellow:not(.btn-outline):active, .btn.yellow:not(.btn-outline).active,
  .open > .btn.yellow:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.yellow:not(.btn-outline).disabled:hover, .btn.yellow:not(.btn-outline).disabled:focus, .btn.yellow:not(.btn-outline).disabled.focus, .btn.yellow:not(.btn-outline)[disabled]:hover, .btn.yellow:not(.btn-outline)[disabled]:focus, .btn.yellow:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.yellow:not(.btn-outline):hover,
  fieldset[disabled] .btn.yellow:not(.btn-outline):focus,
  fieldset[disabled] .btn.yellow:not(.btn-outline).focus {
    background-color: #c49f47;
    border-color: #c49f47; }
  .btn.yellow:not(.btn-outline) .badge {
    color: #c49f47;
    background-color: #ffffff; }

.btn.btn-outline.yellow {
  border-color: #c49f47;
  color: #c49f47;
  background: none; }
  .btn.btn-outline.yellow:hover, .btn.btn-outline.yellow:active, .btn.btn-outline.yellow:active:hover, .btn.btn-outline.yellow:active:focus, .btn.btn-outline.yellow:focus, .btn.btn-outline.yellow.active {
    border-color: #c49f47;
    color: #ffffff;
    background-color: #c49f47; }

.btn.yellow-stripe {
  border-left: 4px solid #c49f47 !important; }

.btn.yellow.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.yellow-gold:not(.btn-outline) {
  color: #ffffff;
  background-color: #E87E04;
  border-color: #E87E04; }
  .btn.yellow-gold:not(.btn-outline):focus, .btn.yellow-gold:not(.btn-outline).focus {
    color: #ffffff;
    background-color: #b66303;
    border-color: #6b3a02; }
  .btn.yellow-gold:not(.btn-outline):hover {
    color: #ffffff;
    background-color: #b66303;
    border-color: #ac5d03; }
  .btn.yellow-gold:not(.btn-outline):active, .btn.yellow-gold:not(.btn-outline).active,
  .open > .btn.yellow-gold:not(.btn-outline).dropdown-toggle {
    color: #ffffff;
    background-color: #b66303;
    border-color: #ac5d03; }
    .btn.yellow-gold:not(.btn-outline):active:hover, .btn.yellow-gold:not(.btn-outline):active:focus, .btn.yellow-gold:not(.btn-outline):active.focus, .btn.yellow-gold:not(.btn-outline).active:hover, .btn.yellow-gold:not(.btn-outline).active:focus, .btn.yellow-gold:not(.btn-outline).active.focus,
    .open > .btn.yellow-gold:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.yellow-gold:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.yellow-gold:not(.btn-outline).dropdown-toggle.focus {
      color: #ffffff;
      background-color: #935003;
      border-color: #6b3a02; }
  .btn.yellow-gold:not(.btn-outline):active, .btn.yellow-gold:not(.btn-outline).active,
  .open > .btn.yellow-gold:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.yellow-gold:not(.btn-outline).disabled:hover, .btn.yellow-gold:not(.btn-outline).disabled:focus, .btn.yellow-gold:not(.btn-outline).disabled.focus, .btn.yellow-gold:not(.btn-outline)[disabled]:hover, .btn.yellow-gold:not(.btn-outline)[disabled]:focus, .btn.yellow-gold:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.yellow-gold:not(.btn-outline):hover,
  fieldset[disabled] .btn.yellow-gold:not(.btn-outline):focus,
  fieldset[disabled] .btn.yellow-gold:not(.btn-outline).focus {
    background-color: #E87E04;
    border-color: #E87E04; }
  .btn.yellow-gold:not(.btn-outline) .badge {
    color: #E87E04;
    background-color: #ffffff; }

.btn.btn-outline.yellow-gold {
  border-color: #E87E04;
  color: #E87E04;
  background: none; }
  .btn.btn-outline.yellow-gold:hover, .btn.btn-outline.yellow-gold:active, .btn.btn-outline.yellow-gold:active:hover, .btn.btn-outline.yellow-gold:active:focus, .btn.btn-outline.yellow-gold:focus, .btn.btn-outline.yellow-gold.active {
    border-color: #E87E04;
    color: #ffffff;
    background-color: #E87E04; }

.btn.yellow-gold-stripe {
  border-left: 4px solid #E87E04 !important; }

.btn.yellow-gold.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.yellow-casablanca:not(.btn-outline) {
  color: #ffffff;
  background-color: #f2784b;
  border-color: #f2784b; }
  .btn.yellow-casablanca:not(.btn-outline):focus, .btn.yellow-casablanca:not(.btn-outline).focus {
    color: #ffffff;
    background-color: #ef541b;
    border-color: #b1390d; }
  .btn.yellow-casablanca:not(.btn-outline):hover {
    color: #ffffff;
    background-color: #ef541b;
    border-color: #ee4d12; }
  .btn.yellow-casablanca:not(.btn-outline):active, .btn.yellow-casablanca:not(.btn-outline).active,
  .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle {
    color: #ffffff;
    background-color: #ef541b;
    border-color: #ee4d12; }
    .btn.yellow-casablanca:not(.btn-outline):active:hover, .btn.yellow-casablanca:not(.btn-outline):active:focus, .btn.yellow-casablanca:not(.btn-outline):active.focus, .btn.yellow-casablanca:not(.btn-outline).active:hover, .btn.yellow-casablanca:not(.btn-outline).active:focus, .btn.yellow-casablanca:not(.btn-outline).active.focus,
    .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle.focus {
      color: #ffffff;
      background-color: #d74510;
      border-color: #b1390d; }
  .btn.yellow-casablanca:not(.btn-outline):active, .btn.yellow-casablanca:not(.btn-outline).active,
  .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.yellow-casablanca:not(.btn-outline).disabled:hover, .btn.yellow-casablanca:not(.btn-outline).disabled:focus, .btn.yellow-casablanca:not(.btn-outline).disabled.focus, .btn.yellow-casablanca:not(.btn-outline)[disabled]:hover, .btn.yellow-casablanca:not(.btn-outline)[disabled]:focus, .btn.yellow-casablanca:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.yellow-casablanca:not(.btn-outline):hover,
  fieldset[disabled] .btn.yellow-casablanca:not(.btn-outline):focus,
  fieldset[disabled] .btn.yellow-casablanca:not(.btn-outline).focus {
    background-color: #f2784b;
    border-color: #f2784b; }
  .btn.yellow-casablanca:not(.btn-outline) .badge {
    color: #f2784b;
    background-color: #ffffff; }

.btn.btn-outline.yellow-casablanca {
  border-color: #f2784b;
  color: #f2784b;
  background: none; }
  .btn.btn-outline.yellow-casablanca:hover, .btn.btn-outline.yellow-casablanca:active, .btn.btn-outline.yellow-casablanca:active:hover, .btn.btn-outline.yellow-casablanca:active:focus, .btn.btn-outline.yellow-casablanca:focus, .btn.btn-outline.yellow-casablanca.active {
    border-color: #f2784b;
    color: #ffffff;
    background-color: #f2784b; }

.btn.yellow-casablanca-stripe {
  border-left: 4px solid #f2784b !important; }

.btn.yellow-casablanca.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.yellow-crusta:not(.btn-outline) {
  color: #ffffff;
  background-color: #f3c200;
  border-color: #f3c200; }
  .btn.yellow-crusta:not(.btn-outline):focus, .btn.yellow-crusta:not(.btn-outline).focus {
    color: #ffffff;
    background-color: #c09900;
    border-color: #745c00; }
  .btn.yellow-crusta:not(.btn-outline):hover {
    color: #ffffff;
    background-color: #c09900;
    border-color: #b69100; }
  .btn.yellow-crusta:not(.btn-outline):active, .btn.yellow-crusta:not(.btn-outline).active,
  .open > .btn.yellow-crusta:not(.btn-outline).dropdown-toggle {
    color: #ffffff;
    background-color: #c09900;
    border-color: #b69100; }
    .btn.yellow-crusta:not(.btn-outline):active:hover, .btn.yellow-crusta:not(.btn-outline):active:focus, .btn.yellow-crusta:not(.btn-outline):active.focus, .btn.yellow-crusta:not(.btn-outline).active:hover, .btn.yellow-crusta:not(.btn-outline).active:focus, .btn.yellow-crusta:not(.btn-outline).active.focus,
    .open > .btn.yellow-crusta:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.yellow-crusta:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.yellow-crusta:not(.btn-outline).dropdown-toggle.focus {
      color: #ffffff;
      background-color: #9c7d00;
      border-color: #745c00; }
  .btn.yellow-crusta:not(.btn-outline):active, .btn.yellow-crusta:not(.btn-outline).active,
  .open > .btn.yellow-crusta:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.yellow-crusta:not(.btn-outline).disabled:hover, .btn.yellow-crusta:not(.btn-outline).disabled:focus, .btn.yellow-crusta:not(.btn-outline).disabled.focus, .btn.yellow-crusta:not(.btn-outline)[disabled]:hover, .btn.yellow-crusta:not(.btn-outline)[disabled]:focus, .btn.yellow-crusta:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.yellow-crusta:not(.btn-outline):hover,
  fieldset[disabled] .btn.yellow-crusta:not(.btn-outline):focus,
  fieldset[disabled] .btn.yellow-crusta:not(.btn-outline).focus {
    background-color: #f3c200;
    border-color: #f3c200; }
  .btn.yellow-crusta:not(.btn-outline) .badge {
    color: #f3c200;
    background-color: #ffffff; }

.btn.btn-outline.yellow-crusta {
  border-color: #f3c200;
  color: #f3c200;
  background: none; }
  .btn.btn-outline.yellow-crusta:hover, .btn.btn-outline.yellow-crusta:active, .btn.btn-outline.yellow-crusta:active:hover, .btn.btn-outline.yellow-crusta:active:focus, .btn.btn-outline.yellow-crusta:focus, .btn.btn-outline.yellow-crusta.active {
    border-color: #f3c200;
    color: #ffffff;
    background-color: #f3c200; }

.btn.yellow-crusta-stripe {
  border-left: 4px solid #f3c200 !important; }

.btn.yellow-crusta.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.yellow-lemon:not(.btn-outline) {
  color: #ffffff;
  background-color: #F7CA18;
  border-color: #F7CA18; }
  .btn.yellow-lemon:not(.btn-outline):focus, .btn.yellow-lemon:not(.btn-outline).focus {
    color: #ffffff;
    background-color: #d5ab07;
    border-color: #8b7005; }
  .btn.yellow-lemon:not(.btn-outline):hover {
    color: #ffffff;
    background-color: #d5ab07;
    border-color: #cba307; }
  .btn.yellow-lemon:not(.btn-outline):active, .btn.yellow-lemon:not(.btn-outline).active,
  .open > .btn.yellow-lemon:not(.btn-outline).dropdown-toggle {
    color: #ffffff;
    background-color: #d5ab07;
    border-color: #cba307; }
    .btn.yellow-lemon:not(.btn-outline):active:hover, .btn.yellow-lemon:not(.btn-outline):active:focus, .btn.yellow-lemon:not(.btn-outline):active.focus, .btn.yellow-lemon:not(.btn-outline).active:hover, .btn.yellow-lemon:not(.btn-outline).active:focus, .btn.yellow-lemon:not(.btn-outline).active.focus,
    .open > .btn.yellow-lemon:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.yellow-lemon:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.yellow-lemon:not(.btn-outline).dropdown-toggle.focus {
      color: #ffffff;
      background-color: #b28f06;
      border-color: #8b7005; }
  .btn.yellow-lemon:not(.btn-outline):active, .btn.yellow-lemon:not(.btn-outline).active,
  .open > .btn.yellow-lemon:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.yellow-lemon:not(.btn-outline).disabled:hover, .btn.yellow-lemon:not(.btn-outline).disabled:focus, .btn.yellow-lemon:not(.btn-outline).disabled.focus, .btn.yellow-lemon:not(.btn-outline)[disabled]:hover, .btn.yellow-lemon:not(.btn-outline)[disabled]:focus, .btn.yellow-lemon:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.yellow-lemon:not(.btn-outline):hover,
  fieldset[disabled] .btn.yellow-lemon:not(.btn-outline):focus,
  fieldset[disabled] .btn.yellow-lemon:not(.btn-outline).focus {
    background-color: #F7CA18;
    border-color: #F7CA18; }
  .btn.yellow-lemon:not(.btn-outline) .badge {
    color: #F7CA18;
    background-color: #ffffff; }

.btn.btn-outline.yellow-lemon {
  border-color: #F7CA18;
  color: #F7CA18;
  background: none; }
  .btn.btn-outline.yellow-lemon:hover, .btn.btn-outline.yellow-lemon:active, .btn.btn-outline.yellow-lemon:active:hover, .btn.btn-outline.yellow-lemon:active:focus, .btn.btn-outline.yellow-lemon:focus, .btn.btn-outline.yellow-lemon.active {
    border-color: #F7CA18;
    color: #ffffff;
    background-color: #F7CA18; }

.btn.yellow-lemon-stripe {
  border-left: 4px solid #F7CA18 !important; }

.btn.yellow-lemon.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.yellow-saffron:not(.btn-outline) {
  color: #ffffff;
  background-color: #F4D03F;
  border-color: #F4D03F; }
  .btn.yellow-saffron:not(.btn-outline):focus, .btn.yellow-saffron:not(.btn-outline).focus {
    color: #ffffff;
    background-color: #f1c40f;
    border-color: #aa8a0a; }
  .btn.yellow-saffron:not(.btn-outline):hover {
    color: #ffffff;
    background-color: #f1c40f;
    border-color: #e8bd0d; }
  .btn.yellow-saffron:not(.btn-outline):active, .btn.yellow-saffron:not(.btn-outline).active,
  .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle {
    color: #ffffff;
    background-color: #f1c40f;
    border-color: #e8bd0d; }
    .btn.yellow-saffron:not(.btn-outline):active:hover, .btn.yellow-saffron:not(.btn-outline):active:focus, .btn.yellow-saffron:not(.btn-outline):active.focus, .btn.yellow-saffron:not(.btn-outline).active:hover, .btn.yellow-saffron:not(.btn-outline).active:focus, .btn.yellow-saffron:not(.btn-outline).active.focus,
    .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle.focus {
      color: #ffffff;
      background-color: #d0a90c;
      border-color: #aa8a0a; }
  .btn.yellow-saffron:not(.btn-outline):active, .btn.yellow-saffron:not(.btn-outline).active,
  .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.yellow-saffron:not(.btn-outline).disabled:hover, .btn.yellow-saffron:not(.btn-outline).disabled:focus, .btn.yellow-saffron:not(.btn-outline).disabled.focus, .btn.yellow-saffron:not(.btn-outline)[disabled]:hover, .btn.yellow-saffron:not(.btn-outline)[disabled]:focus, .btn.yellow-saffron:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.yellow-saffron:not(.btn-outline):hover,
  fieldset[disabled] .btn.yellow-saffron:not(.btn-outline):focus,
  fieldset[disabled] .btn.yellow-saffron:not(.btn-outline).focus {
    background-color: #F4D03F;
    border-color: #F4D03F; }
  .btn.yellow-saffron:not(.btn-outline) .badge {
    color: #F4D03F;
    background-color: #ffffff; }

.btn.btn-outline.yellow-saffron {
  border-color: #F4D03F;
  color: #F4D03F;
  background: none; }
  .btn.btn-outline.yellow-saffron:hover, .btn.btn-outline.yellow-saffron:active, .btn.btn-outline.yellow-saffron:active:hover, .btn.btn-outline.yellow-saffron:active:focus, .btn.btn-outline.yellow-saffron:focus, .btn.btn-outline.yellow-saffron.active {
    border-color: #F4D03F;
    color: #ffffff;
    background-color: #F4D03F; }

.btn.yellow-saffron-stripe {
  border-left: 4px solid #F4D03F !important; }

.btn.yellow-saffron.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.yellow-soft:not(.btn-outline) {
  color: #ffffff;
  background-color: #c8d046;
  border-color: #c8d046; }
  .btn.yellow-soft:not(.btn-outline):focus, .btn.yellow-soft:not(.btn-outline).focus {
    color: #ffffff;
    background-color: #adb52e;
    border-color: #73781e; }
  .btn.yellow-soft:not(.btn-outline):hover {
    color: #ffffff;
    background-color: #adb52e;
    border-color: #a5ad2c; }
  .btn.yellow-soft:not(.btn-outline):active, .btn.yellow-soft:not(.btn-outline).active,
  .open > .btn.yellow-soft:not(.btn-outline).dropdown-toggle {
    color: #ffffff;
    background-color: #adb52e;
    border-color: #a5ad2c; }
    .btn.yellow-soft:not(.btn-outline):active:hover, .btn.yellow-soft:not(.btn-outline):active:focus, .btn.yellow-soft:not(.btn-outline):active.focus, .btn.yellow-soft:not(.btn-outline).active:hover, .btn.yellow-soft:not(.btn-outline).active:focus, .btn.yellow-soft:not(.btn-outline).active.focus,
    .open > .btn.yellow-soft:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.yellow-soft:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.yellow-soft:not(.btn-outline).dropdown-toggle.focus {
      color: #ffffff;
      background-color: #929927;
      border-color: #73781e; }
  .btn.yellow-soft:not(.btn-outline):active, .btn.yellow-soft:not(.btn-outline).active,
  .open > .btn.yellow-soft:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.yellow-soft:not(.btn-outline).disabled:hover, .btn.yellow-soft:not(.btn-outline).disabled:focus, .btn.yellow-soft:not(.btn-outline).disabled.focus, .btn.yellow-soft:not(.btn-outline)[disabled]:hover, .btn.yellow-soft:not(.btn-outline)[disabled]:focus, .btn.yellow-soft:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.yellow-soft:not(.btn-outline):hover,
  fieldset[disabled] .btn.yellow-soft:not(.btn-outline):focus,
  fieldset[disabled] .btn.yellow-soft:not(.btn-outline).focus {
    background-color: #c8d046;
    border-color: #c8d046; }
  .btn.yellow-soft:not(.btn-outline) .badge {
    color: #c8d046;
    background-color: #ffffff; }

.btn.btn-outline.yellow-soft {
  border-color: #c8d046;
  color: #c8d046;
  background: none; }
  .btn.btn-outline.yellow-soft:hover, .btn.btn-outline.yellow-soft:active, .btn.btn-outline.yellow-soft:active:hover, .btn.btn-outline.yellow-soft:active:focus, .btn.btn-outline.yellow-soft:focus, .btn.btn-outline.yellow-soft.active {
    border-color: #c8d046;
    color: #ffffff;
    background-color: #c8d046; }

.btn.yellow-soft-stripe {
  border-left: 4px solid #c8d046 !important; }

.btn.yellow-soft.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.yellow-haze:not(.btn-outline) {
  color: #ffffff;
  background-color: #c5bf66;
  border-color: #c5bf66; }
  .btn.yellow-haze:not(.btn-outline):focus, .btn.yellow-haze:not(.btn-outline).focus {
    color: #ffffff;
    background-color: #b4ad44;
    border-color: #7c772f; }
  .btn.yellow-haze:not(.btn-outline):hover {
    color: #ffffff;
    background-color: #b4ad44;
    border-color: #aca641; }
  .btn.yellow-haze:not(.btn-outline):active, .btn.yellow-haze:not(.btn-outline).active,
  .open > .btn.yellow-haze:not(.btn-outline).dropdown-toggle {
    color: #ffffff;
    background-color: #b4ad44;
    border-color: #aca641; }
    .btn.yellow-haze:not(.btn-outline):active:hover, .btn.yellow-haze:not(.btn-outline):active:focus, .btn.yellow-haze:not(.btn-outline):active.focus, .btn.yellow-haze:not(.btn-outline).active:hover, .btn.yellow-haze:not(.btn-outline).active:focus, .btn.yellow-haze:not(.btn-outline).active.focus,
    .open > .btn.yellow-haze:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.yellow-haze:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.yellow-haze:not(.btn-outline).dropdown-toggle.focus {
      color: #ffffff;
      background-color: #9a943a;
      border-color: #7c772f; }
  .btn.yellow-haze:not(.btn-outline):active, .btn.yellow-haze:not(.btn-outline).active,
  .open > .btn.yellow-haze:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.yellow-haze:not(.btn-outline).disabled:hover, .btn.yellow-haze:not(.btn-outline).disabled:focus, .btn.yellow-haze:not(.btn-outline).disabled.focus, .btn.yellow-haze:not(.btn-outline)[disabled]:hover, .btn.yellow-haze:not(.btn-outline)[disabled]:focus, .btn.yellow-haze:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.yellow-haze:not(.btn-outline):hover,
  fieldset[disabled] .btn.yellow-haze:not(.btn-outline):focus,
  fieldset[disabled] .btn.yellow-haze:not(.btn-outline).focus {
    background-color: #c5bf66;
    border-color: #c5bf66; }
  .btn.yellow-haze:not(.btn-outline) .badge {
    color: #c5bf66;
    background-color: #ffffff; }

.btn.btn-outline.yellow-haze {
  border-color: #c5bf66;
  color: #c5bf66;
  background: none; }
  .btn.btn-outline.yellow-haze:hover, .btn.btn-outline.yellow-haze:active, .btn.btn-outline.yellow-haze:active:hover, .btn.btn-outline.yellow-haze:active:focus, .btn.btn-outline.yellow-haze:focus, .btn.btn-outline.yellow-haze.active {
    border-color: #c5bf66;
    color: #ffffff;
    background-color: #c5bf66; }

.btn.yellow-haze-stripe {
  border-left: 4px solid #c5bf66 !important; }

.btn.yellow-haze.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.yellow-mint:not(.btn-outline) {
  color: #ffffff;
  background-color: #c5b96b;
  border-color: #c5b96b; }
  .btn.yellow-mint:not(.btn-outline):focus, .btn.yellow-mint:not(.btn-outline).focus {
    color: #ffffff;
    background-color: #b6a747;
    border-color: #7f7532; }
  .btn.yellow-mint:not(.btn-outline):hover {
    color: #ffffff;
    background-color: #b6a747;
    border-color: #aea044; }
  .btn.yellow-mint:not(.btn-outline):active, .btn.yellow-mint:not(.btn-outline).active,
  .open > .btn.yellow-mint:not(.btn-outline).dropdown-toggle {
    color: #ffffff;
    background-color: #b6a747;
    border-color: #aea044; }
    .btn.yellow-mint:not(.btn-outline):active:hover, .btn.yellow-mint:not(.btn-outline):active:focus, .btn.yellow-mint:not(.btn-outline):active.focus, .btn.yellow-mint:not(.btn-outline).active:hover, .btn.yellow-mint:not(.btn-outline).active:focus, .btn.yellow-mint:not(.btn-outline).active.focus,
    .open > .btn.yellow-mint:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.yellow-mint:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.yellow-mint:not(.btn-outline).dropdown-toggle.focus {
      color: #ffffff;
      background-color: #9c8f3d;
      border-color: #7f7532; }
  .btn.yellow-mint:not(.btn-outline):active, .btn.yellow-mint:not(.btn-outline).active,
  .open > .btn.yellow-mint:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.yellow-mint:not(.btn-outline).disabled:hover, .btn.yellow-mint:not(.btn-outline).disabled:focus, .btn.yellow-mint:not(.btn-outline).disabled.focus, .btn.yellow-mint:not(.btn-outline)[disabled]:hover, .btn.yellow-mint:not(.btn-outline)[disabled]:focus, .btn.yellow-mint:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.yellow-mint:not(.btn-outline):hover,
  fieldset[disabled] .btn.yellow-mint:not(.btn-outline):focus,
  fieldset[disabled] .btn.yellow-mint:not(.btn-outline).focus {
    background-color: #c5b96b;
    border-color: #c5b96b; }
  .btn.yellow-mint:not(.btn-outline) .badge {
    color: #c5b96b;
    background-color: #ffffff; }

.btn.btn-outline.yellow-mint {
  border-color: #c5b96b;
  color: #c5b96b;
  background: none; }
  .btn.btn-outline.yellow-mint:hover, .btn.btn-outline.yellow-mint:active, .btn.btn-outline.yellow-mint:active:hover, .btn.btn-outline.yellow-mint:active:focus, .btn.btn-outline.yellow-mint:focus, .btn.btn-outline.yellow-mint.active {
    border-color: #c5b96b;
    color: #ffffff;
    background-color: #c5b96b; }

.btn.yellow-mint-stripe {
  border-left: 4px solid #c5b96b !important; }

.btn.yellow-mint.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.purple:not(.btn-outline) {
  color: #ffffff;
  background-color: #8E44AD;
  border-color: #8E44AD; }
  .btn.purple:not(.btn-outline):focus, .btn.purple:not(.btn-outline).focus {
    color: #ffffff;
    background-color: #703688;
    border-color: #432051; }
  .btn.purple:not(.btn-outline):hover {
    color: #ffffff;
    background-color: #703688;
    border-color: #6a3381; }
  .btn.purple:not(.btn-outline):active, .btn.purple:not(.btn-outline).active,
  .open > .btn.purple:not(.btn-outline).dropdown-toggle {
    color: #ffffff;
    background-color: #703688;
    border-color: #6a3381; }
    .btn.purple:not(.btn-outline):active:hover, .btn.purple:not(.btn-outline):active:focus, .btn.purple:not(.btn-outline):active.focus, .btn.purple:not(.btn-outline).active:hover, .btn.purple:not(.btn-outline).active:focus, .btn.purple:not(.btn-outline).active.focus,
    .open > .btn.purple:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.purple:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.purple:not(.btn-outline).dropdown-toggle.focus {
      color: #ffffff;
      background-color: #5b2c6f;
      border-color: #432051; }
  .btn.purple:not(.btn-outline):active, .btn.purple:not(.btn-outline).active,
  .open > .btn.purple:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.purple:not(.btn-outline).disabled:hover, .btn.purple:not(.btn-outline).disabled:focus, .btn.purple:not(.btn-outline).disabled.focus, .btn.purple:not(.btn-outline)[disabled]:hover, .btn.purple:not(.btn-outline)[disabled]:focus, .btn.purple:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.purple:not(.btn-outline):hover,
  fieldset[disabled] .btn.purple:not(.btn-outline):focus,
  fieldset[disabled] .btn.purple:not(.btn-outline).focus {
    background-color: #8E44AD;
    border-color: #8E44AD; }
  .btn.purple:not(.btn-outline) .badge {
    color: #8E44AD;
    background-color: #ffffff; }

.btn.btn-outline.purple {
  border-color: #8E44AD;
  color: #8E44AD;
  background: none; }
  .btn.btn-outline.purple:hover, .btn.btn-outline.purple:active, .btn.btn-outline.purple:active:hover, .btn.btn-outline.purple:active:focus, .btn.btn-outline.purple:focus, .btn.btn-outline.purple.active {
    border-color: #8E44AD;
    color: #ffffff;
    background-color: #8E44AD; }

.btn.purple-stripe {
  border-left: 4px solid #8E44AD !important; }

.btn.purple.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.purple-plum:not(.btn-outline) {
  color: #ffffff;
  background-color: #8775a7;
  border-color: #8775a7; }
  .btn.purple-plum:not(.btn-outline):focus, .btn.purple-plum:not(.btn-outline).focus {
    color: #ffffff;
    background-color: #6d5b8e;
    border-color: #493d60; }
  .btn.purple-plum:not(.btn-outline):hover {
    color: #ffffff;
    background-color: #6d5b8e;
    border-color: #685788; }
  .btn.purple-plum:not(.btn-outline):active, .btn.purple-plum:not(.btn-outline).active,
  .open > .btn.purple-plum:not(.btn-outline).dropdown-toggle {
    color: #ffffff;
    background-color: #6d5b8e;
    border-color: #685788; }
    .btn.purple-plum:not(.btn-outline):active:hover, .btn.purple-plum:not(.btn-outline):active:focus, .btn.purple-plum:not(.btn-outline):active.focus, .btn.purple-plum:not(.btn-outline).active:hover, .btn.purple-plum:not(.btn-outline).active:focus, .btn.purple-plum:not(.btn-outline).active.focus,
    .open > .btn.purple-plum:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.purple-plum:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.purple-plum:not(.btn-outline).dropdown-toggle.focus {
      color: #ffffff;
      background-color: #5d4d78;
      border-color: #493d60; }
  .btn.purple-plum:not(.btn-outline):active, .btn.purple-plum:not(.btn-outline).active,
  .open > .btn.purple-plum:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.purple-plum:not(.btn-outline).disabled:hover, .btn.purple-plum:not(.btn-outline).disabled:focus, .btn.purple-plum:not(.btn-outline).disabled.focus, .btn.purple-plum:not(.btn-outline)[disabled]:hover, .btn.purple-plum:not(.btn-outline)[disabled]:focus, .btn.purple-plum:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.purple-plum:not(.btn-outline):hover,
  fieldset[disabled] .btn.purple-plum:not(.btn-outline):focus,
  fieldset[disabled] .btn.purple-plum:not(.btn-outline).focus {
    background-color: #8775a7;
    border-color: #8775a7; }
  .btn.purple-plum:not(.btn-outline) .badge {
    color: #8775a7;
    background-color: #ffffff; }

.btn.btn-outline.purple-plum {
  border-color: #8775a7;
  color: #8775a7;
  background: none; }
  .btn.btn-outline.purple-plum:hover, .btn.btn-outline.purple-plum:active, .btn.btn-outline.purple-plum:active:hover, .btn.btn-outline.purple-plum:active:focus, .btn.btn-outline.purple-plum:focus, .btn.btn-outline.purple-plum.active {
    border-color: #8775a7;
    color: #ffffff;
    background-color: #8775a7; }

.btn.purple-plum-stripe {
  border-left: 4px solid #8775a7 !important; }

.btn.purple-plum.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.purple-medium:not(.btn-outline) {
  color: #ffffff;
  background-color: #BF55EC;
  border-color: #BF55EC; }
  .btn.purple-medium:not(.btn-outline):focus, .btn.purple-medium:not(.btn-outline).focus {
    color: #ffffff;
    background-color: #ae27e7;
    border-color: #8013ae; }
  .btn.purple-medium:not(.btn-outline):hover {
    color: #ffffff;
    background-color: #ae27e7;
    border-color: #aa1ee6; }
  .btn.purple-medium:not(.btn-outline):active, .btn.purple-medium:not(.btn-outline).active,
  .open > .btn.purple-medium:not(.btn-outline).dropdown-toggle {
    color: #ffffff;
    background-color: #ae27e7;
    border-color: #aa1ee6; }
    .btn.purple-medium:not(.btn-outline):active:hover, .btn.purple-medium:not(.btn-outline):active:focus, .btn.purple-medium:not(.btn-outline):active.focus, .btn.purple-medium:not(.btn-outline).active:hover, .btn.purple-medium:not(.btn-outline).active:focus, .btn.purple-medium:not(.btn-outline).active.focus,
    .open > .btn.purple-medium:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.purple-medium:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.purple-medium:not(.btn-outline).dropdown-toggle.focus {
      color: #ffffff;
      background-color: #9b18d3;
      border-color: #8013ae; }
  .btn.purple-medium:not(.btn-outline):active, .btn.purple-medium:not(.btn-outline).active,
  .open > .btn.purple-medium:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.purple-medium:not(.btn-outline).disabled:hover, .btn.purple-medium:not(.btn-outline).disabled:focus, .btn.purple-medium:not(.btn-outline).disabled.focus, .btn.purple-medium:not(.btn-outline)[disabled]:hover, .btn.purple-medium:not(.btn-outline)[disabled]:focus, .btn.purple-medium:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.purple-medium:not(.btn-outline):hover,
  fieldset[disabled] .btn.purple-medium:not(.btn-outline):focus,
  fieldset[disabled] .btn.purple-medium:not(.btn-outline).focus {
    background-color: #BF55EC;
    border-color: #BF55EC; }
  .btn.purple-medium:not(.btn-outline) .badge {
    color: #BF55EC;
    background-color: #ffffff; }

.btn.btn-outline.purple-medium {
  border-color: #BF55EC;
  color: #BF55EC;
  background: none; }
  .btn.btn-outline.purple-medium:hover, .btn.btn-outline.purple-medium:active, .btn.btn-outline.purple-medium:active:hover, .btn.btn-outline.purple-medium:active:focus, .btn.btn-outline.purple-medium:focus, .btn.btn-outline.purple-medium.active {
    border-color: #BF55EC;
    color: #ffffff;
    background-color: #BF55EC; }

.btn.purple-medium-stripe {
  border-left: 4px solid #BF55EC !important; }

.btn.purple-medium.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.purple-studio:not(.btn-outline) {
  color: #ffffff;
  background-color: #8E44AD;
  border-color: #8E44AD; }
  .btn.purple-studio:not(.btn-outline):focus, .btn.purple-studio:not(.btn-outline).focus {
    color: #ffffff;
    background-color: #703688;
    border-color: #432051; }
  .btn.purple-studio:not(.btn-outline):hover {
    color: #ffffff;
    background-color: #703688;
    border-color: #6a3381; }
  .btn.purple-studio:not(.btn-outline):active, .btn.purple-studio:not(.btn-outline).active,
  .open > .btn.purple-studio:not(.btn-outline).dropdown-toggle {
    color: #ffffff;
    background-color: #703688;
    border-color: #6a3381; }
    .btn.purple-studio:not(.btn-outline):active:hover, .btn.purple-studio:not(.btn-outline):active:focus, .btn.purple-studio:not(.btn-outline):active.focus, .btn.purple-studio:not(.btn-outline).active:hover, .btn.purple-studio:not(.btn-outline).active:focus, .btn.purple-studio:not(.btn-outline).active.focus,
    .open > .btn.purple-studio:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.purple-studio:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.purple-studio:not(.btn-outline).dropdown-toggle.focus {
      color: #ffffff;
      background-color: #5b2c6f;
      border-color: #432051; }
  .btn.purple-studio:not(.btn-outline):active, .btn.purple-studio:not(.btn-outline).active,
  .open > .btn.purple-studio:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.purple-studio:not(.btn-outline).disabled:hover, .btn.purple-studio:not(.btn-outline).disabled:focus, .btn.purple-studio:not(.btn-outline).disabled.focus, .btn.purple-studio:not(.btn-outline)[disabled]:hover, .btn.purple-studio:not(.btn-outline)[disabled]:focus, .btn.purple-studio:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.purple-studio:not(.btn-outline):hover,
  fieldset[disabled] .btn.purple-studio:not(.btn-outline):focus,
  fieldset[disabled] .btn.purple-studio:not(.btn-outline).focus {
    background-color: #8E44AD;
    border-color: #8E44AD; }
  .btn.purple-studio:not(.btn-outline) .badge {
    color: #8E44AD;
    background-color: #ffffff; }

.btn.btn-outline.purple-studio {
  border-color: #8E44AD;
  color: #8E44AD;
  background: none; }
  .btn.btn-outline.purple-studio:hover, .btn.btn-outline.purple-studio:active, .btn.btn-outline.purple-studio:active:hover, .btn.btn-outline.purple-studio:active:focus, .btn.btn-outline.purple-studio:focus, .btn.btn-outline.purple-studio.active {
    border-color: #8E44AD;
    color: #ffffff;
    background-color: #8E44AD; }

.btn.purple-studio-stripe {
  border-left: 4px solid #8E44AD !important; }

.btn.purple-studio.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.purple-wisteria:not(.btn-outline) {
  color: #ffffff;
  background-color: #9B59B6;
  border-color: #9B59B6; }
  .btn.purple-wisteria:not(.btn-outline):focus, .btn.purple-wisteria:not(.btn-outline).focus {
    color: #ffffff;
    background-color: #804399;
    border-color: #532c64; }
  .btn.purple-wisteria:not(.btn-outline):hover {
    color: #ffffff;
    background-color: #804399;
    border-color: #7a4092; }
  .btn.purple-wisteria:not(.btn-outline):active, .btn.purple-wisteria:not(.btn-outline).active,
  .open > .btn.purple-wisteria:not(.btn-outline).dropdown-toggle {
    color: #ffffff;
    background-color: #804399;
    border-color: #7a4092; }
    .btn.purple-wisteria:not(.btn-outline):active:hover, .btn.purple-wisteria:not(.btn-outline):active:focus, .btn.purple-wisteria:not(.btn-outline):active.focus, .btn.purple-wisteria:not(.btn-outline).active:hover, .btn.purple-wisteria:not(.btn-outline).active:focus, .btn.purple-wisteria:not(.btn-outline).active.focus,
    .open > .btn.purple-wisteria:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.purple-wisteria:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.purple-wisteria:not(.btn-outline).dropdown-toggle.focus {
      color: #ffffff;
      background-color: #6b3880;
      border-color: #532c64; }
  .btn.purple-wisteria:not(.btn-outline):active, .btn.purple-wisteria:not(.btn-outline).active,
  .open > .btn.purple-wisteria:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.purple-wisteria:not(.btn-outline).disabled:hover, .btn.purple-wisteria:not(.btn-outline).disabled:focus, .btn.purple-wisteria:not(.btn-outline).disabled.focus, .btn.purple-wisteria:not(.btn-outline)[disabled]:hover, .btn.purple-wisteria:not(.btn-outline)[disabled]:focus, .btn.purple-wisteria:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.purple-wisteria:not(.btn-outline):hover,
  fieldset[disabled] .btn.purple-wisteria:not(.btn-outline):focus,
  fieldset[disabled] .btn.purple-wisteria:not(.btn-outline).focus {
    background-color: #9B59B6;
    border-color: #9B59B6; }
  .btn.purple-wisteria:not(.btn-outline) .badge {
    color: #9B59B6;
    background-color: #ffffff; }

.btn.btn-outline.purple-wisteria {
  border-color: #9B59B6;
  color: #9B59B6;
  background: none; }
  .btn.btn-outline.purple-wisteria:hover, .btn.btn-outline.purple-wisteria:active, .btn.btn-outline.purple-wisteria:active:hover, .btn.btn-outline.purple-wisteria:active:focus, .btn.btn-outline.purple-wisteria:focus, .btn.btn-outline.purple-wisteria.active {
    border-color: #9B59B6;
    color: #ffffff;
    background-color: #9B59B6; }

.btn.purple-wisteria-stripe {
  border-left: 4px solid #9B59B6 !important; }

.btn.purple-wisteria.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.purple-seance:not(.btn-outline) {
  color: #ffffff;
  background-color: #9A12B3;
  border-color: #9A12B3; }
  .btn.purple-seance:not(.btn-outline):focus, .btn.purple-seance:not(.btn-outline).focus {
    color: #ffffff;
    background-color: #720d85;
    border-color: #36063f; }
  .btn.purple-seance:not(.btn-outline):hover {
    color: #ffffff;
    background-color: #720d85;
    border-color: #6a0c7b; }
  .btn.purple-seance:not(.btn-outline):active, .btn.purple-seance:not(.btn-outline).active,
  .open > .btn.purple-seance:not(.btn-outline).dropdown-toggle {
    color: #ffffff;
    background-color: #720d85;
    border-color: #6a0c7b; }
    .btn.purple-seance:not(.btn-outline):active:hover, .btn.purple-seance:not(.btn-outline):active:focus, .btn.purple-seance:not(.btn-outline):active.focus, .btn.purple-seance:not(.btn-outline).active:hover, .btn.purple-seance:not(.btn-outline).active:focus, .btn.purple-seance:not(.btn-outline).active.focus,
    .open > .btn.purple-seance:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.purple-seance:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.purple-seance:not(.btn-outline).dropdown-toggle.focus {
      color: #ffffff;
      background-color: #560a64;
      border-color: #36063f; }
  .btn.purple-seance:not(.btn-outline):active, .btn.purple-seance:not(.btn-outline).active,
  .open > .btn.purple-seance:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.purple-seance:not(.btn-outline).disabled:hover, .btn.purple-seance:not(.btn-outline).disabled:focus, .btn.purple-seance:not(.btn-outline).disabled.focus, .btn.purple-seance:not(.btn-outline)[disabled]:hover, .btn.purple-seance:not(.btn-outline)[disabled]:focus, .btn.purple-seance:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.purple-seance:not(.btn-outline):hover,
  fieldset[disabled] .btn.purple-seance:not(.btn-outline):focus,
  fieldset[disabled] .btn.purple-seance:not(.btn-outline).focus {
    background-color: #9A12B3;
    border-color: #9A12B3; }
  .btn.purple-seance:not(.btn-outline) .badge {
    color: #9A12B3;
    background-color: #ffffff; }

.btn.btn-outline.purple-seance {
  border-color: #9A12B3;
  color: #9A12B3;
  background: none; }
  .btn.btn-outline.purple-seance:hover, .btn.btn-outline.purple-seance:active, .btn.btn-outline.purple-seance:active:hover, .btn.btn-outline.purple-seance:active:focus, .btn.btn-outline.purple-seance:focus, .btn.btn-outline.purple-seance.active {
    border-color: #9A12B3;
    color: #ffffff;
    background-color: #9A12B3; }

.btn.purple-seance-stripe {
  border-left: 4px solid #9A12B3 !important; }

.btn.purple-seance.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.purple-intense:not(.btn-outline) {
  color: #ffffff;
  background-color: #8775a7;
  border-color: #8775a7; }
  .btn.purple-intense:not(.btn-outline):focus, .btn.purple-intense:not(.btn-outline).focus {
    color: #ffffff;
    background-color: #6d5b8e;
    border-color: #493d60; }
  .btn.purple-intense:not(.btn-outline):hover {
    color: #ffffff;
    background-color: #6d5b8e;
    border-color: #685788; }
  .btn.purple-intense:not(.btn-outline):active, .btn.purple-intense:not(.btn-outline).active,
  .open > .btn.purple-intense:not(.btn-outline).dropdown-toggle {
    color: #ffffff;
    background-color: #6d5b8e;
    border-color: #685788; }
    .btn.purple-intense:not(.btn-outline):active:hover, .btn.purple-intense:not(.btn-outline):active:focus, .btn.purple-intense:not(.btn-outline):active.focus, .btn.purple-intense:not(.btn-outline).active:hover, .btn.purple-intense:not(.btn-outline).active:focus, .btn.purple-intense:not(.btn-outline).active.focus,
    .open > .btn.purple-intense:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.purple-intense:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.purple-intense:not(.btn-outline).dropdown-toggle.focus {
      color: #ffffff;
      background-color: #5d4d78;
      border-color: #493d60; }
  .btn.purple-intense:not(.btn-outline):active, .btn.purple-intense:not(.btn-outline).active,
  .open > .btn.purple-intense:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.purple-intense:not(.btn-outline).disabled:hover, .btn.purple-intense:not(.btn-outline).disabled:focus, .btn.purple-intense:not(.btn-outline).disabled.focus, .btn.purple-intense:not(.btn-outline)[disabled]:hover, .btn.purple-intense:not(.btn-outline)[disabled]:focus, .btn.purple-intense:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.purple-intense:not(.btn-outline):hover,
  fieldset[disabled] .btn.purple-intense:not(.btn-outline):focus,
  fieldset[disabled] .btn.purple-intense:not(.btn-outline).focus {
    background-color: #8775a7;
    border-color: #8775a7; }
  .btn.purple-intense:not(.btn-outline) .badge {
    color: #8775a7;
    background-color: #ffffff; }

.btn.btn-outline.purple-intense {
  border-color: #8775a7;
  color: #8775a7;
  background: none; }
  .btn.btn-outline.purple-intense:hover, .btn.btn-outline.purple-intense:active, .btn.btn-outline.purple-intense:active:hover, .btn.btn-outline.purple-intense:active:focus, .btn.btn-outline.purple-intense:focus, .btn.btn-outline.purple-intense.active {
    border-color: #8775a7;
    color: #ffffff;
    background-color: #8775a7; }

.btn.purple-intense-stripe {
  border-left: 4px solid #8775a7 !important; }

.btn.purple-intense.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.purple-sharp:not(.btn-outline) {
  color: #ffffff;
  background-color: #796799;
  border-color: #796799; }
  .btn.purple-sharp:not(.btn-outline):focus, .btn.purple-sharp:not(.btn-outline).focus {
    color: #ffffff;
    background-color: #61527b;
    border-color: #3d344d; }
  .btn.purple-sharp:not(.btn-outline):hover {
    color: #ffffff;
    background-color: #61527b;
    border-color: #5c4e75; }
  .btn.purple-sharp:not(.btn-outline):active, .btn.purple-sharp:not(.btn-outline).active,
  .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle {
    color: #ffffff;
    background-color: #61527b;
    border-color: #5c4e75; }
    .btn.purple-sharp:not(.btn-outline):active:hover, .btn.purple-sharp:not(.btn-outline):active:focus, .btn.purple-sharp:not(.btn-outline):active.focus, .btn.purple-sharp:not(.btn-outline).active:hover, .btn.purple-sharp:not(.btn-outline).active:focus, .btn.purple-sharp:not(.btn-outline).active.focus,
    .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle.focus {
      color: #ffffff;
      background-color: #504465;
      border-color: #3d344d; }
  .btn.purple-sharp:not(.btn-outline):active, .btn.purple-sharp:not(.btn-outline).active,
  .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.purple-sharp:not(.btn-outline).disabled:hover, .btn.purple-sharp:not(.btn-outline).disabled:focus, .btn.purple-sharp:not(.btn-outline).disabled.focus, .btn.purple-sharp:not(.btn-outline)[disabled]:hover, .btn.purple-sharp:not(.btn-outline)[disabled]:focus, .btn.purple-sharp:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.purple-sharp:not(.btn-outline):hover,
  fieldset[disabled] .btn.purple-sharp:not(.btn-outline):focus,
  fieldset[disabled] .btn.purple-sharp:not(.btn-outline).focus {
    background-color: #796799;
    border-color: #796799; }
  .btn.purple-sharp:not(.btn-outline) .badge {
    color: #796799;
    background-color: #ffffff; }

.btn.btn-outline.purple-sharp {
  border-color: #796799;
  color: #796799;
  background: none; }
  .btn.btn-outline.purple-sharp:hover, .btn.btn-outline.purple-sharp:active, .btn.btn-outline.purple-sharp:active:hover, .btn.btn-outline.purple-sharp:active:focus, .btn.btn-outline.purple-sharp:focus, .btn.btn-outline.purple-sharp.active {
    border-color: #796799;
    color: #ffffff;
    background-color: #796799; }

.btn.purple-sharp-stripe {
  border-left: 4px solid #796799 !important; }

.btn.purple-sharp.btn-no-border:not(.active) {
  border-color: transparent; }

.btn.purple-soft:not(.btn-outline) {
  color: #ffffff;
  background-color: #8877a9;
  border-color: #8877a9; }
  .btn.purple-soft:not(.btn-outline):focus, .btn.purple-soft:not(.btn-outline).focus {
    color: #ffffff;
    background-color: #6e5c91;
    border-color: #4a3e62; }
  .btn.purple-soft:not(.btn-outline):hover {
    color: #ffffff;
    background-color: #6e5c91;
    border-color: #69588b; }
  .btn.purple-soft:not(.btn-outline):active, .btn.purple-soft:not(.btn-outline).active,
  .open > .btn.purple-soft:not(.btn-outline).dropdown-toggle {
    color: #ffffff;
    background-color: #6e5c91;
    border-color: #69588b; }
    .btn.purple-soft:not(.btn-outline):active:hover, .btn.purple-soft:not(.btn-outline):active:focus, .btn.purple-soft:not(.btn-outline):active.focus, .btn.purple-soft:not(.btn-outline).active:hover, .btn.purple-soft:not(.btn-outline).active:focus, .btn.purple-soft:not(.btn-outline).active.focus,
    .open > .btn.purple-soft:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.purple-soft:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.purple-soft:not(.btn-outline).dropdown-toggle.focus {
      color: #ffffff;
      background-color: #5d4e7b;
      border-color: #4a3e62; }
  .btn.purple-soft:not(.btn-outline):active, .btn.purple-soft:not(.btn-outline).active,
  .open > .btn.purple-soft:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.purple-soft:not(.btn-outline).disabled:hover, .btn.purple-soft:not(.btn-outline).disabled:focus, .btn.purple-soft:not(.btn-outline).disabled.focus, .btn.purple-soft:not(.btn-outline)[disabled]:hover, .btn.purple-soft:not(.btn-outline)[disabled]:focus, .btn.purple-soft:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.purple-soft:not(.btn-outline):hover,
  fieldset[disabled] .btn.purple-soft:not(.btn-outline):focus,
  fieldset[disabled] .btn.purple-soft:not(.btn-outline).focus {
    background-color: #8877a9;
    border-color: #8877a9; }
  .btn.purple-soft:not(.btn-outline) .badge {
    color: #8877a9;
    background-color: #ffffff; }

.btn.btn-outline.purple-soft {
  border-color: #8877a9;
  color: #8877a9;
  background: none; }
  .btn.btn-outline.purple-soft:hover, .btn.btn-outline.purple-soft:active, .btn.btn-outline.purple-soft:active:hover, .btn.btn-outline.purple-soft:active:focus, .btn.btn-outline.purple-soft:focus, .btn.btn-outline.purple-soft.active {
    border-color: #8877a9;
    color: #ffffff;
    background-color: #8877a9; }

.btn.purple-soft-stripe {
  border-left: 4px solid #8877a9 !important; }

.btn.purple-soft.btn-no-border:not(.active) {
  border-color: transparent; }

/* Circle Buttons */
.btn-circle {
  border-radius: 25px !important;
  overflow: hidden; }

.btn-circle-right {
  border-radius: 0 25px 25px 0 !important; }

.btn-circle-left {
  border-radius: 25px 0 0 25px !important; }

.btn-circle-bottom {
  border-radius: 0 0 25px 25px !important; }

.btn-circle-top {
  border-radius: 25px 25px 0 0 !important; }

.btn-icon-only {
  height: 34px;
  width: 34px;
  text-align: center;
  padding-left: 0;
  padding-right: 0; }
  .btn-icon-only > [class^="icon-"],
  .btn-icon-only > i {
    text-align: center;
    margin-top: 2px; }

.btn-group.btn-group-circle > .btn:first-child {
  border-radius: 25px 0 0 25px !important; }

.btn-group.btn-group-circle > .btn:last-child {
  border-radius: 0 25px 25px 0 !important; }

.btn-group.btn-group-devided > .btn {
  margin-right: 5px; }
  .btn-group.btn-group-devided > .btn:last-child {
    margin-right: 0; }

.btn-group-vertical.btn-group-vertical-circle > .btn:first-child {
  border-radius: 25px 25px 0 0 !important; }

.btn-group-vertical.btn-group-vertical-circle > .btn:last-child {
  border-radius: 0 0 25px 25px !important; }

.signinbutton {margin: 10px}

.btn.jayem-blue:not(.btn-outline) {
  color: #ffffff;
  background-color: #098af2;
  border-color: #098af2; }
  .btn.jayem-blue:not(.btn-outline):focus, .btn.jayem-blue:not(.btn-outline).focus {
    color: #ffffff;
    background-color: #cf1c28;
    border-color: #8b131b; }
  .btn.jayem-blue:not(.btn-outline):hover {
    color: #ffffff;
    background-color: #0c79d2;
    border-color: #0c79d2; }
  .btn.jayem-blue:not(.btn-outline):active, .btn.jayem-blue:not(.btn-outline).active,
  .open > .btn.jayem-blue:not(.btn-outline).dropdown-toggle {
    color: #ffffff;
    background-color: #0c79d2;
    border-color: #0c79d2; }
    .btn.jayem-blue:not(.btn-outline):active:hover, .btn.jayem-blue:not(.btn-outline):active:focus, .btn.jayem-blue:not(.btn-outline):active.focus, .btn.jayem-blue:not(.btn-outline).active:hover, .btn.jayem-blue:not(.btn-outline).active:focus, .btn.jayem-blue:not(.btn-outline).active.focus,
    .open > .btn.jayem-blue:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.jayem-blue:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.jayem-blue:not(.btn-outline).dropdown-toggle.focus {
      color: #ffffff;
      background-color: #0c79d2;
      border-color: #0c79d2; }
  .btn.jayem-blue:not(.btn-outline):active, .btn.jayem-blue:not(.btn-outline).active,
  .open > .btn.jayem-blue:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.jayem-blue:not(.btn-outline).disabled:hover, .btn.jayem-blue:not(.btn-outline).disabled:focus, .btn.jayem-blue:not(.btn-outline).disabled.focus, .btn.jayem-blue:not(.btn-outline)[disabled]:hover, .btn.jayem-blue:not(.btn-outline)[disabled]:focus, .btn.jayem-blue:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.jayem-blue:not(.btn-outline):hover,
  fieldset[disabled] .btn.jayem-blue:not(.btn-outline):focus,
  fieldset[disabled] .btn.jayem-blue:not(.btn-outline).focus {
    background-color: #098af2;
    border-color: #098af2; }
  .btn.jayem-blue:not(.btn-outline) .badge {
    color: #098af2;
    background-color: #ffffff; }

.btn.btn-outline.jayem-blue {
  border-color: #098af2;
  color: #098af2;
  background: none; }
  .btn.btn-outline.jayem-blue:hover, .btn.btn-outline.jayem-blue:active, .btn.btn-outline.jayem-blue:active:hover, .btn.btn-outline.jayem-blue:active:focus, .btn.btn-outline.jayem-blue:focus, .btn.btn-outline.jayem-blue.active {
    border-color: #098af2;
    color: #ffffff;
    background-color: #098af2; }

.btn.jayem-blue-stripe {
  border-left: 4px solid #098af2 !important; }

.btn.jayem-blue.btn-no-border:not(.active) {
  border-color: transparent; }


/* Cubic Bezier Transition */
/***
New Profile Page
***/
.profile-sidebar {
  float: left;
  width: 300px;
  margin-right: 20px; }

.profile-content {
  overflow: hidden; }

/* PROFILE SIDEBAR */
.profile-sidebar-portlet {
  padding: 30px 0 0 0 !important; }

.profile-userpic img {
  float: none;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important; }

.profile-usertitle {
  text-align: center;
  margin-top: 20px; }

.profile-usertitle-name {
  color: #5a7391;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 7px; }

.profile-usertitle-job {
  text-transform: uppercase;
  color: #5b9bd1;
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 7px; }

.profile-userbuttons {
  text-align: center;
  margin-top: 10px; }

.profile-userbuttons .btn {
  margin-right: 5px; }
  .profile-userbuttons .btn:last-child {
    margin-right: 0; }

.profile-userbuttons button {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  padding: 6px 15px; }

.profile-usermenu {
  margin-top: 30px;
  padding-bottom: 20px; }

.profile-usermenu ul li {
  border-bottom: 1px solid #f0f4f7; }

.profile-usermenu ul li:last-child {
  border-bottom: none; }

.profile-usermenu ul li a {
  color: #93a3b5;
  font-size: 16px;
  font-weight: 400; }

.profile-usermenu ul li a i {
  margin-right: 8px;
  font-size: 16px; }

.profile-usermenu ul li a:hover {
  background-color: #fafcfd;
  color: #5b9bd1; }

.profile-usermenu ul li.active a {
  color: #5b9bd1;
  background-color: #f6f9fb;
  border-left: 2px solid #5b9bd1;
  margin-left: -2px; }

.profile-stat {
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f4f7; }

.profile-stat-title {
  color: #7f90a4;
  font-size: 25px;
  text-align: center; }

.profile-stat-text {
  color: #5b9bd1;
  font-size: 11px;
  font-weight: 800;
  text-align: center; }

.profile-desc-title {
  color: #7f90a4;
  font-size: 17px;
  font-weight: 600; }

.profile-desc-text {
  color: #7e8c9e;
  font-size: 14px; }

.profile-desc-link i {
  width: 22px;
  font-size: 19px;
  color: #abb6c4;
  margin-right: 5px; }

.profile-desc-link a {
  font-size: 14px;
  font-weight: 600;
  color: #5b9bd1; }

/* END PROFILE SIDEBAR */
/* RESPONSIVE MODE */
@media (max-width: 991px) {
  /* 991px */
  /* 991px */
  .profile-sidebar {
    float: none;
    width: 100% !important;
    margin: 0; }
  .profile-sidebar > .portlet {
    margin-bottom: 20px; }
  .profile-content {
    overflow: visible; } }
.margiv-top-10{margin-top: 10px;}
.margiv-bottom-10{margin-bottom: 10px !important;}
.dashboardmetro{
    
    min-height: 100vh;padding: 1% 0 ;max-height: 500vh;
    
}
@media (max-width: 768px){
	.productcat div.bhoechie-tab-menu div.list-group>a {
		margin-bottom: 7px;
	}
	a.list-group-item, button.list-group-item {
		padding: 3px 0;
	}
	.productcat div.bhoechie-tab-menu div.list-group i {
		font-size: 22px;
	}
	.productcat div.bhoechie-tab-menu div.list-group h4 span {
		vertical-align: middle;
	}
	.productcat-slider .owl-theme .owl-controls .owl-buttons div {
		margin-top: 37px;
		margin-right: -25px;
	}
	#mainSlider.nivoSlider img {
		    height: auto !important;
	}
}
@media (max-width: 449px){
  .dashboardmetro{  
     min-height: 275vh;padding: 10% 0 1% 0;max-height:350vh;
    
}

.margintop5p{margin-top: 4%}
}

.icon-outstock-label {
    background: none repeat scroll 0 0 #fe0100 !important;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    left: 0;
    line-height: 14px;
    
    padding-top: 5px;
    padding-left: 5px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    z-index: 1;
   
}
.icon-discount-label {
    background: none repeat scroll 0 0 #098af2;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    left: 0;
    line-height: 14px;
    margin: 5px;
    padding-top: 18px;
    padding-left: 5px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    z-index: 1;
    min-height: 65px;
    min-width: 65px;
    border-radius: 50%;}
.icon-discount-label span{font-size: 16px;
    font-weight: bold;}

.step-line .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 0px !important;
}

.ui-tabs .tab-pane			{ padding: 20px; display: block; border-width: 0; background: none; 
						 border: 1px solid #ccc; position: relative; min-height: 200px; }
.ui-tabs .ui-tabs-hide 				{ display: none !important; }



.container-loading {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
  filter: url('#goo');
  animation: rotate-move 2s ease-in-out infinite;
}


.container-loading-2 {
  width: 100%;
  height: auto;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
/*  filter: url('#goo');*/
  animation: rotate-move 2s ease-in-out infinite;
}

.dot { 
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #000;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.dot-3 {
  background-color: #098af2;
  animation: dot-3-move 4s ease infinite;
}

.dot-2 {
  background-color: #fac649;
  animation: dot-2-move 4s ease infinite;
}

.dot-1 {
  background-color: #e52833;
  animation: dot-1-move 4s ease infinite;
}

@keyframes dot-3-move {
  20% {transform: scale(1)}
  45% {transform: translateY(-18px) scale(.45)}
  60% {transform: translateY(-45px) scale(.45)}
  80% {transform: translateY(-45px) scale(.45)}
  100% {transform: translateY(0px) scale(1)}
}

@keyframes dot-2-move {
  20% {transform: scale(1)}
  45% {transform: translate(-16px, 12px) scale(.45)}
  60% {transform: translate(-40px, 30px) scale(.45)}
  80% {transform: translate(-40px, 30px) scale(.45)}
  100% {transform: translateY(0px) scale(1)}
}

@keyframes dot-1-move {
  20% {transform: scale(1)}
  45% {transform: translate(16px, 12px) scale(.45)}
  60% {transform: translate(40px, 30px) scale(.45)}
  80% {transform: translate(40px, 30px) scale(.45)}
  100% {transform: translateY(0px) scale(1)}
}

@keyframes rotate-move {
  55% {transform: translate(-50%, -50%) rotate(0deg)}
  80% {transform: translate(-50%, -50%) rotate(360deg)}
  100% {transform: translate(-50%, -50%) rotate(360deg)}
}
#ajax .modal-body{min-height: 490px;}
.min-285{min-height: 285px;}
.cloudimage img{max-height: 420px;min-height: 360px;}
.thumbnail-items img {min-height: 80px;

max-height: 100px;}

.qtybuttoncartpm {padding: 0px 5px !important;margin-right: 8x;margin-left: 2px; }
.qtybuttoncartpm i{margin: 0;padding: 0;line-height: 36px}
.btnactionscart{margin: 50px 15px 0 0 !important;}



.imageupload .col-md-4{margin-top: 20px;}
/*shameem ends*/

/*nalini*/
.fixed-width
{
    max-width: 300px;
overflow-x: auto;
text-overflow: ellipsis;
min-width: 100px;
display: block;
}