@charset "iso-8859-1";
/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

.red {
    color: #ff0000;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}


/*--team--*/
.team {
  padding: 4em 0 5.5em 0;
  background-color: #F4F4F4;
}
.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	cursor: default;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.ch-thumb {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	box-shadow: inset 0 0 0 15px rgba(255,255,255, 0.5);
	
	-webkit-transform-origin: 95% 40%;
	-moz-transform-origin: 95% 40%;
	-o-transform-origin: 95% 40%;
	-ms-transform-origin: 95% 40%;
	transform-origin: 95% 40%;
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.ch-thumb:after {
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	border-radius: 50%;
	top: 40%;
	left: 95%;
	margin: -4px 0 0 -4px;
	background: rgb(14,14,14);
	background: -moz-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%, rgba(125,126,125,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(14,14,14,1)), color-stop(100%,rgba(125,126,125,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
	background: radial-gradient(ellipse at center, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
	box-shadow: 0 0 1px rgba(255,255,255,0.9);
}

.ch-img-1 { 
	  background-image: url(../images-bs/floorwise-1.jpg);
	z-index: 12;
}

.ch-img-2 { 
	  background-image: url(../images-bs/spiritwise2.jpg);
	z-index: 11;
}

.ch-img-3 { 
	  background-image: url(../images-bs/pi4.jpg);
	z-index: 10;
}

.ch-img-4 { 
	  background-image: url(../images-bs/fixmylife.gif);
	z-index: 12;
}

.ch-img-5 { 
	  background-image: url(../images-bs/netflorist.jpg);
	z-index: 11;
}

.ch-img-6 { 
	  background-image: url(../images-bs/t4.jpg);
	z-index: 10;
}


.ch-img-7 { 
	  background-image: url(../images-bs/pi3.jpg);
	z-index: 12;
}

.ch-img-8 { 
	  background-image: url(../images-bs/pi5.jpg);
	z-index: 11;
}

.ch-img-9 { 
	  background-image: url(../images-bs/mymindchange.gif);
	z-index: 10;
}


.ch-img-10 { 
	  background-image: url(../images-bs/win40tv.jpg);
	z-index: 12;
}

.ch-img-11 { 
	  background-image: url(../images-bs/homechoice-bedding.gif);
	z-index: 11;
}

.ch-img-12 { 
	  background-image: url(../images-bs/r5000voucher.jpg);
	z-index: 10;
}

.ch-img-13 { 
	  background-image: url(../images-bs/mantality-1.jpg);
	z-index: 13;
}

.ch-img-14 { 
	  background-image: url(../images-bs/310950-EuroMillionsClubGreen7.gif);
	z-index: 11;
}

.ch-img-15 { 
	  background-image: url(../images-bs/progifts.jpg);
	z-index: 10;
}

.ch-img-16 { 
	  background-image: url(../images-bs/getwebsite.jpg);
	z-index: 13;
}

.ch-img-17 { 
	  background-image: url(../images-bs/menshoecentre.jpg);
	z-index: 11;
}

.ch-img-18 { 
	  background-image: url(../images-bs/homechoice-sale.jpg);
	z-index: 10;
}

.ch-img-19 { 
	  background-image: url(../images-bs/bidorbuy.gif);
	z-index: 10;
}

.ch-img-20 { 
	  background-image: url(../images-bs/homechoice-sale.jpg);
	z-index: 10;
}

.ch-img-21 { 
	  background-image: url(../images-bs/bassbuds.gif);
	z-index: 10;
}

.ch-img-22 { 
	  background-image: url(../images-bs/eskomsurvey.jpg);
	z-index: 10;
}

.ch-img-23 { 
	  background-image: url(../images-bs/lovelywholesale-3.jpg);
	z-index: 10;
}

.ch-img-24 { 
	  background-image: url(../images-bs/pi1.jpg);
	z-index: 10;
}

.ch-img-25 { 
	  background-image: url(../images-bs/secrecybill.gif);
	z-index: 10;
}

.ch-img-26 { 
	  background-image: url(../images-bs/uapply.gif);
	z-index: 10;
}

.ch-img-27 { 
	  background-image: url(../images-bs/homeintelligence.jpg);
	z-index: 10;
}

.ch-img-28 { 
	  background-image: url(../images-bs/desertdiamonds.png);
	z-index: 10;
}

.ch-img-29 { 
	  background-image: url(../images-bs/homesecurity.gif);
	z-index: 10;
}

.ch-img-30 { 
	  background-image: url(../images-bs/alexanderforbes.gif);
	z-index: 10;
}

.ch-img-31 { 
	  background-image: url(../images-bs/homechoice-cookware.jpg);
	z-index: 10;
}

.ch-img-32 { 
	  background-image: url(../images-bs/outdoor-warehouse.jpg);
	z-index: 10;
}

.ch-img-33 { 
	  background-image: url(../images-bs/sportsman-warehouse.jpg);
	z-index: 10;
}

.ch-img-34 { 
	  background-image: url(../images-bs/genovese.jpg);
	z-index: 10;
}

.ch-img-35 { 
	  background-image: url(../images-bs/grocery-competition.png);
	z-index: 10;
}

.ch-img-36 { 
	  background-image: url(../images-bs/petrol-competition.png);
	z-index: 10;
}

.ch-img-37 { 
	  background-image: url(../images-bs/andthreads.jpg);
	z-index: 10;
}

.ch-img-38 { 
	  background-image: url(../images-bs/futurelight.gif);
	z-index: 10;
}

.ch-img-39 { 
	  background-image: url(../images-bs/interflora.gif);
	z-index: 10;
}

.ch-img-40 { 
	  background-image: url(../images-bs/sweetbouquet.jpg);
	z-index: 10;
}

.ch-img-41 { 
	  background-image: url(../images-bs/dottech.jpg);
	z-index: 10;
}

.ch-img-42 { 
	  background-image: url(../images-bs/free-credit-score.gif);
	z-index: 10;
}

.ch-img-43 { 
	  background-image: url(../images-bs/personal-loan.gif);
	z-index: 10;
}

.ch-img-44 { 
	  background-image: url(../images-bs/vehicle-finance.gif);
	z-index: 10;
}

.ch-img-45 { 
	  background-image: url(../images-bs/perkal-gifts.gif);
	z-index: 10;
}

.ch-img-46 { 
	  background-image: url(../images-bs/buyfast.gif);
	z-index: 10;
}

.ch-img-47 { 
	  background-image: url(../images-bs/maxitools.gif);
	z-index: 10;
}

.ch-img-48 { 
	  background-image: url(../images-bs/brewery.png);
	z-index: 10;
}

.ch-img-49 { 
	  background-image: url(../images-bs/kaspersky.jpg);
	z-index: 10;
}

.ch-img-50 { 
	  background-image: url(../images-bs/300x250-aisha.gif);
	z-index: 10;
}

.ch-img-51 { 
	  background-image: url(../images-bs/300x250-athos.gif);
	z-index: 10;
}

.ch-img-52 { 
	  background-image: url(../images-bs/300x250-akira.gif);
	z-index: 10;
}

.ch-img-52 { 
	  background-image: url(../images-bs/300x250-ciara.gif);
	z-index: 10;
}

.ch-img-53 { 
	  background-image: url(../images-bs/all4women.gif);
	z-index: 10;
}

.ch-img-54 { 
	  background-image: url(../images-bs/tyres-300x250.png);
	z-index: 10;
}

.ch-img-55 { 
	  background-image: url(../images-bs/petrol-300x250.png);
	z-index: 10;
}

.ch-img-56 { 
	  background-image: url(../images-bs/bills-300x250.png);
	z-index: 10;
}

.ch-info {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
	background:#020403 url(../images-bs/noise.png);
	box-shadow: inset 0 0 0 5px rgba(0,0,0,0.05);
}

.ch-info h3 {
	  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 1.2em;
  margin: 0 60px;
  padding: 50px 0 0 0;
  height: 85px;
  font-family: 'Open Sans', Arial, sans-serif;
   text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
	color: #fff;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info p a {
	display: block;
	color: #333;
	width: 80px;
	height: 80px;
	background: rgba(255,255,255,0.3);
	border-radius: 50%;
	color: #fff;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 24px;
	margin: 7px auto 0;
	font-family: 'Open Sans', Arial, sans-serif;
	opacity: 0;
	
	-webkit-transition: 
		-webkit-transform 0.3s ease-in-out 0.2s,
		opacity 0.3s ease-in-out 0.2s,
		background 0.2s linear 0s;
	-moz-transition: 
		-moz-transform 0.3s ease-in-out 0.2s,
		opacity 0.3s ease-in-out 0.2s,
		background 0.2s linear 0s;
	-o-transition: 
		-o-transform 0.3s ease-in-out 0.2s,
		opacity 0.3s ease-in-out 0.2s,
		background 0.2s linear 0s;
	-ms-transition: 
		-ms-transform 0.3s ease-in-out 0.2s,
		opacity 0.3s ease-in-out 0.2s,
		background 0.2s linear 0s;
	transition: 
		transform 0.3s ease-in-out 0.2s,
		opacity 0.3s ease-in-out 0.2s,
		background 0.2s linear 0s;
		
	-webkit-transform: translateX(60px) rotate(90deg);
	-moz-transform: translateX(60px) rotate(90deg);
	-o-transform: translateX(60px) rotate(90deg);
	-ms-transform: translateX(60px) rotate(90deg);
	transform: translateX(60px) rotate(90deg);
		
	-webkit-backface-visibility: hidden;
}

.ch-info p a:hover {
	background: rgba(255,255,255,0.5);
}
.ch-item:hover .ch-thumb {
	box-shadow: inset 0 0 0 15px rgba(255,255,255, 0.5), 0 1px 3px rgba(0,0,0,0.2);
	-webkit-transform: rotate(-110deg);
	-moz-transform: rotate(-110deg);
	-o-transform: rotate(-110deg);
	-ms-transform: rotate(-110deg);
	transform: rotate(-110deg);
}
.ch-item:hover .ch-info p a{
	opacity: 1;
	-webkit-transform: translateX(0px) rotate(0deg);
	-moz-transform: translateX(0px) rotate(0deg);
	-o-transform: translateX(0px) rotate(0deg);
	-ms-transform: translateX(0px) rotate(0deg);
	transform: translateX(0px) rotate(0deg);
}
.ch-grid {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 250px;
	height: 250px;
	display: inline-block;
	margin: 20px 30px;
}
/*--EndTeam--*/

/*--gallery--*/
.gallery {
  background-color: #f7f7f7;
  padding: 4em 0;
}
.gallery-bottom {
  margin-top: 1em;
}
.view {
  width: 350px;
    height: 234px;
   margin: 10px;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.view .mask,.view .content {
   width: 350px;
   height: 234px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
    font-size: 1.5em;
   padding:8px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   font-family: 'PT Serif', serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}



/* Footer Styles */

footer {
    margin: 50px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}