body {
padding-top: 0px;
	font-family: 'Roboto', sans-serif;
		/*font-family: 'Comfortaa', cursive;*/
		/*font-family: 'Open Sans', sans-serif;*/
background-color:#1194e6;
}

h1, h2, h3, h4, h5, h6 {
		font-family: 'Comfortaa', cursive;
}

.topbar{
  height: 10px;
}

.navbar{
	min-height:80px;
	background:#fff;
	-webkit-box-shadow: 0px 4px 3px rgba(50, 50, 50, 0.23);
-moz-box-shadow:    0px 4px 3px rgba(50, 50, 50, 0.23);
box-shadow:         0px 4px 3px rgba(50, 50, 50, 0.23);
margin-top: 10px;
}

.navbar-default .navbar-nav>li>a {
 color: #1194e6;
}
.navbar-nav>li>a {
padding-top: 30px;
padding-bottom: 30px;
font-size:24px;
text-transform:uppercase;
font-weight:700;
color:#1194e6;
}
.navbar-nav>.active>a,
.navbar-nav>.active>a:hover,
.navbar-nav>.active>a:focus {
color: #e82e46;
background: none;
}

.navbar-brand{
	color:#1194e6;
	font-size:28px;
	font-weight:700;
    line-height: 24px;
}
.navbar-default .navbar-brand{
	color:#1194e6;

}

.nav>li>a{
	padding:25px 40px;

}


header .jumbotron{

	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	margin-bottom:0px;
	overflow:hidden;
	padding-bottom:160px;
	font-weight:700;
	padding-top:100px;

	color:#fff;
}

.header-style h3{
  font-size: 300%;
}

.lead{
font-size: 16px;
width: 50%;
text-align: justify;
color: #FFFFFF;
text-shadow: 1px 2px #000;
}

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

.bgpic2{
  background-image: url(../../images/bg2.png) !important;
  background-repeat: no-repeat;
  background-size: 100% !important;
}

.interleave{
  background-image: url(../../images/interleave.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: #1194e6;
  height: 120px;
  text-align: center;
color: #fff;
margin-top: -50px;
}

#foot-sec .jumbotron {
	margin-bottom:0px;
}

header{
	padding-top:50px;
	padding-bottom:0px;
	margin-bottom:50px;
	  }

.text-center, .text-left {
color:#1194e6;
}


section {
	margin-bottom:50px;
	padding-top:50px;
	margin-top:-50px;
	min-height:400px;
	width:100%;
	min-width:100%;
}
#Section-1, #Section-2,#Section-3,#Section-4 {
   background-color: #fff;
}

a.btn.btn-primary.btn-lg {
  width:200px;
}

.page-header h2{
	font-size:46px;
	line-height:60px;
	font-weight:300;
    color:#1194e6;
}
.round-wrapper {
		width: 211px;
		height: 211px;
		margin: 0 auto;
		line-height: 165px;
		text-align: center;
		background:#fff;
		border-radius: 150px;
        border-color: #1194e6;
        border-style: solid;
		padding: 15px;
		overflow:hidden;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

}
.round-wrapper2 {
		height: 211px;

		line-height: 165px;
		text-align: center;
		background:#fff;
		border-radius: 150px;
        border-color: #1194e6;
        border-style: solid;
		padding: 15px;
		overflow:hidden;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

}


.imgclass{
width: 25%;
top: -14px;
position: relative;
}

.col-lg-offset-1-5{
  margin-left: 12.5%;
}

.marginbottom20px{
  margin-bottom:20px;
}

.brand{
width: 15%;
}

.thumb{
  width:300px;
  margin: 10px;
}

#cleanser{
min-height: 300px;
}

.gmap {
width: 100%;
height: 485px;
display: block;
}

		/************* VIDEO *******************************/

		.fluid-width-video-wrapper {
			width: 100%;
			position: relative;
			padding: 0;
			padding-top: 50%;
		}
		.vendor {
			margin-bottom: 0px;
		}

		.container-video {
			width: 100%;
			min-width: 100%;
			position: relative;
			padding: 0;
			height: 100%;
		}

		.fluid-width-video-wrapper iframe,
		.fluid-width-video-wrapper object,
		.fluid-width-video-wrapper embed {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			border:0px;
		}

		.video-well.well{
			-webkit-border-radius:0px;
				-moz-border-radius:0px;
					border-radius:0px;
		}

		/* @MEDIA
		================================== */
		@media (max-width: 1200px) {
			.nav>li>a{
				padding-right:20px;
				padding-left:20px;
				font-size:20px;
			}

	}
	@media (max-width: 960px) and (min-width: 768px){
			.nav>li>a{
				padding-right:15px;
				padding-left:15px;
				font-size:18px;
			}
            .nomargin{
  margin-left: 0px;
}


	}

@media all and (min-width: 480px) and (max-width: 768px) {
   .nomargin{
  margin-left: 0px;
}
}

@media all and (min-width: 320px) and (max-width: 480px) {
header .jumbotron{
    	padding-bottom:50px;
    	font-weight:700;
    	padding-top:100px;
    	color:#fff;
}

p.lead {
  font-size: 16px;
  width: 100%;
  text-align: justify;
  }
.bgpic{
  background-image: url(../../images/bg.jpg);
  background-repeat: no-repeat;
  background-size: 400%;
  z-index: -100;
}
.bgpic2{
  background-image: url(../../images/bg2.png);
  background-repeat: no-repeat;
  background-size: 400%;
    z-index: -100;
}
h2 img{
  width:10%;
}

.nomargin{
  margin-left: 0px;
}

}