/*
	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 --------------------------------------52------------------------------ 00

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

	Slider --------------------------------------593----------------------------- 02	

	Modal ---------------------------------------851----------------------------- 03



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


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


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

	'Open Sans', sans-serif ---------------------------------- 01
	  'Raleway', sans-serif ---------------------------------- 02
	     'Lato', sans-serif ---------------------------------- 03
	            FontAwesome ---------------------------------- 04

*/


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

														FIXED WIDTH HEADER VERSION

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

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

#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---			
	FIXED WIDTH HEADER VERSION NAVIGATION BAR
========================================================*/

.fixed_width_navbar {

	z-index: 3;
	margin: 0px;
	border: none;
	padding-left: 0;/*25px*/

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

}

.fixed_width_fa_angle_down {

	margin-left: 7px;

}

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

#fixed_width_header_logo {

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

}

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

.fixed_width_navbar_toggle {

	border: none;

}

.fixed_width_navbar_toggle .icon-bar {

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

}

.fixed_width_navbar_toggle .fixed_width_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 */

}

.fixed_width_navbar_toggle .fixed_width_middle_icon_bar {

	opacity: 0;

}

.fixed_width_navbar_toggle .fixed_width_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 */

}

.fixed_width_navbar_toggle.collapsed .fixed_width_top_icon_bar {

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

}

.fixed_width_navbar_toggle.collapsed .fixed_width_middle_icon_bar {

	opacity: 1;

}

.fixed_width_navbar_toggle.collapsed .fixed_width_bottom_icon_bar {

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

}

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

.fixed_width_navbar_nav {

	margin-left: 50px;

}

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

	overflow: hidden;
	padding-top: 30px;
	position: relative;
	padding-bottom: 30px;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;

	-webkit-transition: all ease-in-out 0.3s; /* Chrome, Safari, Opera */
            transition: all ease-in-out 0.3s; /* 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 */

}

.fixed_width_navbar_nav>li>a:before {

	top: 0;
	left: 0;
	height: 4px;
	content: "";
	z-index: -1;
	right: 100%;
	position: absolute;

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

}

.fixed_width_navbar_nav>li>a:hover:before,
.fixed_width_navbar_nav>li>a:focus:before,
.fixed_width_navbar_nav>li>a:active:before {

	right: 0;

}

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

	border: none;
	outline: none;

}

/*========== DROPDOWN ==========*/

.fixed_width_dropdown_menu {

	border: none;
	padding: 0px;
	font-family: 'Lato', sans-serif;

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

}

.fixed_width_dropdown_menu li a,
.fixed_width_dropdown_menu li a:visited {

	padding: 15px 15px 15px 15px;

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

}

.fixed_width_dropdown_menu li a i {

	margin-right: 5px;

}

/*========== MULTI LEVEL DROPDOWN ==========*/

.fixed_width_dropdown_right i,
.fixed_width_dropdown_left i  {

	margin-left: 15px;

}

.fixed_width_dropdown_menu_right {

	top: -1px;
	left: 100%;
	position: absolute;

}

.fixed_width_dropdown_menu_left {
	
	top: -1px;
	left: -92%;
	position: absolute;

}

/*========== SHORT CODE DROPDOWN ==========*/

.fixed_width_dropdown_menu_shortcodes {

	left: -450px;
	width: 1000px;
	font-family: 'Lato', sans-serif;

}

.fixed_width_shortcodes_list {

	padding: 0px;

}

.fixed_width_shortcodes_list ul {

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

}

.fixed_width_shortcodes_list ul li a,
.fixed_width_shortcodes_list ul li a:visited {

	display: block;
	text-decoration: none;
	padding: 5px 0px 5px 20px;	

}

.fixed_width_shortcodes_list ul li a i {

	margin-right: 10px;
	
}

/*========== FEATURES DROPDOWN ==========*/

.fixed_width_dropdown_menu_features {

	left: -600px;
	width: 1000px;
	font-family: 'Lato', sans-serif;

}

.fixed_width_features_list {

	padding: 0px;

}

.fixed_width_features_list ul {

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

}

.fixed_width_features_list ul li a,
.fixed_width_features_list ul li a:visited {

	display: block;
	text-decoration: none;	
	padding: 5px 0px 5px 25px;

}

.fixed_width_features_list_heading {

	padding: 5px 0px 5px 25px;

}

/*========== MEGA DROPDOWN ==========*/

.fixed_width_dropdown_menu_mega {

	left: -750px;
	width: 1100px;
	padding: 5px 5px 5px 5px;
	font-family: 'Lato', sans-serif;

}

.fixed_width_mega_list {

	margin: 0px;

}

.fixed_width_mega_list ul {

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

}

.fixed_width_mega_list ul li {

	margin: 25px 0px 25px 0px;

}

.fixed_width_mega_list_heading {

	font-weight: normal;
	text-transform: uppercase;

}

.fixed_width_mega_list ul li a,
.fixed_width_mega_list ul li a:visited {

	margin: 0px;
	padding: 0px;
	text-decoration: none;
	text-transform: capitalize;

}

.fixed_width_mega_list ul li a i {

	margin-right: 10px;

}

.fixed_width_mega_image {

	margin: 0px;

}

.fixed_width_mega_image ul {

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

}

.fixed_width_mega_image ul li {

	margin: 25px 0px 25px 0px;

}

.fixed_width_mega_image_heading {

	font-weight: normal;
	text-transform: uppercase;

}

.fixed_width_mega_image img {

	width: 100%;

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

}

.fixed_width_mega_image ul li h5 {

	margin-top: 25px;
	font-weight: bold;
	margin-bottom: 25px;
	text-transform: capitalize;

}

.fixed_width_mega_image p {

	text-align: justify;

}

.fixed_width_mega_posts {

	margin: 0px;

}

.fixed_width_mega_posts ul {

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

}

.fixed_width_mega_posts_heading {

	font-weight: normal;
	text-transform: uppercase;
	margin: 25px 0px 25px 0px;

}

.fixed_width_mega_posts_col_img {

	margin: 0%;
	padding: 0%;

}

.fixed_width_mega_posts_col_img img {

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

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

}

.fixed_width_mega_posts_row {

	margin: 10px 0px 0px 0px;

}

.fixed_width_mega_posts_col_text h5 {

	padding: 0px;
	margin: 0px 0px 5px 0px;
	text-transform: capitalize;

}

.fixed_width_mega_posts_col_text h5 a,
.fixed_width_mega_posts_col_text h5 a:visited {

	margin: 0px;
	padding: 0px;
	font-weight: bold;
	text-decoration: none;

}

.fixed_width_mega_posts_row:hover .fixed_width_mega_posts_col_img img {

	opacity: 1;

}

/*========== SHOP DROPDOWN ==========*/

.fixed_width_dropdown_menu_shop {

	left: -840px;
	width: 1100px;
	padding: 15px 25px 15px 25px;
	font-family: 'Lato', sans-serif;

}

.fixed_width_dropdown_menu_shop_row {

	margin-top: 10px;

}

.fixed_width_dropdown_menu_shop_col img {

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

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

}

.fixed_width_dropdown_menu_shop_col h5 {

	padding: 0px;
	margin: 20px 0px 5px 0px;
	text-transform: uppercase;

}

.fixed_width_dropdown_menu_shop_col h5 a,
.fixed_width_dropdown_menu_shop_col h5 a:visited {

	margin: 0px;
	padding: 0px;
	font-weight: bold;
	text-decoration: none;

}

.fixed_width_dropdown_menu_shop_col p {

	text-align: justify;

}

.fixed_width_dropdown_menu_shop_col:hover img {

	opacity: 1;

}

/*=======================================================
	---02---	
	FIXED WIDTH SLIDER
========================================================*/

.fixed_width_carousel_wrapper {

	overflow: hidden;
	max-height: 550px;
	margin-top: 0px;

}

.fixed_width_carousel_wrapper > .carousel-inner > .item > img,
.fixed_width_carousel_wrapper > .carousel-inner > .item > a > img {

	opacity: 0.6;
	margin: auto;
	width: 100% !important;

}

/*========== LEFT/RIGHT CONTROL ==========*/


.fixed_width_carousel_control_left,
.fixed_width_carousel_control_right {

	top: 40%;
	z-index: 2;
	opacity: 0;
	width: 35px;
	border: none;
	height: 100px;
	text-align: center;
	
	-webkit-border-radius: 0%; /* Chrome, Safari, Opera */
			border-radius: 0%; /* Standard syntax */

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

}

.fixed_width_carousel_wrapper:hover .fixed_width_carousel_control_left,
.fixed_width_carousel_wrapper:hover .fixed_width_carousel_control_right {

	opacity: 0.7;

}

.fixed_width_carousel_icons {

	text-shadow: none;
	line-height: 100px;
	font-size: 25px !important;
	font-weight: normal !important;

}

.fixed_width_carousel_control_left {

	left: 0% !important;

}

.fixed_width_carousel_control_right {

	right: 0% !important;

}

/*========== FADE EFFECT ==========*/

.fixed_width_carousel_fade {

	opacity: 1;

}

.fixed_width_carousel_fade .item {

	top: 0;
	z-index: 1;
	opacity: 0;
	width: 100%;
	position: absolute;
	left: 0 !important;
	display: block !important;

	-webkit-transition: opacity ease-in-out 0.3s; /* Chrome, Safari, Opera */
       -moz-transition: opacity ease-in-out 0.3s; /* Mozilla */	
        -ms-transition: opacity ease-in-out 0.3s; /* IE 9 */	
         -o-transition: opacity ease-in-out 0.3s; /* Opera */  
            transition: opacity ease-in-out 0.3s; /* Standard syntax */

}

.fixed_width_carousel_fade .item:first-child {

	top: auto;
	position: relative;

}

.fixed_width_carousel_fade .item.active {

	opacity: 1;
	z-index: 2;

	-webkit-transition: opacity ease-in-out 0.3s; /* Chrome, Safari, Opera */
       -moz-transition: opacity ease-in-out 0.3s; /* Mozilla */	
        -ms-transition: opacity ease-in-out 0.3s; /* IE 9 */	
         -o-transition: opacity ease-in-out 0.3s; /* Opera */  
            transition: opacity ease-in-out 0.3s; /* Standard syntax */

}

/*========== CAPTION ==========*/

.fixed_width_carousel_caption {

	left: 0%;
	right: 0%;
	width: 100%;
	bottom: 45%;
	text-shadow: none;
	text-align: center;
	padding: 20px 20px 20px 20px;
	font-family: 'Open Sans', sans-serif;

}

.fixed_width_carousel_caption h1 {

	font-size: 60px;
	font-weight: 800;
	margin-bottom: 25px;
	text-transform: uppercase;

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

	-webkit-animation-timing-function: cubic-bezier(.22,.81,.01,.99); /* Chrome, Safari, Opera */
			animation-timing-function: cubic-bezier(.22,.81,.01,.99); /* Chrome, Safari, Opera */

}

.fixed_width_carousel_caption p {

	width: 50%;
	float: none;
	margin: auto;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 10px 5px 10px 5px;

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

	-webkit-animation-timing-function: cubic-bezier(.22,.81,.01,.99); /* Chrome, Safari, Opera */
			animation-timing-function: cubic-bezier(.22,.81,.01,.99); /* Chrome, Safari, Opera */

}

.fixed_width_carousel_button_colored,
.fixed_width_carousel_button_colored:visited {

	outline: 0;
	width: auto;
	height: 44px;
	border: none;
	padding: 0 23px;
	cursor: pointer;
	font-size: 13px;
	text-align: left;
	margin: 25px 10px;
	text-shadow: none;
	line-height: 44px;
	position: relative;
	font-style: normal;
	white-space: nowrap;
	letter-spacing: 1px;
	font-weight: normal;
	display: inline-block;
	text-transform: uppercase;
	text-decoration: none !important;
	font-family: 'Open Sans', sans-serif;

	-webkit-border-radius: 0px; 
	   -moz-border-radius: 0px;
	        border-radius: 0px; 

	-webkit-box-sizing:initial !important;
	   -moz-box-sizing:initial !important;
			box-sizing:initial !important;
			
 	-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 */
			
	-webkit-animation-delay: 2.5s; /* Chrome, Safari, Opera */
            animation-delay: 2.5s; /* Standard syntax */
			
	-webkit-animation-timing-function: cubic-bezier(.22,.81,.01,.99); /* Chrome, Safari, Opera */
			animation-timing-function: cubic-bezier(.22,.81,.01,.99); /* Chrome, Safari, Opera */

}

.fixed_width_carousel_button_colored:before {

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

	-webkit-border-radius: 0px; 
	   -moz-border-radius: 0px;
	        border-radius: 0px; 

	-webkit-transform: scaleY(1); /* Chrome, Safari, Opera */
			transform: scaleY(1); /* Standard syntax */

	-webkit-transform-origin: 50%; /* Chrome, Safari, Opera */
			transform-origin: 50%; /* 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 */

}

.fixed_width_carousel_button_colored:hover,
.fixed_width_carousel_button_colored:active,
.fixed_width_carousel_button_colored:focus {

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

}

.fixed_width_carousel_button_colored:hover:before,
.fixed_width_carousel_button_colored:focus:before,
.fixed_width_carousel_button_colored:active:before {

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

}

/*=======================================================
	---03---			
	FIXED WIDTH MODAL
========================================================*/

.fixed_width_modal_dialog {

	top: 20px;

}

.fixed_width_modal_content {

	left:12%;
	width: 75%;
	border: none;
	overflow: hidden;
	box-shadow: none;
	position: relative;

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

}

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

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

}

.fixed_width_modal_header img {

	width: 250px;

}

.fixed_width_modal_header>button {

	opacity: 1;
	z-index: 1;
	left: 10px;
	border: none;
	bottom: 10px;
	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 */

}

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

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

}

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

.fixed_width_modal_body {

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

}

#fixed_width_modal_user_image {

	text-align: center;

}

#fixed_width_modal_user_image img {

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

}

#fixed_width_modal_user_image h3 {

	font-weight: bold;

}

.fixed_width_modal_body_form>div {

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

}

.fixed_width_modal_body_form div input {

	height: 42px;
	box-shadow: none;
	border-left: none;
	border-right: 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 */

}

.fixed_width_modal_body_form div textarea {

	box-shadow: none;
	border-left: none;
	border-right: 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 */

}

.fixed_width_checkbox input { 

	height: initial !important;

}

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

	outline: none;
	box-shadow: none;

}

.fixed_width_modal_body_form  button {

	border: none;
	display: block;
	font-size: 16px;
	overflow: hidden;
	box-shadow: none;
	position: relative;
	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-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 */

}

.fixed_width_modal_body_form  button:before {

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

	-webkit-transform: scaleY(1); /* Chrome, Safari, Opera */
			transform: scaleY(1); /* Standard syntax */

	-webkit-transform-origin: 50%; /* Chrome, Safari, Opera */
			transform-origin: 50%; /* 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 */

}

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

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

}

.fixed_width_modal_body_form  button:hover:before,
.fixed_width_modal_body_form  button:focus:before,
.fixed_width_modal_body_form  button:active:before {

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

}

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

.fixed_width_modal_footer {

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

}

#fixed_width_contact_us_modal_social_icons ul {

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

}

#fixed_width_contact_us_modal_social_icons ul li {

	float: left;
	margin-right: 1px;

}

#fixed_width_contact_us_modal_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: 0px; /* Chrome, Safari, Opera */
	        border-radius: 0px; /* 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 */

}

#fixed_width_contact_us_modal_social_icons ul li a:before {

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	z-index: -1;
	position: absolute;
	
	-webkit-border-radius: 5px; /* Chrome, Safari, Opera */
	        border-radius: 5px; /* 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 */

}

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

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

}

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

.fixed_width_modal_body_search {

	padding: 0px;

}

.fixed_width_search_bar>div {

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

}

.fixed_width_search_bar>div>input {

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

}

.fixed_width_search_bar>div>input:focus {

	border: none;
	box-shadow: none;

}

.fixed_width_search_bar>button {

	width: 15%;
	margin: 0px;
	padding: 25px;
	text-align: center;

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

}

.fixed_width_search_bar>button>span {

	vertical-align: middle;

}