/*+++++++++++++++++++++
=====================================
 Template Name : Himu
 Author Name : Mostafizur Rahman
 Author URI : http://mostafiz.me/
 Template URI :http://mostafiz.me/demo/himu/
 Version : 1.0
===============================
+++++++++++++++++++*/





/*
====================================
------------------------------------
	1. Typography
	2. Header
	3. Main Slider
	4. About Us
	5. Service
	6. Our Team
	7. Portfolio
	8. Clients
	9. Our Blog
	10. Contact
	11. Footer
	12. Carousel Effect
	13. Isotope
	14. Portfolio Hover effect
-------------------------------------
=====================================
*/


/*====================
======Typography=====
======================*/
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);

body {
	font-family: 'Roboto', sans-serif;
	position: relative;
	font-weight:400;
	background: #000;
	color:#43484E;
}

body  section{
	padding: 75px 0;
}

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

a:focus {
	outline:none;
	outline-offset: 0;
}

a {
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
	color:#DD137B;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
}

.slider-btn {
	position: absolute;
	right: 20px;
	bottom: 60px;
	background-color:#dd137b;
	color: #FFF;
	-webkit-box-shadow: inset 0 0 0 2px #dd137b;
	box-shadow: inset 0 0 0 2px #dd137b;
	text-transform: uppercase;
	width: 190px;
	text-align: center;
	height: 55px;
	line-height:55px;
	padding: 0;
	font-size: 18px;
	font-weight:800;
	border: 0;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}



.slider-btn:hover {
	background-color:#91244E;
	-webkit-box-shadow: inset 0 0 0 2px #91244E;
	box-shadow: inset 0 0 0 2px #91244E;
	color:#fff;
}


.parallax-section{
	min-height: 300px;
	width: 100%;
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}


.preloader{
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: table;
	background: #fff;
	z-index: 9999;
}

.preloder-wrap{
	display: table-cell;
	vertical-align: middle;
}

.preloder-inner {
	width: 200px;
	height: 100px;
	margin: 0 auto;
}

.ball {
	width: 10px;
	height: 10px;
	margin: 10px auto;
	border-radius: 50px;
}

.ball:nth-child(1) {
	background: #9b3e50;
	-webkit-animation: right 1s infinite ease-in-out;
	-moz-animation: right 1s infinite ease-in-out;
	animation: right 1s infinite ease-in-out;
}

.ball:nth-child(2) {
	background: #254c5d;
	-webkit-animation: left 1.1s infinite ease-in-out;
	-moz-animation: left 1.1s infinite ease-in-out;
	animation: left 1.1s infinite ease-in-out;
}

.ball:nth-child(3) {
	background: #5d254c;
	-webkit-animation: right 1.05s infinite ease-in-out;
	-moz-animation: right 1.05s infinite ease-in-out;
	animation: right 1.05s infinite ease-in-out;
}

.ball:nth-child(4) {
	background: #0093dd;
	-webkit-animation: left 1.15s infinite ease-in-out;
	-moz-animation: left 1.15s infinite ease-in-out;
	animation: left 1.15s infinite ease-in-out;
 }

.ball:nth-child(5) {
	background: #d299c4;
	-webkit-animation: right 1.1s infinite ease-in-out;
	-moz-animation: right 1.1s infinite ease-in-out;
	animation: right 1.1s infinite ease-in-out;
}

.ball:nth-child(6) {
	background: #657e5c;
	-webkit-animation: left 1.05s infinite ease-in-out;
	-moz-animation: left 1.05s infinite ease-in-out;
	animation: left 1.05s infinite ease-in-out;
}

.ball:nth-child(7) {
	background: #765c7e;
	-webkit-animation: right 1s infinite ease-in-out;
	-moz-animation: right 1s infinite ease-in-out;
	animation: right 1s infinite ease-in-out;
}


@-webkit-keyframes right {
	0%   { -webkit-transform: translate(-15px);   }
	50%  { -webkit-transform: translate(15px);    }
	100% { -webkit-transform: translate(-15px);   }
}

@-webkit-keyframes left {
	0%   { -webkit-transform: translate(15px);    }
	50%  { -webkit-transform: translate(-15px);   }
	100% { -webkit-transform: translate(15px);    }
}

@-moz-keyframes right {
	0%   { -moz-transform: translate(-15px);   }
	50%  { -moz-transform: translate(15px);    }
	100% { -moz-transform: translate(-15px);   }
}

@-moz-keyframes left {
	0%   { -moz-transform: translate(15px);    }
	50%  { -moz-transform: translate(-15px);   }
	100% { -moz-transform: translate(15px);    }
}

@keyframes right {
	0%   { transform: translate(-15px);  }
	50%  { transform: translate(15px);   }
	100% { transform: translate(-15px);  }
}

@keyframes left {
	0%   { transform: translate(15px);   }
	50%  { transform: translate(-15px);  }
	100% { transform: translate(15px);   }
}


.vertical-middle{
	width: 100%;
	height: 100%;
	display: table;
}

.vertical-middle div{
	display: table-cell;
	vertical-align: middle;
}

/*====================
======Header CSS=====
======================*/

#navigation .navbar {
  background:#000;
  border-radius: 0;
  border-bottom: 0;
  box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 3px;
  padding-bottom: 8px;
}

#navigation .navbar-toggle{
  margin-top: 20px;
  background-color: #333;
}

#navigation .navbar-brand h1{
  padding: 0;
  margin: 0;
}

#navigation .navbar-nav.navbar-right li {
	padding: 0 1px;
}

#navigation .navbar-nav.navbar-right {
	margin-top:28px;
}

#navigation .navbar-nav.navbar-right li a {
	color: #fff;
	font-family: 'Roboto',sans-serif;
	font-size: 14px;
	padding: 0;
	text-transform: uppercase;
	-webkit-transition: all .9s ease 0s;
	-moz-transition: all .9s ease 0s;
	-o-transition: all .9s ease 0s;
	transition: all .9s ease 0s;
	padding: 6px 15px;
}

#navigation .navbar-inverse .navbar-nav  .active  a,
#navigation .navbar-inverse .navbar-nav  .active  a:focus,
#navigation .navbar-nav.navbar-right li a:hover {
	color: #fff;
	background-color: #dd137b;
}


/*======================
====Main Slider CSS=====
=======================*/
/* aktiveer - om die fyn lyntjies oor die foto's weer in te sit.
.home-pattern {
	height:100%;
	position:absolute;
	width:100%;
	z-index:1;
	left:0;
	bottom:0;
	background-image:url(../images/home-pattern.png);
	background-repeat:repeat;
	opacity:0.2;
}*/

#home{
  padding: 0;
  overflow: hidden;
  position:relative;
}

#main-carousel .carousel-inner .item {
	background-size:cover;
	height: 100%;
	background-position: 50% 50%;
	background-repeat:no-repeat;
}

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

#main-carousel .carousel-indicators li{
	background: rgba(0, 0, 0, 0);
	border: 1px solid #fff;
	width: 13px;
	height: 13px;
	margin-left: 5px;
	text-indent: -9999px;
	display: inline-block;
}

.carousel-indicators .active{
	background-color: #fff !important;
}

.slider-content {
	height: 100%;
}

#main-carousel .carousel-caption {
	display: table;
	height: 100%;
	width: 100%;
	min-height: 100%;
	left: 0;
	top: 0;
	z-index: 11;
}

#main-carousel .carousel-caption div {
    vertical-align: bottom; /*middle*/
    display: table-cell;
}

#main-carousel .lfDigiPrints div {
	position: absolute;
  left: 20px;
  top: 300px;
}

#main-carousel .digiPrint div {
	position: absolute;
  left: 20px;
  top: 300px;
}


#main-carousel .carousel-inner h2 {
	color: #dd137b;
	text-shadow:
		 1px  1px     #fff,
		-1px  1px     #fff,
		 1px -1px     #fff,
		-1px -1px     #fff,
		-5px  5px 6px #111;

	display: inline-block;
	text-align: left;
	font-family: 'Roboto', sans-serif;
	font-size: 55px;
	font-weight: 800;
	margin-bottom: 40px;
	text-transform: uppercase;
}

#main-carousel .lfDigiPrints h2 {
	text-align: left;
	margin-bottom: 20px;
	margin-right: 20px;
	display: block;
}

#main-carousel .novelties h2 {
	margin-bottom: 20px;
}


#main-carousel .digiPrint h2{
	text-align: left;
	margin-bottom: 20px;
	margin-right: 20px;
	display: block;
}

#main-carousel .carousel-inner h2 span{
  color:#7ab700;
}

#main-carousel .carousel-inner p {
	color: #f6f6f6;
	background:#0093dd;
	padding: 5px;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 59px;
	margin-top: 0;
	text-shadow:-1px 1px 1px #222;
}

#main-carousel .lfDigiPrints p{
	margin-bottom: 30px;
}

#main-carousel .novelties p {
	background:#0093dd;
	margin-bottom: 100px;
}


#main-carousel .digiPrint p{
	margin-bottom: 30px;
}


#main-carousel .carousel-left{
	left:-50px;
}

#main-carousel .carousel-right{
	right:-50px;
}

#main-carousel:hover .carousel-left{
	left:0px;
	color: #a9a9a9;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

#main-carousel:hover .carousel-right{
	right:0px;
	color: #a9a9a9;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

#main-carousel .carousel-left,
#main-carousel .carousel-right{
	padding: 15px;
	z-index: 12;
	font-size: 60px;
	color: rgba(255, 255, 255, 0.9);
	top: 50%;
	position: absolute;
	margin-top: -60px;
	text-align: center;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

.carousel-right {
  right:65px;
}

.carousel-left {
  left:65px;
}

#main-carousel .carousel-left:hover,
#main-carousel .carousel-right:hover{
	color: #2f4f4f;
}



/*=======================
====== About Us CSS =====
=========================*/


#about-us {
	background:#000;
	color: #fff;
	overflow: hidden;
	padding: 70px 0px 50px 0px;
}

#about-us h2 {
	margin-bottom:35px;
	color: #dd137b;
}



.title-one {
	color: #43484E;
	display: inline-block;
	font-size: 32px;
	font-weight: 600;
	padding-bottom:10px;
	text-align: center;
	text-transform: uppercase;
	position:relative;
}



.title-one:after {
	color: #0093DD;
	content: "||";
	position: absolute;
	right: -40px;
	top: -2px;
}

.title-one:before {
	color: #0093DD;
	content: "||";
	left: -40px;
	position: absolute;
	top: 0;
}


#about-us h4 {
	color: #909090;
	margin-bottom: 50px;
	margin-top: -5px;
	text-transform: capitalize;
}

#about-us strong {
	color: #dd137b;
}

#about-us p {
	font-weight:300;
	font-size:15px;
	text-align: justify;
	margin-bottom: 30px;
}

.about-us .col-sm-6 {
	margin-top:50px;
}

.about-us h3 {
	font-size: 20px;
	margin-bottom: 18px;
	text-transform: uppercase;
}

.about-us .tab-content {
	background:#fff;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	padding: 25px;
}

.about-us .nav-tabs li a {
	border-top:2px solid #f6f6f6;
	color:#fc7700;
}

.about-us .nav-tabs li.active a,
.about-us .nav-tabs li.active a:hover,
.about-us .nav-tabs li.active a:focus {
	border-radius: 0;
	border-top: 2px solid #fc7700;
	color: #333333;
}

.about-us .tab-content
.pull-left.media-object {
	background-color: #F6F6F6;
	margin-right: 20px;
	padding: 5px;
}


.compProfile a {
	color: #dd137b;
	font-size: 1.3em
}

.compProfile {
	color: #fff;
	padding-bottom: 20px;
	font-size: 1.2em;
}




/*====================================
======(Service) Business Info CSS=====
====================================*/

#businessInfo {
  background-image: url("../images/businessInfo/angel.jpg");
	border-style: none;
	border-style: hidden;
  background-color:	#0A0A13;
	background-size:cover;
	height: 100%;
	background-position: 50% 50%;
	background-repeat:no-repeat;
	color:#fff;
	text-align:center;
}

.businessInfo {
	display:block;
	overflow:hidden;
	margin-top:50px;
	font-weight: bold;
  font-size: 18px;
}

#businessInfo h2{
  color: #dd137b;
  border-color: #dd137b;
  margin-bottom:10px;
	text-shadow: -3px 3px 4px #111;
}


#businessInfo .title-one:after {
	color: #fff;
	content: "||";
}

#businessInfo .title-one:before {
	color: #fff;
	content: "||";
}

.single-businessInfo {
	background-color: rgba(0, 0, 0, 0.39);
	padding:25px;
	transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
}

.single-businessInfo li {
	text-align:center;
}

.single-businessInfo i {
	border-radius: 50%;
	display: inline-block;
	box-shadow: 2px -2px 10px #43484E;
	height: 150px;
	width: 150px;
	transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
}

.single-businessInfo:hover {
	background-color: rgba(0,0,0, 0.95);
}

.single-businessInfo:hover i {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}

/*====================
======Join CSS=====
======================*/

/*#join-the-team

.joinTeam */

#join-the-team {
	margin-top: 5%;
  background-image: url("../images/join/girlLaptop.jpg");
	border-style: none;
	border-style: hidden;
  background-color:	#0A0A13;
	background-size:cover;
	height: 100%;
	background-repeat:no-repeat;
  	text-align:center;
	color: #f6f6f6;
}

.offers {
	display:block;
	overflow:hidden;
	margin-top:20px;
}


#join-the-team .col-sm-4 h2{
  color: #fff;
  border-color: #fff;
  margin-bottom:10px;
	text-shadow: -1px 1px 2px #43484E;
}

.joinTeam p {
	text-shadow: -1px 1px 1px #111;
}


#join-the-team .col-sm-8 p {
	text-align:center;
	color:#fff;
	background-color: #0093dd;
	text-shadow: -2px 2px 3px #43484E;
	font-size: 15px;
	text-transform: uppercase;	
	font-weight: bold;
}



.joinTeam h2 {
	color: #dd137b;
}

.signUp {
	background-color: #dd137b;
	margin: 10px 0px;
	padding:25px;
	transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
}

.signUp p {
	color: #F6F6F6;
	text-align:justify;
}

.signUp i {
	color: #F6F6F6;
	font-size: 80px;
	text-shadow: 2px -2px 3px #333;
	transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
}

.signUp:hover {
	background-color: #91244e;
}

.signUp:hover i {
	-moz-transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}

.modal{
	transition: all 1s ease-in .8s;
	-moz-transition: all 1s ease-in .8s;
	-webkit-transition: all 1s ease-in .8s;
	-o-transition: all 1s ease-in .8s;
}

.modal-body {
	text-align: left;
	color: #43484E;
	text-shadow: -1px 1px 3px white;
}

.modal-body p{
	text-shadow: none;
}


.modal-header {
	color: #43484E;
}

/*modalB*/



.modalB{
	transition: all 1s ease-in .8s;
	-moz-transition: all 1s ease-in .8s;
	-webkit-transition: all 1s ease-in .8s;
	-o-transition: all 1s ease-in .8s;
}


.modal-body{
	color: #43484E;
	text-shadow: -1px 1px 3px white;
}

.modal-header {
	color: #43484E;
}


.earnMore {
	color: #daee6f;
	font-size: 2em;
	margin-top: 20px;
}

/*=====================
======Our Team CSS=====
=======================*/

#theTeam {
	position:relative;
}

#our-team {
	background-color:#000;
	color:#43484E;
	padding-top:25px;
}

#our-team h2 {
	color:#dd137b;
	margin-bottom:20px;
}

#our-team .col-sm-8 p {
	text-align:center;
	color:#fff;
	background-color: #0093dd;
	text-shadow: -2px 2px 3px #43484E;
	font-size: 15px;
	text-transform: uppercase;	
}

#our-team p {
	text-align:center;
	color:#fff;
	font-weight: bold;
}

#theTeam .photoB {
	padding-top: 30px;
}

#our-team .team-members {
	padding:0;
	margin-top:55px;
	display:block;
	overflow:hidden;
}

.single-member {
	height:370px;
	background-color:#dd137b;
	border: 1px solid #dd137b;
	color: #fff;
	padding: 25px;
	text-align:center;
	overflow:hidden;
}

.single-member img {
	width:100%;
}

.single-member h4,
.single-member h5 {
	text-align:center;
	color:#fff;
	font-weight: bold;
}

#our-team .socials i {
	background-color:#fff;
	border-radius: 50%;
	color: #43484E;
	display: inline-block;
	font-size:16px;
	height: 30px;
	line-height:28px;
	margin-right: 5px;
	text-align: center;
	width: 30px;
	border-width:1px;
	border-color:#43484E;
	border-style: solid;
	opacity:.5;
	 -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

#our-team .socials a i:hover {
	opacity:1;
	color:#fff;
	border:0;
}

.member-left, .member-right {
	position:absolute;
	top:-43px;
	color:#43484E;
}


.member-left {
	left:49%;
	margin-top:2px;
}

.member-right {
	left:51%;
	margin-top:2px;
}

#our-team .teamHeader {
	text-align: center;
}

#our-team .teamHeader h2 {
	margin-top: 2px;
}
#our-team .socials a {
	align: middle;
}

#our-team .socials p {
	text-align: center;
}


/*===========================
====(Clients) PRODUCTS CSS=====
===========================*/

#products{
	
	background-color:#000;
	border-style: none;
	border-style: hidden;
}

#products h2 {
	margin-bottom:30px;
	color:#dd137b;
	text-shadow: -1px 1px 3px #333;
}

#products p {
	color:#fff;
}

#products-carousel  {
	margin-top:20px;
	text-align:center;
}

#products-carousel
.carousel-inner {
	display:inline-block;
	width:90%;
	min-height: 100px;
}

.carousel-inner blockquote {
  border-left: 0 none;
  margin:10px;
  padding:0;
  text-align: left;
}

.carousel-inner blockquote p {
	font-size:17px;
	padding: 15px 0px;
}

#products-carousel .carousel-inner blockquote h2 {
	display: inline-block;
	text-align: left;
	text-transform: uppercase;
	padding: 0px 0px 20px 10px;
	margin-bottom: 0px;
	font-size: 40px;
	/*text-shadow:
		 2px  2px     #fff,
		-2px  2px     #fff,
		 2px -2px     #fff,
		-2px -2px     #fff; */
}

#products-carousel .carousel-inner blockquote .yellow {
	display: inline-block;
	text-align: left;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	font-size: 30px;
	color: #FADA5E;
}

#products-carousel .carousel-inner blockquote .white {
	display: inline-block;
	text-align: left;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	font-size: 20px;
	color: #fff;
}


#products-carousel .carousel-inner blockquote .yellowB {
	display: inline-block;
	text-align: left;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	font-size: 20px;
	color: #FADA5E;
}
	
#products-carousel .carousel-inner blockquote .green {
	display: inline-block;
	text-align: left;
	padding: 20px 0px 10px 10px;
	margin: 0px;
	font-size: 40px;
	color: #66ff00;
	text-shadow:
		 4px  4px     #000,
		-4px  4px     #000,
		 4px -4px     #000,
		-4px -4px     #000;
}

#products-carousel .carousel-inner blockquote .whiteInfo {
	display: inline-block;
	text-align: left;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	font-size: 18px;
	color: #fff;
}

#products-carousel .carousel-inner blockquote .whiteAddress {
	display: inline-block;
	text-align: left;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 20px 0px;
	font-size: 15px;
	color: #fff;
}

#products-carousel small {
	padding-left: 5px;
	text-align: right;
	display: inline;
	
}


#products-carousel a{
	font-size: 2.1em;
	color: #dd137b;
}
		


#products-carousel
.carousel-inner img {
	padding-top: 4px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}

#products-carousel
.carousel-indicators {
	top: 100%;
	left: 50%;
	margin: 0 0 0 -50px;
	position: absolute;
	width: 100px;
}

#products-carousel .item {
	background-color:#000;
	border: 3px dashed #808080;
    border-radius: 20px;
	color: #f6f6f6;
}

#products-carousel
.carousel-indicators li{
	background: rgba(0, 0, 0, 0);
	border: 1px solid #fff;
	width: 13px;
	height: 13px;
	margin-left: 5px;
	text-indent: -9999px;
	display: inline-block;
}

#products-carousel
.carousel-indicators {
  margin-top: 20px;
}

.products{
  text-align: center;
}

.products h2 {
	color: #fff;
	font-family: 'Roboto',sans-serif;
	font-size: 30px;
	font-weight: 500;
	line-height: 40px;
	text-transform: uppercase;
	margin-top: 0;
}

.products p {
	color: #fff;
	font-family: 'Roboto',sans-serif;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.products p span{
	color:#fff;
}

#products .spotLight {
	margin: 0px 0px 10px 0px;
	text-align:center;
	color:#fff;
	background-color: #0093dd;
	text-shadow: -2px 2px 3px #43484E;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
}

.spotLightInfo {
	padding: 0px 15px;
}

.spotLightInfo ul{
	color: #fff;
	text-shadow: -1px 1px 1px #222;
}

.products-left, .products-right {
	color:#43484E;
	background-color: #f6f6f6;
	padding: 5px 10px;
	border-radius: 5px;
	box-shadow: -1px 1px 2px #222;
}

.products-chevron {
	text-align: center;
}

.products-left {
	left:49%;
	margin-right: 10px;
}

.products-right {
	left:51%;
	margin-left: 10px;
}


/*====================
======PriceList CSS=====
======================*/

.issuu-embed-container {

  position: relative;

  padding-bottom: 56.25%; /* set the aspect ratio here as (height / width) * 100% */

  height: 0;

  overflow: hidden;

  max-width: 100%;
  
  border: none;

}

.issuu-embed-container iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;
  
  border: none;
}

.pricelist {

}


.pricelist h2 {
    margin-bottom: 10px;
    color: #dd137b;
    text-shadow: -1px 1px 3px #333;
    margin-top: 0!important;
}


/*====================
======Contact CSS=====
======================*/

#contact {
	overflow:hidden;
	background-color: #000;
	position:relative;
	padding-bottom:20px;
	padding-top:70px;
}

#contact h2 {
	color: #dd137b;
}

#contact .contact-heading {
	padding-bottom:35px;
	color: #fff;
	position: relative;
	z-index: 10;
}

#contact .contact-heading p{
	text-align:center;
	color:#fff;
	background-color: #0093dd;
	text-shadow: -2px 2px 3px #43484E;
	font-size: 15px;
	text-transform: uppercase;	
	font-weight: bold;
}


.contact-details {
	padding-top:20px;
}

/*.pattern {
	height:100%;
	position:absolute;
	width:100%;
	z-index:1;
	left:0;
	bottom:0;
	background-image:url(../images/pattern.png);
	background-repeat:repeat;
	opacity:0.2;
}*/


.contact-address {
	background-color: #43484E;
	color: #fff;
	height:480px;
	padding-top:30px;
}

.contact-address .social-icons a i {
	border-radius:0;
	height:30px;
	line-height:inherit;
	width:30px;
	border-width:0;
	transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	margin-right:10px;
}
.contact-address .social-icons i:hover {
	transform: scale(1.3);
}

.social-icons a {
	color: #A2A2A2;
	font-size: 20px;
	border: 2px solid #A2A2A2;
	border-radius: 50%;
	text-align: center;
	padding: 6px;
	width: 44px;
	height: 44px;
	display: inline-block;
	margin: 2px;
}


.social-icons a:hover {
  color: #0093dd;
  border: 2px solid #0093dd;
}

.contact-address .social-icons,
.contact-address address {
	z-index:2;
	position:relative;
}

.contact-address  p {
	font-weight:800;
	font-size:24px;
}

.contact-address  p span {
	color: #e0a6b0;
	font-size: 1.2em;
}

#contact-form-section {
	padding:35px;
	background-color: #43484E;
	color: #fff;
	height:480px;
}

#contact-form-section .btn-primary {
	background-color:#dd137b;
	border-color:#dd137b;
	color: #fff;
	position:relative;
	z-index:2;
	border-radius:0;
	padding:10px 35px;
	text-transform:uppercase;
	font-weight:800;
}

#contact-form-section .btn-primary:hover {
	background-color:#91244E;
	color:#fff;
}


#contact-form input,
#contact-form textarea {
	background-color: #ddd;
	position:relative;
	z-index:2;
}

#contact-form .name-field,
#contact-form .mail-field  {
	width:49%;
}

#contact-form .name-field {
	margin-right:2%;
	float:left;
}

#contact-form-section .form-control {
	border-radius:0;
	-webkit-box-shadow:none;
	box-shadow:none;
}

#contact-form-section textarea {
	resize:none;
}

#contact-form-section .form-control:focus {
	border-color: #9b3e50;
	outline: 0;
	-webkit-box-shadow:none;
	box-shadow:none;
}


/*============================
======Footer CSS=====
==============================*/
#footer a {
	color: #dd137b;
	font-size: 1.3em
}

#footer {
	color: #fff;
}


/*============================
======Carousel Effect CSS=====
==============================*/


.carousel.scale .carousel-inner > .item.left > div:nth-child(1),
.carousel.scale .carousel-inner > .item.right > div:nth-child(1) {
  -webkit-animation: fadeOutDown 300ms linear 0ms both;
  animation: fadeOutDown 300ms linear 0ms both;
}
.carousel.scale .carousel-inner > .item.next > div:nth-child(1),
.carousel.scale .carousel-inner > .item.prev > div:nth-child(1) {
  -webkit-animation: fadeInDown 300ms linear 75ms both;
  animation: fadeInDown 300ms linear 75ms both;
}

.carousel.scale .carousel-inner > .item.left > div:nth-child(2),
.carousel.scale .carousel-inner > .item.right > div:nth-child(2) {
  -webkit-animation: fadeOutDown 300ms linear 75ms both;
  animation: fadeOutDown 300ms linear 75ms both;
}
.carousel.scale .carousel-inner > .item.next > div:nth-child(2),
.carousel.scale .carousel-inner > .item.prev > div:nth-child(2) {
  -webkit-animation: fadeInDown 300ms linear 150ms both;
  animation: fadeInDown 300ms linear 150ms both;
}

.carousel.scale .carousel-inner > .item.left > div:nth-child(3),
.carousel.scale .carousel-inner > .item.right > div:nth-child(3) {
  -webkit-animation: fadeOutDown 300ms linear 150ms both;
  animation: fadeOutDown 300ms linear 150ms both;
}
.carousel.scale .carousel-inner > .item.next > div:nth-child(3),
.carousel.scale .carousel-inner > .item.prev > div:nth-child(3) {
  -webkit-animation: fadeInDown 300ms linear 225ms both;
  animation: fadeInDown 300ms linear 225ms both;
}

.carousel.scale .carousel-inner > .item.left > div:nth-child(4),
.carousel.scale .carousel-inner > .item.right > div:nth-child(4) {
  -webkit-animation: fadeOutDown 300ms linear 225ms both;
  animation: fadeOutDown 300ms linear 225ms both;
}
.carousel.scale .carousel-inner > .item.next > div:nth-child(4),
.carousel.scale .carousel-inner > .item.prev > div:nth-child(4) {
  -webkit-animation: fadeInDown 300ms linear 300ms both;
  animation: fadeInDown 300ms linear 300ms both;
}


/*==================================
====== Isotope Recommended CSS=====
====================================*/

/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
/* End: Recommended Isotope styles */


/*=======================
===== Reg Form ==========
=======================*/

.form-head img {
	padding:30px 40px 10px 40px;
}

.form-head {
	text-align: center;
	font-size: 0.9em;
}

.form-body {
	padding: 5px 40px 5px 40px;
}

.form-header {
	color: #43484E;
	display: inline-block;
	font-size: 20px;
	font-weight: 600;
	padding-bottom:10px;
	text-align: center;
	text-transform: uppercase;
	position:relative;
}

.form-header:after {
	color: #0093dd;
	content: "||";
	position: absolute;
	right: -20px;
	top: -2px;
}

.form-header:before {
	color: #0093dd;
	content: "||";
	left: -20px;
	position: absolute;
	top: 0;
}

.form-header-container{
	padding-left:20px;
}

.form-date-picker {
	padding-bottom: 5px;
}

.day:hover{
background-color:#0093dd;
border-radius:10px;
color: #F6F6F6;
}

.next:hover{
background-color:#0093dd;
border-radius:10px;
color: #F6F6F6;
}

.prev:hover{
background-color:#0093dd;
border-radius:10px;
color: #F6F6F6;
}

.datepicker-days {
	padding: 15px;
}

input[type="checkbox"], .checkbox-inline input[type="checkbox"]{
	padding:12px 0px;
}

.addressTextLabel {
	padding-top:20px;
}

.colSpacing {
	padding-top:20px;
}

.internetListing{
	background-color: #eee;
	border-radius: 10px;
	padding:0px 20px 20px 20px;
	margin:20px 0px 30px 0px;
}

.beforeBreak{
	margin-bottom: 20px;
}

.sectionHeading{
	background-color: #0093dd;
	color: #F6F6F6;
	border-radius: 10px;
	margin:5px 0px;
}

.submitBtn{
	margin:15px 0px;
}

/*======================
=====Letter=============
======================*/

.letterQuestion{
	color:#0093dd;
}

/*====================
======Step3Modal======
====================*/

.stepThree {
	text-align: center;
}

.stepThree a{
	color: #0093dd;
}

.stepThree a:hover {
	color: #43484E;
}

/*==================
====== Error =======
==================*/

.error img {
	margin-left: 20%;
	float: left;
}

.error div{
	clear: left;
}

.error {
	padding: 30px 20px;
}

.error a {
	color: #99d2a7;
	font-size: 1.5em;
}

.error h1 {
	font-size: 3em;
}

/*=================
======test=========
=================*/

.btn-defaultTest a{
	color: #43484E;
}

.btn-defaultTest a:hover {
	color: #F6F6F6;
	text-shadow: -1px 1px 2px #555;

}

img{
max-width: 100%;
height: auto;
}

#products-price {
    margin-top: 20px;
    text-align: center;
}

#products-price .item {
    background-color: #000;
    border: 3px dashed #808080;
    border-radius: 20px;
    color: #f6f6f6;
}

.mappp {
	padding-top: 20px;
	padding-right: 15px;
	padding-left: 15px;
}