/*============== Font Name ==============*/

/*=== https://fonts.googleapis.com/css?family=Open+Sans|Lato:400,700,300,100 ===*/


/*============== Body Code ==============*/
body {background: #fff;color: #23466e;-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;font-family: 'Open Sans', sans-serif;font-size:13px;overflow-y: scroll;}
/*============== Body Code ==============*/

/*======================== Dynamic Codes =============================*/

/*============== Content Selection Codes ==============*/

::selection{background:#82d1f4;color:#fff;}
::-webkit-selection{background:#82d1f4;color:#fff;}
::-moz-selection{background:#82d1f4;color:#fff;}

/*============== Content Selection Codes ==============*/

/* Navigation Codes*/
.navbar-default {background-color:transparent;border-color: transparent;}
.navbar-default .navbar-brand{color:#a91632;}
.navbar-brand {float: left;height: 50px;padding: 0px 0px;margin-top:-5px;}
.nav>li {position: relative;display: inline-block;margin-right: -4px;text-align: center;font-family: 'Open Sans', sans-serif;   font-size: 12px;text-transform: uppercase;}
.navbar-default .navbar-nav>li>a {color: #23466e;transition: all 0.5s ease;padding-top: 15px;
padding-bottom: 15px;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color: #000;transition: all 0.5s ease;border:0px;}
.navbar-default .navbar-toggle {border: solid 1px #000;}
.navbar-toggle{border-radius:0;}
.navbar-default .navbar-toggle .icon-bar {background-color: #000;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: transparent;}
.navbar-nav {margin: 20px auto 0px auto;display: block;text-align: center;}
.navbar{margin-bottom:0;}
.navbar-nav>li {float: none;}
#gmap_canvas img{max-width:none!important;background:none!important}
/* Heading Codes*/
h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif;text-align:center;font-weight:100;transition: all 0.5s ease;}
.richTextWidget h4 {font-family: 'Open Sans', sans-serif;text-align:left;font-weight:100;transition: all 0.5s ease;padding-left: 18px;}
section{background:#fff;padding:20px 0;width:100%;zoom: 1;clear:both;overflow:hidden;display:block;}
.sectionBg{background:#82d1f4;}
.sectionBg h1, .sectionBg h2, .sectionBg h3, .sectionBg h4, .sectionBg h5, .sectionBg h6, .sectionBg p{color:#000;font-weight:300;}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {background: #000;color: #FFFFFF;border: 2px solid #000;}
/*======================== Dynamic Codes =============================*/

/*============== Header Area Codes ==============*/
header{padding:20px 0 20px 0;width: 100%;background:#fff;}
.logo{float: left;position:relative;z-index:1001;}
.logo a{margin: 0 auto;border: 0px!important;}
.logo img{max-width: 100%;height: auto;}
.slider{background:url(../images/lastone.jpg) no-repeat;height:600px;
margin: 0 auto;padding: 0;}
.heroHeading h1{font-size:100px;border: 0;text-align: center;display: block;padding:25px 0 0 0;font-weight:400;color:#fff;margin-top: 100px;text-shadow: #484848 0em 0.05em 0.05em;}
.heroHeading h2{font-size:70px;font-weight:700;text-align:center;color:#fff;text-transform:uppercase;margin:20px 0 40px 0;text-shadow: #484848 0em 0.05em 0.05em;}
.heroHeading h3{font-size:40px;font-weight:600; text-align:left;color:#23466e;margin: 0px;}
.heroHeading span.orange {color:#82d1f4;}
/* .heroHeading span.orange {color:#e6a00a;} */
.heroHeading p{color:#fff;}
.heroHeading p.blue{font-size:16px;color:#23466e;line-height: 130%; text-align:right; padding-right: 3px; letter-spacing: .03em;}
.heroHeading{padding:20px;}
.slider img{width:100%;float:left;}
.headingBg{background:#23466e;}
.heading{padding: 35px 0;color:#fff;}
.heading h1,.heading h2,.heading h3,.heading h4,.heading h5,.heading h6{text-align:left;}
/*============== Header Area Codes ==============*/

/*============== Headings ==============*/
h1 { font-size: 60px;}
h2 { font-size: 45px;font-weight:300;}
h3 { font-size: 30px;font-weight:300;text-shadow: #999 0em 0.03em 0.06em;}
h4 { font-size: 25px;text-shadow: #999 0em 0.04em 0.06em;}
h5 { font-size: 15px;}
h6 { font-size: 7px;}
h1, .h1, h2, .h2, h3, .h3, h4 {margin-top: 10px;margin-bottom: 20px;}
/*============== Headings ==============*/
p{font-size:14px;color:#000;line-height:22px;font-family: 'Open Sans', sans-serif;}
a {color: #82d1f4;text-decoration: none;}
a:hover, a:focus {color: #82d1f4;text-decoration: none;transition: all 0.5s ease;}
/*============== Buttons ==============*/
.theme-button{border: 2px solid #fff;background:#23466e;color: #fff;display:inline-block;font-size: 14px;letter-spacing:.05em;text-decoration: none;cursor: pointer;margin-top: 2px;line-height: normal;padding:5px 30px;font-family: 'Open Sans', sans-serif;outline: none;font-weight: 500;position: relative;vertical-align: middle;z-index: 1;-webkit-backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
.theme-button:hover, focus{border:2px solid #fff;color: #23466e;background:#82d1f4;}
.theme-button a:hover, a:focus{border:2px solid #23466e;color: #fff; background:#e6a00a;}
.theme-button-second{border:2px solid #23466e;background:#23466e;color: #fff;display:inline-block;font-size: 12px;letter-spacing:.05em;text-decoration: none;cursor: pointer;margin-top: -10px;line-height: normal;padding: 4px 8px;font-family: 'Open Sans', sans-serif;outline: none;position: relative;vertical-align: middle;z-index: 1;-webkit-backface-visibility: hidden;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;font-weight: 500;}
.theme-button-second:hover, focus{border:2px solid #82d1f4;color: #23466e;background:#82d1f4;}
.theme-button-second a:hover, a:focus{border:2px solid #23466e;color: #fff; background:#e6a00a;}
.theme-button-third{border: 2px solid #fff;color:#fff;display: inline-block;font-size: 12px;text-decoration: none;cursor: pointer;margin-top: 5px;line-height: normal;padding: 6px 18px;font-family: 'Lato', sans-serif;outline: none;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.theme-button-third:hover, focus{background:#fff;border: 1px solid #fff;color: #82d1f4;}
/*============== Buttons ==============*/


/*============== Forms ==============*/
form {margin-bottom: 20px; }
fieldset {margin-bottom: 20px; }
input[type="text"], input[type="password"], input[type="email"], textarea, select {padding:9px 15px;outline: none;font-family: 'Open Sans', sans-serif;color: #000;margin: 0;width:100%;max-width: 100%;display: block;margin-bottom: 10px;background:transparent;transition: all 0.5s ease;border:2px solid #000;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;}
textarea {min-height: 60px;transition: all 0.5s ease;font-family: 'Open Sans', sans-serif; }
label, legend {display: block;font-size: 14px;color: #000;margin-bottom: 10px;font-weight: normal;font-family: 'Open Sans', sans-serif;}
select {color: #82d1f4;border: 1px solid #82d1f4;font-family: 'Open Sans', sans-serif;}
input[type="checkbox"] {display: inline;font-family: 'Open Sans', sans-serif;}
label span, legend span {font-weight: normal;font-size: 13px;color: #82d1f4;margin-bottom: 10px; }
.form p {border-bottom: 1px dotted #a91632;padding-bottom: 10px;margin-bottom: 10px;}
.form .input{float: left;width: 329px;margin: 0 30px 0px 0;}
.form .input:first-child{margin-left: 0;}
.form textarea{margin-bottom: 20px;}
.form{width: 100%;padding: 20px 0;}
.form h3{text-align:left;}
textarea{height: auto;resize: none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#82d1f4;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color:#fff;}
input:-moz-placeholder {color:#82d1f4;opacity:  1;}
input:focus:-moz-placeholder {color:#fff;opacity:  1;}
input::-moz-placeholder {color:#82d1f4;opacity:  1;}
input:focus::-moz-placeholder {color:#fff;opacity:  1;}
input:-ms-input-placeholder {color:#82d1f4;}
input:focus:-ms-input-placeholder {color:#fff;}	
/*============== Forms ==============*/

/*============== Misc ==============*/
.col-offset-dm {margin: 0 auto;width: 100%;}
.content-block h4 {text-align: left;margin-bottom: 20px;font-weight: 300;}
.content-block p {margin-top: 10px;}
.copyright{background: #23466e;padding:20px 0 10px 0;}
.copyright p{color:#fff;text-align:left;font-size:12px;}
.remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }
.remove-top { margin-top: 0 !important; }
.remove-left{ margin-left: 0 !important;}
.remove-right{ margin-right: 0 !important;}
.half-top{ margin-top: 10px !important; }
.add-top{ padding:0 0 10px 20px; margin: 0px !important; }
.add-med{ margin-top: 32px !important; }
.add-top-large{ margin: 0px !important; }
.add-top-xl{ margin-top: 65px !important; }
.add-top-xxl{ margin-top: 109px !important; }
.caption-image {}
.caption-image img {width: 100%;height: 100%;}
.caption-text {text-align: center;}
.caption-text h4, .caption-text h5 {margin-top: 0;margin-bottom: 0;}
.caption-text p {color:#82d1f4;}
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;}
.formBox{padding:20px;}
.social-media{padding: 10px 0;}
.social-media ul{margin: 0 auto;padding: 0;display: block;width: 100%;float: none;text-align: center;}
.social-media li{list-style: none;display: inline-block;float: none;margin-right: 10px;text-align: center;}
.social-media span{color:#000;font-size:18px;}
/*============== Misc ==============*/

/*============== Theme Elements ==============*/
.remove-padding{padding:0!important;}
/*============== Theme Elements ==============*/


/*============== Theme Gallery ==============*/
.grid {max-width: 100%;list-style: none;float: left;width: 100%;}
.grid figure{width: 100%;max-height: 240px;margin: 5px 0;background: none;}
.grid figure img{width:100%;opacity: 10;}
figure.effect-jazz h2, figure.effect-jazz p{color: #fff;opacity: 0;}
figure.effect-jazz{background: #000 !important;}
figure.effect-jazz h2{font-size:30px;padding-top: 5%;}
.grid figure.effect-jazz figcaption{}
.grid figure.effect-jazz:hover h2{font-size: 28px;}
figure.effect-jazz:hover img{opacity: 0.3;}
.grid figure figcaption{text-transform:capitalize;}
figure.effect-jazz p{padding: 0;font-size: 12px;margin-top: 15px;line-height: 20px;}
/*============== Theme Gallery ==============*/


/*============== UI ELEMENTS ==============*/
ol{display: block;list-style-type: decimal;padding-left: 40px;font-size:14px;color:#000;line-height:22px;font-family: 'Open Sans', sans-serif;}
ol li{margin: 20px 0px;}
ul li{list-style-type:square;color:#000;}
/*============== UI ELEMENTS ==============*/

/*============== Footer Area Codes ==============*/
footer{padding:0;width:100%;margin-top:20px;}
footer p{color:#fff;}
footer ul {margin: 0;padding: 0px;}
footer ul li a {color: #fff;}
/*============== Footer Area Codes ==============*/


/*============== Responsive Codes ==============*/


/*============== Ipad (portrait and landscape) ==============*/

@media only screen and (min-width: 768px) and (max-width: 1024px) {
			.navbar-brand{font-size: 34px;}
			.nav>li{margin-right: 0px;}
			ul.fullwidthGallery.imgs-gallery li{width: 49.3%;margin-right: 5px;}
			.heroHeading h1{font-size:60px;line-height: 27px;}
}
		
/*============== Ipad (portrait and landscape) ==============*/

/*============== Big Smartphones (portrait and landscape) ==============*/			

	@media only screen and (min-width: 480px) and (max-width: 767px) {
			 header{position:relative;}
			.paragraphText img{margin:0;}
			.navbar-brand{font-size: 34px;}
			.nav>li>a{width: 100%;text-align: center;margin: 0 auto;}
			.navbar-nav>li>a {padding-top: 15px;padding-bottom: 15px;}
			.navbar{margin-bottom:0;}
			.navbar-nav {margin: 0px;}
			.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent;}
			.heroHeading{top: 3%;width: 100%;padding:15px;}
			.heroHeadingInner{padding-top:5px;padding-bottom:5px;}
			.heroHeading h3{margin-bottom: 0px;font-size: 20px;}
			.slider h1{font-size:30px;line-height: 30px;margin: 0;padding:0;}
			.heroHeading p {font-size: 10px;margin-top: 5px;line-height: 14px;}
			ul.imgs-gallery{width: 100%;float: left;}
			ul.imgs-gallery li{margin-right: 0px;width: 100%;}
			ul.fullwidthGallery.imgs-gallery li{width: 100%;margin-right: 0;}
			ul.fullwidthGallery.imgs-gallery li figure.effect-layla img, figure.effect-layla h2{-webkit-transform: translate3d(0,0px,0);}
			.navbar-nav>li{display:block;}
			.heroHeading h2{font-size: 22px;text-align: center!important;margin-bottom:0;}
	}
	
/*============== Big Smartphones (portrait and landscape) ==============*/		
	
/*============== Smartphones (portrait and landscape) ==============*/

	@media only screen and (max-width: 479px) {
			header{position:relative;}
			h1{font-size: 38px;line-height: 40px;}
			h4{font-size: 16px;}
			.heroHeading h1{font-size:38px;}
			.heroHeading h2{font-size:25px;}
			.navbar-brand{width: 200px;}
			.navbar-brand{font-size: 34px;}
			.nav>li>a{width: 100%;text-align: center;margin: 0 auto;}
			.navbar-nav>li>a {padding-top: 15px;padding-bottom: 15px;}
			.navbar{margin-bottom:0;}
			.navbar-nav {margin:0px;}
			.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent;}
			.heroHeading{top: 0%;width: 93%;padding:5px 15px;}
			.heroHeading p {font-size: 10px;line-height: 12px;margin-top:5px;}
			.social-media li{margin-right: 5px;font-size: 28px;}
			ul.imgs-gallery{width: 100%;float: left;}
			ul.imgs-gallery li{margin-right: 0px;width: 100%;}
			ul.fullwidthGallery.imgs-gallery li{width: 100%;margin-right: 0;}
			.theme-button{font-size: 10px;padding: 7px 10px;}
			.logo{width: 50%;float:left;}
			.heroHeadingInner{padding-top:5px;padding-bottom:5px;left: 11%;}
			.heroHeading h3{font-size: 12px;margin-top: 0;margin-bottom: 0px;}
			.navbar-nav>li{display:block;}
		}
		
/*============== Smartphones (portrait and landscape) ==============*/		
		
/*============== Responsive Codes ==============*/		

.dm-animated-btn {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    line-height: normal;
    padding: 10px 40px;
    background: #82d1f4;
    transition: all 0.5s ease;
}
/*=======FORM-1======*/
.dragndropContactForm label, legend {
  display: block;
  font-size: 14px;
  color: #82d1f4;
  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 #82d1f4;
}
.dragndropRichTextWidget {
  margin: 0;
  padding: 0;
}
.dragndropRichTextWidget h1, .dragndropRichTextWidget h2, .dragndropRichTextWidget h3, .dragndropRichTextWidget h4, .dragndropRichTextWidget h5, .dragndropRichTextWidget h6 {
  color: #82d1f4;
}
.dragndropRichTextWidget .fa {
  color: #82d1f4;
}
.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: #82d1f4;
}
.dragndropSocialMedia.social-media {
  background: none !important;
}
.dragndropSocialMedia.social-media li {
  background: none !important;
}
.dragndropSocialMedia ul li span {
  color: #82d1f4;
}
.img-responsive {
  width: 100%;
  position: relative;
  float: left;
  border: 2px solid white;
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 3px 6px 1px rgba(30,30,30,.15);
  -moz-box-shadow: 0px 3px 6px 1px rgba(30,30,30,.15);
  box-shadow: 0px 3px 6px 1px rgba(30,30,30,.15);
}
/*============== Schattenwurf ==============*/
/*
.img-shadow img {
float: left;
}
.img-shadow {
position: relative;
max-width: 100%;
float: left;
border: 20px solid white;
}
.img-shadow::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
box-shadow:inset 0 2px 5px 1px rgba(30,30,30,.15); 
-moz-box-shadow: inset 0 2px 5px 1px rgba(30,30,30,.15);
-webkit-box-shadow: inset 0 2px 5px 1px rgba(30,30,30,.15);
}
.Widget {
position: relative;
-webkit-box-shadow: 0px 6px 10px -1px rgba(30,30,30,0.3);
-moz-box-shadow: 0px 6px 10px -1px rgba(30,30,30,0.3);
box-shadow: 0px 6px 10px -1px rgba(30,30,30,0.3);
}
*/
.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:500px;}
	.carousel-caption {
    bottom: 130px;}
    
.carousel-indicators li {
  border: 1px solid #82d1f4;
  background: #82d1f4;
}

.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: #82d1f4;
  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: #82d1f4;
  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: #82d1f4;
}
.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:#82d1f4;
}

.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: #82d1f4;
	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: #82d1f4;
	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: #82d1f4;
	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: #82d1f4;
	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: #82d1f4;
	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 #82d1f4;
	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: #82d1f4;
	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 #82d1f4;
	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: #82d1f4;
	text-shadow: 10px 0 #82d1f4, -10px 0 #82d1f4;
}

.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: #82d1f4;
	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: #82d1f4;
	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:#82d1f4;
    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: #82d1f4;
	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 #82d1f4;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: #82d1f4;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: #fff;}

.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%;
  }
}

.col-md-4 {
  padding: 10px;
}

.col-md-12 {
  padding: 20px 0 30px 0;
}

/******** ========================== Accordion =========================== ********/

.ac-container{
	width: 90%;
	margin: 5px auto 20px auto;
}

.acco{
	margin-top: 0px;
}
.ac-container label{
	padding: 15px 0 5px 16px;
	position: relative;
	z-index: 20;
	display: block;
	height: 50px;
	cursor: pointer;
/*  background: #23466e; */
  color: #23466e;
}
.ac-container label:hover{
	background: #82d1f4;
  color: #23466e;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #e6a00a;
	color: #23466e;
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	right: 5px;
	top: 5px;
}
.ac-container input{
	display: none;
}
.ac-container article{
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
	line-height:22px;
	padding: 15px;
}
.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 0px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ article.ac-small{
	min-height: 140px;
}
.ac-container input:checked ~ article.ac-medium{
	min-height: 140px;
}
.ac-container input:checked ~ article.ac-large{
	min-height: 140px;
}

/******** ========================== Image Lightbox =========================== ********/

		#imagelightbox
		{
			cursor: pointer;
			position: fixed;
			z-index: 10000;

			-ms-touch-action: none;
			touch-action: none;

			-webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
			box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
		}


		/* ACTIVITY INDICATION */

		#imagelightbox-loading,
		#imagelightbox-loading div
		{
			border-radius: 50%;
		}
		#imagelightbox-loading
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			position: fixed;
			z-index: 10003;
			top: 50%;
			left: 50%;
			padding: 0.625em; /* 10 */
			margin: -1.25em 0 0 -1.25em; /* 20 */

			-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
			box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
		}
			#imagelightbox-loading div
			{
				width: 1.25em; /* 20 */
				height: 1.25em; /* 20 */
				background-color: #fff;

				-webkit-animation: imagelightbox-loading .5s ease infinite;
				animation: imagelightbox-loading .5s ease infinite;
			}

			@-webkit-keyframes imagelightbox-loading
			{
				from { opacity: .5;	-webkit-transform: scale( .75 ); }
				50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
				to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
			}
			@keyframes imagelightbox-loading
			{
				from { opacity: .5;	transform: scale( .75 ); }
				50%	 { opacity: 1;	transform: scale( 1 ); }
				to	 { opacity: .5;	transform: scale( .75 ); }
			}


		/* OVERLAY */

		#imagelightbox-overlay
		{
			background-color: #fff;
			background-color: rgba( 255, 255, 255, .9 );
			position: fixed;
			z-index: 9998;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
		}


		/* "CLOSE" BUTTON */

		#imagelightbox-close
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			text-align: left;
			background-color: #666;
			border-radius: 50%;
			position: fixed;
			z-index: 10002;
			top: 2.5em; /* 40 */
			right: 2.5em; /* 40 */

			-webkit-transition: color .3s ease;
			transition: color .3s ease;
		}
		#imagelightbox-close:hover,
		#imagelightbox-close:focus { background-color: #111; }

			#imagelightbox-close:before,
			#imagelightbox-close:after
			{
				width: 2px;
				background-color: #fff;
				content: '';
				position: absolute;
				top: 20%;
				bottom: 20%;
				left: 50%;
				margin-left: -1px;
			}
			#imagelightbox-close:before
			{
				-webkit-transform: rotate( 45deg );
				-ms-transform: rotate( 45deg );
				transform: rotate( 45deg );
			}
			#imagelightbox-close:after
			{
				-webkit-transform: rotate( -45deg );
				-ms-transform: rotate( -45deg );
				transform: rotate( -45deg );
			}


		/* CAPTION */

		#imagelightbox-caption
		{
			text-align: center;
			color: #fff;
			background-color: #666;
			position: fixed;
			z-index: 10001;
			left: 0;
			right: 0;
			bottom: 0;
			padding: 0.625em; /* 10 */
		}


		/* NAVIGATION */

		#imagelightbox-nav
		{
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			border-radius: 20px;
			position: fixed;
			z-index: 10001;
			left: 50%;
			bottom: 3.75em; /* 60 */
			padding: 0.313em; /* 5 */

			-webkit-transform: translateX( -50% );
			-ms-transform: translateX( -50% );
			transform: translateX( -50% );
		}
			#imagelightbox-nav button
			{
				width: 1em; /* 20 */
				height: 1em; /* 20 */
				background-color: transparent;
				border: 1px solid #fff;
				border-radius: 50%;
				display: inline-block;
				margin: 0 0.313em; /* 5 */
			}
			#imagelightbox-nav button.active
			{
				background-color: #fff;
			}


		/* ARROWS */

		.imagelightbox-arrow
		{
			width: 3.75em; /* 60 */
			height: 7.5em; /* 120 */
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			vertical-align: middle;
			display: none;
			position: fixed;
			z-index: 10001;
			top: 50%;
			margin-top: -3.75em; /* 60 */
		}
		.imagelightbox-arrow:hover,
		.imagelightbox-arrow:focus	{ background-color: rgba( 0, 0, 0, .75 ); }
		.imagelightbox-arrow:active { background-color: #111; }

			.imagelightbox-arrow-left	{ left: 2.5em; /* 40 */ }
			.imagelightbox-arrow-right	{ right: 2.5em; /* 40 */ }

			.imagelightbox-arrow:before
			{
				width: 0;
				height: 0;
				border: 1em solid transparent;
				content: '';
				display: inline-block;
				margin-bottom: -0.125em; /* 2 */
			}
				.imagelightbox-arrow-left:before
				{
					border-left: none;
					border-right-color: #fff;
					margin-left: -0.313em; /* 5 */
				}
				.imagelightbox-arrow-right:before
				{
					border-right: none;
					border-left-color: #fff;
					margin-right: -0.313em; /* 5 */
				}

		#imagelightbox-loading,
		#imagelightbox-overlay,
		#imagelightbox-close,
		#imagelightbox-caption,
		#imagelightbox-nav,
		.imagelightbox-arrow
		{
			-webkit-animation: fade-in .25s linear;
			animation: fade-in .25s linear;
		}
			@-webkit-keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}
			@keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}

		@media only screen and (max-width: 41.250em) /* 660 */
		{
			#container
			{
				width: 100%;
			}
			#imagelightbox-close
			{
				top: 1.25em; /* 20 */
				right: 1.25em; /* 20 */
			}
			#imagelightbox-nav
			{
				bottom: 1.25em; /* 20 */
			}

			.imagelightbox-arrow
			{
				width: 2.5em; /* 40 */
				height: 3.75em; /* 60 */
				margin-top: -2.75em; /* 30 */
			}
			.imagelightbox-arrow-left	{ left: 1.25em; /* 20 */ }
			.imagelightbox-arrow-right	{ right: 1.25em; /* 20 */ }
		}

		@media only screen and (max-width: 20em) /* 320 */
		{
			.imagelightbox-arrow-left	{ left: 0; }
			.imagelightbox-arrow-right	{ right: 0; }
		}
    
    /* ############################################################################### */
    
    /* Style the Image Used to Trigger the Modal */
#myImg {
    border-radius: 0px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
    margin: auto;
    display: block;
    width: 100%;
    max-width: 1024px;
    max-height: 768px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption { 
    animation-name: zoom;
    animation-duration: 0.6s;
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}