/* -----------------------------------------------------------------------*\

								  SZ 
					 Menu Bootstrap Responsive Menu 
								v1.0.0
								(Black)
\*----------------------------------------------------------------------- */



/*----------------------CSS For navbar------------------------------*/

.sz-main-menu-bar {

	border: none !important;
	font-size: 15px !important;
	border-radius: 0px !important;
	font-family: georgia !important;
	background-color: #ffffff !important;
	box-shadow: 0px 0px 10px #959595 !important;
	
	
}

.sz-menu-bar-brand,
.sz-menu-bar-nav>li>a {

	color: #959595 !important;

	-webkit-transition: color 0.4s linear 0s; /* Chrome, Safari */
       -moz-transition: color 0.4s linear 0s; /* Mozilla */	
        -ms-transition: color 0.4s linear 0s; /* IE 9 */	
         -o-transition: color 0.4s linear 0s; /* Opera */  
            transition: color 0.4s linear 0s; /* Standard syntax */
			
	-webkit-transform: translateZ(0); /* Chrome, Safari */
       -moz-transform: translateZ(0); /* Mozilla */
        -ms-transform: translateZ(0); /* IE 9 */
         -o-transform: translateZ(0); /* Opera */
            transform: translateZ(0); /* Standard syntax */

}

.sz-menu-bar-brand:before,
.sz-menu-bar-nav>li>a:before {

	top: 0%;
	left:  50%;
	right: 50%;
	bottom: 0px;
	height: 3px;
	z-index: -1;
	content: "";
	position: absolute;
	background: #000000 !important;

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

.sz-menu-bar-brand:hover:before,
.sz-menu-bar-nav>li>a:hover:before,  
.sz-menu-bar-brand:focus:before,
.sz-menu-bar-nav>li>a:focus:before, 
.sz-menu-bar-brand:active:before,
.sz-menu-bar-nav>li>a:active:before {

	left:  0px;
	right: 0px;
  
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); /* Chrome, Safari */
       -moz-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); /* Mozilla */
        -ms-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); /* IE 9 */
         -o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); /* Opera */
            transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); /* Standard syntax */
  
}

.sz-menu-bar-nav>li>a:link,
.sz-menu-bar-nav>li>a:focus,
.sz-menu-bar-nav>li>a:visited {

	background-color: #ffffff !important;

}

.sz-menu-bar-brand:hover,
.sz-menu-bar-nav>li>a:hover{

	color: #000000 !important;
	background-color: #f2f2f2 !important;

}

.sz-menu-bar-toggle {

	border-radius: 0px !important;
	border: 1px solid #959595 !important;
	
	-webkit-transition: all 0.4s linear 0s;	/* Chrome, Safari */
       -moz-transition: all 0.4s linear 0s; /* Mozilla */	
        -ms-transition: all 0.4s linear 0s; /* IE 9 */	
         -o-transition: all 0.4s linear 0s; /* Opera */  
            transition: all 0.4s linear 0s; /* Standard syntax */
}

.sz-menu-bar-toggle:hover,
.sz-menu-bar-toggle:focus,
.sz-menu-bar-toggle:visited {

	background-color: #f2f2f2 !important;

}

.sz-menu-collapse {

	border-top: none !important;

}

.sz-menu-bar-header>button>span,
.sz-menu-bar-header>button>span:hover {

	background-color: #959595 !important;

}

/*----------------------CSS For Drop Down------------------------------*/

.sz-dropdown-menu {

	border:  0px;
	outline: 0px;
	padding: 0px;
	margin-top: 1px !important;
	border-radius: 0px !important;
	background-color: #ffffff !important;
	
}

.sz-dropdown-menu>li>a {

	height: 40px;
	line-height: 40px;
	color: #959595 !important;
	font-size: 15px !important;
	
	-webkit-transition: color 0.4s linear 0s; /* Chrome, Safari */
       -moz-transition: color 0.4s linear 0s; /* Mozilla */	
        -ms-transition: color 0.4s linear 0s; /* IE 9 */	
         -o-transition: color 0.4s linear 0s; /* Opera */  
            transition: color 0.4s linear 0s; /* Standard syntax */
			
	-webkit-transform: translateZ(0); /* Chrome, Safari */
       -moz-transform: translateZ(0); /* Mozilla */
        -ms-transform: translateZ(0); /* IE 9 */
         -o-transform: translateZ(0); /* Opera */
            transform: translateZ(0); /* Standard syntax */

}

.sz-dropdown-menu>li>a:before {
	
	left:  50%;
	right: 50%;
	bottom: 0px;
	height: 2px;
	z-index: -1;
	content: "";
	position: absolute;
	background: #000000 !important;

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

.sz-dropdown-menu>li>a:hover:before, 
.sz-dropdown-menu>li>a:focus:before, 
.sz-dropdown-menu>li>a:active:before {
 
	left:  0px;
	right: 0px;
  
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); /* Chrome, Safari */
       -moz-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); /* Mozilla */
        -ms-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); /* IE 9 */
         -o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); /* Opera */
            transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); /* Standard syntax */
			
}

.sz-dropdown-menu>li>a:hover {

	color: #000000 !important;
	background-color: #f2f2f2 !important;

}

.sz-divider{

	margin: 0px !important;
	background-color: #d9d9d9 !important;

}

/*----------------------CSS For Second Level Left/Right Drop Down------------------------------*/

.sz-second-level-dropdown-left {

	top: -1px;
	left: 95%;
	position: absolute;
	border-radius: 0px !important;
	background-color: #ffffff !important;

}

.sz-second-level-dropdown-li:hover .sz-second-level-dropdown-left,
.sz-second-level-dropdown-li:hover .sz-second-level-dropdown-right{

	display: block !important;

}

.sz-second-level-dropdown-right{
	
	top: -1px;
	left: -95%;
	position: absolute;
	border-radius: 0px !important;
	background-color: #ffffff !important;

}

/*----------------------CSS For Third Level Left/Right Drop Down------------------------------*/

.sz-third-level-dropdown-left {

	top: -1px;
	left: 95%;
	position: absolute;
	border-radius: 0px !important;
	background-color: #ffffff !important;

}

.sz-third-level-dropdown-li:hover .sz-third-level-dropdown-left,
.sz-third-level-dropdown-li:hover .sz-third-level-dropdown-right{

	display: block !important;

}

.sz-third-level-dropdown-right{

	top: -1px;
	left: -95%;
	position: absolute;
	border-radius: 0px !important;
	background-color: #ffffff !important;

}

/*----------------------CSS For Glyph Icons------------------------------*/

#sz-logo {

	font-weight: bold;
	font-family: elephant;

}

#sz-logo,
.sz-menu-bar-brand>span,
.sz-dropdown-toggle>i {

	color: #959595 !important;
	padding-right: 2px !important;

}

.sz-glyphicon-home{

	font-size: 20px !important;

}

.sz-caret {

	margin-left: 8px !important;

}

.sz-menu-bar-brand:hover>span,
.sz-menu-bar-brand:focus>span,
.sz-dropdown-toggle:hover>i,
.sz-dropdown-toggle:focus>i {

	color: #000000 !important;
	
	-webkit-transition: -webkit-transform 0.5s;	/* Chrome, Safari */
       -moz-transition:    -moz-transform 0.5s; /* Mozilla */	
        -ms-transition:     -ms-transform 0.5s; /* IE 9 */	
         -o-transition:      -o-transform 0.5s; /* Opera */  
            transition:         transform 0.5s; /* Standard syntax */
			
	-webkit-transform: rotateY(360deg); /* Chrome, Safari */
       -moz-transform: rotateY(360deg); /* Mozilla */
        -ms-transform: rotateY(360deg); /* IE 9 */
         -o-transform: rotateY(360deg); /* Opera */
            transform: rotateY(360deg); /* Standard syntax */

}

.sz-glyphicon {

	font-size: 16px !important;
	margin-right: 14px !important;
	
	-webkit-transition: -webkit-transform 0.5s;	/* Chrome, Safari */
       -moz-transition:    -moz-transform 0.5s; /* Mozilla */	
        -ms-transition:     -ms-transform 0.5s; /* IE 9 */	
         -o-transition:      -o-transform 0.5s; /* Opera */  
            transition:         transform 0.5s; /* Standard syntax */

}

.sz-menu-bar-nav>li>a:hover .sz-glyphicon,
.sz-menu-bar-nav>li>a:focus .sz-glyphicon  {

	color: #000000 !important;
	
    -webkit-transform: rotateY(360deg); /* Chrome, Safari */
       -moz-transform: rotateY(360deg); /* Mozilla */
        -ms-transform: rotateY(360deg); /* IE 9 */
         -o-transform: rotateY(360deg); /* Opera */
            transform: rotateY(360deg); /* Standard syntax */

}

.sz-dropdown-menu>li>a:hover .sz-glyphicon {

	color: #000000 !important;

    -webkit-transform: rotateX(360deg); /* Chrome, Safari */
       -moz-transform: rotateX(360deg); /* Mozilla */
        -ms-transform: rotateX(360deg); /* IE 9 */
         -o-transform: rotateX(360deg); /* Opera */
            transform: rotateX(360deg); /* Standard syntax */

}

/*----------------------CSS For Social Media Icons------------------------------*/

.sz-social-media-icon {

	font-size: 25px !important;

}

.sz-badge {

	color: #ffffff !important;
	text-shadow: none!important;
	background-color: #959595 !important;

}

.sz-dropdown-menu-social>li:hover {

	color: #000000 !important;

}

/*----------------------CSS For Search Bar------------------------------*/

.sz-dropdown-menu-form {

	top: 100%;
	left: -78%;
	position: absolute;
	border-radius: 0px !important;

}

.sz-form-control{

	border: none !important;
	outline: none !important;
	color: #000000 !important;
	box-shadow: none !important;
	min-width: 175px !important;
	border-radius: 0px !important;
	background-color: #f2f2f2 !important;
	
}

.sz-form-control:focus{

	box-shadow: none !important;
	
}

.sz-search-button {

	color: #959595 !important;
	border-radius: 0px !important;
	background-color: #ffffff !important;
	
	-webkit-transition: all 0.3s linear 0s; /* Chrome, Safari */
       -moz-transition: all 0.3s linear 0s; /* Mozilla */	
        -ms-transition: all 0.3s linear 0s; /* IE 9 */	
         -o-transition: all 0.3s linear 0s; /* Opera */  
            transition: all 0.3s linear 0s; /* Standard syntax */

}

.sz-search-button:hover {

	color: #000000 !important;

}

::-webkit-input-placeholder {

    color: #959595 !important;	 /* WebKit browsers */
	
}

:-moz-placeholder { 

    color: #959595 !important;	/* Mozilla Firefox 4 to 18 */
   
}

::-moz-placeholder { 

    color: #959595 !important;	/* Mozilla Firefox 19+ */
   
}

:-ms-input-placeholder { 

    color: #959595 !important;	/* Internet Explorer 10+ */
   
}