/*
	Main StyleSheet For Immortal Header & Slider

	Item Name: Immortal Header & Slider
	Item URL: 
	Description: Different Types of Headers for Web Pages, Bootstrap Sliders, Bootstrap Mega Menu, Bootstrap Modal Forms
	Author: SZThemes
	Author URI: http://codecanyon.net/user/sz_themes
	Version: 1.0


								Content List
  -----------------------------------------------------------------------------------

	NAME ----------------------------------------LINE NUMBER--------------------- #

	Common --------------------------------------51------------------------------ 00

	Navigation Bar ------------------------------67------------------------------ 01	

	Background ----------------------------------365----------------------------- 02	

	Modal ---------------------------------------454----------------------------- 03



	[ Note: Line Numbers Are According To Notepad++ ]


  ------------------------------------------------------------------


							Fonts Styles
  ------------------------------------------------------------------

	  'Open Sans', sans-serif -------------------------------- 01
	              FontAwesome -------------------------------- 02

*/


/*==========================================================================================================================================

													ONE PAGE TRANSPARENT HEADER VERSION

==========================================================================================================================================*/


/*=======================================================
	---00---			
	COMMON
========================================================*/

#immortal_header {

	-webkit-text-size-adjust: 100% !important;
	 -moz-osx-font-smoothing: grayscale !important;
	  -webkit-font-smoothing: antialiased !important;
	    -ms-font-size-adjust: inherit !important;
	        font-size-adjust: inherit !important;

}

/*=======================================================
	---01---
	TOP BAR
========================================================*/

.one_page_transparent_container_fluid {

	z-index: 2;
	position: relative;
	padding: 5px 0px 5px 0px;
	font-family: 'Open Sans', sans-serif;

}

.one_page_transparent_line_height {

	line-height: 30px;

}

.one_page_transparent_line_height i {

	font-size: 16px;
	margin-right: 5px;

}

#one_page_transparent_phone i,
#one_page_transparent_email i {

	padding: 5px;
	border-right: 1px dashed rgba(255, 255, 255, 0.3);

}

#one_page_transparent_login_btn,
#one_page_transparent_register_btn,
#one_page_transparent_search_btn {

	padding: 5px;
	text-decoration: none;

	-webkit-transition: color 0.3s ease-in-out 0s; /* Chrome, Safari, Opera */
            transition: color 0.3s ease-in-out 0s; /* Standard syntax */

}

#one_page_transparent_email a {

	text-decoration: none;

	-webkit-transition: color 0.3s ease-in-out 0s; /* Chrome, Safari, Opera */
            transition: color 0.3s ease-in-out 0s; /* Standard syntax */

}

#one_page_transparent_login_btn,
#one_page_transparent_register_btn,
#one_page_transparent_search_btn  {

	margin-right: 5px;

}

#one_page_transparent_login_btn:hover,
#one_page_transparent_login_btn:focus,
#one_page_transparent_login_btn:active,
#one_page_transparent_register_btn:hover,
#one_page_transparent_register_btn:focus,
#one_page_transparent_register_btn:active,
#one_page_transparent_search_btn:hover,
#one_page_transparent_search_btn:focus,
#one_page_transparent_search_btn:active,
#one_page_transparent_email a:hover,
#one_page_transparent_email a:focus,
#one_page_transparent_email a:active {

	outline: none;

}

#one_page_transparent_social_icons ul {

	margin: 0;
    padding: 0;
	list-style-type: none;

}

#one_page_transparent_social_icons ul li {

	float: left;
	margin-right: 1px;

}

#one_page_transparent_social_icons ul li a {

	width: 30px;
	padding: 5px;
	display: block;
	overflow: hidden;
	position: relative;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;

	-webkit-border-radius: 3px; /* Chrome, Safari, Opera */
	        border-radius: 3px; /* Standard syntax */

 	-webkit-transform: translateZ(0); /* Chrome, Safari, Opera */
            transform: translateZ(0); /* Standard syntax */

  -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
		  backface-visibility: hidden; /* Standard syntax */

	-webkit-transition: color 0.3s ease-in-out 0s; /* Chrome, Safari, Opera */
            transition: color 0.3s ease-in-out 0s; /* Standard syntax */

}

#one_page_transparent_social_icons ul li a:before {

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	z-index: -1;
	position: absolute;

	-webkit-border-radius: 3px; /* Chrome, Safari, Opera */
	        border-radius: 3px; /* Standard syntax */

	-webkit-transform: scale(2); /* Chrome, Safari, Opera */
			transform: scale(2); /* Standard syntax */

	-webkit-transition: -webkit-transform 0.3s ease-in-out 0s; /* Chrome, Safari, Opera */
            transition:         transform 0.3s ease-in-out 0s; /* Standard syntax */

}

#one_page_transparent_social_icons ul li a:hover:before,
#one_page_transparent_social_icons ul li a:focus:before,
#one_page_transparent_social_icons ul li a:active:before {

	-webkit-transform: scale(0); /* Chrome, Safari, Opera */
			transform: scale(0); /* Chrome, Safari, Opera */

}

/*=======================================================
	---02---			
	NAVIGATION BAR
========================================================*/

.one_page_transparent_navbar {

	z-index: 2;
	margin: 0px;
	border: none;
	margin-top: 20px;

	-webkit-border-radius: 0%; /* Chrome, Safari, Opera */
	        border-radius: 0%; /* Standard syntax */

}

.one_page_transparent_navbar.affix {

    top: 0px;
    width: 100%;
    z-index: 10;
	position: fixed;
	margin-top: 0px;

	-webkit-transition: background ease-in-out 0.5s, border ease-in-out 0.5s, top ease-in-out 0.5s, box-shadow ease-in-out 0.5s; /* Chrome, Safari, Opera */
            transition: background ease-in-out 0.5s, border ease-in-out 0.5s, top ease-in-out 0.5s, box-shadow ease-in-out 0.5s; /* Standard syntax */

}

.one_page_transparent_fa_angle_down {

	margin-left: 7px;

}

/*========== LOGO ==========*/

#one_page_transparent_header_logo {

	width: 200px;
	margin-top: 0px;

	-webkit-transition: margin-top ease-in-out 0.3s; /* Chrome, Safari, Opera */
            transition: margin-top ease-in-out 0.3s; /* Standard syntax */

}

.one_page_transparent_navbar.affix div div a #one_page_transparent_header_logo {

	margin-top: 0px;

}

/*========== TOGGLE BUTTON ==========*/

.one_page_transparent_navbar_toggle {

	border: none;

}

.one_page_transparent_navbar_toggle .icon-bar {

	-webkit-transition: all ease-in-out 0.3s; /* Chrome, Safari, Opera */
			transition: all ease-in-out 0.3s; /* Standard syntax */

}

.one_page_transparent_navbar_toggle .one_page_transparent_top_icon_bar {

	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
			transform: rotate(45deg); /* Standard syntax */

	-webkit-transform-origin: 10% 10%; /* Chrome, Safari, Opera */
			transform-origin: 10% 10%; /* Standard syntax */

}

.one_page_transparent_navbar_toggle .one_page_transparent_middle_icon_bar {

	opacity: 0;

}

.one_page_transparent_navbar_toggle .one_page_transparent_bottom_icon_bar {

	-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
			transform: rotate(-45deg); /* Standard syntax */

	-webkit-transform-origin: 10% 90%; /* Chrome, Safari, Opera */
			transform-origin: 10% 90%; /* Standard syntax */

}

.one_page_transparent_navbar_toggle.collapsed .one_page_transparent_top_icon_bar {
	
	-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
			transform: rotate(0deg); /* Standard syntax */

}

.one_page_transparent_navbar_toggle.collapsed .one_page_transparent_middle_icon_bar {

	opacity: 1;

}

.one_page_transparent_navbar_toggle.collapsed .one_page_transparent_bottom_icon_bar {

	-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
			transform: rotate(0deg); /* Standard syntax */

}

/*========== NAV TABS ==========*/

.one_page_transparent_navbar_nav>li>a,
.one_page_transparent_navbar_nav>li>a:visited {

	padding-top: 5px;
	line-height: 40px;
	padding-bottom: 5px;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;

	-webkit-transition: all ease-in-out 0.3s; /* Chrome, Safari, Opera */
            transition: all ease-in-out 0.3s; /* Standard syntax */

}

.one_page_transparent_navbar.affix div .one_page_transparent_navbar_nav>li>a {

	padding-top: 10px;
	padding-bottom: 10px;

}

.one_page_transparent_navbar_nav>li>a:hover,
.one_page_transparent_navbar_nav>li>a:active,
.one_page_transparent_navbar_nav>li>a:focus {

	border: none;
	outline: none;

}


/*=======================================================
	---03---	
	BACKGROUND IMAGE
========================================================*/

.one_page_transparent_background {

	z-index: 1;
	top: -120px;
	padding: 0px;
	overflow: hidden;
	max-height: 700px;
	position: relative;
	margin-bottom: -120px;

}

.one_page_transparent_background>img {

	width: 100%;
	opacity: 0.5;

}

.one_page_transparent_overlay {

	top: 0%;
	bottom: 0%;
	width: 100%;
	position: absolute;
	background-image: url(../../images/one_page_overlay.png);

}

.one_page_transparent_caption {

	z-index: 5;
	bottom: 15%;
	width: 100%;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;

}

.one_page_transparent_caption img {

	-webkit-animation-delay: 1s; /* Chrome, Safari, Opera */
            animation-delay: 1s; /* Standard syntax */

}

.one_page_transparent_caption h1 {

	font-size: 60px;
	font-weight: bold;
	margin-bottom: 20px;

	-webkit-animation-delay: 1.5s; /* Chrome, Safari, Opera */
            animation-delay: 1.5s; /* Standard syntax */

}

.one_page_transparent_caption p {

	font-size: 16px;
	margin-bottom: 50px;

	-webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
            animation-delay: 2s; /* Standard syntax */

}

.one_page_transparent_caption a,
.one_page_transparent_caption a:visited {

	font-weight: bold;
	text-decoration: none;
	padding: 15px 30px 15px 30px;

	-webkit-transition: all ease-in-out 0.2s; /* Chrome, Safari, Opera */
            transition: all ease-in-out 0.2s; /* Standard syntax */

	-webkit-animation-delay: 2.5s; /* Chrome, Safari, Opera */
            animation-delay: 2.5s; /* Standard syntax */

}

/*=======================================================
	---04---			
	MODAL
========================================================*/

.one_page_transparent_modal_dialog {

	top: 20px;

}

.one_page_transparent_modal_content {

	left:12%;
	width: 75%;
	border: none;
	overflow: hidden;
	box-shadow: none;
	position: relative;
	
	-webkit-border-radius: 25px; /* Chrome, Safari, Opera */
	        border-radius: 25px; /* Standard syntax */
}

/*========== HEADER OF MODAL ==========*/

.one_page_transparent_modal_header {
	
	border: none;
	text-align: left;
	padding: 20px 10px;

}

.one_page_transparent_modal_header img {

	width: 250px;

}

.one_page_transparent_modal_header>button {

	opacity: 1;
	z-index: 1;
	left: 10px;
	bottom: 10px;
	border: none;
	outline: none;
	font-size: 35px;
	text-shadow: none;
	position: relative;
	font-weight: normal;
	padding: 0px 9px 0px 9px;

	-webkit-transition: color 0.5s ease-in-out 0s; /* Chrome, Safari, Opera */
            transition: color 0.5s ease-in-out 0s; /* Standard syntax */

}

.one_page_transparent_modal_header >button:hover,
.one_page_transparent_modal_header>button:active,
.one_page_transparent_modal_header>button:focus {

	opacity: 1;
	border: none;
	box-shadow: none;
	outline: none !important;

}

/*========== BODY OF MODAL ==========*/

.one_page_transparent_modal_body {

	margin: 0px;
	font-family: 'Open Sans', sans-serif;

}

#one_page_transparent_modal_user_image {

	text-align: center;

}

#one_page_transparent_modal_user_image img {

	width: 90px;
	
	-webkit-border-radius: 100%; /* Chrome, Safari, Opera */
	        border-radius: 100%; /* Standard syntax */

}

#one_page_transparent_modal_user_image h3 {

	font-weight: bold;

}

.one_page_transparent_modal_body_form>div {

	margin-top: 10px;
	margin-bottom: 25px;

}

.one_page_transparent_modal_body_form div input {

	height: 42px;
	box-shadow: none;
	padding: 0px 0px 0px 20px;
	
	-webkit-border-radius: 0px; /* Chrome, Safari, Opera */
	        border-radius: 0px; /* Standard syntax */

	-webkit-transition: background 0.5s ease-in-out 0s, border 0.5s ease-in-out 0s; /* Chrome, Safari, Opera */
            transition: background 0.5s ease-in-out 0s, border 0.5s ease-in-out 0s; /* Standard syntax */

}

.one_page_transparent_modal_body_form div textarea {

	box-shadow: none;
	height: initial !important;
	padding: 20px 0px 20px 20px;
	
	-webkit-border-radius: 0px; /* Chrome, Safari, Opera */
	        border-radius: 0px; /* Standard syntax */

	-webkit-transition: background 0.5s ease-in-out 0s, border 0.5s ease-in-out 0s; /* Chrome, Safari, Opera */
            transition: background 0.5s ease-in-out 0s, border 0.5s ease-in-out 0s; /* Standard syntax */

}

.one_page_transparent_checkbox input { 

	height: initial !important;

}

.one_page_transparent_modal_body_form  div input:focus,
.one_page_transparent_modal_body_form  div textarea:focus {

	outline: none;
	box-shadow: none;

}

.one_page_transparent_modal_body_form  button {

	display: block;
	font-size: 16px;
	box-shadow: none;
	text-align: center;
	font-weight: normal;
	vertical-align: middle;
	padding: 10px 35px 10px 35px;

	-webkit-border-radius: 0px; /* Chrome, Safari, Opera */
	        border-radius: 0px; /* Standard syntax */

	-webkit-transition: all 0.3s ease-in-out 0s; /* Chrome, Safari, Opera */
            transition: all 0.3s ease-in-out 0s; /* Standard syntax */

}

.one_page_transparent_modal_body_form  button:hover,
.one_page_transparent_modal_body_form  button:focus,
.one_page_transparent_modal_body_form  button:active {

	box-shadow: none;	
	outline: none !important;

}

/*========== FOOTER OF MODAL ==========*/

.one_page_transparent_modal_footer {

	border: none;
	text-align: left;
	padding: 3px 0px 10px 20px;

}

#one_page_transparent_contact_us_modal_social_icons ul {

    padding: 0;
	list-style-type: none;
	margin: 10px 10px 10px 0px;

}

#one_page_transparent_contact_us_modal_social_icons ul li {

	float: left;
	margin-right: 1px;

}

#one_page_transparent_contact_us_modal_social_icons ul li a {

	width: 30px;
	padding: 5px;
	display: block;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;

	-webkit-border-radius: 0%; /* Chrome, Safari, Opera */
	        border-radius: 0%; /* Standard syntax */

	-webkit-transition: color 0.3s ease-in-out 0s; /* Chrome, Safari, Opera */
            transition: color 0.3s ease-in-out 0s; /* Standard syntax */

}

/*========== SEARCH BAR ==========*/

.one_page_transparent_modal_body_search {

	padding: 0px;

}

.one_page_transparent_search_bar>div {

	width: 85%;
	float: left;
	margin: 0px;
	padding-top: 15px;

}

.one_page_transparent_search_bar>div>input {

	font-size: 22px;
	box-shadow: none;
	font-weight: bold;

}

.one_page_transparent_search_bar>div>input:focus {

	box-shadow: none;

}

.one_page_transparent_search_bar>button {

	width: 15%;
	margin: 0px;
	padding: 25px;
	text-align: center;
	border: none !important;

	-webkit-border-radius: 0px; /* Chrome, Safari, Opera */
	        border-radius: 0px; /* Standard syntax */

}

.one_page_transparent_search_bar>button>span {

	vertical-align: middle;

	-webkit-transition: color 0.3s ease-in-out 0s; /* Chrome, Safari, Opera */
            transition: color 0.3s ease-in-out 0s; /* Standard syntax */

}