/*!
 * Start Bootstrap - Landing Page Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body,
html {
    width: 100%;
    height: 100%;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
 
/*	font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;*/
	font-family: "Open Sans", sans-serif;
/*    font-weight: 700;*/
}

.topnav {
    font-size: 14px;
}

.navbar-collapse {
	vertical-align: middle;
	padding-top: 10px;
	padding-bottom: 10px;
}

.navbar-header {
	vertical-align: middle;
	padding-top: 10px;
	padding-bottom: 10px;
}

.lead {
    font-size: 18px;
    font-weight: 400;
}

.description {
    font-size: 14px; 
}

.fbH {
	display: block;
	background-image: url("../img/fb-footer.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	width: 61px;
	height: 61px;
}
.fbH:hover {
	background-image: url("../img/fb-footer-hover.png")
}

.tw {
	display: block;
	background-image: url("../img/tweet-footer.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size:contain;
	width: 61px;
	height: 61px;
}
.tw:hover {
	background-image: url("../img/tweet-foot-hover.png")
}
.form-control
{
	background: #e9e9e9;
	text-decoration-color: #515151;
	border: solid 1px #515151;
}

.form-group
{
	width: 80%;
	text-align: left;	
	display: inline-block;
}

.team-group
{
/*	width: 80%;*/
	text-align: center;	
	display: inline-block;
}

.form-group-center
{
	text-align: center;	
}

.form-group-left
{
	text-align: center;	
}

.form-group-right
{
	text-align: center;
}

.form-group-button
{
	text-align: center;
	align-items: center;
	alignment-baseline: center;
}

.email {
	display: block;
	background-image: url("../img/email-footer.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size:contain;
	width: 61px;
	height: 61px;
}
.email:hover {
	background-image: url("../img/email-footer-hover.png")
}

.video1 {
	display: block;
	background-image: url("../img/v1.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size:contain;
	width: 60px;
	height: 46px;

}
.video1:hover {
	background-image: url("../img/v1-hover.png")
}

.video2 {
	display: block; 
	background-image: url("../img/v2.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size:contain;
	width: 60px;
	height: 46px;
}
.video2:hover {
	background-image: url("../img/v2-hover.png")
}

.intro-header1 {
    padding-top: 30px;  /*If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    color: #74d3ef;
    background: url(../img/slider1.jpg) no-repeat;
    background-size: cover;
	background-position: right;
}

.intro-header2 {
    padding-top: 30px;  /*If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    color: #74d3ef;
    background: url(../img/slider2.jpg) no-repeat;
    background-size: cover;
	background-position: right;
}

.intro-header3 {
    padding-top: 30px;  /*If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    color: #74d3ef;
    background: url(../img/slider3.jpg) no-repeat;
    background-size: cover;
	background-position: right;
}

.intro-button {
    padding-top: 30px;
	text-align: center;
    color: #74d3ef;
    background: url(../img/button-function.jpg) no-repeat center center;
    background-size: cover;
	background-position: left;
}

.intro-glass {
	padding-top: 30px;
	text-align: center;
    color: #74d3ef;
    background: url(../img/cover-glass.jpg) no-repeat left center;
    background-size: cover;
/*	background-position: left;*/
}

.intro-colours {
	padding-top: 30px;
	text-align: center;
    color: #74d3ef;
    background: url("../img/oven-colours.jpg") no-repeat center center;
    background-size: cover;
}

.intro-message {
    position: relative;
    padding-top: 20%;
    padding-bottom: 20%;
}

/*
@media(max-width:767px) {
    .intro-message {
        padding-bottom: 15%;
    }

    .intro-message > h1 {
        font-size: 3em;
    }

    ul.intro-social-buttons > li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.intro-social-buttons > li:last-child {
        margin-bottom: 0;
    }

    .intro-divider {
        width: 100%;
    }
}
*/

.network-name {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
}

.content-section-a {
    padding: 30px 10px;
    background-color: #f8f8f8;
}

.content-section-team {
    padding: 50px 10px;
    background-color: #ebebeb;
}

.content-section-subscribe {
    padding: 50px 10px;
    background-color: #d7d7d7;
}

.section-heading-black {
	padding: 20px 0;
	text-align: center;
	color: #ffffff;
	background-color: #000000;
	background-size: cover;
}

.section-heading-spacer {
    width: 200px;
    border-top: 2px solid #74d3ef;
}

.banner {
    padding: 100px 0;
    color: #f8f8f8;
    background: url(../img/banner-bg.jpg) no-repeat center center;
    background-size: cover;
}

/*
.banner h2 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
    font-size: 3em;
}
*/

.banner ul {
    margin-bottom: 0;
}

.banner-social-buttons {
    float: right;
    margin-top: 0;
}

.footer-text
{
	color: #74d3ef;
}

.footer-logo {
	background-image: url("../img/logo.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size:contain;
	width: 73px;
	height: 16px;
}

.text-poze
{
	font-size: 12px;
}

.team-image
{
	height: 150px;
	width:  150px;
}

.team-font
{
	font-size: 12px;
}

@media(max-width:1199px) {
    ul.banner-social-buttons {
        float: left;
        margin-top: 15px;
    }
	intro-colours{
		min-height: 300px;
	}
}

@media(max-width:767px) {
/*
    .banner h2 {
        margin: 0;
        text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
        font-size: 3em;
    }
*/

    ul.banner-social-buttons > li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.banner-social-buttons > li:last-child {
        margin-bottom: 0;
    }
}

@media only screen and (min-width : 355px) {
	.intro-header1 
	{
		height: 160px;
	}
	.intro-header2 
	{
		height: 160px;
	}
	.intro-header3 
	{
		height: 160px;
	}
	.intro-button
	{
		height: 160px;
		padding-top: 35px;
	}
	.intro-glass
	{
		height: 160px;
		padding-top: 65px;
	}
	.intro-colours
	{
		height: 160px;
		padding-top: 40px;
	}
}

@media only screen and (min-width : 394px) {
	.intro-header1 
	{
		height: 186px;
	}
	.intro-header2 
	{
		height: 186px;
	}
	.intro-header3 
	{
		height: 186px;
	}
	.intro-button
	{
		height: 186px;
		padding-top: 45px;
	}
	.intro-glass
	{
		height: 186px;
		padding-top: 75px;
	}
	.intro-colours
	{
		height: 186px;
		padding-top: 40px;
	}
}

@media only screen and (min-width : 620px) {
	.intro-header1 
	{
		height: 288px;
	}
	.intro-header2 
	{
		height: 288px;
	}
	.intro-header3 
	{
		height: 288px;
	}
	.intro-button
	{
		height: 288px;
		padding-top: 130px;
	}
	.intro-glass
	{
		height: 288px;
		padding-top: 130px;
	}
	.intro-colours
	{
		height: 288px;
		padding-top: 80px;
	}
	.text-poze
	{
		font-size: 18px;
	}
}

@media only screen and (min-width : 716px) {
	.intro-header1 
	{
		height: 331px;
	}
	.intro-header2 
	{
		height: 331px;
	}
	.intro-header3 
	{
		height: 331px;
	}
	.intro-button
	{
		height: 331px;
		padding-top: 155px;
	}
	.intro-glass
	{
		height: 331px;
		padding-top: 155px;
	}
	.intro-colours
	{
		height: 331px;
		padding-top: 80px;
	}
}

@media only screen and (min-width : 792px) {
	.intro-header1 
	{
		height: 366px;
	}
	.intro-header2 
	{
		height: 366px;
	}
	.intro-header3 
	{
		height: 366px;
	}
	.intro-button
	{
		height: 366px;
		padding-top: 170px;
	}
	.intro-glass
	{
		height: 366px;
		padding-top: 170px;
	}
	.intro-colours
	{
		height: 366px;
		padding-top: 90px;
	}
	.text-poze
	{
		font-size: 20px;
	}
	.form-group-center
	{
		text-align: center;	
	}

	.form-group-left
	{
		text-align: left;	
	}

	.form-group-right
	{
		text-align: right;
	}
}

@media only screen and (min-width : 876px) {
	.intro-header1 
	{
		height: 404px;
	}
	.intro-header2 
	{
		height: 404px;
	}
	.intro-header3 
	{
		height: 404px;
	}
	.intro-button
	{
		height: 404px;
		padding-top: 180px;
	}
	.intro-glass
	{
		height: 404px;
		padding-top: 180px;
	}
	.intro-colours
	{
		height: 404px;
		padding-top: 100px;
	}
}

@media only screen and (min-width : 1004px) {
	.intro-header1 
	{
		height: 461px;
	}
	.intro-header2 
	{
		height: 461px;
	}
	.intro-header3 
	{
		height: 461px;
	}
	.intro-button
	{
		height: 461px;
		padding-top: 230px;
	}
	.intro-glass
	{
		height: 461px;
		padding-top: 230px;
	}
	.intro-colours
	{
		height: 461px;
		padding-top: 110px;
	}
	.team-font
	{
		font-size: 18px;
	}
}

@media only screen and (min-width : 1060px) {
	.intro-header1 
	{
		height: 486px;
	}
	.intro-header2 
	{
		height: 486px;
	}
	.intro-header3 
	{
		height: 486px;
	}
	.intro-button
	{
		height: 486px;
		padding-top: 230px;
	}
	.intro-glass
	{
		height: 486px;
		padding-top: 230px;
	}
	.intro-colours
	{
		height: 486px;
		padding-top: 110px;
	}
	.team-font
	{
		font-size: 18px;
	}
}

@media only screen and (min-width : 1180px) {
	.intro-header1 
	{
		height: 540px;
	}
	.intro-header2 
	{
		height: 540px;
	}
	.intro-header3 
	{
		height: 540px;
	}
	.intro-button
	{
		height: 540px;
		padding-top: 250px;
	}
	.intro-glass
	{
		height: 540px;
		padding-top: 250px;
	}
	.intro-colours
	{
		height: 540px;
		padding-top: 120px;
	}
}

@media only screen and (min-width : 1346px) {
	.intro-header1 
	{
		height: 615px;
	}
	.intro-header2 
	{
		height: 615px;
	}
	.intro-header3 
	{
		height: 615px;
	}
	.intro-button
	{
		height: 615px;
		padding-top: 300px;
	}
	.intro-glass
	{
		height: 615px;
		padding-top: 300px;
	}
	.intro-colours
	{
		height: 615px;
		padding-top: 140px;
	}
}

@media only screen and (min-width : 1630px) {
	.intro-header1 
	{
		height: 756px;
	}
	.intro-header2 
	{
		height: 756px;
	}
	.intro-header3 
	{
		height: 756px;
	}
	.intro-button
	{
		height: 756px;
		padding-top: 375px;
	}
	.intro-glass
	{
		height: 756px;
		padding-top: 375px;
	}
	.intro-colours
	{
		height: 756px;
		padding-top: 200px;
	}
}

@media only screen and (min-width : 1900px) {
	.intro-header1 
	{
		height: 864px;
	}
	.intro-header2 
	{
		height: 864px;
	}
	.intro-header3 
	{
		height: 864px;
	}
	.intro-button
	{
		height: 864px;
		padding-top: 400px;
	}
	.intro-glass
	{
		height: 864px;
		padding-top: 400px;
	}
	.intro-colours
	{
		height: 864px;
		padding-top: 200px;
	}
}


footer {
    padding: 50px 0;
    background-color: #000000;
}


.copyright {
    margin: 15px 0 0;
	color: #74d3ef;
}