/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-bottom: 40px;
  color: #5a5a5a;
  line-height:1;
}



/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: relative;
  z-index: 15;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 0px;

  /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
  margin-top: 0px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.item li {
    list-style: outside none none;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: auto;
}
.carousel-inner1 > .item > img {
  top: 0;
  left: 0;
  max-width: 100%;
  height: auto;
}



/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-left: 15px;
  padding-right: 15px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  text-align: center;
  margin-bottom: 20px;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-left: 10px;
  margin-right: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}
#carousel-bounding-box {
    padding: 15px;
}

#slider {
	background:#535353;

}
/* RESPONSIVE CSS
-------------------------------------------------- */
.imgCaro > img {
    max-width: 100%;
}
@media (min-width: 769px) {
 
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
   #slider img:not(:first-child) {
	display:none;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
  top:-140px;
   -webkit-transition: 1s ease-in-out left;
          transition: 1s ease-in-out left;
}
.carousel-inner1 {
  position: relative;
  width: 100%;
  overflow: hidden;
  top:0px;
    -webkit-transition: 1s ease-in-out left;
          transition: 1s ease-in-out left;
}
.carousel-inner-advantage {
  position: relative;
  width: 100%;
  overflow: hidden;
  top:0px !important;
    -webkit-transition: 1s ease-in-out left;
          transition: 1s ease-in-out left;
}
.button-section a {
	margin-right:15px;
	background:#f26522;
	color:#fff;
	padding:10px 20px;
	font-size:24px;
	font-weight:bold;
	cursor:text
}

}
@media (min-width: 769px) {

#image-container {
	height:625px;
}
#image-container1 {
	height:625px;
}

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }


   #slider img:not(:first-child) {
	display:none;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
  top:-140px;
   -webkit-transition: 1s ease-in-out left;
          transition: 1s ease-in-out left;
}
.carousel-inner1 {
  position: relative;
  width: 100%;
  overflow: hidden;
  top:0px;
    -webkit-transition: 1s ease-in-out left;
          transition: 1s ease-in-out left;
}
.carousel-inner-advantage {
  position: relative;
  width: 100%;
  overflow: hidden;
  top:0px !important;
    -webkit-transition: 1s ease-in-out left;
          transition: 1s ease-in-out left;
}
.button-section a {
	margin-right:15px;
	background:#f6f8c8;
	color:#000;
	padding:5px 25px;
	font-size:18px;
	font-weight:400;
	cursor:pointer;
	letter-spacing:2px
}
.button-section a:hover,.button-section a:active {
	color:#fff;
	background:#EE581A;
	
}
	.header-text {
   color: #fff;
    left: 1.8%;
    position: absolute !important;
    right: auto;
    top: 19%;
    width: 96.6667%;
    z-index: 9;
}


.btn-circle {
 	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 3px solid #9c9b8d;
    border-radius: 50%;
    color: #9c9b8d;
    display: inline-block !important;
    font-size: 27px;
    height: 35px;
    line-height: 0.6;
    margin-bottom: 5px;
    margin-top: 15px;
    padding: 2px 5px;
    transition: background 0.3s ease-in-out 0s;
    width: 35px;
}
.btn-wo-bg {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000;
    display: inline-block !important;
    font-size: 38px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 16px;
    transition: background 0.3s ease-in-out 0s;
    width: 100%;
}
.adv-heading {
	font-size:72px;
	font-weight:800;
	color:#333;
	text-shadow:none;
	line-height:45px;
}
.title > h1 {
    color: #ee581a;
    font-size: 60px;
    font-weight: 800;
    line-height: 45px;
	padding-bottom:30px;
}
#carousel {
	padding:75px 0 50px;
	background:#eaeaea;
	height:auto;
	width:100%
}
#carousel-advantage{
	padding:75px 0 50px;
	background:#eaeaea;
	height:auto;
	width:100%;
}
#pharmacySlider {
	padding:75px 0 50px;
	background:#535353;
	height:auto;
	width:100%
}
#pharmacySlider1 {
	/*padding:30px 0 100px;*/
	padding:30px 0 120px;
	height:auto;
	width:100%;
	background:#484848;
}
#carousel1, #carousel2 {
	padding-top:75px;
	padding-bottom:50px;
}
.retail-design-desc1 li {
       font-size: 24px;
    line-height: 25px;
    margin-left: 4px;
    padding-bottom: 10px;
	padding-left:15px;

}
.bx-viewport {
    height: auto !important;
}
.change-how {
    background: none repeat scroll 0 0 #f77950;
    padding: 20px 40px;
}
.ques-icon {
   background: url(../../quicktile-images/pharmacy.html) no-repeat center center #fff;
    font-size: 16px;
    padding: 20px 0px;
	width:100%;
	height:164px;
    text-align: center;
	margin-top:50px;
	border:1px solid #cac5c1;
	border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	
}
.ques-icon span {
	font-size:18px;
	font-weight:800;
}
.ques-icon2 {
   background: url(../../quicktile-images/thumnail-kirana.html) no-repeat center center #565455;
    font-size: 16px;
    padding: 52px 0px;
	width:100%;
	height:164px;
    text-align: center;
	margin-top:50px;
	border:1px solid #565455;
	border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	
}
.ques-icon2 span {
	font-size:18px;
	font-weight:800;
}
.adv-header {
	background:#fff;
	padding-bottom:5px;
	height:62px;
}
#tourpackages-carousel {
	padding-bottom:40px;
}

.captionSlide h6 {
    color: #adadad;
    font-size: 18px;
	margin:0;
}
.captionSlide > h1 {
    color: #fff;
    font-size: 48px;
    font-weight: 800;
}
.captionSlide > h2 {
    color: #fff;
    font-size: 32px;
    font-weight: 300;
}
.captionSlide > p {
    font-size: 24px;
    font-weight: 200;
    line-height: normal;
	color:#fff;
	padding-top:50px;
}
.captionSlide {
    padding-bottom: 0px;
}
.padd-lt-slider {
	padding-left:0;
}
.padd-rt-slider {
	padding-right:0;
}
}


@media (max-width:768px) {
	.header-text-inner-update {
   color: #fff;
    left: 1.8%;
    position: absolute !important;
    right: auto;
    top: 28%;
    width: 96.6667%;
    z-index: 9;
	margin-top:17%;
}
	.padd-lt-slider {
	padding-left:15px;
}
.padd-rt-slider {
	padding-right:15px;
}
	#carousel-advantage{
	padding:0px 0 0px;
	background:#eaeaea;
	height:auto;
	width:100%;
	position:relative;
}
	#image-container {
	height:575px;
}
#image-container1 {
	height:500px;
}
	.adv-header {
	background:#fff;
	padding-bottom:5px;
	height:auto;
}
	.mar-top250 {
	margin-top:0px !important;
}
	.mar-top175 {
	margin-top:0px !important;
}
	.mar-top50 {
	margin-top:0px !important;
}
.logo-tablet {
	margin:1.5% 1%;
	width:50%;
	float:left;
}
.nav-stacked {
	padding:2% 1%;
	}

.padd-in-sml { margin-left:2%;}
.padd-sml-0 {
	padding:0;
}
.retail-design-title1 { 
height:auto; line-height:170px !important; }
.quiktile-patent {

	font-size:9px;
	letter-spacing:1px;
	font-weight:lighter;
	padding:5px;
	line-height:18px;
	text-align:center;
	text-transform:uppercase !important;
	font-family: 'Source Sans Pro', sans-serif !important;
	color: #000;
}
.quiktile-patent1 {

	font-size:9px;
	letter-spacing:1px;
	font-weight:lighter;
	padding:5px;
	line-height:18px;
	text-align:center;
	text-transform:uppercase !important;
	font-family: 'Source Sans Pro', sans-serif !important;
	color: #000;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
  top:0px;
   -webkit-transition: 1s ease-in-out left;
          transition: 1s ease-in-out left;
}
.carousel-inner1 {
  position: relative;
  width: 100%;
  overflow: hidden;
  top:0px;
    -webkit-transition: 1s ease-in-out left;
          transition: 1s ease-in-out left;
}
.carousel-inner-advantage {
  position: relative;
  width: 100%;
  overflow: hidden;
  top:0px !important;
    -webkit-transition: 1s ease-in-out left;
          transition: 1s ease-in-out left;
}
.button-section a {
	margin-right:10px;
	background:#f6f8c8;
	color:#333;
	padding:10px 6px;
	font-size:16px;
	font-weight: 400;
    letter-spacing: 2px;
}
.header-text {
   color: #fff;
    left: 1.8%;
    position: relative !important;
    right: auto;
    top: 20%;
    width: 96.6667%;
    z-index: 9;
	margin-top:1%;
}
.header-text-inner {
   color: #fff;
    left: 1.8%;
    position: absolute !important;
    right: auto;
    top: 25%;
    width: 96.6667%;
    z-index: 9;
}
.adv-heading {
	font-size:47px;
	font-weight:800;
	color:#333;
}
.title > h1 {
    color: #ee581a;
    font-size: 40px;
    font-weight: 800;
    line-height: normal;
	padding-bottom:30px;
}
#carousel {
	padding:0px 0 0px;
	background:#eaeaea;
	height:auto;
	width:100%
}
#pharmacySlider1 {
	padding:30px 0 100px;
	height:auto;
	width:100%;
	background:#484848;
}
#carousel1, #carousel2 {
	padding-top:0px;
}
.retail-design-desc1 li {
   	font-size: 18px;
    list-style: outside none disc;
    margin-left: 20px;
    padding-bottom: 10px;
    padding-left: 6px;
    text-align: left;
}
.slider-title {
	padding-left:0 !important

}
.ques-icon {
     background: url(../../quicktile-images/pharmacy.html) no-repeat center center #fff;
    font-size: 16px;
    padding: 20px 0px;
    text-align: center;
	margin-top:50px;
	width:100%;
	height:164px;
	border:1px solid #cac5c1;
	border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	margin-left:30%;
}
.ques-icon span {
	font-size:18px;
	font-weight:800;
}
.ques-icon2 {
     background: url(../../quicktile-images/thumnail-kirana.html) no-repeat center center #565455;
    font-size: 16px;
    padding: 52px 0px;
    text-align: center;
	margin-top:50px;
	width:100%;
	height:164px;
	border:1px solid #565455;
	border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	margin-left:30%;
}
.ques-icon2 span {
	font-size:18px;
	font-weight:800;
}

.btn-wo-bg {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000;
    display: inline-block !important;
    font-size: 38px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 16px;
    transition: background 0.3s ease-in-out 0s;
    width: 100%;
}
#tourpackages-carousel {
	padding-bottom:60px;
}

.captionSlide h6 {
    color: #adadad;
    font-size: 18px;
}
.captionSlide > h1 {
    color: #fff;
    font-size: 48px;
    font-weight: 800;
}
.captionSlide > h2 {
    color: #fff;
    font-size: 32px;
    font-weight: 300;
}
.captionSlide > p {
    font-size: 24px;
    font-weight: 200;
    line-height: normal;
	color:#fff;
	padding-top:0px;
}
.captionSlide {
    padding-bottom: 70px;
}
.btn-circle {
 	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 3px solid #9c9b8d;
    border-radius: 50%;
    color: #9c9b8d;
    display: inline-block !important;
    font-size: 27px;
    height: 35px;
    line-height: 1.5;
    margin-bottom: 5px;
    margin-top: 15px;
    padding: 2px 5px;
    transition: background 0.3s ease-in-out 0s;
    width: 35px;
}
.navbar {
	background:#fff;
}
}
@media (min-width:481px) and (max-width:768px){
	.btn-circle {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 3px solid #9c9b8d;
    border-radius: 50%;
    color: #9c9b8d;
    display: inline-block !important;
    font-size: 27px;
    height: 35px;
    line-height: 0.6;
    margin-bottom: 5px;
    margin-top: 15px;
    padding: 2px 5px;
    transition: background 0.3s ease-in-out 0s;
    width: 35px;
	}
	.carousel-caption {
  position: relative;
  left: 0%;
  right: 0%;
  bottom: 0px;
  z-index: 10;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #000;
  text-shadow: none;
	}
  & .btn {
    text-shadow: none; // No shadow for button elements in carousel-caption
  }


.carousel {
    position: relative;
}

.controllers {
    position: absolute;
    top: 0px;
}

.carousel-control.left, 
.carousel-control.right {
    background-image: none;
}

.thumbnail {
     display: inline-block;
    float: left;
    margin-bottom: 20px;
    margin-right: 3%;
    padding: 0;
    position: relative;
    width: 47%;
	height:auto !important;
}

}
@media (max-width:480px){
.button-section a {
	margin-right:10px;
	background:#f26522;
	color:#fff;
	padding:10px 6px;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	width:100%;
}
.header-text img {
	max-width:100%;
	display:block;
	vertical-align:middle;
	width:100%;
}

    .btn-circle {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 3px solid #9c9b8d;
    border-radius: 50%;
    color: #9c9b8d;
    display: inline-block !important;
    font-size: 45px;
    height: 35px;
    line-height: 1.5;
    margin-bottom: 5px;
    margin-top: 15px;
    padding: 2px 5px;
    transition: background 0.3s ease-in-out 0s;
    width: 35px;
	}

.thumbnail {
    position: relative;
    padding: 0px;
    margin-bottom: 20px;
	width:100%;
	float:none;
	height:auto !important;
	
}

}


@media (min-width:769px) and (max-width: 979px) {
.header-text-inner-update {
   color: #fff;
    left: 1.8%;
    position: absolute !important;
    right: auto;
    top: 52% !important ;
    width: 96.6667%;
    z-index: 9;

}
.header-text-inner {
   color: #fff;
    left: 1.8%;
    position: absolute !important;
    right: auto;
    top: 21% ;
    width: 96.6667%;
    z-index: 9;
}
}
@media (max-width: 1280px) and (max-height: 980px) {
	.header-text-inner-update {
   color: #fff;
    left: 1.8%;
    position: absolute !important;
    right: auto;
    top: 40% ;
    width: 96.6667%;
    z-index: 9;

}
}


@media (min-width: 980px) and (max-width: 1024px) {
.header-text-inner-update {
   color: #fff;
    left: 1.8%;
    position: absolute !important;
    right: auto;
    top: 40% !important ;
    width: 96.6667%;
    z-index: 9;

}
.header-text-inner {
   color: #fff;
    left: 1.8%;
    position: absolute !important;
    right: auto;
    top: 32% ;
    width: 96.6667%;
    z-index: 9;
}
}
@media (min-width: 1025px) and (max-width: 1279px) {
.header-text-inner-update {
   color: #fff;
    left: 1.8%;
    position: absolute !important;
    right: auto;
    top: 75% !important ;
    width: 96.6667%;
    z-index: 9;

}
.header-text-inner {
   color: #fff;
    left: 1.8%;
    position: absolute !important;
    right: auto;
    top: 50% ;
    width: 96.6667%;
    z-index: 9;
}
}
@media (min-width: 1280px) and (max-width: 1500px) {
.header-text-inner-update {
   color: #fff;
    left: 1.8%;
    position: absolute !important;
    right: auto;
    top: 85% ;
    width: 96.6667%;
    z-index: 9;

}
.header-text-inner {
   color: #fff;
    left: 1.8%;
    position: absolute !important;
    right: auto;
    top: 41% ;
    width: 96.6667%;
    z-index: 9;
}
}

@media (min-width:1501px) and (max-width: 1920px) {
.header-text-inner-update {
   color: #fff;
    left: 1.8%;
    position: absolute !important;
    right: auto;
    top: 60% !important ;
    width: 96.6667%;
    z-index: 9;

}
.header-text-inner {
   color: #fff;
    left: 1.8%;
    position: absolute !important;
    right: auto;
    top: 40% ;
    width: 96.6667%;
    z-index: 9;
}


}

@media (min-width:1921px) {
.header-text-inner-update {
   color: #fff;
    left: 1.8%;
    position: absolute !important;
    right: auto;
    top: 60% !important ;
    width: 96.6667%;
    z-index: 9;

}
.header-text-inner {
   color: #fff;
    left: 1.8%;
    position: absolute !important;
    right: auto;
    top: 25% ;
    width: 96.6667%;
    z-index: 9;
}


}
@media (min-width: 0px) and (max-width: 1500px) {
#slider {
/*   height:350px;
   overflow:hidden;*/
	background:#535353;


}	
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}
.form-signin {
	width:179px;
	display: block;
    margin-left: auto;
    margin-right: auto

}
.form-signin {
	 
}
@media (max-width: 999px) {

}
@media (max-width: 768px) {

.ml-15 {
	margin-left:10px;
}

}
@media (max-width: 320px) {

.ml-15 {
	margin-left:-5px;
}
}
@media (max-width: 350px) {
	.middle-menu {
		width:95%;
	}
}
@media (max-width: 480px) {
.form-signin {
	 display: table;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    vertical-align: middle;
    width: auto;

}
}
.carousel .item {
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}
.carousel .active.left, .carousel .active.right {
    left:0;
    opacity:0;
    z-index:2;
}
.carousel .next, .carousel .prev {
    left:0;
    opacity:1;
    z-index:1;
}
@charset "utf-8";
/* CSS Document */

.hidden-xs {
  display: block !important;
}
@media (max-width: 768px) {
  .hidden-xs,
  tr.hidden-xs,
  th.hidden-xs,
  td.hidden-xs {
    display: none !important;
  }
  
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-xs.hidden-md,
  tr.hidden-xs.hidden-md,
  th.hidden-xs.hidden-md,
  td.hidden-xs.hidden-md {
    display: none !important;
  }
  .carousel-inner1 > .item > img {
  top: 0;
  left: 0;
  max-width: 100%;
  height: auto;
  width:100%;
}
}

@media (min-width: 1200px) {
  .hidden-xs.hidden-lg,
  tr.hidden-xs.hidden-lg,
  th.hidden-xs.hidden-lg,
  td.hidden-xs.hidden-lg {
    display: none !important;
  }
}

.visible-xs,
tr.visible-xs,
th.visible-xs,
td.visible-xs {
  display: none !important;
}

@media (max-width: 768px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
  .mar-top-2per {
	  margin-top:-7% !important;
  }
  .col-lg-6.text-left.install {
    margin-top: 20px;
}
.bx-slider-mgn {
    margin-bottom: 30px;
}
}
.blt-arrow {
	background:url(../../quicktile-images/blt-arrow.html) left 5px no-repeat;
	color:#000;
	
}
.blt-arrow1 {
	background:url(../../quicktile-images/blt-arrow.html) left 9px no-repeat;
	color:#000;
	
}
.font-size18 { 
	font-size:18px !important;
}
.nav-stacked li a {
	color:#010101;
	font-size:14px;
	padding:2px 15px;
	line-height:1;
	
}
.nav-stacked li a.active2 {
	color:#ee581a !important;
}

#topcontrol1 {
	bottom:80px !important;
}
#topcontrol2 {
	bottom:45px !important; /* 160914 */
}

@media (min-width:769px) and (max-width:1100px) {
		.mar-top50 {
	margin-top:0px !important;
}
.retail-design-title1 { font-size:60px !important;
height:auto; }
.quiktile-patent {
	 left: 200px;
    position: absolute;
    top: 20px;
	padding:5px 0;
	font-size:9px;
	letter-spacing:2px;
	font-weight:lighter;
	text-transform:uppercase !important;
	font-family: 'Source Sans Pro', sans-serif !important;
	color: #000;
}
.quiktile-patent1 {
	 left: 15px;
    position: absolute;
    top: 20px;
	padding:5px 0;
	font-size:9px;
	letter-spacing:2px;
	font-weight:lighter;
	text-transform:uppercase !important;
	font-family: 'Source Sans Pro', sans-serif !important;
	color: #000;
}
}
@media (min-width:769px) and (max-width:979px) {

.quiktile-patent {
	  color: #000;
    font-family: "Source Sans Pro",sans-serif !important;
    font-size: 9px;
    font-weight: lighter;
    left: 17px;
    letter-spacing: 2px;
    padding: 5px 0;
    position: absolute;
    text-transform: uppercase !important;
    top: 40px;
}
.quiktile-patent1 {
	  color: #000;
    font-family: "Source Sans Pro",sans-serif !important;
    font-size: 9px;
    font-weight: lighter;
    left: 15px;
    letter-spacing: 2px;
    padding: 5px 0;
    position: absolute;
    text-transform: uppercase !important;
    top: 20px;
}

}
@media (min-width:769px) and (max-width:991px) {
	.col-md-4 {
	float:left;
	width:33.3333%;
}
  .carousel-inner1 > .item > img {
  top: 0;
  left: 0;
  max-width: 100%;
  height: auto;
  width:100%;
}
}
@media (min-width:1101px)  {
.quiktile-patent {
	 left: 208px;
    position: absolute;
    top: 21px;
	font-size:9px;
	letter-spacing:2px;
	font-weight:lighter;
	text-transform:uppercase !important;
	font-family: 'Source Sans Pro', sans-serif !important;
	color: #000;
	
	
}
.quiktile-patent1 {
	 left: 15px;
    position: absolute;
    top: 21px;
	font-size:9px;
	letter-spacing:2px;
	font-weight:lighter;
	text-transform:uppercase !important;
	font-family: 'Source Sans Pro', sans-serif !important;
	color: #000;
	
	
}
}
@media (min-width:769px) and (max-width:850px) {
.retail-design-title1 { font-size:85px !important;
height:auto; }

}
@media (min-width:769px) {
.mar-top250 {
	margin-top:-250px !important;
}
.mar-top175 {
	margin-top:-175px !important;
}
.mar-top50 {
	margin-top:-50px ;
}
#container2 {
	margin-top:0px;
}
}
.padd-t0.font-size18 > div {
    bottom: 0;
    position: relative;
}


.padd-lt15 {
	padding-left:15px;
	vertical-align:middle
}
.bg-table-dk-blue {
	background:#4f81bd;
	color:#fff;
}
.bg-table-lt-blue {
	background:#d0d8e8;

}
.bg-table-lt-grey {
	background:#e9edf4;
}
@media (max-width: 1024px)  {
	
	#slider {
   height:auto;
   overflow:hidden;
}
	
}
/*-------------------------------*/
/*      Code snippet by          */
/*      @maridlcrmn              */
/*-------------------------------*/


section {
    padding-bottom: 100px;
	padding-top:0px;
}

#carousel-latest {
	background:#f26522;
	color:#fff;
	width:100%;
}
blockquote p {
	font-size:26px !important;
}

.quote {
    color:#fff;
    text-align: center;
    margin-bottom: 30px;
	
}
.quote h1 {
	font-size:40px;
	font-weight:300;
}
/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel {
  padding-bottom: 60px;
}
#fade-quote-carousel.carousel .carousel-inner1 .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner1  .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #ffa174;
  border: none;
  padding:10px;
  margin-right:5px;
}
#fade-quote-carousel.carousel .carousel-indicators > li.active {
	background:#fff;
}
#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
}
#fade-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
}





/* Carousel Header Styles */

.btn-circle i.animated {
    transition-duration: 1s;
    transition-property: -moz-transform;
	transition-property: -webkit-transform;
}

.btn-circle span {
	color:#9c9b8d;
}


.header-text h2 {
    font-size: 40px;
}

.header-text h2 span {
    background-color: #2980b9;
	padding: 10px;
}

.header-text h3 span {
	background-color: #000;
	padding: 15px;
}
.fa {
    display: inline-block;
    font-family: FontAwesome !important;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}
.button-section {
	margin-top:20px;
}

.btn-circle i.animated, .btn-wo-bg i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}
.btn:hover, .btn:focus {
	color:#000;
}
.btn-circle i.animated,.btn-wo-bg i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

@-webkit-keyframes pulse {    
    0 {
        -webkit-transform: scale(1);
        transform: scale(1);
	
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
		color:#000;
		border-color:#000;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {    
    0 {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
		color:#000;
		border-color:#000;
    }
	

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}
.top0 {
	top:0 !important;
}


.qt-menu {
	 padding: 0 15px;
    position: fixed;
    top: 52px;
    width: 100%;
    z-index: 999;
	
}

.qt-menu-links {
    background: none repeat scroll 0 0 #fff;
    padding: 10px 26px 10px 15px;
}

#carousel1 {
	background:#dedede;
	height:auto;
	width:100%
}
#carousel2 {
	background:#eaeaea;
	height:auto;
	width:100%
}

.nav-up {
    top: -40px;
}
.padd-lt0 {
	padding-left:0 !important
}
.padd-rt0 {
	padding-right:0 !important
}

.blk-text {
	color:#333;
}
.kirana-desc {
	padding-top:50px;
	padding-bottom:20px;
	display:table;
	}

/* qt update css */
.thumbnail {
    position: relative;
    padding: 0px;
    margin-bottom: 20px;
}

.thumbnail img {
    width: 100%;
}


 .modal-footer .caption h4 {
    font-size: 18px;
    font-weight: 800;
	text-transform:none;
	white-space: nowrap;
	overflow: hidden;
	content:'...';
	margin-bottom:0;
}
.thumbnail div.caption h4 {
    font-size: 18px;
    font-weight: 800;
	text-transform:none;
	white-space: nowrap;
	overflow: hidden;
	content:'...';
	margin-bottom:0;
	line-height:16px;
}
.thumbnail div.caption h4 span, .modal-footer .caption h4 span {
	color:#8a8a8a;
	font-size:14px;
	font-weight: normal;
	display: block;
  display: -webkit-box;
  max-width: 100%;
  height: 30px;
  margin: 0 auto;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  content:"..."
}
.thumbnail div.caption p {
    font-size: 16px;
    font-weight: 400;
	display: block;
  display: -webkit-box;
  display:-moz-box;
  max-width: 100%;
  height: 72px;
  margin: 0 auto;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  -moz-line-clamp: 3;
  -moz-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  content:'...';  

}
.update-date {
	line-height:9px !important;
}
.modal-footer .caption p {
    font-size: 17px;
    font-weight: 400;
	line-height:normal;

}
.thumbnail div.caption a {
    font-size: 16px;
    font-weight: 400;
	color:#ee5a1c;
}

.modal-body div.carousel-inner1 .item img {
    max-width: 100%;
	height:auto;
	width:100%;
}
.qt-update-content-bg {
	background:#535353;
	padding-bottom:30px;
}
.fluid-container {
	padding:30px 15px;
}


.carousel1>.carousel-inner1>.item>.circleElement {
    background-color: #000;
    border-radius: 50%;
    position: relative;
    top: 0%;
    left: 39%;
    width: 400px;
    height: 400px;
    opacity: .5;
}
.carousel-indicators1 {
    top:50px;
    border-radius: 10px;
	bottom:0%;
	position: relative;
	right:0;
}
.carousel-indicators1 li { cursor: pointer }
.carousel-control {
    width: 60px;
    height: 0;
    margin-top: -35px;
    font-size: 80px;
    background: none;
    border: none;
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 300;
}
.carousel-indicators1 li {
      background-color: orange;
    border-radius: 30px;
    display: block;
    float: left;
    height: 20px;
    margin-right: 10px;
    width: 20px;
}
#Caption {
	padding:20px;
}
#carousel-text {
    margin-top: 0%;
}
.carousel-caption {
    padding: 35px;
    text-align: center;
}
.carousel-caption h4 {
    font-family: "lato";
    font-weight: 100;
    font-size: 61px;
}
.carousel-caption p {
    font-family: "lato";
    margin-top: 39px;
    font-size: 22px;
    margin-bottom: -8px;
    font-weight: 300;
    line-height: 30px;
}
.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner1 .active { opacity: 1 }
.carousel-fade .carousel-inner1 .active.left,
.carousel-fade .carousel-inner1 .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner1 .next.left,
.carousel-fade .carousel-inner1 .prev.right { opacity: 1 }
.carousel-fade .carousel-control { z-index: 2 }
@media only screen and (max-width:767px) { 
   /* h1 { font-size: 30px !important }*/
    .carousel-caption {
        padding: 15px;
        text-align: center;
    }
    .carousel-caption h4 { font-size: 30px }
    .carousel-caption p {
        margin-top: 10px;
        font-size: 10px;
        margin-bottom: -10px;
    }
    body { padding: 0 !important }
    .carousel1 { margin-bottom: 0 }
    .hero-unit { padding-bottom: 60px }
    .hero-unit p { font-size: 16px }
}
.carousel-container {
    width: 65% !important;
    margin-top: 35px;
}
#carousel-application {
	padding:0
}


/*  14th aug new css   */


.mar-t50 {
	margin-top:50px !important;
}

.font-size14 {
    font-size: 14px !important;
} 

@media (min-width: 769px) {
.font-size12 {
    font-size: 12px !important;
    letter-spacing: 3px;
    text-transform: uppercase !important;
	line-height: 21px;
	padding-top:15px;
}
}

@media (max-width: 768px) {
	.font-size12 {
    font-size: 12px !important;
    letter-spacing: 3px;
    text-transform: uppercase !important;
	line-height: 21px;
}
}

.carousel-fade .carousel-inner .item {
  opacity: 0.6;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  transition-delay:.1s;
  -moz-transition-delay:.1s;
  -ms-transition-delay:.1s;
  -o-transition-delay:.1s;
  -webkit-transition-delay:.1s;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}



/* fullscreen slider css */
#wrapper {
				width: 100%;
				height: 100%;
				position: relative;
			}
			.caroufredsel_wrapper {
				width: 100% !important;
				height: 100% !important;
			}
			#bg-carousel div {
				width: 100%;
				height: 100%;
				overflow: hidden;
				float: left;
			}
		
			#text {
				background-color: rgba(255, 255, 255, 0.8);
				width: 350px;
				height: 350px;
				padding: 50px;
				margin: -225px 0 0 -225px;
				position: absolute;
				top: 50%;
				left: 50%;
				z-index: 2;
				box-shadow: 0 0 50px #000;
				border-radius: 20px;
			}
			#text h4 {
				font-size: 33px;
				line-height: 25px;
				margin: 0 0 20px 0;
			}
			#text small, #text small * {
				font-size: 12px;
				color: #666;
			}
			
			#donate-spacer {
				height: 0;
			}
			#donate {
				border-top: 1px solid #999;
				width: 750px;
				padding: 50px 75px;
				margin: 0 auto;
				overflow: hidden;
			}
			#donate p, #donate form {
				margin: 0;
				float: left;
			}
			#donate p {
				width: 650px;
			}
			#donate form {
				width: 100px;
			}
@media (max-width:980px) {
		#bg-carousel div img {
				width: auto;
				height: auto;
				min-width: 100%;
				min-height: 100%;
				
			
			}
}
@media (min-width:981px) {
		#bg-carousel div img {
				width: auto;
				height: auto;
				min-width: 100%;
				min-height: 100%;
				max-width:100%;
			}
}
.padd-lt40 {
	padding-left:40px;
	vertical-align:middle;
}
.mar-top0 {
	margin-top:0 !important;
}
@media (max-width:360px) {
	.hide-360 {
		display:none !important;
	}
	.show-360 {
		display:block;
	}
}
@media (min-width:361px) {
	.hide-360 {
		display:block !important;
	}
	.show-360 {
		display:none !important;
	}
}
.btm0 {
	bottom:0 !important;
	height:auto !important;
	background-image:none !important;
}


/* quote carousel */
/* carousel */
#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: -20px;
  margin-right: -19px;
  
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background-color: #FFA174;
border: medium none;
padding: 10px;
margin-right: 5px;
margin:1px;
}
#quote-carousel .carousel-indicators .active 
{
  background: #fff;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p {
	text-align:center;
}



/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}
/* transform */
.transform-bg {
	background:url(../../quicktile-images/transform.html) no-repeat left top;
	width:124px;
	height:90px;
	margin-top:10px;
	
}
.transform-bg:hover {
	
	background:url(../../quicktile-images/transform.html) no-repeat left -90px;
	width:124px;
	height:90px;
}
.titchpitch-bg {
	background:url(../../quicktile-images/titchpitch.html) no-repeat left top;
	width:124px;
	height:90px;
	
}
.titchpitch-bg:hover {
	
	background:url(../../quicktile-images/titchpitch.html) no-repeat left -90px;
	width:124px;
	height:90px;
}
.font-28 {
	font-size:28px !important;
	vertical-align:middle;
}

.fa-play-circle-o:before {
    color: #ee581a;
    content: "";
}
.carousel-control .icon-prev.font-40, .carousel-control .icon-next.font-40 {
	font-size:80px !important;
	opacity:1;
}
.mar-rt10 {
	margin-right:10px;
}
@media (min-width:769px) {
.inline-block {
	display:inline-block !important;
}
}
@media (max-width:768px) {
.inline-block {
	display: none!important;
}
}
 @media (min-width:1201px) and (max-width:1250px) {
	 .retail-design-title {
    font-family: "Source Sans Pro",sans-serif !important;
    font-size: 140px;
    font-weight: bolder;
    height: 80px;
    line-height: 100px;
    margin: 6% 0px !important;
}
 }
 
 /* 260914 css */
 
 .transform-bg.hidden-xs.pull-right {
    border: 1px solid #ddd;
    border-radius: 5px;
}


/* 290914 css  */

@media (min-width: 0px) and (max-width: 479px) {
.header-text-inner2 {
	 color: #fff;
    right: 30.8%;
    position: absolute !important;
    top: 78%;
    width: 96.6667%;
    z-index: 9;
}
}
@media (max-width: 480px) and (height: 320px) {
	.header-text-inner2 {
	 color: #fff;
    right: 6%;
    position: absolute !important;
    top: 24%;
    width: 96.6667%;
    z-index: 9;
}
		
}
@media (min-width: 481px) and (max-width: 768px) {
	.header-text-inner2 {
	 color: #fff;
    right: 6%;
    position: absolute !important;
    right: auto;
    top: 25%;
    width: 96.6667%;
    z-index: 9;
}
		
}
@media (max-width: 360px) and (height: 640px) {
.header-text-inner-update {
    color: #fff;
    left: 1.8%;
    position: absolute !important;
    right: auto;
    top: 30%;
    width: 96.6667%;
    z-index: 9;
}
.header-text-inner2 {
	 color: #fff;
    right: 30.8%;
    position: absolute !important;
    top: 59%;
    width: 96.6667%;
    z-index: 9;
}

}

@media (max-width: 640px) and (height: 360px) { 
.header-text-inner2 {
	 color: #fff;
    left: -1%;
    position: absolute !important;
    top: 22%;
    width: 96.6667%;
    z-index: 9;
}

}
@media (max-width: 768px) and (height: 1024px) { 
	.header-text-inner2 {
	 color: #fff;
    left: 0%;
    position: absolute !important;
    top: 8%;
    width: 96.6667%;
    z-index: 9;
}
}
@media (min-width: 480px) and (height: 800px) {
	.header-text-inner2 {
    color: #fff;
    position: absolute !important;
    right: auto;
    top: 11%;
    width: 96.6667%;
    z-index: 9;
} 

}


.border-radius5 {
    border: 1px solid #fff;
	border-radius:5px !important;
}


/* 300914 css  */

.image-xs {
    height: auto ;
    margin: 0 auto !important;
    max-width: 38% !important;
}

@media (max-width: 768px) and (height: 1024px) {
	.header-text-inner {
    color: #fff;
    left: 1.8%;
    position: absolute !important;
    right: auto;
    top: 15% !important;
    width: 96.6667%;
    z-index: 9;
}
	
}


@media (min-width: 768px) {
.line-ht127 {
	line-height:127px !important;
}
}



<!-- 151014 css   -->

.padd-right14 {
    padding-right: 14px !important;
}

.border-radius6 {
    border: 1px solid #ddd;
    border-radius: 5px;
}



/*080515*/

#carousel-dominate {
    background: #020202 none repeat scroll 0 0;
    color: #fff;
    width: 100%;
}
.quote_dominate {
    color: #fff;
    margin-bottom: 10px;
    text-align: center;
}

@media (max-width:768px) {
	#quote_dominate_carousel {
    margin-bottom: 0;
    padding: 0 40px 60px;
}
}
@media (max-width:768px) {
	.quote_dominate h1 {
	font-family:"Source Sans Pro",sans-serif;
    font-size: 52px;
    font-weight: 900;
    line-height: 33px;
	margin-bottom:5px;
}

.quote_dominate h2 {
	font-family:"Source Sans Pro",sans-serif;
    font-size: 21px;
    font-weight: 900;
	color:#424242;
}
}
@media (min-width:769px) and (max-width:921px) {
.quote_dominate h1 {
	font-family:"Source Sans Pro",sans-serif;
    font-size: 140px !important;
    font-weight: 900;
    line-height: 50px;
	margin-bottom:20px;
}

.quote_dominate h2 {
	font-family:"Source Sans Pro",sans-serif;
    font-size: 55px;
    font-weight: 900;
	color:#424242;
}
}
@media (min-width:922px) {
.quote_dominate h1 {
	font-family:"Source Sans Pro",sans-serif;
    font-size: 140px !important;
    font-weight: 900;
    line-height: 50px;
	margin-bottom:20px;
}

.quote_dominate h2 {
	font-family:"Source Sans Pro",sans-serif;
    font-size: 55px;
    font-weight: 900;
	color:#424242;
}
}
@media (min-width:769px) {
	#quote_dominate_carousel {
    margin-bottom: 0;
    padding: 0 40px 30px;
}

}


#quote_dominate_carousel .carouselQuote-inner blockquote p {
    color:#ffc702 !important;
    font-size: 26px !important;
	line-height:20px;
}

#quote_dominate_carousel .carousel-indicators li {
    background-color: #333333;
    border: medium none;
    margin: 1px;
    padding: 10px;
	transition:all 0.3s ease-in-out 0s;
}
#quote_dominate_carousel .carousel-indicators .active {
    background: #ffc702 none repeat scroll 0 0;
	transition:all 0.3s ease-in-out 0s;
}
@media (max-width:768px) {
	.fa-caret-size {
    color:#ffc702;
    font-size: 40px;
}
}
@media (min-width:769px) {
	.fa-caret-size {
    color:#ffc702;
    font-size: 40px;
	padding: 0 45%;
	line-height: 0 !important;
}
}



#carousel_quick_installation {
    background: #7c7c7c none repeat scroll 0 0;
    height: auto;
    padding: 75px 0 50px;
    width: 100%;
}
.quick_installation_inner {
    color: #211f20;
    float: right;
    font-family: "Source Sans Pro",sans-serif !important;
    font-size: 24px;
    font-weight: lighter;
    line-height: 26px;
    margin: 2% 0;
    padding: 0 1% 0 1.5%;
}

.quick_installation_inner h1 {
    color: #FFC702;
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
    text-transform: inherit;
}

#carousel_quick_installation .bx-default-pager a {
	background: #60605D none repeat scroll 0 0;
    border-radius: 10px;
    display: block;
    font-size: 10px !important;
    height: 19px;
    margin: 0 5px;
    outline: 0 none;
    text-indent: -9999px;
    width: 19px;
	transition:all 0.3s ease-in-out 0s;
}
#carousel_quick_installation .bx-default-pager a.active {
 background: #FEC702 none repeat scroll 0 0;
    border-radius: 10px;
    color: #ee581a;
    font-size: 10px !important;
    font-weight: bold;
    text-indent: -9999px;
	transition:all 0.3s ease-in-out 0s;
}

/*090515*/
.tp_update_content_bg {
    background: #7C7C7B none repeat scroll 0 0;
    padding-bottom: 0px;
}
.tp_update_content_bg a {
    text-decoration: none;
}
.tp_update_content_bg .thumbnail {
    margin-bottom: 30px;
    padding: 0;
    position: relative;
	
}
.margin_btm43 {
	margin-bottom: 43px;
}
.transform_titchpitch_bg.hidden-xs.pull-right {
    border: 1px solid #ddd;
    border-radius: 5px;
}
.transform_titchpitch_bg {
    background: url("../../titchpitch_images/titchpitch_transform.html") no-repeat;
    height: 90px;
    margin-top: 10px;
    width: 124px;
}
.img_display_ib {
	display:inline-block !important;
	width:100%;
}
.titchpitch_adds_container li {
    margin-bottom: 15px;
}

/*120515*/
@media (max-width:768px) {
	#carousel_quick_installation li img {
    float: left;
    width: 100%;
}
#carousel_quick_installation li .quick_installation_inner {
    float: left;
    padding: 7% 3% 0;
	margin:auto;
    width: 100%;
}
.tp_border_none {
	border:none;
	min-height: auto;
	font-size:16px;
	line-height:22.85px;
	font-family:"Source Sans Pro",sans-serif;
}
.add_magin_quick {
    margin-top: 10px;
}
}

@media (min-width:769px) {
	#carousel_quick_installation li img {
    float: left;
    width: 46%;
}
#carousel_quick_installation li .quick_installation_inner {
    float: left;
    padding: 7% 5% 0px;
	margin:auto;
    width: 46%;
}
.tp_border_none {
	border:none;
	min-height: 135px;
	font-size:16px;
	line-height:22.85px;
	font-family:"Source Sans Pro",sans-serif;
}
.add_magin_quick {
    margin-top: 565px;
}
}



*::before, *::after {
    box-sizing: border-box;
}
*, *::before, *::after {
    box-sizing: border-box;
}
*::before, *::after {
    box-sizing: border-box;
}
*, *::before, *::after {
    box-sizing: border-box;
}
#carousel_quick_installation .quick_dominate h1 {
    font-family: "Source Sans Pro",sans-serif;
    font-size: 80px;
    font-weight: 900;
    line-height: 96px;
    margin-top: 0;
	text-align:center;
	color:#fff;
}

#carousel_quick_installation .bx-controls-direction .bx-next {
	background:url(../../titchpitch_images/arrow_right.html) no-repeat;
	width:13px;
	height:23px;
	right:8%;
	
}

/*120615*/
.header_text_inner_titchpitch {
    color: #fff;
    left: 1.8%;
    position: absolute !important;
    right: auto;
    /*top: 54%;*/
	bottom: 16%;
    width: 96.6667%;
    z-index: 9;
}

/*hexaxt css*/

#carousel-expand {
    background: #a9ccae none repeat scroll 0 0;
    color: #fff;
    width: 100%;
	padding-bottom: 100px;
padding-top: 27px;
}
.quote_expand {
    color: #fff;
    margin-bottom: 50px;
    text-align: center;
	letter-spacing: 50px;
}
@media (max-width:768px){
	.quote_expand h1 {
    color: #f4612f;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 40px;
    font-weight: 400;
    letter-spacing: 45px;
    line-height: 40px;
    margin-bottom: 20px;
}
.quote_expand h1 span {
    color: #fff;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 16px;
}
}
@media (min-width:769px){
	.quote_expand h1 {
    color: #f4612f;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 72px;
    font-weight: bolder;
    line-height: 40px;
    margin-bottom: 20px;
	padding-left: 4%;
}
.quote_expand h1 span {
    color: #fff;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 16px;
	padding-right: 4%;
}
}


#quote_expand_carousel .carouselQuote-inner blockquote p {
    color: #333333 !important;
    font-size: 26px !important;
	font-weight:400;
}
@media (max-width:768px) {
	#quote_expand_carousel .fa-caret-left {
	color:#333;
	padding:0;
}
#quote_expand_carousel .fa-caret-right {
	color:#333;
	padding:0;
}
#quote_expand_carousel {
    margin: 0;
    padding: 0 40px 60px;
}
}
@media (min-width:769px) {
	#quote_expand_carousel .fa-caret-left {
	color:#333;
	padding:0 40%;
}
#quote_expand_carousel .fa-caret-right {
	color:#333;
	padding:0 40%;
}
#quote_expand_carousel {
    margin: 0;
    padding: 0 40px 30px;
}
}


#quote_expand_carousel .carousel-indicators li {
	 background: #60605D  none repeat scroll 0 0;
    border: medium none #d5d5d5;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 19px;
    margin: 1px;
    text-indent: -999px;
    width: 19px;
	transition:all 0.3s ease-in-out 0s;
}
#quote_expand_carousel .carousel-indicators .active {
	   background-color: #ee581a !important;
    height: 19px;
    width: 19px;
	transition:all 0.3s ease-in-out 0s;
}


@media (min-width:769px) {
#carousel_light_installation li .carousel_light_installation_inner {
   float: left;
padding: 7% 5% 0px;
margin: auto;
width: 46%;
}
#carousel_light_installation li img {
    float: left;
    width: 46%;
}
}
@media (max-width:768px) {
	#carousel_light_installation li .carousel_light_installation_inner {
    float: left;
    margin: auto;
    padding: 7% 3% 0;
    width: 100%;
}
#carousel_light_installation li img {
    float: left;
    width: 100%;
}
}
#carousel_light_installation {
    background: #333 none repeat scroll 0 0;
    height: auto;
    padding: 50px 0 50px;
    width: 100%;
}

#carousel_light_installation .quick_expand h1 {
    color: #677267;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 60px;
    font-weight: 200;
    line-height: 96px;
    margin-top: 0px;
    text-align: center;
    letter-spacing: 10px;
}
@media (max-width:398px) {
	#carousel_light_installation .quick_expand h1 {
		line-height:40px;
	}
}
.carousel_light_installation_inner {
      color: #a8cdac;
    font-family: "Source Sans Pro",sans-serif !important;
    font-size: 24px;
    font-weight: lighter;
    line-height: 26px;
}
.carousel_light_installation_inner h1 {
    color: #a8cdac;
font-size: 24px;
font-weight: 400;
line-height: 24px;
text-transform: inherit;
text-transform: uppercase;
}

#carousel_light_installation .bx-controls-direction .bx-next {
    background: rgba(0, 0, 0, 0) url("../../hexact_images/arrow_right.html") no-repeat scroll 0 0;
    height: 23px;
    right: 8%;
    width: 13px;
}
#carousel_light_installation .bx-default-pager a.active {
    background: #A8CCAD none repeat scroll 0 0;
    border-radius: 10px;
    color: #ee581a;
    font-size: 10px !important;
    font-weight: bold;
    text-indent: -9999px;
	transition:all 0.3s ease-in-out 0s;
}
#carousel_light_installation .bx-default-pager a {
    background: #677267 none repeat scroll 0 0;
    border-radius: 10px;
    display: block;
    font-size: 10px !important;
    height: 19px;
    margin: 0 5px;
    outline: 0 none;
    text-indent: -9999px;
    width: 19px;
	transition:all 0.3s ease-in-out 0s;
}

/*130615*/
@media (max-width:768px){
.cb-slideshow_mar_top0 {
	margin-top:0px !important;
}
}

/*260615*/
.tp_update_content_bg #tourpackages-carousel .thumbnail div.caption h4 {
    font-size: 18px;
    font-weight: 800;
    text-transform: none;
    white-space: nowrap;
    overflow: hidden;
    content: "...";
    margin-bottom: 0px;
    line-height: 22px;
}
.tp_custom #tourpackages-carousel .thumbnail div.caption {
   /* padding: 30px 30px 15px 30px;*/
	padding:15px 30px;
}
.hex_bg {
	background:#333 !important;
	
	}
	.hex_bg #tourpackages-carousel .thumbnail div.caption {
    padding-left: 22px;
}