/*=============================================================
    Authour URL: www.designbootstrap.com

    http://www.designbootstrap.com/

    License: MIT

    http://opensource.org/licenses/MIT

    100% Free To use For Personal And Commercial Use.

    IN EXCHANGE JUST TELL PEOPLE ABOUT THIS WEBSITE
   
========================================================  */



/*================================
    GENERAL STYLES
==================================*/

@import url(http://fonts.googleapis.com/css?family=Roboto); /* GOOGLE FREE FONTS */

body {
    font-family: 'Roboto', sans-serif;
}

section {
  
	  /*padding-bottom: 140px;*/
	  
}

.head-set {
    padding-top: 20px;
    padding-bottom: 20px;
}

.head-set-h{
    padding-top: 50px;
    padding-bottom: 20px;
}

.head-set-h2{
    padding-top: 30px;
    padding-bottom: 20px;
}

.pad-bottom {
    padding-bottom: 60px;
}
/*================================
    NAVBAR STYLES
==================================*/
.navbar-default {
    background: #de2320;
    border-color: transparent;
    color: #fff;
}

    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover {
        color: #fff;
    }

.navbar-brand {
    padding: 0px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color:#fff;
}
/*================================
    HOME SECTION STYLES
==================================*/

/*STYLE OF BACKGROUND IMAGE*/
#home {
	/* background-image: url(../img/home.png?1); */
   background-color: #f8c63d; 
	/* background-repeat:  no-repeat; */
	/* background-position: center center;  */

   padding: 0;
    /*-webkit-background-size: cover;
    background-size: cover;
    -moz-background-size: cover;*/
    min-height: 400px;
}
    /*STYLE FOR OVERLAY CLASS - WHICH IS ABOVE IMAGE WITH OPACITY/TRANSPARENCY 0.75*/
    #home .overlay {
        padding-top: 90px;
        background-color: rgba(35, 133, 161,0.75); /*.75 opacity of the color so that background image is visible*/
        min-height: 600px;
        color: #fff;
    }

    #home h1 {
        padding-top: 80px;
        font-weight: 900;
        font-size: 100px;
        font-family: 'Browallia New';
    }
/*SMPLE CLASS TO ADJUST SECTION PADDING & HEIGHT*/

/*CLASS TO FORMAT TEXT*/
.p-cls {
    padding-top: 30px;
    padding-bottom: 40px;
}

/*======================================
    PARALLAX LIKE / STATS SECTION STYLES
=========================================*/

.parallax-like {
    background: url(../img/stats.jpg) no-repeat center center; /* DEFINE IMAGE PATH CAREFULLY*/
    padding: 0;
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff;
    background-attachment: fixed;
}

    .parallax-like .overlay {
        min-height: 200px;
        background: rgba(15, 127, 50, 0.9);
        font-size: 40px;
        padding-bottom: 60px;
        padding-top: 60px;
    }

/*================================
    PORTFOLIO / WORK SECTION STYLES
==================================*/
.portfolio-item img:hover { /* POSTFOLIO IMAGE BIG ON HOVER */
    cursor: pointer;
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s; /* Safari */
    z-index: 1;
}

/*================================
    VIDEO SECTION STYLES
==================================*/
#video-sec {
    color: #fff;
    text-align: center;
}

    #video-sec .overlay {
        background-color: rgba(0, 0, 0, 0.85);
        min-height: 300px;
        color: #fff;
    }

    #video-sec h1 {
        padding-top: 80px;
        font-size: 50px;
        font-weight: 900;
        padding-bottom: 30px;
    }
/*================================
    CLIENTS SECTION STYLES
==================================*/
	#clients {
		background-color: #ffc727;
		padding-bottom:24px;
		padding-top:30px;
	}
    #clients img {
        opacity:0.5;
        cursor:pointer;
    }
        #clients img:hover {
            opacity:1;
        }
/*================================
    FOOTER SECTION STYLES
==================================*/

	footer {
		padding: 20px;
		font-size: 25px;
		text-align: center;
		font-weight: 900;
		background: #de2320;
		color: #ffffff;
	}

	.logo-head{
		font-size: 55px; 
		color: #000;     
		font-weight: 700;
	}

	.section-button {
		position: relative;
		top: 32px;
		margin: 0px auto;
		height: 62px;
		width: 414px;
	}
		
	.section-button .button {
		position: relative;
		outline: none;
		background: #f8c63d;
		border: none;
		cursor: pointer;
		width: 414px;
		height: 62px;
		line-height: 20px;
		text-align: center;
		font-size: 30px;
		border-radius: 55px;
		-moz-border-radius: 55px;
		-webkit-border-radius: 55px;
		-khtml-border-radius: 55px;
		-o-border-radius: 55px;
		-ms-border-radius: 55px;
		-icab-border-radius: 55px;
	}
	
	
	
	
	@media only screen and (max-width: 440px) {
		.section-button {
			position: relative;
			top: 32px;
			margin: 0px auto;
			height: 62px;
			width: 300px;
		}
		
		.section-button .button {
			position: relative;
			outline: none;
			background: #f8c63d;
			border: none;
			cursor: pointer;
			width: 300px;
			height: 40px;
			line-height: 20px;
			text-align: center;
			font-size: 22px;
			border-radius: 55px;
			-moz-border-radius: 55px;
			-webkit-border-radius: 55px;
			-khtml-border-radius: 55px;
			-o-border-radius: 55px;
			-ms-border-radius: 55px;
			-icab-border-radius: 55px;
		}

	}
	
	
	
	
	.users-bg {
		position: relative;
		width: 100%;	
		min-height: 180px;
	}
	
	.users-bg .users-all {
		position: relative;
		padding: 5px 0px;
		width: 170px;
		margin: 0 auto;
	}
	
	.users-bg .users-all .numbers {
		font-size: 44px;
		text-align: center;
		padding: 5px 20px;
		color: #FFF;
		background: #CA0000;
		border: 1px solid #B90000;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
		box-shadow: 0 0 10px rgba(0,0,0,0.5);
		border-radius: 25px;
		-moz-border-radius: 25px;
		-webkit-border-radius: 25px;
		-khtml-border-radius: 25px;
		-o-border-radius: 25px;
		-ms-border-radius: 25px;
		-icab-border-radius: 25px;
	}
	
	.users-bg .users-text {
		position: relative;
		padding: 10px 0px;
		margin: 0 auto;
	}
	
	
	.users-bg .users-text .words {
		font-size: 34px;
		text-align: center;
	}
    
	
	.section-button-one{
		min-height:140px;
	}
	
	.section-button-two{
		min-height:75px;
	}
	
	@media only screen and (max-width: 440px) {
		
		
		.users-bg {
			position: relative;
			width: 100%;	
			min-height: 280px;
			
		}
		
		.users-bg .users-all {
			position: relative;
			padding: 5px 0px;
			width: 120px;
			margin: 0 auto;
		}
		
		.users-bg .users-all .numbers {
			font-size: 44px;
			text-align: center;
			padding: 5px 20px;
			color: #FFF;
			background: #CA0000;
			border: 1px solid #B90000;
			text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
			box-shadow: 0 0 10px rgba(0,0,0,0.5);
			border-radius: 25px;
			-moz-border-radius: 25px;
			-webkit-border-radius: 25px;
			-khtml-border-radius: 25px;
			-o-border-radius: 25px;
			-ms-border-radius: 25px;
			-icab-border-radius: 25px;
		}
		
		.users-bg .users-text {
			position: relative;
			padding: 10px 0px;
			margin: 0 auto;
		}
		
		
		.users-bg .users-text .words {
			font-size: 24px;
			text-align: center;
		}
    }
	
	
	
	.fullscreen-bg {
		overflow: hidden;
		z-index: -100;
		position: relative;
		width: 100%;
	}
	.overlay-video {
		position: absolute;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		z-index: 4;
		background: url(/images/gridtile.png);
		
	}
	.overlay-video h1 {
		text-align: center;
		color: #fff;
		font-size: 50px;
	}