/* 	GRO StyleSheet */
	
/*	Theme: GRO Associates   */
/*	Version: 1.0   */
/*	Author: AtulBhatS    */
/*	Copyright: TheMindsCorp   */


/* Grey : #3a3936;  */
/*  Black : #00000;  */
/*  Light Grey: #d9d9d9  */


@font-face {
    font-family: cuprum bold;
    src: url(../fonts/Cuprum-Bold.ttf);
    font-weight: bold;
}

@font-face {
    font-family: cuprum;
    src: url(../fonts/Cuprum-Regular.ttf);
    font-weight: normal;
}

body{
	font-family: Cuprum,Bree Serif,Pt Serif,Serif;
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 18px;
}

h1,h2,h3,h4,h5,h6{
	font-family: Cuprum bold,Bree Serif,Pt Serif,Serif;
}

.address{
	font-family: segoe ui,sans-Serif;
}

.tagline{
	font-family: Cuprum,Bree Serif,Pt Serif,Serif;
	font-weight: lighter;
}

button {
    border-radius: 20px!important;
    border-width: 2px;
    padding: 0.5em 2em!important;
    font-size: 16px;
}

body.container-fluid{
	margin: 0;
	padding: 0;
}

.slide{
	width: 100%;
	padding:5em;
	position: relative;
}

	.slide p{
		font-family: Cuprum,Bree Serif,Pt Serif,Serif;
	}

nav #logo{
	display: none;
	height:100%;
	margin:5px;

}

#title-slide{
	background-image:url('../img/rupee.png');
	background-attachment: fixed; 
	padding:5em;
	background-color: #d9d9d9;
	text-align: center;
	border-bottom:5px solid #3a3936;
}

#title-slide h2{
	margin-bottom:20px;
}

/* remove */


	#title-slide .banner h1{
		transition:0.5s ease-in;
		-webkit-transition:0.5s ease-in;
		-moz-transition:0.5s ease-in;
		-o-transition:0.5s ease-in;
		-ms-transition:0.5s ease-in;
	}

	#title-slide .banner img{
		transition:1.0s ease-in;
		-webkit-transition:1.0s ease-in;
		-moz-transition:1.0s ease-in;
		-o-transition:1.0s ease-in;
		-ms-transition:1.0s ease-in;
	}

	#title-slide .navbar {
	    z-index: 10000;
	    background-color: #000;
	    font-size: 20px;
	    float: none;
	    margin: 0 auto;
	    display: table;
	    table-layout: fixed;
	}

	#title-slide .navbar.affix-top{
		max-width: 600px;
	}

	#title-slide .navbar.affix-top .container{
		width: auto;
	}

    	#title-slide .navbar li{
    		padding:0.25em;
    		box-sizing:border-box;
		}

    	#title-slide .navbar li:hover{
			background-color:#3a3936;
		}

		#title-slide .navbar ul.navbar-nav{
			float:none;
			text-align: center;
		}

		#title-slide .navbar-inverse .navbar-nav>.active>a,
		#title-slide  .navbar-inverse .navbar-nav>.active>a:focus,
		#title-slide  .navbar-inverse .navbar-nav>.active>a:hover{
			background-color:#3a3936;
		}

	#title-slide .navbar.affix{
		top:0;
		width: 100%;
		left:0;
		border-radius: 0px;
	}

		#title-slide .navbar.affix #logo{
			display: block;
		}

		#title-slide .navbar.affix .container-fluid{
			padding:0 3em;
		}

		#title-slide .navbar.affix .navbar-header .navbar-brand{
			padding:5px;
		}
		
#about-slide{
	padding:5em;
	padding-bottom:8em;
	background-image:url('../img/checks.png');
	background-attachment: fixed; 
}

	#about-slide h1,
	#about-slide h2{
		margin: 1em 0em;
	}

	#about-slide h1{
		font-size: 40px;
	}

	#about-slide h2{
		font-size: 35px;
		line-height: 1.4;
	}

	#about-slide p{
		font-size: 24px;
		text-align: justify;
		line-height:1.6em;
	}

#services-slide{
	background-color:#3a3936;
}

	#services-slide .slope{
		position: absolute;
		width: 100%;
		height:30px;
		z-index: 50;
		background-repeat: no-repeat;
	}

	#services-slide .up-slope {
	    top: -50px;
	    left: 0;
	    right: 0;
	    background-color: #3a3936;
	    transform: rotate(-2deg);
	    -webkit-transform: rotate(-2deg);
	    -moz-transform: rotate(-2deg);
	    -o-transform: rotate(-2deg);
	    -ms-transform: rotate(-2deg);
	    height: 84px;
	    width: 120%;
	}

	#services-slide .down-slope {
	    bottom: -50px;
	    right: 0;
	    background-color: #3a3936;
	    transform: rotate(-2deg);
	    -webkit-transform: rotate(-2deg);
	    -moz-transform: rotate(-2deg);
	    -o-transform: rotate(-2deg);
	    -ms-transform: rotate(-2deg);
	    height: 84px;
	    width: 120%;
	}

	#services-slide h1,
	#services-slide h2{
		color:#fff;
		text-align: center;
	}

	#services-slide .service-box{
		background-color:#fff;
		box-sizing:border-box;
		padding:1em 2em;
		text-align: center;
		border-radius: 5px;
		box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2);
		margin:1em auto;
	}

		#services-slide .service-box img{
			width: 75%;
		}

		#services-slide .service-box .service-icon{
			font-size: 90px!important;
			position: relative;
			top:-10px;
			/*left:65px;*/
			color:#fff;
		}

		#services-slide .service-box .service-border{
			font-size: 150px!important;
			color:#3A3936;
			/*position: absolute;*/
			/*top:0px;*/
			/*left:40px;*/
		}

		#services-slide .service-box span.fa-stack {
		    display: inline-block;
		    height:1.5em;
		    min-height: 135px;
		    position: relative;
		    text-align: center;
		    width: 100%;
		}

		#services-slide .service-box p,
		#services-slide .service-box li{
			font-size: 16px;
		}

		#services-slide .service-box p br{
			display: block;
			transition:0.5s ease-in;
		}

		#services-slide .service-box ul{
			padding-left:15px;
			list-style: none;
		}

		#services-slide .service-box li{
			text-align: left;
			position: relative;
			margin-top: 10px;
		}

		#services-slide .service-box li:before{
			content: "";
			width: 14px;
			height: 14px;
			position: absolute;
			left: -20px;
			top: 4px;
			display: block;
			background-size: cover;
		}

		#services-slide .service-box i{
			font-size: 14px;
			color:#6B6B6B;
		}

		#services-slide .service-box button{
			background:#fff;
			border:solid #3a3936;
			color:#000;
			outline: none;
			margin-top:1em;
			transition:0.2s ease-in;
			-webkit-transition:0.2s ease-in;
			-o-transition:0.2s ease-in;
			-moz-transition:0.2s ease-in;
			-ms-transition:0.2s ease-in;
		}

		#services-slide .service-box button:hover{
			background:#3a3936;
			color:#fff;
		}

#contact-slide{
	padding:4em;
	text-align: center;	
	background-color:#d9d9d9;
	background-image: url('../img/contact.png');
	background-attachment: fixed;
}

	#contact-slide .heading{
		margin-bottom:2em;
	}

	#contact-slide .heading h2{
		margin: 0;
	}

	#contact-slide  .form-control{
		margin:0.5em;
		font-size: 16px;
		box-sizing:border-box;
		padding:1.2em 1em;
		box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
	}

		#contact-slide  .form-control:focus{
			border-color: #999;
			box-shadow:0 8px 17px 2px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2);
		}

			#contact-slide form button{
				outline: none;
				border-color: #999;
				margin:1em;
				box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
			}

			#contact-slide form button:hover{
				box-shadow:0 8px 17px 2px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2);
			}

			#contact-slide form button.btn-primary{
				background-color:#3a3936;
			}

				#contact-slide form button#submit:hover{
					background-color:#329C36;
				}

				#contact-slide form button#reset:hover{
					background-color:#CC4444;
					color:#fff;
				}

				#contact-slide form textarea{
					resize:vertical;
				}

			#contact-slide form .hidden{
				display: none;
			}

			#contact-slide .alert.alert-danger{
			    background-color: #FFB2B2;
			    color: #FB4040;
			    border-radius: 50px;
			}

			#contact-slide .alert.alert-success{
			    background-color: #8AFF8D;
    			color: #0C8205;
			    border-radius: 50px;
			}

footer{
	background:#222;
	border-top:8px solid #000;
	padding:2em 4em;
	color:#d3d3d3;
	font-family: segoe ui, sans-serif;
}

	footer .address-box,
	footer .social-box{
		margin-top:2em;
	}

	footer .address-box{
		text-align: left;
		font-size: 16px;
	}

		footer .address-box a{
			color:#e3e3e3;
		}

		footer .address-box a:hover{
			text-decoration: underline;
		}

	footer .address-box p{
		font-size: 16px;
		font-family: cuprum;
		display: inline-block;
		margin-top:0px;
		margin-bottom:5px;
		margin-right:15px;
	}

	footer .social-box{
		text-align: left;
	}

		footer .social-box p:first-child{
			margin-right: 25px;
			margin-bottom:0.2em;
		}

			footer .social-box p a{
				margin: 2px 5px;
			    border-radius: 50%;
			    color: #fff;
			    width: 32px;
			    height: 32px;
			    display: inline-block;
			    text-align: center;
			    font-size: 20px;
			}

				footer .social-box p a i{
					position: relative;
					top:1px;
					left:2px;
				}

			footer .social-box p a.facebook{
				background-color: #121A80;
			}

			footer .social-box p a.twitter{
				background-color: #377EC8;
			}

			footer .social-box p a.linkedin{
				background-color: #124E8C;
			}

	footer .footer{
		font-size: 14px;
		color:#666;
		margin-top:50px;
	}

		footer .footer a{
			color:#9f9f9f;
		}

		footer .footer .copyright{
			text-align: left;
		}

		footer .footer .mindscorp{
			text-align: right;
		}

			footer .footer .mindscorp p{
				display: inline-block;
			}

				footer .footer .mindscorp p .force {
				    color: #191818;
				    text-shadow: 0px 0px 7px red;
				    font-style: normal;
				}

.glyphicon,
.fa{
	display: inline-block;
	margin-right: 5px;
	font-weight: lighter;
}

line {
    width: 100%;
    background: #2B2B2B;
    height: 1px;
    margin: 10px 0px 30px 0px;
    padding: 0;
    display: block;
}
@media only screen and (max-width:1199px){
	#services-slide .service-box img{
		width: 30%;
		max-width: 150px;
	}

	footer .disappear{
		display: none;
	}
}

@media only screen and (max-width:991px){
	footer br{
		display: none;
	}

	footer .footer .mindscorp,
	footer .footer .copyright{
		text-align: center;
		margin:1em;
	}

	footer .address-box,
	footer .social-box{
		text-align:center; 
	}

	footer .social-box p:first-child{
		margin-right: 0;
	}
}

@media (min-width: 768px){
	.navbar-right {
	    margin-right: 0;
	}
}

@media only screen and (max-width:767px){
	#title-slide .navbar{
		background-color: transparent;
		border:0;
	}

	#title-slide .navbar li{
		background-color: #000;
		display: inline-block;
		margin: 0 -3px;
	}

	#title-slide .affix{
		background-color: #000;
	}

	nav .navbar-brand{
		display: none;
	}

	nav #logo{
		margin: 0;
	}

	nav.affix .navbar-brand{
		display: block;
	}

	#title-slide .navbar.affix ul li{
		display: block;
		margin: 0;
	}

	.navbar-header{
		margin: 0!important;
	}

	nav.navbar .navbar-toggle.collapsed{
		background-color: #000!important;
	    margin: 0;
	    padding: 10px 30px!important;
	}

	nav.navbar .navbar-toggle {
	    float: none;
	    -webkit-transition:0.2s ease-in;
	    margin: 0;
	    background-color: #000;
	    padding: 10px 30px!important;
	    
	}

	nav.navbar.affix .navbar-toggle {
		float:right;
	}

	nav.navbar.affix .navbar-toggle{
		margin-top: 8px;
	    
	    margin-bottom: 8px;
	}

	.navbar-collapse{
		border:0; 
	}
}

@media only screen and (max-width:696px){

	#title-slide,
	#about-slide,
	#services-slide,
	#contact-slide,
	footer{
		padding:2.5em 1em;
	}

	#title-slide .navbar{
		display: block;	
	}

	.row{
		margin:0;
	}

	.slide{
		padding:1em;
	}

	footer .address p{
		display: block;
	}
}

@media only screen and (max-width:500px){
	
	footer .footer .mindscorp p{
		display: block;
	}

	footer .footer .mindscorp b{
		display: none;
	}

	#title-slide{
		padding: 1em;
	}

	#title-slide .banner{
		width: 100%;
		padding:20px;
	}
}

@media only screen and (max-width:450px){
	#title-slide .navbar ul{
		overflow: hidden;
	}

	#title-slide .navbar li{
		display: block;
		padding:5px;
	}
}