/* ------------------------------------------------------------------------------

	Template Name: Coming soon
	Template URI: http://http://www.themeelite.com/flato
	Description: Full Screen Coming Soon Template
	Author: Andy
	Author URI: http://www.themeelite.com
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.0
	
	1.  CSS Reset
	2.	Document Setup
	3.	Header Part
		3.1 Slide show background control
	4.  Background slider CSS style
	5.	Menu Style
	6.	About me Style
	7.	Technical Skills Style
	8.	Work Experience Style
	9.	Education Style
	10. Protfolio Style
	11. Get in tuch Style
	12. Footer Style
	13. Responsive style
		
		
---------------------------------------------------------------------------------
/* 1. CSS Reset
-------------------------------------------------------------------------------*/

* {
	padding:0;
	margin:0;
}
body {

	font-family: 'Open Sans', sans-serif;
	font-weight: 300;

}
.contactDetails a {
	text-decoration:none;
	color:#fff;
	outline:none;
}
/*----------------------------------------------------
 2.	Document Setup
------------------------------------------------------*/
.airport_list{
        padding: 10px 0px;
}
.contactDetails p {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	line-height:21px;
	font-weight:400;
	padding-bottom:22px;
	margin:0px;
}


.contactDetails h4 {
		color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-size:19px;
	line-height:24px;
	padding-bottom:6px;
	font-weight:600;
	margin:0px;
}

*----------------------------------------------------
 3.	Header Part
------------------------------------------------------*/

/*----------------------------------------------------
 5.	Menu Style
------------------------------------------------------*/
.isStuck {
	left:0px;
	width:100%;
}
.menu {
	margin-top:0px;
	position: static;
	left:0px;
	right:0px;
}
.navwrapper .container {
	padding:0;
	width:auto;
}
.navbar-header {
	display:block;
}
.nav > li > a {
	display:inline-block;
}
.navbar-nav > li {
	float: none;
	display: inline;
}
.navbar-nav {
	margin: 0 auto;
	text-align: center;
	float: none;
}
.navbar-toggle {
	margin-top:14px;
}
/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
	margin-top:0px;
	position: relative;
	z-index: 15;
	background:#262b37;
}
.navbar-wrapper .container {
	padding:0px;
}
.navbar-collapse {
	padding:0;
}
.navbar-collapse.in {
	max-height:100%;
}
.navbar.navbar-inverse.navbar-static-top {
	margin:0px auto;
	background:#262b37;
	color:#c3c8d6;
	border:none;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	text-transform:uppercase;
}
.navbar.navbar-inverse.navbar-static-top a {
	color:#c3c8d6;
	padding:22px 25px;
	line-height:18px;
	text-align:center;
}
.navbar.navbar-inverse.navbar-static-top a:hover {
	color:#fff;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus {
	background:#1b1f29;
	color:#c3c8d6;
}
.navbar-inverse .navbar-nav>.active>a:hover {
	background:#1b1f29;
	color:#fff;
}
.hideClass {
	display:none;
}
.carousel {
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	z-index: 10;
}
/* Declare heights because of positioning of img element */


.contactDetails {
	background:#474d5d;
}
.contactDetails .container {
	padding-top:85px;
	padding-bottom:90px;
}
.contactDetails h4 {
	font-weight:600;
	text-transform:uppercase;
	padding-bottom:15px;
}
.contactDetails p {
	color:#93959c;
	font-size:13px;
	line-height:19px;
	padding-bottom:14px;
}
.contactDetails p a {
	color:#93959c;
}
.contactDetails p a:hover {
	color:#a9abb0;
	text-decoration:none;
}
.contactDetails i {
	padding-right:15px;
}

/*----------------------------------------------------
 12. Footer Style
------------------------------------------------------*/
.footer {
	background:#00bdbd;
}
.footer .container {
	padding:40px 0;
}
.footer ul {
	margin:0 auto;
	text-align:center;
	list-style-type:none;
}
.footer ul li {
	display:inline-block;
	text-align:center;
	background:#ffffff;
	color:#00bdbd;
	line-height:42px;
	margin:0 6px;
	width:42px !important;
	height:42px !important;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.footer ul li:hover {
	background:#0a9f9f;
}
.footer ul li:hover a {
	color:#fff;
}
.footer ul li a {
	color:#00bdbd;
	width:42px !important;
	height:42px !important;
}
.footer ul li a i {
	line-height:42px !important;
}



	
/*---------------------------------------------------------------------------------
 13. Responsive style
-------------------------------------------------------------------------------*/

@media screen and (min-width: 1200px) {
	 .workYear {
	 width:140px;
	 height:140px;
	 padding-top:50px;
	}
	 .education .workYear {
	 padding-top:58px;
	}
}
 @media screen and (max-width: 991px) {
	   .bannerText {
		 top: 10%;
		}
	 .navbar.navbar-inverse.navbar-static-top a {
	 padding-left:18px;
	 padding-right:18px;
	}
	 .bannerText {
	 padding-left:10px;
	 padding-right:10px;
	}
	 .bannerText h1 {
	 font-size:65px;
	 line-height:71px;
	}
	 .bannerText h2 {
	 font-size:28px;
	}
	 .proPic {
	 text-align:center;
	}
}
 @media screen and (max-width: 810px) {
	 body {
	 min-height:700px;
	}

	 .navbar.navbar-inverse.navbar-static-top a {
	 padding-left: 17px;
	}
}

 @media screen and (max-width: 768px) {
	 .navbar-wrapper .container,  .navwrapper .container {
	 padding-right: 15px;
	 padding-left: 15px;
	}
}
 @media screen and (max-width: 767px) {
	 .navbar-header {
	 display:block;
	}
	.navbar-brand {
	    padding: 5px 15px;
	}

	 ul.navbar-nav li a {
	 display:block;
	}
}
 @media screen and (max-width: 480px) {
	 .navbar.navbar-inverse.navbar-static-top a {
	 line-height: 17px;
	 padding-top:11px;
	 padding-bottom:11px;
	}
	.input-lg{
		height: 48px;
	}
}