﻿
.navbar{box-shadow: none;}


/*цвет иконки меню при загрузке*/
.fa.fa-navicon {
  /*outline: 1px solid #000;*/
 color:#fff;
  text-align: left;
}
/*цвет иконки меню после прокрутки*/
#menu.fix .fa.fa-navicon{
  /*outline: 1px solid #000;*/
 color:#00b388;
}

/*цвет меню полоски после прокручивания экрана*/
.top-nav-collapse{background-color: #fff;}

/*второй логотип невидим при загрузке*/
#logo-small{
	display:none;
}

/*цвет пунктов меню при загрузке*/
#menu.fix a{color:#000;font-size: 80%}
#menu a{color:#fff;font-size: 80%}
/*цвет пунктов меню при наведении и тд.*/
#menu a:hover, #menu a:active{
	color: #00b388!important;
	border:0px}	



#menu.fix {
	 box-shadow: 0px 5px 4px -4px #000;
	 transition: 1s;
}


/*.fix-toggler-icon{color: #00b388;}*/

header,#intro{max-height: 1000px;}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .container#title2{

margin-left:0!important;
    }
}


#intro{background: #262626 url(../img/img_header_1920.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  background-size:  cover; }

/*на сколько опустить ЗАГЛОВОК ОТ ВЕРХА, исключительно делаю это из за IE*/
/*.title2{margin-top:150px;display:block!important;}*/

#menu ul{padding-left:2em;}

/*Что бы при маленьком экране навбар был сразу виден и не менял цвет при прокрутке*/
 @media(max-width: 768px){
 	
 	.navbar:not(.top-nav-collapse){
 		/*цвет иконки свернутого меню*/
		background-color: #425563;
 	}
 	/*цвет пунктов меню после прокрутки*/
	#menu.fix a{color: #000;}

 	
	#menu ul{padding-left:0.65em;}
 	
 	
 }