/* ------------------------------------------ */
/*             TABLE OF CONTENTS
/* ------------------------------------------ */
/*   01 - General & Basic Styles   */
/*   02 - Header & Navigation      */
/*   03 - Slider                   */
/*   04 - Main Page Elements       */
/*   05 - Revolution Slider        */
/*   06 - Shortcodes Elements      */
/*   07 - Sidebar Styles           */
/*   08 - Footer Styles 		   */
/*   09 - Plugins Styles 	  	   */


/* @import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;700&display=swap');

/*------------------------------------------*/
/*	     01 - General & Basic Styles
/*------------------------------------------*/
body {
   font-family: 'Roboto', sans-serif;
	font-size: 15px;
    line-height: 22px;
	font-weight: 400;
	color: #333;
    background: #fff none repeat scroll 0 0;
}

.navbar-default .navbar-nav > li > a, strong, b, h2, h3, h4, h5, h6,p strong, ul.breadcrumbs, .top-bar .contact-details li a  {
    font-weight: 700;
} 

h1  {
    font-weight: 100;
}

.form-control.input-lg {
    font-size: 14px;
}


.margin-bottom-10 {margin-bottom: 10px;}
.margin-bottom-20 {margin-bottom: 20px;}
.margin-bottom-30 {margin-bottom: 30px;}
.margin-bottom-40 {margin-bottom: 40px;}
.margin-bottom-50 {margin-bottom: 50px;}
.margin-top-10 {margin-top: 10px;}
.margin-top-20 {margin-top: 20px;}
.margin-top-30 {margin-top: 30px;}
.margin-top-40 {margin-top: 40px;}
.margin-top-50 {margin-top: 50px;}
.padding-bottom-10 {padding-bottom: 10px;}
.padding-bottom-20 {padding-bottom: 20px;}
.padding-bottom-30 {padding-bottom: 30px;}
.padding-bottom-40 {padding-bottom: 40px;}
.padding-bottom-50 {padding-bottom: 50px;}
.padding-top-10 {padding-top: 10px;}
.padding-top-20 {padding-top: 20px;}
.padding-top-30 {padding-top: 30px;}
.padding-top-40 {padding-top: 40px;}
.padding-top-50 {padding-top: 50px;}


.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 0px solid #ccc;
    border-bottom-color: #ccc;
}
img {
	max-width: 100%;
	height: auto;
}

.img-zoom-in img,
.img-zoom-in [data-cover] {
    transition: transform .3s ease-in-out;
}

.img-zoom-in:hover img,
.img-zoom-in:hover [data-cover] {
    transform: scale(1.05);
}
.resources {
    margin-top: 20px;
    margin-bottom: 50px;
}
.resources .panel-default, .resources .panel-footer {
    border: 0px;
    background-color: transparent;
}

ul, ol {
	list-style: none;
}

ul {
    padding: 0;
    margin: 0;
}

a {
    transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
}

a:hover {
    color: #444;
}

a, a:hover {
    text-decoration: none;
}

i {
	font-size: 1.1em;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	color: #333;
}

h1 {
    font-size: 24px;
	line-height: 30px;
}

h2 {
    font-size: 22px;
	line-height: 28px;
}

h3 {
    font-size: 18px;
	line-height: 24px;
}

h4 {
    font-size: 16px;
	line-height: 22px;
}

h5 {
    font-size: 14px;
	line-height: 20px;
}

h6 {
    font-size: 12px;
	line-height: 18px;
}

p {

    margin: 0;
}

.blog-content p {

    margin: 20px 0px;
}


.accent-color-bg {
	color: #fff;
}

.fittext {
	font-size: 38px;
	line-height: 1.6em;
    margin-bottom: 35px;
	color: rgba(0,0,0, 0.8);
}

.fittext strong {
	
}

.page-content p {
	margin-bottom: 15px;
}

.wite-text {
	color: #fff;
}

.uppercase {
	text-transform: uppercase;
}

.image-text {
	margin-right: 10px;
}

.tooltip .tooltip-inner {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
}

#content {
	padding: 0px 0 0px 0px;
}

#content.full-sections {
	padding: 0;
}

.section {
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}

.section.repeat-bg {
	background-repeat: repeat;
	-webkit-background-size: auto !important;
	-moz-background-size: auto !important;
	-o-background-size: auto !important;
	background-size: auto !important;
}

.bg-parallax {
	background-attachment: fixed;
}

.section-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 34;
	opacity: 0.7;
}

.blog-content h1 {
    margin-bottom: 20px;
}

.blog-content li {
    list-style-type: disc;
    margin-left: 40px;
}
date {
    float: left;
    width: 100%;
}

.ontent .jumbotron p {
    font-size: 15px;
}
.sectioncontent .jumbotron {
    padding: 10px;
}

.sectioncontent li {
    list-style: disc;

}

/*------------------------------------------*/
/*	     02 - Header & Navigation
/*------------------------------------------*/

header {
    /*background: rgba(0, 0, 0, 0) url("../../assets/img/header.jpg") repeat scroll 0 0;*/
    /*position: relative;*/
    /*background: rgba(0, 0, 0, 0) url("../../assets/img/header-dark.jpg") repeat-x scroll 0 0;*/
    z-index: 999;
    background-color: #fff;
}

.header-block {
    background: #1b1b1c url("../../assets/img/header-block.jpg") repeat-x scroll 0 0;
    border-radius: 6px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
    position: relative;
    z-index: 999;
    
}


.header-block-light {
    /*background: #fff url("../../assets/img/header.jpg") repeat-x scroll 0 0;*/
    border-radius: 6px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
    position: relative;
    z-index: 999;
    background-color: #fff;
}

.header-block-pad {
    padding: 10px 0px; 
}
.header-help-pad {
    padding-top: 18px;  
}

.top-bar.header-help-pad {
	padding-top: 40px;
}

.search-input:focus {
    box-shadow: none;
}

.top-bar-background {
   /* background: rgba(0, 0, 0, 0) url("../../assets/img/header-dark.jpg") repeat-x scroll 0 0;*/
    background-color: #919191;
}

.top-bar .btn.btn-default,  .open > .dropdown-toggle.btn-default:focus,  .open > .dropdown-toggle.btn-default:hover, 
.open > .dropdown-toggle.btn-default:active {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #333;
    font-size: 14px !important;
    line-height: 20px;
}


.top-bar .contact-details li {
	display: inline-block;
	padding-right: 10px;
}

.top-bar .contact-details li:last-child {
	padding-right: 0px;
}


.contact-details {
	color: #fff;
}

.top-bar .contact-details li a:before {
	color: #fff;
}

.top-bar .contact-details li:first-child a:before {
	display: none;
}

.top-bar .contact-details li a {
	font-size: 13px;
	display: block;
	line-height: 34px;
    color: #fff;
}

.clena-logo {
	height: 110px;
}

.top-pills .btn.btn-default:hover{
    color: #333;
    text-decoration: none;
}
.navbar-toggle{
	display: none;
}
.navbar {
	margin-bottom: 0;
    border-top: none;
    border-bottom: none;
    border-right: none;
}
.navbar-row {
    border: 0px;
    /*background: rgba(0, 0, 0, 0) url("../../assets/img/navbar.png") repeat-x scroll 0 0;*/
    background-color: #0db14b;
}
    
.navbar-light {
    background: none;
}

.navbar-default .navbar-nav > li {
    /*border-right: 1px solid #848181;*/
}
.navbar-default .navbar-nav > li:first-child {
	margin-left: -15px;
}
.navbar-default .navbar-nav > li:hover > a,
.navbar-default .navbar-nav > li > a.active {
	color: #fff;
}


.dropdown-toggle.btn-default {
	padding: 0px;
}
.navbar-default .navbar-nav > li > a {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

/* cart dropdown */

.top-bar-dropdown-menu {
    width: 350px; 
    margin-top: 10px;
    background-color: #FCFCFC; 
}

.table.cart-dropdown {
    font-size: 13px;
    margin: 10px 0;
}

.table.cart-dropdown td {
    border: medium none;
}

.table.cart-dropdown td {
    padding: 10px 10px;
}

.table.cart-dropdown th {
    padding: 10px 10px;
}


.contacts {
    background: rgba(0, 0, 0, 0) url("../../assets/img/line-1.png") repeat-y scroll right 0;
    color: #ffffff;
    display: inline-block;
    float: right;
    line-height: 22px;
    margin:  10px 0px 0px;
    padding: 5px 90px 10px 0;
}

.contacts-light {
    display: inline-block;
    float: right;
    line-height: 22px;
    margin:  10px 0px 0px;
    font-size: 16px;
    color: #fff;
}

.contacts-light a {
    color: #fff;
}

.navbar-form {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    border-radius: 2px;
    margin: 19px 0 0;
    box-shadow: none;
}

.navbar-form-light {
    border: 1px solid #333;
    margin: 19px 0 0;
}


.navbar-form input {
    background: #fff;
    border: medium none;
    box-shadow: none;
    float: left;
    line-height: 18px;
    margin: 0;
    padding-bottom: 4px;
    padding-top: 8px;
}

.navbar-form .form-control::-moz-placeholder {
    color: #595959;
}

.navbar-form a {
    background: rgba(0, 0, 0, 0) url("../../assets/img/search.png") no-repeat scroll 0 0;
    display: inline-block;
    float: right;
	height: 16px;
	margin: 9px 10px 0px;
	width: 16px;
}

.navbar-form-light-mobile {
    background-color: transparent;
    border: medium none;
    border-radius: 2px;
    padding: 10px;
	position: relative;
}

.navbar-form-light-mobile a {

	background-color: #fff;
	z-index: 1000000;
	position: absolute;
	top: 8px;
	right: 10px;

}

.navbar-form-light-mobile input {
    padding-bottom: 8px;
}

#search-mobile.navbar-form {
	
}

/*mobile logo */
.mobile-logo {
    position: absolute;
    z-index: 1000;
}

.mobile-logo > img {
    margin-left: 10px;
    margin-top: 7px;
}


/*================================================== 
     Slideshow
 ================================================== */

/*-- Main slide --*/


#main-slide .item img{
	width: 100%;
}

#main-slide .item .slider-content {
  z-index: 0;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}
#main-slide .item.active .slider-content {
  z-index: 0;
  opacity: 1;
  -webkit-transition: opacity 100ms;
  -moz-transition: opacity 100ms;
  -o-transition: opacity 100ms;
  transition: opacity 100ms;
}

#main-slide .slider-content{
	top: 50%;
	margin-top: -70px;
	left: 0;
	padding: 0;
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	color: #fff;
}

#main-slide .carousel-indicators {
	bottom: 30px;
}

.carousel-indicators li{
	border: 1px solid #ccc !important;
    height: 10px !important;
    margin: 1px !important;
    width: 10px !important;
}

#myCarousel1 .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width: 100%;
}


#main-slide .carousel-control.left,
#main-slide .carousel-control.right {
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}

#main-slide .carousel-control.left span {
	padding: 15px;
}

#main-slide .carousel-control.right span {
	padding: 15px;
}

#main-slide .carousel-control .fa-angle-left, 
#main-slide .carousel-control .fa-angle-right{
	position: absolute;
	top: 40%;
	z-index: 5;
	display: inline-block;
}

#main-slide .carousel-control .fa-angle-left{
	left: 0;
}

#main-slide .carousel-control .fa-angle-right{
	right: 0;
}

#main-slide .carousel-control i{
	background: rgba(0,0,0,.7);
	color: #fff;
	line-height: 36px;
	font-size: 32px;
	padding: 15px 20px;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}


#main-slide .slider-content h2{
	font-size: 76px;
	text-transform: uppercase;
    color: #555;
}

#main-slide .slider-content h2.white, #main-slide .slider-content h3.white {
    color: #fff;
}

#main-slide .slider-content h3{
	font-size: 36px;
	margin-top: 60px;
	text-transform: uppercase;
    text-align: center;
    color: #555;
}

.slider.btn{
	padding: 10px 40px;
	margin-top: 40px;
	font-size: 20px;
	border-radius: 2px;
	text-transform: uppercase;
	line-height: 28px;
	border: 0;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
		box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
  -o-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
  -moz-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
  -webkit-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
}

.slider.btn.btn-default{
	margin-left: 4px;
	background: #ECECEC
}

.slider.btn.btn-default:hover{
	background: #000;
	color: #fff;
}

.slider-content-left {
	position: relative;
	margin: 0 0 0 40px;
}

.slider-content-right{
	position: relative;
}

/*-- Animation --*/
.carousel .item.active .animated1 {
	
}

.carousel .item.active .animated2 {
	-webkit-animation: lightSpeedIn 1s ease-in 200ms both;
	animation: lightSpeedIn 1s ease-in 200ms both;
}

.carousel .item.active .animated3 {
	-webkit-animation: bounceInLeft 1s ease-in-out 500ms both;
	animation: bounceInLeft 1s ease-in-out 500ms both;
}

.carousel .item.active .animated4 {
	-webkit-animation: flipInX 1s ease-in 500ms both;
	animation: flipInX 1s ease-in 500ms both;
    text-align: center;
}

.carousel .item.active .animated5 {
	-webkit-animation: bounceInLeft 1s ease-in-out 100ms both;
	animation: bounceInLeft 1s ease-in-out 100ms both;
}

.carousel .item.active .animated6 {
	-webkit-animation: bounceIn 1s ease-in 500ms both;
	animation: bounceIn 1s ease-in 500ms both;
    text-align: center;
}

.carousel .item.active .animated7 {
	-webkit-animation: bounceIn 1s ease-in 500ms both;
	animation: bounceIn 1s ease-in 500ms both;
}

.carousel .item.active .animated8 {
	-webkit-animation: fadeInDown 1s ease-in 1000ms both;
	animation: fadeInDown 1s ease-in 1000ms both;
}


/*------------------------------------------*/
/* HOMEPAGE BANNER & LOGIN PANEL 
/*------------------------------------------*/

.main-banner-login {
    margin-top:10px;
}

#myCarousel .carousel-caption {
	left:0;
	right:0;
	bottom:0;
	text-align:left;
	padding:10px;
	background:rgba(0,0,0,0.6);
	text-shadow:none;
}
#myCarousel .list-group {
	position:absolute;
	top:0;
	right:0;
    background: rgba(0, 0, 0, 0) url("../../assets/img/banner-tabs-bg.jpg") repeat scroll 0 0;
    padding-right: 0px;
}
#myCarousel .list-group-item {
	border-radius:0px;
	cursor:pointer;
}
#myCarousel .list-group .active, .main-banner-login .list-group-item:hover {
   background: rgba(0, 0, 0, 0.60) none repeat scroll 0 0;
    border-color: #eee;
}

.main-banner-login .list-group-item {
    background: rgba(0, 0, 0, 0.30) none repeat scroll 0 0;
}


.panel.home-login {
    margin-bottom: 0px;
    background: rgba(0, 0, 0, 0) url("../../assets/img/login-panel-background.jpg") repeat scroll 0 0;
}

.carousel-caption h4 a {
    color: #ccc;
    font-size: 18px;

}

@media (min-width: 992px) { 
	/*#myCarousel {padding-right:33.3333%;}*/
	#myCarousel .carousel-controls {display:none;} 	
}
@media (max-width: 991px) { 
	.carousel-caption p,
	#myCarousel .list-group {display:none;} 
}

.main-banner-login .list-group-item > h4 {
    color: #fff;
    font-size: 16px;
    padding-top:17px;
}


/* Home login */

.home-login  .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
	margin:0px;
	position: relative;
}	

.home-login h3 {
    font-size: 22px;
    line-height: 5px;
    margin-top: 15px;

    color: #fff;
}

.home-login .btn.btn-link {
    color: #A2A2A2;
    font-size: 11px;
    margin-right: -10px;
    margin-top: -5px;
    text-decoration: underline;
}

.home-login .checkbox {
    color: #A2A2A2;
    font-size: 11px;
}

.colorgraph {
  height: 5px;
  border-top: 0;
  background: #c6c6c6;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, #e2e2e2, #e2e2e2 12.5%, #c6c6c6 12.5%, #c6c6c6 25%, #a2a2a2 25%, #a2a2a2 37.5%, #959595 37.5%, #959595 50%, #6d6d6d 50%, #6d6d6d 62.5%, #5c5c5c 62.5%, #5c5c5c 75%, #414141 75%, #414141 87.5%, #1f1f1f 87.5%, #1f1f1f);
    
  background-image: -moz-linear-gradient(left, #e2e2e2, #e2e2e2 12.5%, #c6c6c6 12.5%, #c6c6c6 25%, #a2a2a2 25%, ##a2a2a2 37.5%, #959595 37.5%, #959595 50%, #6d6d6d 50%, #6d6d6d 62.5%, #5c5c5c 62.5%, #5c5c5c 75%, #414141 75%, #414141 87.5%, #1f1f1f 87.5%, #1f1f1f);
    
  background-image: -o-linear-gradient(left, #e2e2e2, #e2e2e2 12.5%, #c6c6c6 12.5%, #c6c6c6 25%, #a2a2a2 25%, #a2a2a2 37.5%, #959595 37.5%, #959595 50%, #6d6d6d 50%, #6d6d6d 62.5%, #5c5c5c 62.5%, #5c5c5c 75%, #414141 75%, #414141 87.5%, #1f1f1f 87.5%, #1f1f1f);
    
  background-image: linear-gradient(to right, #e2e2e2, #e2e2e2 12.5%, #c6c6c6 12.5%, #c6c6c6 25%, #a2a2a2 25%, #a2a2a2 37.5%, #959595 37.5%, #959595 50%, #6d6d6d 50%, #6d6d6d 62.5%, #5c5c5c 62.5%, #5c5c5c 75%, #414141 75%, #414141 87.5%, #1f1f1f 87.5%, #1f1f1f);
}

/*------------------------------------------*/
/*	  Homepage
/*------------------------------------------*/


.homepage-panel img {
    height: 70px;
    float: left;
}
.homepage-panel .text, .homepage-panel .text a {
    display: inline-block;
    line-height: 14px;
    margin-top: 5px;
}

.homepage-panel .text p {
    line-height: 30px;
}
.homepage-panel .panel-heading, .homepage-panel .panel-body {
    padding: 20px;
}



/* home parallax */

.parallax {
    background: rgba(0, 0, 0, 0) url("../../x/parallax-background.jpg") no-repeat fixed center center / cover ;
    padding: 0;
}

.parallax .overlay {
    background: rgba(159, 159, 159, 0) none repeat scroll 0 0;
    min-height: 400px;
    padding-bottom: 60px;
    padding-top: 60px;
}

.parallax .panel {
    background-color: rgba(255, 255, 255, 0.91);
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 5px;
    margin-top: 7px;
    border: 1px solid #ddd;
}

.parallax .home-map {
    max-height: 150px;
}

.parallax .panel-heading {
    background-color:rgba(13, 13, 13, 0.27);
    padding: 20px;
    border-color: #bfb7b7;
}
.parallax h3 {
    font-size: 20px !important;
    color: #313131;
}
.parallax .panel-body {
    padding: 20px;
    font-size: 15px;
    line-height: 20px;
}

.parallax .panel-body > h4 {
    min-height: 40px;
}


/*------------------------------------------*/
/*	   03 - Main Page Elements
/*------------------------------------------*/

.homepage-title h2 {
    font-size: 25px;
}

.page-banner {
    padding: 10px 0 10px 0px;
	border-bottom: 1px solid #eee;
    margin-bottom: 15px;
}

.page-banner h2 {
	text-transform: uppercase;
}

.page-banner p {
}



ul.breadcrumbs {
    padding-top: 10px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.no-subtitle ul.breadcrumbs {
	margin-top: 4px;
}

ul.breadcrumbs li {
    margin-left: 3px;
	color: #999;
	float: left;
}

ul.breadcrumbs li:before {
    content: '/';
	margin: 0 4px 0 2px;
	color: #bbb;
}

ul.breadcrumbs li:first-child {
	margin: 0;
}

ul.breadcrumbs li:first-child:before {
    content: '';
	margin: 0;
}

ul.breadcrumbs li a {
	color: #333;
	font-weight: 700;
	transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

label {
	font-size: 13px;
	color: #333;
	cursor: pointer;
}

label .required {
	color: #ED2C3A;
	margin-left: 2px;
}

input[type="submit"] {
    outline: none;
}


#map {
	position: relative;
	height: 350px;
	width: 100%;
}




/*------------------------------------------*/
/*	     05 - Shortcodes Elements
/*------------------------------------------*/

/*************** Dividers ***************/

.margin-60 {
    margin-top: 30px;
    margin-bottom: 30px;
}

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

.hr1 {
	height: 1px;
}

.hr2 {
	height: 0;
	border-bottom: 1px solid #eee;
}

.hr3 {
	height: 0;
	border-bottom: 1px dotted #eee;
}

.hr4 {
	height: 0;
	border-bottom: 1px dashed #eee;
}

.hr5 {
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
}




/*************** Call To Action ***************/

.call-action-boxed {
	padding: 30px 40px;
}

.call-action.no-descripton h2.primary {
	margin-top: 4px;
}

.call-action h2.primary {
}

.call-action h2.primary strong {
	font-weight: 700;
}

.call-action p {
	font-size: 14px;
	margin-bottom: 0;
}

.call-action h2 + p {
	margin-top: 4px;
}

.call-action .button-side {
	float: right;
}

.call-action-style1 {
	border: 1px solid #e8e8e8;
	box-shadow: 0 0 25px rgba(0,0,0,.04) inset;
	-o-box-shadow: 0 0 25px rgba(0,0,0,.04) inset;
	-moz-box-shadow: 0 0 25px rgba(0,0,0,.04) inset;
  	-webkit-box-shadow: 0 0 25px rgba(0,0,0,.04) inset;
}

.call-action-style2 {
	background: #f2f2f2;
}

.call-action-style3 {
	background: #444;
}

.call-action-style3 h2.primary {
	color: #fff;
}

.call-action-style3 p {
	color: #bbb;
}


/*************** Custom Carousel ***************/

.custom-carousel .item {
	padding-right: 20px;
}

.custom-carousel.show-one-slide .item {
	padding-right: 0;
}



/*************** Toggles & Accordion ***************/

.panel-default > .panel-heading {
	background-color: #fff;
}

.panel-group .panel {
	border-radius: 2px;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
}

.panel-default {
	border-color: #e8e8e8;
}

.panel-body {
	padding: 4px 15px 10px 15px;
}

.panel-heading {
	padding: 0;
}

.panel-title {
	font-size: 13px;
	font-weight: 700;
}

.panel-title a {
	position: relative;
	display: block;
	padding: 6px 12px;
	box-shadow: none;
	-o-box-shadow: none;
	-moz-box-shadow: none;
  	-webkit-box-shadow: none;
	transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.panel-title a.collapsed {
	color: #444;
	box-shadow: 0 0 15px rgba(0,0,0,.04) inset;
	-o-box-shadow: 0 0 15px rgba(0,0,0,.04) inset;
	-moz-box-shadow: 0 0 15px rgba(0,0,0,.04) inset;
  	-webkit-box-shadow: 0 0 15px rgba(0,0,0,.04) inset;
}

.panel-title a.collapsed:hover {
	color: #333;
}

.panel-title a .control-icon {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -11px;
	transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.panel-title a.collapsed .control-icon {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
}

.panel-title a i {
	font-size: 1.2em;
    padding-right: 5px;
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
	border-top: none;
}


/*************** Buttons ***************/

.btn {
	transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.btn-primary, .btn-success {
    color: #fff !important;
}

.btn-system {
	display: inline-block;
	color: #fff;
	margin-right: 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
	transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
	-o-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
	-moz-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
  	-webkit-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
  	border:0;
  	text-transform: uppercase;
  	font-weight: 400;
}

.btn-system:last-child {
	margin-right: 0;
}

.btn-system {
	font-size: 1em;
	width: auto;
}

.btn-system.border-btn {
	background-color: transparent;
	border: 1px solid;
	box-shadow: none;
	-o-box-shadow: none;
	-moz-box-shadow: none;
  	-webkit-box-shadow: none;
}

.btn-system:hover {
	color: #fff;
	opacity: 0.8;
}

.btn-system.border-btn:hover {
	opacity: 1;
	color: #fff;
}

.btn-system.border-btn.btn-gray:hover {
	background-color: #444;
	color: #fff;
}

.btn-system.border-btn.btn-black:hover {
	background-color: #111;
	color: #fff;
}

.btn-system.border-btn.btn-wite:hover {
	background-color: #fff;
}

.btn-system.btn-gray {
	background-color: #444;
}

.btn-system.btn-black {
	background-color: #111;
}

.btn-system.btn-wite{
	background-color: #fff;
}

.btn-system.border-btn.btn-gray {
	background-color: transparent;
	border: 1px solid #444;
	color: #444;
}

.btn-system.border-btn.btn-black {
	background-color: transparent;
	border: 1px solid #111;
	color: #111;
}

.btn-system.border-btn.btn-wite {
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff;
}



/*************** Alerts ***************/

.alert {
}

.alert-success p {
	color: #468847;
}

.alert-info p {
	color: #3a87ad;
}

.alert-warning p {
	color: #c09853;
}

.alert-danger p {
	color: #a94442;
}

.alert h4 {
	margin-bottom: 10px;
}

.alert strong {
	font-weight: 700;
}




/*************** Tabs ***************/

.nav-tabs {
	border-color: #eee;
}

.nav-tabs > li > a {
	font-weight: 700;
	color: #333;
	padding: 8px 14px;
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
	border: 1px solid #eee;
	border-bottom: none;
	box-shadow: 0 0 15px rgba(0,0,0,.04) inset;
	-o-box-shadow: 0 0 15px rgba(0,0,0,.04) inset;
	-moz-box-shadow: 0 0 15px rgba(0,0,0,.04) inset;
  	-webkit-box-shadow: 0 0 15px rgba(0,0,0,.04) inset;
	transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.nav-tabs > li > a i {
	margin-right: 1px;
    padding-right: 5px;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
	color: #fff;
	border-color: #fff;
	box-shadow: 0 0 15px rgba(0,0,0,.1) inset;
	-o-box-shadow: 0 0 15px rgba(0,0,0,.1) inset;
	-moz-box-shadow: 0 0 15px rgba(0,0,0,.1) inset;
  	-webkit-box-shadow: 0 0 15px rgba(0,0,0,.1) inset;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	border-color: #eee;
	border-bottom-color: #fff;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover {
	box-shadow: 0 0 0 rgba(0,0,0,.1) inset;
	-o-box-shadow: 0 0 0 rgba(0,0,0,.1) inset;
	-moz-box-shadow: 0 0 0 rgba(0,0,0,.1) inset;
  	-webkit-box-shadow: 0 0 0 rgba(0,0,0,.1) inset;
}

.tab-content {
	border: 1px solid #eee;
	border-top: none;
	padding: 12px 16px;
}

.tab-content p {
	margin-bottom: 15px;
}

.tab-content p:last-child {
	margin-bottom: 0;
}



/*************** Icons ***************/


.section {
    padding-top: 80px;
    padding-bottom: 80px;
}

.service {
    //padding-top: 80px;
    //padding-bottom: 60px;
}

.icon-small {
	font-size: 2em;
	color: #444;
	transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.icon-small:hover, .service-box:hover .icon-small {
	text-shadow: 5px 5px 2px rgba(255,255,255,0);
}

.icon-medium {
	font-size: 2.5em;
	color: #333;
	transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.icon-medium:hover, .service-box:hover .icon-medium {
	text-shadow: 5px 5px 2px rgba(255,255,255,0);
}

.icon-large {
	font-size: 3em;
	color: #333;
	transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.icon-large:hover, .service-box:hover .icon-large {
	text-shadow: 5px 5px 2px rgba(255,255,255,0);
}

.icon-mini-effect {
	position: relative;
	display: block;
	z-index: 1;
	font-size: 1.2em;
	color: #fff;
	top: 4px;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	margin: 0;
	border-radius: 50%;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
	transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.icon-medium-effect {
	position: relative;
	display: block;
	z-index: 1;
	font-size: 2em;
	color: #fff;
	width: 64px;
	height: 64px;
	line-height: 64px;
	text-align: center;
	margin: 0;
	border-radius: 50%;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
	transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.icon-large-effect {
	position: relative;
	display: block;
	z-index: 1;
	font-size: 2.6em;
	color: #fff;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	margin: 0;
	border-radius: 50%;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
	transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.icon-mini-effect:after, .icon-medium-effect:after, .icon-large-effect:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/*First Icon Effect */
.icon-effect-1 {
	background-color: #fff;
	-webkit-transition: color 0.4s;
	-moz-transition: color 0.4s;
	transition: color 0.4s;
}

.gray-icon.icon-effect-1 {
	box-shadow: 0 0 0 3px #444;
	-o-box-shadow: 0 0 0 3px #444;
	-moz-box-shadow: 0 0 0 3px #444;
  	-webkit-box-shadow: 0 0 0 3px #444;
}

.icon-effect-1:after {
	top: -2px;
	left: -2px;
	padding: 2px;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	-moz-transition: -moz-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
}

.gray-icon.icon-effect-1:after {
	background: #444;
}

.icon-effect-1.gray-icon:hover, .service-box:hover .gray-icon.icon-effect-1 {
	color: #444;
}

.icon-effect-1:hover:after, .service-box:hover .icon-effect-1:after {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
}

/*Seconed Icon Effect */
.icon-effect-2 {
	background: #fff;
	-webkit-transition: color 0.4s;
	-moz-transition: color 0.4s;
	transition: color 0.4s;
}

.gray-icon.icon-effect-2 {
	color: #444;
	box-shadow: 0 0 0 3px #444;
	-o-box-shadow: 0 0 0 3px #444;
	-moz-box-shadow: 0 0 0 3px #444;
  	-webkit-box-shadow: 0 0 0 3px #444;
}

.icon-effect-2:after {
	top: -2px;
	left: -2px;
	padding: 2px;
	z-index: -1;
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	-moz-transition: -moz-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
}

.gray-icon.icon-effect-2:after {
	background: #444;
}

.icon-effect-2:hover, .service-box:hover .icon-effect-2, .icon-effect-2.gray-icon:hover, .service-box:hover .gray-icon.icon-effect-2 {
	color: #fff;
}

.icon-effect-2:hover:after, .service-box:hover .icon-effect-2:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/*Third Icon Effect */
.icon-effect-3 {
	background: #fff;
}

.gray-icon.icon-effect-3 {
	color: #444;
	box-shadow: 0 0 0 3px #444;
	-o-box-shadow: 0 0 0 3px #444;
	-moz-box-shadow: 0 0 0 3px #444;
  	-webkit-box-shadow: 0 0 0 3px #444;
}

.icon-effect-3:hover:before, .service-box:hover .icon-effect-3:before {
	-webkit-animation: toRightFromLeft 0.4s forwards;
	-moz-animation: toRightFromLeft 0.4s forwards;
	animation: toRightFromLeft 0.4s forwards;
}

@-webkit-keyframes toRightFromLeft {
	49% {
		-webkit-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toRightFromLeft {
	49% {
		-moz-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toRightFromLeft {
	49% {
		transform: translate(100%);
	}
	50% {
		opacity: 0;
		transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}

/*Fourth Icon Effect */
.icon-effect-4 {
	background: #fff;
}

.gray-icon.icon-effect-4 {
	color: #444;
	box-shadow: 0 0 0 3px #444;
	-o-box-shadow: 0 0 0 3px #444;
	-moz-box-shadow: 0 0 0 3px #444;
  	-webkit-box-shadow: 0 0 0 3px #444;
}

.icon-effect-4:hover:before, .service-box:hover .icon-effect-4:before {
	-webkit-animation: toLeftFromRight 0.4s forwards;
	-moz-animation: toLeftFromRight 0.4s forwards;
	animation: toLeftFromRight 0.4s forwards;
}

@-webkit-keyframes toLeftFromRight {
	49% {
		-webkit-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toLeftFromRight {
	49% {
		-moz-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toLeftFromRight {
	49% {
		transform: translate(-100%);
	}
	50% {
		opacity: 0;
		transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}

/*Fifth Icon Effect */
.icon-effect-5 {
	background: #fff;
}

.gray-icon.icon-effect-5 {
	color: #444;
	box-shadow: 0 0 0 3px #444;
	-o-box-shadow: 0 0 0 3px #444;
	-moz-box-shadow: 0 0 0 3px #444;
  	-webkit-box-shadow: 0 0 0 3px #444;
}

.icon-effect-5:hover:before, .service-box:hover .icon-effect-5:before {
	-webkit-animation: toTopFromBottom 0.4s forwards;
	-moz-animation: toTopFromBottom 0.4s forwards;
	animation: toTopFromBottom 0.4s forwards;
}

@-webkit-keyframes toTopFromBottom {
	49% {
		-webkit-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toTopFromBottom {
	49% {
		-moz-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toTopFromBottom {
	49% {
		transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}

/*six Icon Effect */
.icon-effect-6 {
	background: #fff;
}

.gray-icon.icon-effect-6 {
	color: #444;
	box-shadow: 0 0 0 3px #444;
	-o-box-shadow: 0 0 0 3px #444;
	-moz-box-shadow: 0 0 0 3px #444;
  	-webkit-box-shadow: 0 0 0 3px #444;
}

.icon-effect-6:hover:before, .service-box:hover .icon-effect-6:before {
	-webkit-animation: toBottomFromTop 0.4s forwards;
	-moz-animation: toBottomFromTop 0.4s forwards;
	animation: toBottomFromTop 0.4s forwards;
}

@-webkit-keyframes toBottomFromTop {
	49% {
		-webkit-transform: translateY(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toBottomFromTop {
	49% {
		-moz-transform: translateY(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toBottomFromTop {
	49% {
		transform: translateY(100%);
	}
	50% {
		opacity: 0;
		transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}




/*************** Testimonials ***************/

.testimonials {
	padding-top: 8px;
	position: relative;
}

/*.testimonials:after {
	font-family: "FontAwesome";
	content: '\f0e5';
	font-size: 6em;
	line-height: 70px;
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -32px;
	color: rgba(255,255,255,.06);
}*/

.testimonials .testimonial-content p {
	font-family: 'Lora', serif;
	font-size: 24px;
	line-height: 36px;
	font-style: italic;
	font-weight: 400;
	color: #444;
}

.testimonials .testimonial-content {
	position: relative;
}

.testimonials .testimonial-content p::before {
	content: open-quote;
	margin-right: 6px;
}

.testimonials .testimonial-content p::after {
	content: close-quote;
	margin-left: 6px;
}

.testimonials .testimonial-author {
	padding: 8px;
	margin-bottom: 10px;
}

.classic-testimonials .testimonial-content {
	position: relative;
	padding: 14px 18px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
	margin-bottom: 10px;
	border: 1px solid #e8e8e8;
	box-shadow: 0 0 20px rgba(0,0,0,.04) inset;
	-o-box-shadow: 0 0 20px rgba(0,0,0,.04) inset;
	-moz-box-shadow: 0 0 20px rgba(0,0,0,.04) inset;
  	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.04) inset;
}

.classic-testimonials .testimonial-content:before {
	content: "\201C";
	position: absolute;
	font-size: 30px;
	opacity: 0.5;
	top: 8px;
	left: 6px;
}


.classic-testimonials .testimonial-author {
	margin-left: 10px;
}

.classic-testimonials .testimonial-author span {
	font-weight: 700;
}





/*************** Heading Titles ***************/

.classic-title {
	margin-bottom: 16px;
	padding-bottom: 8px;
	border-bottom: 1px solid #eee;
}


.classic-title span {
	padding-bottom: 8px;
	border-bottom: 1px solid;
	font-weight: 400;
}

.big-title {
	margin-bottom: 20px;
}

.big-title h1, .big-title h2 {
	font-size: 26px;
	line-height: 32px;
}

.big-title h1 strong, .big-title h2 strong {
	font-weight: 400;
}

.big-title .title-desc {
	font-size: 16px;
	line-height: 22px;
	color: #333;
}

.big-title h2 + .title-desc, .big-title h1 + .title-desc {
	margin-top: 4px;
}



/*Pagination*/
#pagination span, #pagination a {
	display: inline-block;
	text-align: center;
	height: 34px;
	width: 34px;
	color: #333;
	line-height: 33px;
	border: 1px solid #eee;
	border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
	transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

#pagination span.current {
	color: #fff;
}

#pagination a:hover {
	border-color: #ddd;
}

#pagination .all-pages, #pagination .next-page {
	width: auto;
	padding: 0 14px;
}





/*------------------------------------------*/
/*			10 - SideBar Styles
/*------------------------------------------*/

.sidebar {
    margin-bottom: 30px;
}

.sidebar a {
	color: #333;
}

.sidebar .widget {
    overflow: hidden;
    margin-bottom: 50px;
}

.sidebar .widget ul {
	margin: 0;
}

.widget-search input[type="search"] {
    position: relative;
	margin: 0;
	float: left;
	height: 37px;
	line-height: 37px;
	width: calc(100% - 38px);
	border-right: none;
	border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -o-border-radius: 2px 0 0 2px;
}

.widget-search .search-btn {
	display: inline-block;
	width: 38px;
	height: 37px;
	border: none;
	color: #fff;
	font-size: 1.2em;
	line-height: 36px;
	text-align: center;
	border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
	transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.widget-search .search-btn:hover {
	background-color: #444;
}

.sidebar .widget h4 {
	text-transform: uppercase;
	padding-bottom: 8px;
    margin-bottom: 16px;
	font-size: 14px;
	position: relative;
}

.sidebar .widget h4 .head-line {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 50px;
	height: 2px;
	background-color: #ddd;
	margin: 0;
}

.widget-categories ul li a {
	padding: 8px 0;
    text-decoration: none;
    display: block;
	border-bottom: 1px solid #eee;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.widget-categories ul li:first-child a {
	padding-top: 0;
}

.widget-categories ul li a:hover {
	padding-left: 8px;
}

.sidebar .widget-popular-posts li {
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #eee;
}

.sidebar .widget-popular-posts li:last-child {
	margin: 0;
	padding: 0;
	border: none;
}

.sidebar .widget-popular-posts .widget-thumb {
	float: left;
	margin-right: 8px;
	border: 3px solid #eee;
	border-radius: 2px;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
}

.sidebar .widget-popular-posts .widget-thumb img {
	width: 65px;
	height: 65px;
	opacity: 1;
	transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.sidebar .widget-popular-posts .widget-thumb:hover img {
	opacity: 0.7;
}

.sidebar .widget-popular-posts .widget-content h5 {
	font-size: 13px;
	line-height: 19px;
	margin-bottom: 5px;
}

.sidebar .widget-popular-posts .widget-content span {
	color: #bbb;
	font-size: 12px;
}

.sidebar .tagcloud a {
    display: inline-block;
    color: #333;
    font-size: 12px;
    padding: 4px 10px;
    background: #eee;
	margin-bottom: 4px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.sidebar .tagcloud a:hover {
    color: #fff;
}



*------------------------------------------*/
/*		 Product detail page
/*------------------------------------------*/

.product-detail-page {
	margin-bottom: 50px;
}

.product-detail-page-content h4 {
	margin-bottom: 12px;
	padding-bottom: 8px;
	border-bottom: 1px solid #a3a3a3;
    font-size:18px;
}

.product-detail-page-content h4 span {
	padding-bottom: 6px;
	border-bottom: 1px solid;
}

.product-detail-page-content p, .product-detail-page-content ul {
	margin-bottom: 15px;
    margin-top: 15px;
}

.product-detail-page-content .price {
    font-size: 16px;
    margin-top:20px;
}

.product-detail-page-content ul li {
	margin-bottom: 5px;
}

.product-detail-page .carousel {
    background-color: #fff;
    margin-bottom: 10px;
}

.product-detail-page .carousel-control.right, 
.product-detail-page .carousel-control.left, 
.product-detail-page .carousel-control {
    background-image: none;
    background-color: white;
    text-shadow: none;
    color: #ccc;
}


/*------------------------------------------*/
/*			 Category list
/*------------------------------------------*/

#productpanel-list {
    margin-left: -7px;
    margin-right: -6px;
    margin-bottom: 0px;
    margin-top: 5px;
}

.productpanel-item a {
    color: #222;
}

.productpanel-item a:hover {
-webkit-transition: all 0.9s ease;
  -moz-transition: all 0.9s ease;
  -ms-transition: all 0.9s ease;
  -0-transition: all 0.9s ease;
  transition: all 0.9s ease;
    color: #696969;
}
.productpanel-img {
  overflow: hidden;
  display: block;
  position: relative;
}
.productpanel-img img {
  -webkit-transition: all 0.9s ease;
  -moz-transition: all 0.9s ease;
  -ms-transition: all 0.9s ease;
  -0-transition: all 0.9s ease;
  transition: all 0.9s ease;
  margin-bottom: 0px;
}
.productpanel-img .overlay {
  position: absolute;
  background-color:rgba(237, 237, 237, 0.65);
  text-align: center;
  top: 0;
  left: 0;
  z-index: 999;
  bottom: -1px;
  right: 0;
  opacity: 0;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.productpanel-img .more {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  cursor: pointer;
  visibility: visible;
  width: 48px;
  height: 48px;
  color: #787878;
  font-size: 28px;
  line-height: 48px;
  margin: -20px auto;
  opacity: 0;
  z-index: 99;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.productpanel-img:hover img {

}
.productpanel-img:hover .overlay {
  opacity: 1;
  visibility: visible;
}
.productpanel-img:hover .more {
  opacity: 1;
  visibility: visible;
}
.productpanel-item-content {
  padding: 15px !important;
  position: relative;
  background-color: #ababab;
  -webkit-transition: all 0.9s ease;
  -moz-transition: all 0.9s ease;
  -ms-transition: all 0.9s ease;
  -0-transition: all 0.9s ease;
  transition: all 0.9s ease;
}

.productpanel-item:hover .productpanel-item-content .icon i {
  color: #fff;
}
.productpanel-item-content .header {
  color: #000;
}
.productpanel-item-content .body {
  line-height: 22px;
  font-style: italic;
}
.productpanel-item-content .icon {
  position: absolute;
  top: 22px;
  right: 20px;
}
.productpanel-item-content .icon i {
  color: #fff;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 4px;
  height: 40px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.productpanel-item:hover .productpanel-item-content .header,
.productpanel-item:hover .productpanel-item-content .body {
  color: #fff;
}
.productpanel-item:hover .productpanel-item-content .icon i {
  background: #fff;
}

/*------------------------------------------*/
/*			 11 - Footer Styles
/*------------------------------------------*/
 

footer {
    background-color: #595959;
    color: #fff;
    padding: 26px 0 38px;
}

.footer-menu {
    border-bottom: 1px solid #373638;
    display: block;
    margin: 0 0 27px;
    padding: 12px 0 47px;
}

.footer-menu li {
    color: #373739;
    display: inline-block;
    float: left;
    font-size: 11px;
    line-height: 15px;
    border-right: 1px solid #373638;
}

.footer-links a {
    color: #fff;
}
.footer-links a:hover {
    color: #0db14b;
}

.footer-menu li:first-child a {
    margin-left: 0;
}
.footer-menu li:last-child {
    border: 0;
}

.footer-menu li a {
    color: #8e8e8e;
    margin: 0 12px;
    text-decoration: none;
    text-transform: uppercase;
}
.footer-menu li a:hover {
    color: #fff;
    text-decoration: underline;
}

.footer-widget > h4 {
    color: #c9c9c9;
    margin-bottom: 5px;
}

.footer-widget a:hover {
    color: #fff;
}

/*******************************/
/*         Footer / copyright      */
/*******************************/
.copyright-section {
  padding: 15px 0;
  margin-top: 20px;
  background: #595959 none repeat scroll 0 0;
  color: #c9c9c9;
  letter-spacing: 0.5px;
}
.copyright-section p, .copyright-section a{
  color: #c9c9c9;
}
.copyright-section p a {
  color: #c9c9c9;
}
.copyright-section p a:hover {
  color: #fff;
}
.copyright-section ul.footer-nav {
  float: right;
}
.copyright-section ul.footer-nav li {
  display: inline-block;
  float: left;
  margin-left: 5px;
}
.copyright-section ul.footer-nav li a {
  display: inline-block;
  text-decoration: none;
  color: #c9c9c9;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.copyright-section ul.footer-nav li a:hover {
  color: #fff;
}
.copyright-section ul.footer-nav li:first-child {
  margin-left: 0;
}

.back-to-top {
    display: none;
    position: fixed;
    bottom: 18px;
    right: 15px;
}

.back-to-top i {
    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    border-radius: 2px;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    text-align: center;
    background-color: #444;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}






/*------------------------------------------*/
/*			 12 - Plugins Styles
/*------------------------------------------*/


/*
 * Nivo Lightbox v1.0
 * http://dev7studios.com/nivo-lightbox
 *
 * Copyright 2013, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
.nivo-lightbox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999999;
	width: 100%;
	height: 100%;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.nivo-lightbox-overlay.nivo-lightbox-open { 
	visibility: visible;
	opacity: 1;
}
.nivo-lightbox-wrap  {
	position: absolute;
	top: 10%;
	bottom: 10%;
	left: 10%;
	right: 10%;
}
.nivo-lightbox-content {
	width: 100%;
	height: 100%;
}
.nivo-lightbox-title-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 99999;
	text-align: center;
}
.nivo-lightbox-nav { display: none; }
.nivo-lightbox-prev {
	position: absolute;
	top: 50%;
	left: 0;
}
.nivo-lightbox-next {
	position: absolute;
	top: 50%;
	right: 0;
}
.nivo-lightbox-close {
	position: absolute;
	top: 2%;
	right: 2%;
}

.nivo-lightbox-image { text-align: center; }
.nivo-lightbox-image img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	vertical-align: middle;
}
.nivo-lightbox-content iframe {
	width: 100%;
	height: 100%;
}
.nivo-lightbox-ajax { 
	max-height: 100%;
	overflow: auto; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* https://bugzilla.mozilla.org/show_bug.cgi?id=308801 */
}
.nivo-lightbox-error {
	display: table;
	text-align: center;
	width: 100%;
	height: 100%;
	color: #fff;
	text-shadow: 0 1px 1px #000;
}
.nivo-lightbox-error p {
	display: table-cell;
	vertical-align: middle;
}

/* Effects 
 **********************************************/
.nivo-lightbox-effect-fade,
.nivo-lightbox-effect-fadeScale,
.nivo-lightbox-effect-slideLeft,
.nivo-lightbox-effect-slideRight,
.nivo-lightbox-effect-slideUp,
.nivo-lightbox-effect-slideDown,
.nivo-lightbox-effect-fall {
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	    -ms-transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
	        transition: all 0.2s ease-in-out;
}

/* fadeScale */
.nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap {
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	-webkit-transform: scale(0.7);
	   -moz-transform: scale(0.7);
	    -ms-transform: scale(0.7);
	        transform: scale(0.7);
}
.nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}

/* slideLeft / slideRight / slideUp / slideDown */
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	   -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	    -ms-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	     -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	        transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap {
	-webkit-transform: translateX(-10%);
	   -moz-transform: translateX(-10%);
	    -ms-transform: translateX(-10%);
	        transform: translateX(-10%);
}
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap {
	-webkit-transform: translateX(10%);
	   -moz-transform: translateX(10%);
	    -ms-transform: translateX(10%);
	        transform: translateX(10%);
}
.nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: translateX(0);
	   -moz-transform: translateX(0);
	    -ms-transform: translateX(0);
	        transform: translateX(0);
}
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
	-webkit-transform: translateY(-10%);
	   -moz-transform: translateY(-10%);
	    -ms-transform: translateY(-10%);
	        transform: translateY(-10%);
}
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap {
	-webkit-transform: translateY(10%);
	   -moz-transform: translateY(10%);
	    -ms-transform: translateY(10%);
	        transform: translateY(10%);
}
.nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
}

/* fall */
.nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall {
	-webkit-perspective: 1000px;
	   -moz-perspective: 1000px;
	        perspective: 1000px;
}
.nivo-lightbox-effect-fall .nivo-lightbox-wrap {
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
	    -ms-transition: all 0.3s ease-out;
	     -o-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
	-webkit-transform: translateZ(300px);
	   -moz-transform: translateZ(300px);
	    -ms-transform: translateZ(300px);
	        transform: translateZ(300px);
}
.nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: translateZ(0);
	   -moz-transform: translateZ(0);
	    -ms-transform: translateZ(0);
	        transform: translateZ(0);
}

/*
 * Nivo Lightbox Default Theme v1.0
 * http://dev7studios.com/nivo-lightbox
 */
 
.nivo-lightbox-theme-default.nivo-lightbox-overlay { 
	background: #666;
	background: rgba(0,0,0,0.8); 
}
.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { background: url(../images/lightbox/loading.gif) no-repeat 50% 50%; }

.nivo-lightbox-theme-default .nivo-lightbox-nav {
	top: 10%;
	width: 8%;
	height: 80%;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	opacity: 0.5;
	transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.nivo-lightbox-theme-default .nivo-lightbox-nav:hover { 
	opacity: 1; 
	background-color: rgba(0,0,0,0.5);
}
.nivo-lightbox-theme-default .nivo-lightbox-prev { 
	background-image: url(../images/lightbox/prev.png); 
	border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
}
.nivo-lightbox-theme-default .nivo-lightbox-next { 
	background-image: url(../images/lightbox/next.png); 
	border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;

}

.nivo-lightbox-theme-default .nivo-lightbox-close {
	display: block;
	background: url(../images/lightbox/close.png) no-repeat 5px 5px;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	padding: 5px;
	opacity: 0.5;
}
.nivo-lightbox-theme-default .nivo-lightbox-close:hover { opacity: 1; }

.nivo-lightbox-theme-default .nivo-lightbox-title-wrap { bottom: -7%; }
.nivo-lightbox-theme-default .nivo-lightbox-title {
	font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	background: #000;
	color: #fff;
	padding: 7px 15px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
}

.nivo-lightbox-theme-default .nivo-lightbox-image img {
	background: #fff;
	box-shadow: 0 0 8px rgba(0,0,0,0.5);
	-o-box-shadow: 0 0 8px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
  	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5);
}
.nivo-lightbox-theme-default .nivo-lightbox-ajax,
.nivo-lightbox-theme-default .nivo-lightbox-inline {
	background: #fff;
	padding: 40px;
	box-shadow: 0 0 8px rgba(0,0,0,0.5);
	-o-box-shadow: 0 0 8px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
  	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5);
}

@media (-webkit-min-device-pixel-ratio: 1.3),
       (-o-min-device-pixel-ratio: 2.6/2),
       (min--moz-device-pixel-ratio: 1.3),
       (min-device-pixel-ratio: 1.3),
       (min-resolution: 1.3dppx) {

	.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { 
		background-image: url(../images/lightbox/loading@2x.gif); 
		background-size: 32px 32px;
	}
	.nivo-lightbox-theme-default .nivo-lightbox-prev { 
		background-image: url(../images/lightbox/prev@2x.png); 
		background-size: 48px 48px;
	}
	.nivo-lightbox-theme-default .nivo-lightbox-next { 
		background-image: url(../images/lightbox/next@2x.png); 
		background-size: 48px 48px;
	}
	.nivo-lightbox-theme-default .nivo-lightbox-close { 
		background-image: url(../images/lightbox/close@2x.png); 
		background-size: 16px 16px;
	}
	
}

.iframe {
	border: none;
}

.parallax{
  width:100%; 
  padding: 0;
  margin: 0px 0 0 0;
  background-position: 50% 30%;
  background-attachment: fixed;
  background-repeat: no-repeat;  
}

.parallax-text-container-1 .parallax-text-item {
  padding:120px 0px;
  text-align:center;
}


.parallax-mobile {
	background-position: 50% 0px !important; 
	background-attachment: scroll !important;
}



#custom-search-input {
	margin:0;
	margin-top: 10px;
	padding: 0;
}

#custom-search-input .search-query {
	padding-right: 3px;
	padding-right: 4px \9;
	padding-left: 3px;
	padding-left: 4px \9;
	/* IE7-8 doesn't have border-radius, so don't indent the padding */

	margin-bottom: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#custom-search-input button {
	border: 0;
	background: none;
	/** belows styles are working good */
	padding: 2px 5px;
	margin-top: 2px;
	position: relative;
	left: -28px;
	/* IE7-8 doesn't have border-radius, so don't indent the padding */
	margin-bottom: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:#D9230F;
}

.search-query:focus + button {
	z-index: 3;   
}


/* mailchimp */
.mailchimp-input {
    background-color: #fff;
    color: #000;
    max-width: 200px;
}

#search-mobile-container {
   /*position: absolute;
    right: 5px;
    top: 55px;*/
    background-color: #0db14b;
	clear: both;
	height: 50px;
}

/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 10pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 10pt;
	padding: 4px;
}
table.tablesorter thead tr .tablesorter-header {
	background-image: url(../img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .tablesorter-headerAsc {
	background-image: url(../img/asc.gif);
}
table.tablesorter thead tr .tablesorter-headerDesc {
	background-image: url(../img/desc.gif);
}
table.tablesorter thead tr .tablesorter-headerAsc, table.tablesorter thead tr .tablesorter-headerDesc {
background-color: #8dbdd8;
}

span.inv-overdue{
	color: red !important;
}

li.ui-state-focus{
	font-weight:normal !important;
}

#searchterm, #searchterm-mobile {
    padding: 0px 0px 0px 10px;
}

#results-list .ui-widget {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #333;
    text-transform: none;
}

#results-list .ui-widget:hover, #results-list .ui-widget a:hover, #results-list .ui-widget li:hover,
#results-list .ui-state-focus {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #000;
}

span.product-label {
    position: absolute;
    top: 0;
    height: 100%;
    width: 10px;
    z-index: 9999999;
    left: 0px;
}

.image-container {
    position: relative;
}

span.product-label2 {
    position: absolute;
    top: 0;
    height: 100%;
    width: 10px;
    z-index: 9999999;
    left: 0px;
}

/* Footer - social icons */

.footer-social-pagelinks .fa, .footer-social-links .fa {
    background-color: #595959;
}

.footer-social-links  {
    margin-top: 10px;
}

.footer-social-links .fa {
    border-radius: 100px;
    font-size: 14px;
    padding: 8px 5px;
    text-align: center;
    width: 30px;
    color: #fff;
}

.footer-social-links .fa:hover {
    color: #fff;
}

.footer-social-pagelinks .fa {
    border-radius: 100px;
    font-size: 23px;
    padding: 14px 8px;
    text-align: center;
    width: 50px;
}

.fa.fa-facebook {
    background-color: #2B3990;
}
.fa.fa-twitter {
    background-color: #27AAE1;
}
.fa.fa-google-plus {
    background-color: #C83D26;
}
.fa.fa-pinterest {
    background-color: #BE1E2D;
}
.fa.fa-youtube {
    background-color: #ED1C24;
}
.fa.fa-linkedin {
    background-color: #0274B3;
}
.fa.fa-instagram {
    background-color: #555BCD;
}

.budget-panel .company_radio {
	margin-left: 5px;
	margin-right: 10px;
}

.contact-panel-row { 
    background-color: #595959 ;
}

.contact-panel {
    color: #fff;
    margin-bottom:20px;
    background-color: #595959 ;
    min-height: 450px;
}

.contact-panel .text-muted {
    color: #ccc;
}

.contact-panel li {
    display: block;
    padding-bottom: 5px;
    border-bottom: 3px dotted;
    padding-top: 5px;
}



.contact-panel ul {
    margin-right: 40px;
}

.testimonials {
    background-color: #a6a6a6;
    padding: 50px 0px;
    color: #fff;
    min-height: 250px;
}
.testimonials h3 {
    color: #fff;
    line-height: 30px;
    font-size: 22px;
}

.quote-credit.quote-content {
    font-weight: bold;
    margin-top: 20px;
}

.testimonials right-quote {
    float:right
}

.testimonials left-quote {
    float:left
}

.list-group-sm .list-group-item {
	padding: 0.375rem 0.625rem;
}

.list-group-no-border .list-group-item {
	border: 0;
	margin-bottom: 0;
}

.list-group {
	display: flex;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
}

#productMegaMenu{
	width: 100%;
	margin-top: 0 !important;
}

@media (min-width: 992px) {
	
	#productMegaMenu .row:nth-child(3n+1){
		clear:left
	}

	.mega-menu-cat-item {
		flex: 0 0 25%;
	}
}

.zoom-image {
    position: absolute;
    bottom: 2px;
    right: 5px;
}

.pagination .active .page-link{
	background-color: #07984b !important;
	border-color: #07984b !important;
}

.downloads-page .col-md-4.col-sm-3:nth-child(3n+1) {
    clear: both;
}

#productMegaMenu{
	z-index: 99999999;
}

.switch {width: 50px;height: 24px;}
.slider:before {
    height: 22px;
    width: 22px;
    margin-top: 1px;
    margin-left: 1px;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
}


/* Hide default HTML checkbox */
.switch input {display:none;}


/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    background-color: #48A842;
    box-shadow: 0 0 1px #48A842;
}

.slider.default{
    background-color: #ccc !important;
    box-shadow: 0 0 1px #ccc !important;
}

.slider:before {
    position: absolute;
    content: "";
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #48A842 !important;
}

input:focus + .slider {
    box-shadow: 0 0 1px #48A842 !important;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 24px;
}

.slider.round:before {
    border-radius: 50%;
}

.toggle-text{
    font-weight:600;
    line-height:16px;
    display:block;
}

.clena-toggle {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    padding-top: .25rem;
    padding-bottom: .25rem;
    align-items: center;
}

.inv-status.overdue{
    background-color: #ff6060;
}

#invoice-table td, #invoice-table th, .invoice-table td, .invoice-table th{
    padding: 10px !important;
}


/* Styles for the modal */
.page-loading-modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}

.page-loading-modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* Styles for the loading indicator */
.page-loading-loading-indicator {
    display: none;
    position: fixed;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 10px;
}

#selectedProductList{
    max-height: 600px;
    overflow-y: auto;
    list-style-type: none;
    padding-left: 0px;
}

#selectedProductList li{
    font-size: 12px;
}