.dm-animated-btn {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    line-height: normal;
    padding: 10px 40px;
    background: #abc837;
    transition: all 0.5s ease;
}
/*=======FORM-1======*/
.dragndropContactForm label, legend {
  display: block;
  font-size: 14px;
  color: #abc837;
  margin-bottom: 10px;
  font-weight: normal;
}
.dragndropContactForm input[type="text"], .dragndropContactForm input[type="password"], .dragndropContactForm input[type="email"], .dragndropContactForm textarea, .dragndropContactForm select {
  color: #000;
}
.dragndropContactForm input[type="text"]:focus, .dragndropContactForm input[type="password"]:focus, .dragndropContactForm input[type="email"]:focus, .dragndropContactForm textarea:focus {
  background: #fff;
  color: #000;
  border: 1px solid #abc837;
}
.dragndropRichTextWidget {
  margin: 0;
  padding: 0;
}
.dragndropRichTextWidget h1, .dragndropRichTextWidget h2, .dragndropRichTextWidget h3, .dragndropRichTextWidget h4, .dragndropRichTextWidget h5, .dragndropRichTextWidget h6 {
  color: #abc837;
}
.dragndropRichTextWidget .fa {
  color: #abc837;
}
.dragndropSocialMedia ul {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  float: left;
  text-align: center;
}
.dragndropSocialMedia ul li {
  list-style: none;
  display: inline-block;
  float: none;
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: 35px;
}
.dragndropSocialMedia ul li a {
  text-decoration: none;
  color: #abc837;
}
.dragndropSocialMedia.social-media {
  background: none !important;
}
.dragndropSocialMedia.social-media li {
  background: none !important;
}
.dragndropSocialMedia ul li span {
  color: #abc837;
}
.img-responsive {
  width: 100%;
}
.imageWidget .img-circle {
  width: 250px;
  height: 250px;
  margin: 0 auto;
}
.dragndropImgGallery .grid figure {
  background: rgba(0, 0, 0, 0.9) !important;
}
.embed-container {
  position: relative;/*padding-bottom: 19.25%;*/
  padding-top: 30px;
  height: auto;
  overflow: hidden;
}
.embed-container iframe {

  /*position: absolute;*/
  top: 0;
  left: 0;
  width: 100%;/*height: 100%;*/
}

/******** =========================    Gallery Styles Start  ==================== ********/
figure.effect-ming img{height: 240px;}
figure.effect-ming:hover img, figure.effect-layla:hover img, figure.effect-milo:hover img, figure.effect-zoe:hover img, figure.effect-sarah:hover img, figure.effect-jazz:hover img, figure.effect-oscar:hover img, figure.effect-marley:hover img, figure.effect-apollo:hover img, figure.effect-selena:hover img, figure.effect-goliath:hover img, figure.effect-dexter:hover img, figure.effect-bubba:hover img, figure.effect-steve:hover img, figure.effect-moses:hover img, figure.effect-duke:hover img, figure.effect-sadie:hover img, figure.effect-honey:hover img, figure.effect-chico:hover img, figure.effect-lexi:hover img, figure.effect-lily:hover img, figure.effect-ruby:hover img, figure.effect-ruby:hover img, figure.effect-roxy:hover img{opacity: .5!important;}
figure.effect-layla img, figure.effect-milo img{height: 270px;}
figure.effect-zoe{height: 266px;}
figure.effect-sarah img{height: 228.8px;}
figure.effect-jazz img{height: 227px;}
figure.effect-oscar img{height:380px;}
figure.effect-marley img{height:300px;}
figure.effect-apollo img{height:259px;}
figure.effect-selena img{height:206px;}
figure.effect-goliath img{height:227.14px;}
figure.effect-dexter img, figure.effect-bubba img, figure.effect-steve img, figure.effect-moses img, figure.effect-duke img, figure.effect-sadie img, figure.effect-honey img{height:360px;}
figure.effect-chico img{height: 403.2px;}
figure.effect-lexi img{height:267.5px;}
figure.effect-lily img{height:397.5px;}
figure.effect-ruby img{height: 414px;}
figure.effect-roxy img{height:405px;}
.grid figure{background: #000;}
ul.imgs-gallery {
  float: none;
  margin: 20px auto 0;
  width: 1170px;
  padding: 0;
  display: table;
}
ul.imgs-gallery li {
  display: inline-block;
  float: left;
  margin-right: 10px;
  width: 380px;
}
.fixedClass{
    position: fixed;
    z-index: 999;
    transition: all 0.2s ease-in-out;
}

.top-0{
    top:0px;
}

header.static-header{
    position: static;
}

header.fixedHeader {
    transition: all 0.4s ease;
    z-index: 1001;
    position: fixed;
    width: 100%;
    box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2);    
}

/******** =========================  Gallery Styles End ==================== ********/

/******** =========================  Carousel Styles ==================== ********/
/* Carousel base class */
.carousel {
    height: 500px;    
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    z-index: 10;
}
.carousel {
    height: 500px;
}
.carousel-inner > .item > img {
	width:100%;height:300px;}
	.carousel-caption {
    bottom: 130px;}
    
.carousel-indicators li {
  border: 1px solid #abc837;
  background: #abc837;
}

.carousel-caption h1, .carousel-caption p {
  color: #000;
  text-shadow: none;
}
.carousel-control {
  text-shadow: none;
  opacity: 10;
}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .fa-angle-left, .carousel-control .fa-angle-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .fa-angle-left, .carousel-control .fa-angle-right, .carousel-control .icon-prev, .carousel-control .icon-next {
  width: 31px;
  height: 33px;
  margin-top: -15px;
  font-size: 30px;
}
.carousel-control .icon-next, .carousel-control .fa-angle-right {
  right: 50%;
  margin-right: -10px;
  background: #abc837;
  border-radius: 5px;
}
.carousel-control .fa-angle-left, .carousel-control .icon-prev {
  margin-left: -15px;
}
.carousel-control .icon-prev, .carousel-control .fa-angle-left {
  left: 50%;
  margin-left: -10px;
  background: #abc837;
  border-radius: 5px;
}
.carousel-control.right, .carousel-control.left {
  background-image: none;
}
.carousel-control span.fa{
    color:#fff !important;
}
a.left.carousel-control, a.right.carousel-control  {
    background: none;
}
.imageCarouselWidget {
  padding: 0px;
}
.navbar-right .dropdown-menu{left: 0;}

.glyphicon { margin-right:5px; }
.thumbnail
{
    margin-bottom: 20px;
    /*padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;*/
}

.item.list-group-item
{
    float: none;
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
}
.item.list-group-item:nth-of-type(odd):hover,.item.list-group-item:hover
{
    background: #abc837;
}
.item.list-group-item .list-group-image
{
    margin-right: 10px;
}
.item.list-group-item .thumbnail
{
    margin-bottom: 0px;
}
.list-group-item{padding: 1px 1px!important;}
.item.list-group-item .caption
{
    padding: 9px 9px 0px 9px;
}
.item.list-group-item:nth-of-type(odd)
{
    background: #eeeeee;
}

.item.list-group-item:before, .item.list-group-item:after
{
    display: table;
    content: " ";
}

.item.list-group-item img
{
    float: left;
}
.item.list-group-item:after
{
    clear: both;
}
.list-group-item-text
{
    margin: 0 0 11px;
}

.minicart-details-price{margin-top:-15px!important;}

.minicart-closer {color:black!important;}
.selectedProductColor{border:2px solid #ccc;}
.minicart-showing #PPMiniCart{z-index:99999999999999}
.ecommerceWidget{}
.ecommerceWidget h3, .ecommerceWidget p{text-align: left;}
.ecommerce-image img {
    width: 100% !important;
    height: 220px;
    object-fit: contain;
}
.add-to-cart-btn{border-radius: 4px;}
.add-option-btn {
    border: 1px solid #f2b754!important;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    margin-top: 5px;
    line-height: normal;
    padding: 8px 15px;
    background: #f2b754;
}

.add-option-btn:hover, focus {
    background: transparent;
    border: 1px solid #f2b754!important;
    color: #f2b754;
}
.price-tag{color: green;}
ul#productOptions{list-style-type: none;}
ul#productOptions li .fa-close{margin-top: 0px;float: left;padding: 12px 11px;background: #e74c3c;
color: #fff;}
.cart-caption select option{background:transparent!important;}

/******** ======================= sliderStyle1 =============================== ********/
.sliderStyle1 .carousel-caption {
  bottom: 23%;
  width: 50%;
  padding: 20px;
  left: 20%;
  text-align:left!important;
    margin:auto;

}
/***.sliderStyle1 h1, .sliderStyle1 h2, .sliderStyle1 h3, .sliderStyle1 h4, .sliderStyle1 h5, .sliderStyle1 h6, .sliderStyle1 p, .sliderStyle1 ul li{text-align:left;}***/

/******** ========================= sliderStyle2 =========================== ********/
.sliderStyle2 .carousel-caption {
  bottom: 23%;
  padding: 30px;
  left: 25%;
    margin: auto;
}

/******** ========================== sliderStyle3 =========================== ********/
.sliderStyle3 .carousel-caption {
    bottom: 23%;
    background: #fff;
    width: 50%;
    padding: 30px;
    left: 25%;
    margin: auto;
}

/******** ================== Carousel Styles End ================ ********/
.dropdown-menu{border-radius: 0;border:0;padding: 0;}
.dropdown-menu li{width:100%;list-style: none;margin-bottom: 0;font-size: 14px;}
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}
ul.dropdown-menu.sub-menu {
    left: 100%;
    top: 47%;
}
/******** ================== Header Customization ================ ********/
.logo_left    .logo { float:left;}
.logo_left    .navbar-default {float:right; margin-top:1%;}

.logo_right   .logo { float:right;}
.logo_right   .navbar-default { float: left; margin-top:1%;}

.logo_center  .logo{float:none !important;}
.logo_center .logo img{max-width:100%;text-align:center;display:block;margin:0 auto;width: auto;}
.logo_center  .container {width:100%; padding:0px;}
.logo_center  .navbar  .nav.navbar-nav { float:none !important; display:inline-block;  }
.logo_center  .navbar  .navbar-collapse { text-align:center;  }

/*******
.box-layout{    width: 1200px; margin: 0px auto;}
header.overlap  {    background: transparent; position: absolute; box-shadow:none;}    
header.overlap_fixed  {    position: fixed; }********/
/******** ================== Header Customization End ================ ********/


/*=======Testimonial Ends======*/

/*=======FORM-1======*/
	
/*=======Image Gallery======*/
ul.imageListsWidget li figure figcaption p:empty {
  display: none !important;
}

/*=======Image Gallery======*/

.cart-caption{}
.cart-caption h3{border-bottom: 1px solid #ccc !important;padding-bottom: 10px !important;}
.modal-body .cart-caption label{float: left;width: 13%;color: #c61e53!important;}
.modal-dialog .cart-caption input[type="text"], .modal-dialog .cart-caption input[type="password"], .modal-dialog .cart-caption input[type="email"], .modal-dialog .cart-caption textarea, .modal-dialog .cart-caption select{float: left;width: 35px;text-align: center;margin-right: 10px;padding: 4px 0px;margin-top: -5px;}
.full-width{width:100%;}
.currency-select select option{background:transparent;}
.add-top-2x{margin-top:15px}
.modal-dialog h4 {
    font-size: 16px;
    font-weight: bold;
}
.cart-caption label {
    display: block;
    font-size: 12px;
    color: #000 !important;
    margin-bottom: 0px;
    font-weight: 100;
    font-family: Arial, Helvetica, sans-serif;
}
.cart-caption input,.cart-caption select{width: 110px !important;
    border: 1px solid #ddd !important;
    background-color: #fff !important;
    color:black !important;}
  .cart-caption input:focus,.cart-caption select:focus{width: 110px !important;
    border: 1px solid #ddd !important;
    background-color: #fff !important;
     color:black !important;}
.modal-dialog h1,.modal-dialog h2,.modal-dialog h3,.modal-dialog h4,.modal-dialog h5,.modal-dialog h6{text-align: left!important;letter-spacing:0px!important;font-family: Arial, Helvetica, sans-serif!important;}
.modal-footer button{margin:0px !important;}
ul#productOptions
{
padding-left:0px;
}
::-webkit-input-placeholder {
   color: black !important;
}

.testimonialStyle1 {
	background: #f4f4f4;
	padding: 20px;
	margin: 10px;
        float: left;
}
.testimonialStyle1 .image-box {
	float: left;
}
.testimonialStyle1 .image-box img {
	width: 82px;
	height: 82px;
}
.add-top {
	margin-top: 20px;
}
.add-top-xl {
	margin-top: 50px;
}
.testimonialStyle2 {
	background: #f4f4f4;
	margin: 20px 0;
	padding: 10px;
}
.testimonialStyle2 img {
	width: 80px;
	height: 80px;
	margin: 0 auto;
	display: block;
}
.testimonialStyle2 span.fa {
	margin-right: 10px;
}
.testimonialStyle3 {
}
.testimonialStyle3 .image-box {
/*	float: left;*/
	padding:0;
/*	background: #f4f4f4;*/
}
.testimonialStyle3 .content-box {
	padding: 0;
}
.testimonialStyle3 .image-box img {
	width: 100%;
	height: 100%;
	border-radius: 0;
}
.testimonialStyle4 img{width: 80px;
	height: 80px;
	margin: 0 auto;
	display: block;}
.testimonialStyle5{background: #f4f4f4;
	padding:10px;position:relative;width:85%;    margin: 0px auto 20px auto;}	
	.testimonialStyle5 img{    width: 80px;
    height: 80px;
    margin: 0;
    display: block;
    padding: 0;}
.testimonialStyle5 .image-box{        position: absolute;
    left: -5%;
    margin-top: -50px;
    top: 50%;
    background: #A0A0A0;
    width: 100px;
    padding: 10px;
    height: 100px;}	
.testimonialStyle5 .content-box {
    padding-left: 70px;
    width: 100%;
    padding-right: 70px;
}
.modal-large
{
width :1180px !important;
}
.faqs{margin:0;padding:0;}



.faqs h1 {
  font-size: 36px;
}

.faqs h1 { font-size: 36px; }


/******** ========================== Navigation Effects =========================== ********/
/* Effect 1: Brackets */
.cl-effect-1 a::before,
.cl-effect-1 a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
    color:#fff;
}

.cl-effect-1 a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.cl-effect-1 a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}

/* Effect 3: bottom line slides/fades in */
.cl-effect-3 a {
	padding: 15px!important
}

.cl-effect-3 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 4px;
	background: #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.cl-effect-3 a:hover::after,
.cl-effect-3 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/* Effect 4: bottom border enlarge */
.cl-effect-4 a {
    padding: 10px !important
}

.cl-effect-4 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
	opacity: 0;
	-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: height 0.3s, opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-4 a:hover::after,
.cl-effect-4 a:focus::after {
	height: 5px;
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
/* Effect 5: same word slide in and border bottom */
.cl-effect-6 a {
    margin: 0 10px;
    padding: 15px!important;
}

.cl-effect-6 a::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	content: '';
	-webkit-transition: top 0.3s;
	-moz-transition: top 0.3s;
	transition: top 0.3s;
}

.cl-effect-6 a::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 2px;
	height: 2px;
	background: #fff;
	content: '';
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
}

.cl-effect-6 a:hover::before {
	top: 100%;
	opacity: 1;
}

.cl-effect-6 a:hover::after {
	height: 100%;
} 

/* Effect 7: second border slides up */
.cl-effect-7 a {
	padding: 12px 10px 10px!important;
	text-shadow: none;	
}

.cl-effect-7 a::before,
.cl-effect-7 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	transform: scale(0.85);
}

.cl-effect-7 a::after {
	opacity: 0;
	-webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: top 0.3s, opacity 0.3s, transform 0.3s;
}

.cl-effect-7 a:hover::before,
.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::before,
.cl-effect-7 a:focus::after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}

.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::after {
	top: 0%;
	opacity: 1;
}

/* Effect 8: border slight translate */
.cl-effect-8 a {
	padding: 10px 20px!important;
}

.cl-effect-8 a::before,
.cl-effect-8 a::after  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 3px solid #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.cl-effect-8 a::after  {
	border-color: #fff;
	opacity: 0;
	-webkit-transform: translateY(-7px) translateX(6px);
	-moz-transform: translateY(-7px) translateX(6px);
	transform: translateY(-7px) translateX(6px);
}

.cl-effect-8 a:hover::before,
.cl-effect-8 a:focus::before {
	opacity: 0;
	-webkit-transform: translateY(5px) translateX(-5px);
	-moz-transform: translateY(5px) translateX(-5px);
	transform: translateY(5px) translateX(-5px);
}

.cl-effect-8 a:hover::after,
.cl-effect-8 a:focus::after  {
	opacity: 1;
	-webkit-transform: translateY(0px) translateX(0px);
	-moz-transform: translateY(0px) translateX(0px);
	transform: translateY(0px) translateX(0px);
}

.cl-effect-12 a{padding-top: 15px!important;padding-bottom: 15px!important;}
/* Effect 12: circle */
.cl-effect-12 a::before,
.cl-effect-12 a::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	border: 2px solid #fff;
	border-radius: 50%;
	content: '';
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
	transform: translateX(-50%) translateY(-50%) scale(0.2);
}

.cl-effect-12 a::after {
	width: 90px;
	height: 90px;
	border-width: 6px;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
	transform: translateX(-50%) translateY(-50%) scale(0.8);
}

.cl-effect-12 a:hover::before,
.cl-effect-12 a:hover::after,
.cl-effect-12 a:focus::before,
.cl-effect-12 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
	-moz-transform: translateX(-50%) translateY(-50%) scale(1);
	transform: translateX(-50%) translateY(-50%) scale(1);
}

/* Effect 13: three circles */
.cl-effect-13 a {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.cl-effect-13 a::before {
	position: absolute;
	top: 100%;
	left: 50%;
	color: transparent;
	content: "\2022";
	text-shadow: 0 0 transparent;
	font-size: 1.2em;
	-webkit-transition: text-shadow 0.3s, color 0.3s;
	-moz-transition: text-shadow 0.3s, color 0.3s;
	transition: text-shadow 0.3s, color 0.3s;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none;
}

.cl-effect-13 a:hover::before,
.cl-effect-13 a:focus::before {
	color: #fff;
	text-shadow: 10px 0 #fff, -10px 0 #fff;
}

.cl-effect-13 a:hover,
.cl-effect-13 a:focus {
}

/* Effect 14: border switch */
.cl-effect-14 a {
	padding: 0 20px!important;
	height: 45px;
	line-height: 45px!important;
}

.cl-effect-14 a::before,
.cl-effect-14 a::after {
	position: absolute;
	width: 45px;
	height: 2px;
	background: #fff;
	content: '';
	opacity: 0.2;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	pointer-events: none;
}

.cl-effect-14 a::before {
	top: 0;
	left: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
}

.cl-effect-14 a::after {
	right: 0;
	bottom: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

.cl-effect-14 a:hover::before,
.cl-effect-14 a:hover::after,
.cl-effect-14 a:focus::before,
.cl-effect-14 a:focus::after {
	opacity: 1;
}

.cl-effect-14 a:hover::before,
.cl-effect-14 a:focus::before {
	left: 50%;
	-webkit-transform: rotate(0deg) translateX(-50%);
	-moz-transform: rotate(0deg) translateX(-50%);
	transform: rotate(0deg) translateX(-50%);
}

.cl-effect-14 a:hover::after,
.cl-effect-14 a:focus::after {
	right: 50%;
	-webkit-transform: rotate(0deg) translateX(50%);
	-moz-transform: rotate(0deg) translateX(50%);
	transform: rotate(0deg) translateX(50%);
}

/* Effect 21: borders slight translate */
.cl-effect-21 a {
	padding: 12px!important;	
	text-shadow: none;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.cl-effect-21 a::before,
.cl-effect-21 a::after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-21 a::before {
	top: 0;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-21 a::after {
	bottom: 0;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.cl-effect-21 a:hover,
.cl-effect-21 a:focus {
}

.cl-effect-21 a:hover::before,
.cl-effect-21 a:focus::before,
.cl-effect-21 a:hover::after,
.cl-effect-21 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

.cl-effect-22 a{padding:12px!important;}
.cl-effect-22 a:before{ 
    content: '';
    display: block; 
    position: absolute; 
    height: 3px; 
    background-color:#fff;
    bottom: 6px;
    left: 0; 
    width: 100%;
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transition: all .3s ease;
            transition: all .3s ease;
} 
.cl-effect-22 a:hover:before{
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
}
.cl-effect-23 a{}
.cl-effect-23 a:hover{transform: scale(1.4);}
.cl-effect-custom-1 a::after {
	display: block;
	position: absolute;
	left: 0;
	bottom: 5px;
	width: 0;
	height: 2px;
	background-color: #abc837;
	content: "";
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.cl-effect-100 a{height: 100%;}
.cl-effect-100 a:after{content:'';position:absolute;top:0%;left:0;background:transparent;border:3px double transparent;width: 100%;padding: 11px;transition: all 0.5s ease;}
.cl-effect-100 a:hover:after, .cl-effect-custom-2 a:focus:after{content:'';position:absolute;top:0%;left:0;background:transparent;border:3px double #abc837;width: 100%;padding: 11px;transition: all 0.5s ease;}
/******** ========================== Navigation Effects =========================== ********/

/******** ========================== Blog Effects =========================== ********/

.blog-post-container {
    border-bottom: 1px solid #ededed;
    margin-bottom: 3.9em;
    padding-bottom: 1.9em;
    float: left;
    width: 100%;
}
.post-image {
    float: left;
    width: 100%;
}

.post-image img {
    background: #41352e none repeat scroll 0 0;
    border: 9px solid #ededed;
    cursor: pointer;
    float: left;
    height: auto;
    max-height: 100%;
    min-width: 100%;
    overflow: hidden;
    text-align: center;
}
.post-image > img {
    backface-visibility: hidden;
    display: block;
    min-height: 100%;
    opacity: 1;
    transition: opacity 1s ease 0s, transform 1s ease 0s;
}
.post-image img:hover {
    opacity: 0.48;
    transform: scale3d(1.02, 1.02, 1.02);
}
.post-image img, .post-image > img {
    max-width: 100%;
    position: relative;
    width: 100%;
}


.sidebar-catagory{}
.sidebar-catagory h1,.sidebar-catagory h2,.sidebar-catagory h3,.sidebar-catagory h4,.sidebar-catagory h5,.sidebar-catagory h6{margin-bottom:15px;    border-bottom: 1px solid #ededed;padding-bottom: 15px;font-weight: 400;color:#41352e;}
.sidebar-catagory ul{margin:0;padding:0;}
.sidebar-catagory ul li{list-style:none;display:block;}
.sidebar-catagory p{font-weight:normal;margin-bottom:15px;}
.tag-widget a{
		background-color:#fff;
		border:1px solid #d7d7d7;
		border-radius:2px;
		line-height:1;
		display:inline-block;
		padding:7px 13px;
		margin:0 7px 7px 0;
}

/******** ========================== Blog Effects End =========================== ********/


.faqs h2 {
  font-size: 30px;
}
.faqs h3 {
  font-size: 24px;
}
.faqs h4 {
  font-size: 18px;
}
.faqs h5 {
  font-size: 14px;
}
.faqs h6 {
  font-size: 12px;
}

.widgetBg{background: #abc837;padding: 100px 0;}
.widgetBg h3{color:#fff;text-align:left;}
.widgetBg p{font-size: 14px;text-align:left;margin-bottom: 0;font-weight:normal;font-family:'Open Sans', sans-serif;}
.text-center{text-align: center !important;}
.caption-image {}
.caption-image img {width: 100%;height: 100%;}
.caption-text {color: #000;text-align: center;}
.caption-text h1 {font-size: 24px;color: #000;margin-top: 0;margin-bottom: 0;}
.caption-text h1, .caption-text h2, .caption-text h3, .caption-text h4, .caption-text h5, .caption-text h6, .caption-text p{color: #000;text-align:center;}
.caption-text p {padding-bottom: 15px;text-align:center;}
.team-member{padding:0!important;}
.team-member img{width:100%;}

.widgetBlock1.slider{width:100%;position:relative;padding:0;}
.widgetBlock1.slider h1{font-size:45px;text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.31);-webkit-text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.31);-moz-text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.31);-o-text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.31);}
.widgetBlock1.slider h5{font-size:20px;text-align:center ;}
.widgetBlock1 .heroHeading1{position: absolute;width: 100%;top: 30%; padding: 20px; right: 0%;   background-color: rgba(0,0,0,0.7);}
.widgetBlock1.slider img{width:100%;float:left;}

.widgetBg1 h2,.widgetBg1 h3{color:#fff !important;};
.single-slider {width:100%;position:relative;padding:0;margin-top:-1px;}
.single-slider .heroHeading h1{font-size:100px !important;color:#fff !important;text-align: center !important;display: block !important;font-weight:bold;margin-bottom:30px;margin-top: 30px;}
.single-slider .heroHeading h2{font-size:30px !important;text-align:center !important;color:#fff !important;text-transform:uppercase;}
.single-slider .heroHeading p{color:#fff !important;line-height:30px;font-size:18px !important;text-align:center !important;margin-top: 10px;}
.single-slider .heroHeading{position: absolute;width: 100% !important;top: 18% !important;left: 0 !important;}
.single-slider  img{width:100%;float:left;}

.widgetBg1 h2,.widgetBg1 h3{color:#fff !important;}


ul.client-logo-gallery {
    margin: 20px auto 0 auto;
    display: block;
    text-align: center;
    width: 100%;
    padding: 0;
}

ul.client-logo-gallery li {
    display: inline-block;
    margin-right: 60px;
    margin-bottom: 20px;
    text-align: center;
    float:none !important;
}

.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover{border: 1px solid transparent!important;}
.selectMenuStyle:hover { background-color: #abc837;}

.productImage{max-height: 300px !important;}

.VideoWidget>iframe, .VideoWidget>img {
    margin:auto;
    display:block;
}
.col-80-offset-dm {
    margin: 0 auto;
    width: 80%;
}

@media only screen and (max-width:1040px) {
  .embed-container {
    padding-bottom: 23.25%;
  }
  .carousel-inner > .item > img {
	height: 500px;
	width: 100%;
}
.carousel .item {
	height: 500px;
}
.carousel {
	height: 500px;
}
.carousel-caption h1 {
	font-size: 30px;
	line-height: 30px;
}
.carousel-caption p {
	font-size: 14px;
	line-height: normal;
}
.carousel-caption {
	bottom: 150px;
}
   ul.imgs-gallery li {
		width: 49.3%;
    margin-right:5px;
} 
ul.imgs-gallery {
    width: 100%;
    padding: 0;
    
}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.testimonialStyle5 .image-box {
	left: 50%;
	margin-left: -35px;
	margin-top: 0;
	top: -50px;
	width: 100px;
        height: 100px;
        }
.testimonialStyle5 img {width:80px;height:80px;}
.testimonialStyle5 .content-box {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 50px;
}
.testimonialStyle5 .content-box p{text-align:center;}
	
 .carousel-inner > .item > img {
	height: 400px;
}
.carousel .item {
	height: 400px;
}
.carousel {
	height: 400px;
}
.carousel-caption h1 {
	font-size: 30px;
	line-height: 30px;
}
.carousel-caption p {
	font-size: 14px;
	line-height: normal;
}
.carousel-caption {
	bottom: 100px;
}
   ul.imgs-gallery li {
	width: 49.3%;
    margin-right:5px;
} 
ul.imgs-gallery {
    width: 100%;
    padding: 0;
    
}
}


@media only screen and (max-width:960px) {
  .embed-container {
    padding-bottom: 30.25%;
  }
}
@media only screen and (max-width:640px) {
  .embed-container {
    padding-bottom: 50.25%;
  }
  .carousel-inner > .item > img {
	height: 300px;
	width: 100%;
}
.carousel .item {
	height: 300px;
}
.carousel {
	height: 300px;
}
.carousel-caption h1 {
	font-size: 20px;
	line-height: 20px;
}
.carousel-caption p {
	font-size: 12px;
	line-height: normal;
	text-shadow: none;
}
.carousel-caption {
    bottom: 60px;
}
ul.imgs-gallery, ul.imgs-gallery li {
	width: 100%;
}
}

@media only screen and (max-width: 480px) {
	.testimonialStyle5 .image-box {
            left: 50%;
            top: 0;
            width: 100px;
            height: 100px;
            margin-left: -40px;
        }
	.testimonialStyle5 img {width:80px;height:80px;}
	.testimonialStyle5 .content-box {padding:50px 0 0 0;}
	.testimonialStyle5 .content-box p{text-align:center;}
	.testimonialStyle3 .image-box {margin: 0px auto;float: none;width: 200px;}
    
    .carousel-inner > .item > img {
	height: 200px;
}
.carousel .item {
	height: 200px;
}
.carousel {
	height: 200px;
}
.carousel-caption h1 {
	font-size: 20px;
	line-height: 20px;
}
.carousel-caption p {
	font-size: 12px;
	line-height: normal;
	text-shadow: none;
}
.carousel-caption {
	bottom: 0;
	padding-bottom: 30px;
}
ul.imgs-gallery li{width:100%;}
ul.imgs-gallery {
	width: 100%;
}
}

@media only screen and (max-width:403px) {
  .embed-container {
    padding-bottom: 80.25%;
  }
}