/*==========> IMPORTING OTHER CSS FILES AND FONTS */
@import 'bootstrap.min.css';
@import 'font-awesome.min.css';
@import 'animate.css';
@import 'quoterotator.css';
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@import url(http://fonts.googleapis.com/css?family=Raleway:200,500,600);
/*==========> */
body {font-family:'Open Sans';padding-top:115px; background:url(../images/bg.html) scroll -50px center;}
section {position:relative;float:left; width:100%;}
/*---- NAVIGATION */
.nav-top {position:relative;float:left;width:100%;background:#000;color:#fff;font-size:12px;}
.nav-top a {color:#fff;line-height:36px;font-size:12px;text-decoration:none; padding:5px 8px;transition:all 0.3s ease-in 0s;
	-moz-transition:all 0.3s ease-in 0s;
	-ms-transition:all 0.3s ease-in 0s;
	-o-transition:all 0.3s ease-in 0s;
	-webkit-transition:all 0.3s ease-in 0s;}
.nav-top a:hover,.nav-top a:active,.nav-top a:focus {color:#fff;background:#222;border-radius:3px;}
.navbar-fixed-top {top:36px;padding: 15px 0px;
	transition:all 0.3s ease-in 0s;
	-moz-transition:all 0.3s ease-in 0s;
	-ms-transition:all 0.3s ease-in 0s;
	-o-transition:all 0.3s ease-in 0s;
	-webkit-transition:all 0.3s ease-in 0s;
	box-shadow:0 0 2px rgba(0,0,0,0.175);
	}
.navbar-brand {padding:0 15px;}
.navbar-inverse {background:#222;border-color:#222;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
	background:#4285F4;}
.navbar-inverse .navbar-nav > li > a {color:#fff; margin:0 5px;}
.navbar-inverse .navbar-nav > li > a:hover {color:#fff;background:#4285F4;}

.logo-big {opacity:1;transition:all 0.3s ease-in 0s;
	-moz-transition:all 0.3s ease-in 0s;
	-ms-transition:all 0.3s ease-in 0s;
	-o-transition:all 0.3s ease-in 0s;
	-webkit-transition:all 0.3s ease-in 0s;
	}
.navbar-nav {float:right;}

/*---- All Sections */
.section_title {
    font-family: "Raleway",sans-serif;
    font-size: 32px;
    font-weight: 500;
    margin: 0px auto 15px;
    padding: 0px;
    color: #000;
    text-align: center;
	  width:auto;
}
.devider-heading {
	position: relative;
	float:left;
	width:100%;
	padding:0px;
	text-align:center;
	}
.devider-heading span {
	font-size:18px;
	padding:0px 10px;
	font-family:Raleway;
	position:relative;
	}
.devider-heading span:before {
	position:absolute;
	left:-80px;
	width:80px;
	height:1px;
	background:#333;
	top:50%;
	content:"";
	}
.devider-heading span:after {
	position:absolute;
	right:-80px;
	width:80px;
	height:1px;
	background:#333;
	top:50%;
	content:"";
	}
.slider {
	position:relative;
	float:left;
	width:100%;
	background:url(../images/slide-bg-1.png) center left no-repeat;
	height:600px;
	overflow:hidden;
	background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
}
.slider-sm {
	position:relative;
	float:left;
	width:100%;
	background:url(../images/slide-bg-1.png) center left no-repeat;
	padding:60px 0px;
	overflow:hidden;
	background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
	color:#666;
	text-shadow:1px 1px 1px rgba(0,0,0,0.175);
}
.slider span {
	position:relative;
	float:left;
	width:100%;
	}
.slider span.first_heading {
	font-family:Raleway;
	font-weight:400;
	color:#333;
	margin-top:220px;
	font-size: 40px;
	text-align:left;
	}
.slider span.second_heading {
	font-family:Raleway;
	font-weight:200;
	font-size:62px;
	color:#4285F4;
	text-align:center;
	}
.slider span.third_heading {
	font-family:Raleway;
	font-weight:200;
	color:#333;
	font-size: 36px;
	text-align:right;
	}
.slider img {
	position:absolute;
	top:40px;
	left:10%;
	}
.services {
	position:relative;
	float:left;
	width:100%;
	padding:70px 0px;
	}
.services-icons {
	position:relative;
	float:left;
	width:100%;
	padding:60px 0px 0px;
	}
.icon-box {
	position:relative;
	float:left;
	width:100%;
	padding:20px;
	text-align:center;
	margin-bottom:20px;
	}
.services-icons div.col-md-3 div.icon-box {
	border:1px solid #4285F4;
	color:#4285F4;
	transition:all 0.6s ease-in-out 0s;
	-moz-transition:all 0.6s ease-in-out 0s;
	-ms-transition:all 0.6s ease-in-out 0s;
	-o-transition:all 0.6s ease-in-out 0s;
	-webkit-transition:all 0.6s ease-in-out 0s;
	}
.services-icons div.col-md-3:hover div.icon-box,
.services-icons div.col-md-3 div.icon-box.active {
	background:#4285F4;
	color:#fff;
	cursor:pointer;
	}
.tab_data {
	position:relative;
	float:left;
	width:100%;
	padding:0px;
	margin:40px 0px;
	list-style-type:none;
	}
.tab_data li {
	display:none;
	position:relative;
	float:left;
	width:100%;
	padding:15px;
	}
.tab_data li.active {
	display:block;
	}
.icon-services {
	font-size:74px;
	padding-bottom:10px;
	}
.heading-text {
	font-size:16px;
	}
.services-icons {
	padding-top:80px;
	}
.services-icons div.col-md-3 div.icon-box i {
	transition:all 0.4s ease-in-out 0s;
	-moz-transition:all 0.4s ease-in-out 0s;
	-ms-transition:all 0.4s ease-in-out 0s;
	-o-transition:all 0.4s ease-in-out 0s;
	-webkit-transition:all 0.4s ease-in-out 0s;
	}
.serv_ico_tabs div.col-md-3:hover div.icon-box i,
.services-icons div.col-md-3 div.icon-box.active i {
	transform:rotate(-45deg);
	font-size:84px;	
	color:rgba(255,255,255,0.25);
}


.about {
	position:relative;
	float:left;
	width:100%;
	background:#4285F4;
	padding:70px;
	color:#fff;
}
.about p {
	margin-top:20px;
	}
.testimonials {
	position:relative;
	float:left;
	width:100%;
	padding:70px;
	}
section.last {
	padding-bottom:30px;
	}
.contact {
	position:relative;
	float:left;
	width:100%;
	padding:70px 0px;
	}
.contact_hinfo {
	position:relative;
	float:left;
	width:100%;
	padding:40px 0;
	text-align:center;
	}
.contact_hinfo div.icon { 
	width:36px;
	line-height:36px;
	text-align:center;
	background:#efefef;
	color:#4285F4;
	font-weight:bold;
	border-radius:50%;	
	margin:0px auto 10px auto;
	}

.cont_slide {
	padding:0px;
	height:300px;
	}
/*---- Section Footer texture */
.footer-texture {
	position: relative;
	margin-top: -68px;
	margin-bottom: 100px;
	z-index: 100;
}
.ft-lft-txtr {
	transform:rotate(5deg);
	-moz-transform:rotate(5deg);
	-ms-transform:rotate(5deg);
	-o-transform:rotate(5deg);
	-webkit-transform:rotate(5deg);
	}
.ft-rht-txtr {
	transform:rotate(-5deg);
	-moz-transform:rotate(-5deg);
	-ms-transform:rotate(-5deg);
	-o-transform:rotate(-5deg);
	-webkit-transform:rotate(-5deg);
	}
/*---- Footer */
footer {
  background:url(../images/black-twill.png) #222;
  position:relative;
  float:left;
  width:100%;
  margin-top: 50px;
}
footer .container {
  position: relative;
}
footer .container:after {
  content: '';
  background: transparent;
  width: 0;
  height: 0;
  border-left: 585px solid transparent;
  border-right: 585px solid transparent;
  border-top: 68px solid #FFF;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.foot_texture {
	position:relative;
	float:left;
	width:100%;
	}
footer .container .copyrightRow {
  text-align: center;
  border-top: 1px solid #293133;
  color: #FFF;
  margin-top:120px;
  margin-bottom:70px;
  padding-top:20px;
  
}
footer .container .copyrightRow a {
  color: #FFF;
  text-decoration: none;
}
/*---- Scroll to top */
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    overflow: hidden;
    width: 51px;
    height: 51px;
    border: medium none;
    text-indent: 100%;
    background: url("../images/ui.totop.html") no-repeat scroll left top transparent;
    z-index: 10;
}
#toTop:focus{text-decoration:none; border:0px;}
/*---- CUSTOM -----*/
.fixed-top {position:fixed;top:0px;left:0px;z-index: 1030;}
.no-border-radius {border-radius:0px !important;}
.no-border {border:none !important;}
.no-margin {padding:0 !important;}
.no-padding {padding:0px !important;}
.mob{display:none;}
/*==========> RESPONSIVE CODE STARTS FROM HERE  */
@media screen and (max-width: 1200px){
	.navbar-inverse .navbar-nav > li > a {padding: 10px;margin: 5px;}
	.icon-box {height:204px;}
	}
@media (max-width: 1024px) {
  footer .container:after {
    border-left: 485px solid transparent;
    border-right: 485px solid transparent;
    border-top: 40px solid #FFF;
  }
  footer .container .copyrightRow {
    line-height: 80px;
  }
}
@media screen and (max-width: 992px){
	.navbar-inverse .navbar-nav > li > a {margin: 10px 2px;padding: 5px;}
	.logo-big {width: 105px;margin-top: 10px;}
	.icon-services {
    	font-size:48px;
	}
	.icon-box {height:190px;}
	.serv_ico_tabs div.col-md-3:hover div.icon-box i,
	.services-icons div.col-md-3 div.icon-box.active i {
		font-size:56px;	
	}
	}
@media (max-width: 990px) {
   .about div img {
	   margin-top:120px;
	   }
   footer .container:after {
    border-left: 375px solid transparent;
    border-right: 375px solid transparent;
    border-top: 40px solid #FFF;
  }
  footer .container .copyrightRow {
    line-height: 80px;
  }
}
@media screen and (max-width: 768px){
	.desk{display:none;}
	.mob{display:block;}
	.logo-big {width: 160px;margin-top: 0px;}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border-top: 2px solid #4285F4;background: #222;margin-bottom: -16px;}
	.navbar-inverse .navbar-toggle,.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus {border-color: #4285F4; background:#4285F4;}
	.navbar-inverse .navbar-toggle:hover {box-shadow:inset 0 0 4px 2px rgba(0,0,0,0.10);}
	.navbar-nav {float:none;}
	.navbar-inverse .navbar-nav > li > a {color:#999; margin:0;}
	
	.serv_ico_tabs div.col-md-3:hover div.icon-box i,
	.services-icons div.col-md-3 div.icon-box.active i {
		font-size:24px;	
		color:#fff;
		transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
	}
	.tab_data {
		margin:10px 0 0;
		}
	.icon-box {height:auto; padding:0px;margin-bottom:5px;}
	.icon-services {
		float:left;
		width:auto;
		font-size:24px;
		padding-left:15px;
		padding-right:15px;
		padding-bottom:0px;
		}
	.heading-text {
		text-align:left;
		float:left;
		width:auto;
		line-height: 34px;
		}
		
  .footer-texture {
    margin-top: -80px;
  }
  .ft-lft-txtr {
	transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	}
.ft-rht-txtr {
	transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	}
  footer .container:after {
    display: none;
  }
  
}
@media screen and (max-width: 680px){
	.slider {
		height: 400px;
	}
	.slider img {
		width:250px;
	}
	.slider span.first_heading {
		margin-top: 170px;
		font-size: 32px;
	}
	.slider span.second_heading {
		font-size: 35px;
	}
	.slider span.third_heading {
		font-size: 28px;
		padding-right:5px;
	}
}
@media screen and (max-width: 580px){
	.slider {
		height: 340px;
	}
	.slider img {
		width:200px;
	}
	.slider span.first_heading {
		margin-top: 130px;
		font-size: 26px;
	}
	.slider span.second_heading {
		font-size: 30px;
	}
	.slider span.third_heading {
		font-size: 22px;
		padding-right:5px;
	}
}
@media screen and (max-width: 480px){}
@media screen and (max-width: 400px){
	.slider {
		height: 240px;
	}
	.slider img {
		width:140px;
	}
	.slider span.first_heading {
		margin-top: 100px;
		font-size: 14px;
	}
	.slider span.second_heading {
		font-size: 16px;
	}
	.slider span.third_heading {
		font-size: 14px;
		padding-right:5px;
	}
	}
@media screen and (max-width: 320px){}