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

.code { counter-reset: listing; }
xmp { counter-increment: listing; }
.code xmp:before { content: counter(listing) ". "; color: gray; }


html, body {
    height:100%;
}


body {
  padding-bottom: 0px;
  color: #101010;
  height: 100%;
}

.cf-title {
	
	font-family: 'Roboto Slab',serif !important;
	
	}
	
.pjCF-button {
	
	font-family: 'Roboto Slab',serif !important;
	
	}

.click-nav {
    visibility: hidden;
    margin: 0;
    position: fixed;
    width: 100%;
    z-index: 1000;
}


h1 {
	
	font-size: 30px;
    line-height: 43px;}

.larger {
	font-size: 20px;
	line-height: 55px;
	}

.left-form {
	
	background: none repeat scroll 0 0 #E8E8E8;
    color: #E93290;
    font-size: 20px;
    line-height: 44px;
    margin-top: 31px;
    padding: 20px 20px 14px;
    width: 100%;
	
	}
	
.about-text {
	display: block; 
	float: left; 
	margin-top: -20px; 
	height: auto; 
	margin-right: 30px; 
	width: 480px;
	
	}
	
.about-right {
	width: 490px;
	height: auto; 
	display: block; 
	float: left;
	}
	
.video-cont {
	padding: 15px 15px 8px; 
	background: #e8e8e8; 
	float: left;
	
	}
	
.contact-left {
	width: 45%; 
	margin-right: 5%; 
	float: left;
	
	}
	
		
.black {
	color: #101010; 
	 font-size: 41px;
    font-weight: bold;
    padding-bottom: 27px;
    text-shadow: 1px 1px 1px #999999;
	}
	
.pink {
	color: #E93290;
	
	}
	
.contact-form {
	
	background: none repeat scroll 0 0 #E8E8E8;
    float: right;
    margin-bottom: 50px;
    margin-top: -80px;
    padding-left: 14px;
    padding-top: 14px;
    width: 45%;
	
	}
	
.white {
	color: #FFFFFF;
    font-size: 41px;
    font-weight: bold;
    padding-bottom: 27px;
    text-shadow: 1px 1px 1px #080808;
	
	}

#features {
  max-width:none;
}

#updates {
	
	background-image: url("images/services-bg.jpg");
	background-repeat:no-repeat;
	background-size: 100%;
	
	}
	
	

	
	
#black-footer {
	
	background: #000000;
	
	text-align: center;
	padding-bottom: 150px;
	}
	
	
.white-box {
	
	width: 32%;
	height: 110px;
	float: left;
	background:#fff;
	margin-bottom: 15px;
	margin-right: 2%;
	color: #000; 
	text-align: left;
	-webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.24);
	-moz-box-shadow:    2px 2px 4px 0px rgba(50, 50, 50, 0.24);
	box-shadow:         2px 2px 4px 0px rgba(50, 50, 50, 0.24);
	-webkit-transition: color 2s ease-out;
  	-moz-transition: color 2s ease-out;
  	-o-transition: color 2s ease-out;
  	transition: color 2s ease-out;
	
	}
	
.white-box:hover {
	background: #000000;
	color: #ffffff;	
	-webkit-transition: background-color 2s ease-out;
	-moz-transition: background-color 2s ease-out;
	-o-transition: background-color 2s ease-out;
	transition: background-color 2s ease-out;
}
	
.white-box-last {
	width: 32%;
	height: 110px;
	float: left;
	background:#fff;
	margin-bottom: 15px;
	color: #000; 
	text-align: left;
	-webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.24);
	-moz-box-shadow:    2px 2px 4px 0px rgba(50, 50, 50, 0.24);
	box-shadow:         2px 2px 4px 0px rgba(50, 50, 50, 0.24);
	-webkit-transition: color 2s ease-out;
	-moz-transition: color 2s ease-out;
	-o-transition: color 2s ease-out;
	transition: color 2s ease-out;
	
	}
	
.white-box-last:hover {
background: #000000;
color: #ffffff;	
 -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
	
	}
	
.white-box img {
	width: 90px; 
	height: 90px; 
	float: left; 
	margin-left: 10px; 
	margin-top: 10px; 
	margin-right: 10px; 
	border: 2px solid #FFFFFF;
	
	}
	
.white-box-last img {
	width: 90px; 
	height: 90px; 
	float: left; 
	margin-left: 10px;
	 margin-top: 10px; 
	 margin-right: 10px;
	
	}
	
	.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
	}

.row.featurette {
  padding: 0 80px;
  margin-right:0px;
  margin-left:0px;
}

.row.featurette:nth-child(even){
  background:#e6f1fa;
  padding-bottom:50px;
}

.isStuck{
    left:0px;
    width:100%;
}

.container{
	width: 90%; /*width: 1000px;*/
	max-width: 1000px;
	margin: auto;
	
}

.slide{
	background-attachment: fixed;
    font-size: 12px;
    height: auto;
    line-height: 22px;
    padding: 110px 0 65px;
    position: relative;
    width: 100%;
	
}




.navbar-wrapper {
  margin-top:20px;
  position: relative;
  z-index: 15;
  display: none;

}

.find-out-more {
	
width: auto;
background: #e93290;
  color: #ffffff;
   margin-top: -4px;
    -webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.24);
-moz-box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.24);
box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.24);">
	
	
	}

.see-members {
	
background: none repeat scroll 0 0 #E93290;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 15px;
    margin-right: 0;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    text-align: center;
    width: 164px;
	
	}
	
.watch-this1 {
	 background: none repeat scroll 0 0 #222222;;
	color: #FFFFFF;
    display: block;
    float: right;
    font-size: 15px;
    margin-right: 0;
    margin-top: 15px;
    padding: 15px 5px 8px;
    text-align: center;
    width: 100%;
	}

.watch-this {
	 background: none repeat scroll 0 0 #E93290;
	 
	 -webkit-transition: background-color 2s ease-in;
	-moz-transition: background-color 2s ease-in;
	-o-transition: background-color 2s ease-in;
	transition: background-color 2s ease-in;
	
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 15px;
    margin-right: 0;
    margin-top: 15px;
    padding: 15px 5px 8px;
    text-align: center;
    width: 100%;
	}
	
.watch-this:hover {
	background: #222222;
	-webkit-transition: background-color 2s ease-out;
	-moz-transition: background-color 2s ease-out;
	-o-transition: background-color 2s ease-out;
	transition: background-color 2s ease-out;
	
	}


.navbar.navbar-inverse.navbar-static-top {
   border-radius: 0;
    margin-left: auto;
    margin-right: auto;
 
}
.navbar.navbar-inverse.navbar-static-top a{
  color:#fff;
  font-size: 18px;
  
}
.navbar.navbar-inverse.navbar-static-top a:hover{
  color:#E93290;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus{
  background: none repeat scroll 0 0 #E93290;
  font-weight:700;
}
.navbar-inverse .navbar-nav>.active>a:hover {
  background:#FFF;
  color:#000;
  font-weight:700;
}


.carousel-caption {
 margin-left: auto;
    margin-right: auto;
   width: 595px;
    z-index: 10;
}

#mainlogo {
	
	top: 60px;
    color: #FFFFFF;
    left: 15%;
    padding-bottom: 20px;
    padding-top: 20px;
    position: absolute;
    right: 15%;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    z-index: 10;
	display:none;
	
	}


.carousel .item {
	height: 100vh;
	max-width:100%;
	 
	background-size: cover;
  	background-image: url(images/main-image.jpg);
	background-position: center center;
	
	
}
.carousel-inner > .item > img {
	  position: absolute;
	  top: 0;
	  left: 0;
	  min-width: 100%;
}



/* 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;
}





/* RESPONSIVE CSS
-------------------------------------------------- */







@media screen and (max-width: 1020px) {
	
	.carousel-caption {
    display: none;
	}
	
	.click-nav {
    visibility: visible;
    margin: 0;
    position: fixed;
    width: 100%;
    z-index: 1000;
}
	
	img {
	
	width:100%;
	
	}
	
	.carousel .item {
	height: 450px;
	max-width: 100%;
	
  	background-image: url(images/main-image.jpg);
	background-position: center center;
}

#mainlogo {
   max-width: 430px;
    margin-top: -30px;
	margin-left: auto;
    margin-right: auto;
	}
	
	
	
.about-text {
    display: block;
    float: left;
    height: auto;
    margin-right: 30px;
    margin-top: -100px;
    width: 100%;
}

.about-right {
    display: block;
    float: left;
    height: auto;
    width: 100%;
}

.white-box {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 2px 2px 4px 0 rgba(50, 50, 50, 0.24);
    color: #000000;
    float: left;
    height: 110px;
    margin-bottom: 15px;
    text-align: left;
    transition: color 2s ease-out 0s;
    width: 100%;
}

.white-box-last {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 2px 2px 4px 0 rgba(50, 50, 50, 0.24);
    color: #000000;
    float: left;
    height: 110px;
    margin-bottom: 15px;
    text-align: left;
    transition: color 2s ease-out 0s;
    width: 100%;
}

.contact-left {
    float: left;
    width: 100%;
}

.contact-form {
    background: none repeat scroll 0 0 #E8E8E8;
    float: right;
    margin-bottom: 50px;
    margin-top: 20px;
    padding-left: 14px;
    padding-top: 14px;
    width: 100%;
}

	
	}
	
/* Mobile */
@media screen and (max-width: 480px) {
.carousel-caption {
    display: none;
	}
	
	img {
	
	width:100%;
	
	}
	
	.click-nav {
    visibility: visible;
    margin: 0;
    position: fixed;
    width: 100%;
    z-index: 1000;
}
	
	.carousel .item {
	height: 450px;
	max-width: 100%;
	
  	background-image: url(images/main-image.jpg);
	background-position: center center;
}

#mainlogo {
   max-width: 430px;
    margin-top: -30px;
	margin-left: auto;
    margin-right: auto;
	}
	
	
	
.about-text {
    display: block;
    float: left;
    height: auto;
    margin-right: 30px;
    margin-top: -100px;
    width: 100%;
}

.about-right {
    display: block;
    float: left;
    height: auto;
    width: 100%;
}

.white-box {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 2px 2px 4px 0 rgba(50, 50, 50, 0.24);
    color: #000000;
    float: left;
    height: 110px;
    margin-bottom: 15px;
    text-align: left;
    transition: color 2s ease-out 0s;
    width: 100%;
}

.white-box-last {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 2px 2px 4px 0 rgba(50, 50, 50, 0.24);
    color: #000000;
    float: left;
    height: 110px;
    margin-bottom: 15px;
    text-align: left;
    transition: color 2s ease-out 0s;
    width: 100%;
}

.contact-left {
    float: left;
    width: 100%;
}

.contact-form {
    background: none repeat scroll 0 0 #E8E8E8;
    float: right;
    margin-bottom: 50px;
    margin-top: 20px;
    padding-left: 14px;
    padding-top: 14px;
    width: 100%;
}

}